@epam/ai-dial-ui-kit 0.5.0-rc.84 → 0.5.0-rc.86

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

@@ -418,7 +418,7 @@ const Xe = (e) => {
     "left-bottom"
   ], y = () => [...S(), le, ae], R = () => ["auto", "hidden", "clip", "visible", "scroll"], x = () => ["auto", "contain", "none"], E = () => [le, ae, l], M = () => [xi, "full", "auto", ...E()], k = () => [Ds, "none", "subgrid", le, ae], F = () => ["auto", {
     span: ["full", Ds, le, ae]
-  }, Ds, le, ae], P = () => [Ds, "auto", le, ae], H = () => ["auto", "min", "max", "fr", le, ae], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], te = () => ["auto", ...E()], re = () => [xi, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, le, ae], ne = () => [...S(), Zd, Yd, {
+  }, Ds, le, ae], P = () => [Ds, "auto", le, ae], H = () => ["auto", "min", "max", "fr", le, ae], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], se = () => ["auto", ...E()], re = () => [xi, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], N = () => [e, le, ae], ne = () => [...S(), Zd, Yd, {
     position: [le, ae]
   }], K = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -973,63 +973,63 @@ const Xe = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: te()
+        m: se()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: te()
+        mx: se()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: te()
+        my: se()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: te()
+        ms: se()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: te()
+        me: se()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: te()
+        mt: se()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: te()
+        mr: se()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: te()
+        mb: se()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: te()
+        ml: se()
       }],
       /**
        * Space Between X
@@ -5923,14 +5923,14 @@ var vr = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(vr ||
             b = "".concat(V, "vh");
           }
         }
-        var te = {
+        var se = {
           width: this.createSizeForCssProperty(S, "width"),
           height: this.createSizeForCssProperty(b, "height")
         };
-        this.flexDir === "row" ? te.flexBasis = te.width : this.flexDir === "column" && (te.flexBasis = te.height);
-        var re = this.state.width !== te.width, N = this.state.height !== te.height, ne = this.state.flexBasis !== te.flexBasis, K = re || N || ne;
+        this.flexDir === "row" ? se.flexBasis = se.width : this.flexDir === "column" && (se.flexBasis = se.height);
+        var re = this.state.width !== se.width, N = this.state.height !== se.height, ne = this.state.flexBasis !== se.flexBasis, K = re || N || ne;
         K && Vv(function() {
-          i.setState(te);
+          i.setState(se);
         }), this.props.onResize && K && this.props.onResize(s, h, this.resizable, P);
       }
     }, t.prototype.onMouseUp = function(s) {
@@ -8376,7 +8376,7 @@ function Ut(e, t, s) {
   }, w = (y, R, x) => {
     const E = Vp(e, s), M = R.slice(), k = {}, F = {}, P = [], H = [], _ = [];
     let V = 0;
-    const te = o?.columns.slice() ?? [], re = n?.columns.slice() ?? [];
+    const se = o?.columns.slice() ?? [], re = n?.columns.slice() ?? [];
     for (const K of y) {
       const q = K.colId;
       if (q.startsWith(sa)) {
@@ -8391,7 +8391,7 @@ function Ut(e, t, s) {
       J ? (C(J, K, k, F, !1), jt(M, J)) : (_.push(K), V += 1);
     }
     const N = (K) => C(K, null, k, F, !1);
-    M.forEach(N), o?.sortColumns(Eu.bind(o, k, te)), n?.sortColumns(Eu.bind(n, F, re)), i.refreshCols(!1, s);
+    M.forEach(N), o?.sortColumns(Eu.bind(o, k, se)), n?.sortColumns(Eu.bind(n, F, re)), i.refreshCols(!1, s);
     const ne = (K, q, X = []) => {
       for (const J of q) {
         const Z = K(J.colId);
@@ -42811,7 +42811,7 @@ var sC = Ic((e, t) => {
   }, []), M = B(() => `ag-cell-wrapper ${m.toString()}`, [m]), k = B(() => `ag-group-expanded ${w.toString()}`, [w]), F = B(
     () => `ag-group-contracted ${S.toString()}`,
     [S]
-  ), P = B(() => `ag-group-checkbox ${R.toString()}`, [R]), H = d?.componentFromFramework, _ = H ? d.componentClass : void 0, V = d == null && p != null, te = co(p);
+  ), P = B(() => `ag-group-checkbox ${R.toString()}`, [R]), H = d?.componentFromFramework, _ = H ? d.componentClass : void 0, V = d == null && p != null, se = co(p);
   return /* @__PURE__ */ $.createElement(
     "span",
     {
@@ -42822,7 +42822,7 @@ var sC = Ic((e, t) => {
     /* @__PURE__ */ $.createElement("span", { className: k, ref: a }),
     /* @__PURE__ */ $.createElement("span", { className: F, ref: l }),
     /* @__PURE__ */ $.createElement("span", { className: P, ref: r }),
-    /* @__PURE__ */ $.createElement("span", { className: "ag-group-value", ref: n }, V ? te : H ? /* @__PURE__ */ $.createElement(_, { ...d.params }) : null),
+    /* @__PURE__ */ $.createElement("span", { className: "ag-group-value", ref: n }, V ? se : H ? /* @__PURE__ */ $.createElement(_, { ...d.params }) : null),
     /* @__PURE__ */ $.createElement("span", { className: "ag-group-child-count" }, h)
   );
 }), Hh = sC, Wd = jr({
@@ -43360,12 +43360,12 @@ var RA = 1e3, xA = class {
     () => mn(g, t, w.current, x),
     [g]
   );
-  const M = B(() => n.toString(), [n]), k = B(() => a.toString(), [a]), F = B(() => c.toString(), [c]), P = B(() => !!(g && g.componentFromFramework && go(g.componentClass)), [g]), H = B(() => s.get("reactiveCustomComponents"), []), _ = B(() => s.get("enableFilterHandlers"), []), [V, te] = A();
+  const M = B(() => n.toString(), [n]), k = B(() => a.toString(), [a]), F = B(() => c.toString(), [c]), P = B(() => !!(g && g.componentFromFramework && go(g.componentClass)), [g]), H = B(() => s.get("reactiveCustomComponents"), []), _ = B(() => s.get("enableFilterHandlers"), []), [V, se] = A();
   we(() => {
     if (g?.componentFromFramework)
       if (H) {
         const K = _ ? DA : pA, q = new K(g.params, () => f((X) => X + 1));
-        x(q), te(q);
+        x(q), se(q);
       } else
         _d();
   }, [g]);
@@ -43711,7 +43711,7 @@ var RA = 1e3, xA = class {
     instanceId: r
   } = e, a = O(), [l, c] = A(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, x] = A(), E = B(() => e.isForceWrapper(), [e]), M = B(() => e.getCellAriaRole(), [e]), k = O(null), F = O(null), P = O(null), H = O(), _ = O(), V = O(), te = O([]), re = O(), N = O(), [ne, K] = A(0), q = T((be) => {
+  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [m, C] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, x] = A(), E = B(() => e.isForceWrapper(), [e]), M = B(() => e.getCellAriaRole(), [e]), k = O(null), F = O(null), P = O(null), H = O(), _ = O(), V = O(), se = O([]), re = O(), N = O(), [ne, K] = A(0), q = T((be) => {
     N.current = be, K((De) => De + 1);
   }, []), X = l != null && (m || S || w) && (d == null || !!d.popup), J = E || X, Z = B(() => e.getCellValueClass(), [e]), ie = T(
     (be) => {
@@ -43754,15 +43754,15 @@ var RA = 1e3, xA = class {
   const j = T(
     (be) => {
       if (V.current = be, !be || o.isDestroyed() || !e.isAlive()) {
-        const ye = te.current;
-        te.current = [];
+        const ye = se.current;
+        se.current = [];
         for (const ge of ye)
           ge();
         return;
       }
       let De;
       const U = (ye) => {
-        ye && (be.insertAdjacentElement("afterbegin", ye.getGui()), te.current.push(() => {
+        ye && (be.insertAdjacentElement("afterbegin", ye.getGui()), se.current.push(() => {
           Os(ye.getGui()), o.destroyBean(ye), re.current === De && (re.current = void 0);
         }));
       };
@@ -43869,12 +43869,12 @@ var RA = 1e3, xA = class {
     () => c ? e.getInitialRowTop(t) : void 0
   ), [M, k] = A(
     () => c ? e.getInitialTransform(t) : void 0
-  ), F = O(null), P = O(), H = O(), _ = O(!1), [V, te] = A(0);
+  ), F = O(null), P = O(), H = O(), _ = O(!1), [V, se] = A(0);
   we(() => {
     if (_.current || !y || V > 10)
       return;
     const oe = F.current?.firstChild;
-    oe ? (e.setupDetailRowAutoHeight(oe), _.current = !0) : te((Ce) => Ce + 1);
+    oe ? (e.setupDetailRowAutoHeight(oe), _.current = !0) : se((Ce) => Ce + 1);
   }, [y, V]);
   const re = O();
   re.current || (re.current = new un(() => F.current));
@@ -43966,8 +43966,8 @@ var RA = 1e3, xA = class {
   const { context: t, gos: s } = et(pt), i = B(() => gn(e), [e]), o = O(null), n = O(null), r = O(null), a = O([]), l = O([]), [c, d] = A(() => []), u = !!s.get("enableCellSpan") && !!i.getSpannedRowCtrls, h = O([]), g = O([]), [p, f] = A(() => []), m = O(!1), C = O(), w = B(() => It("ag-viewport", xf(e)), [e]), b = B(() => It(lr(e)), [e]), S = B(() => It("ag-spanning-container", L2(e)), [e]), y = i.type === "center" || u, R = y ? o : n;
   qs(" AG Row Container " + e + " ", R);
   const x = T(() => {
-    const V = !y || o.current != null, te = n.current != null, re = !u || r.current != null;
-    return V && te && re;
+    const V = !y || o.current != null, se = n.current != null, re = !u || r.current != null;
+    return V && se && re;
   }, []), E = T(() => o.current == null && n.current == null && r.current == null, []), M = T(() => {
     if (E() && (C.current = t.destroyBean(C.current)), !t.isDestroyed() && x()) {
       const V = (N) => {
@@ -43977,7 +43977,7 @@ var RA = 1e3, xA = class {
           m.current
         );
         ne !== l.current && (l.current = ne, nn(N, () => d(ne)));
-      }, te = (N) => {
+      }, se = (N) => {
         const ne = Wr(
           g.current,
           h.current,
@@ -43997,7 +43997,7 @@ var RA = 1e3, xA = class {
         },
         setSpannedRowCtrls: (N, ne) => {
           const K = !!ne && h.current.length > 0 && N.length > 0;
-          h.current = N, te(K);
+          h.current = N, se(K);
         },
         setDomOrder: (N) => {
           m.current != N && (m.current = N, V(!1));
@@ -44045,7 +44045,7 @@ var RA = 1e3, xA = class {
   const _ = () => /* @__PURE__ */ $.createElement("div", { className: S, ref: F, role: "presentation" }, p.map((V) => /* @__PURE__ */ $.createElement(zh, { rowCtrl: V, containerType: i.type, key: V.instanceId })));
   return /* @__PURE__ */ $.createElement("div", { className: w, ref: P, role: "rowgroup" }, H(), u ? _() : null);
 }, YA = gt(qA), ZA = () => {
-  const e = et(pt), { context: t, overlays: s } = e, [i, o] = A(""), [n, r] = A(0), [a, l] = A(0), [c, d] = A("0px"), [u, h] = A("0px"), [g, p] = A("100%"), [f, m] = A("0px"), [C, w] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [x, E] = A(!0), [M, k] = A(null), [F, P] = A(""), [H, _] = A(null), [V, te] = A("ag-layout-normal"), re = O();
+  const e = et(pt), { context: t, overlays: s } = e, [i, o] = A(""), [n, r] = A(0), [a, l] = A(0), [c, d] = A("0px"), [u, h] = A("0px"), [g, p] = A("100%"), [f, m] = A("0px"), [C, w] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [x, E] = A(!0), [M, k] = A(null), [F, P] = A(""), [H, _] = A(null), [V, se] = A("ag-layout-normal"), re = O();
   re.current || (re.current = new un(() => N.current));
   const N = O(null), ne = O(null), K = O(null), q = O(null), X = O(null), J = O(null), Z = O(null), ie = O([]), G = O([]);
   qs(" AG Grid Body ", N), qs(" AG Pinned Top ", ne), qs(" AG Sticky Top ", K), qs(" AG Middle ", J), qs(" AG Pinned Bottom ", Z);
@@ -44084,7 +44084,7 @@ var RA = 1e3, xA = class {
       setTopInvisible: R,
       setBottomInvisible: E,
       setColumnMovingCss: (Oe, ot) => re.current.toggleCss(Oe, ot),
-      updateLayoutClasses: te,
+      updateLayoutClasses: se,
       setAlwaysVerticalScrollClass: k,
       setPinnedTopBottomOverflowY: P,
       setCellSelectableCss: (Oe, ot) => _(ot ? Oe : null),
@@ -44268,8 +44268,8 @@ var RA = 1e3, xA = class {
       },
       updateLayoutClasses: o,
       getFocusableContainers: () => {
-        const V = [], te = p.current?.querySelector(".ag-root");
-        te && V.push({ getGui: () => te });
+        const V = [], se = p.current?.querySelector(".ag-root");
+        se && V.push({ getGui: () => se });
         for (const re of S.current)
           re.isDisplayed() && V.push(re);
         return V;
@@ -44285,7 +44285,7 @@ var RA = 1e3, xA = class {
       return;
     const _ = [], {
       watermarkSelector: V,
-      paginationSelector: te,
+      paginationSelector: se,
       sideBarSelector: re,
       statusBarSelector: N,
       gridHeaderDropZonesSelector: ne
@@ -44302,8 +44302,8 @@ var RA = 1e3, xA = class {
       const J = e.createBean(new X()), Z = J.getGui();
       return H.insertAdjacentElement("beforeend", Z), K.push(Z), _.push(J), J;
     };
-    if (N && q(N.component), te) {
-      const X = q(te.component);
+    if (N && q(N.component), se) {
+      const X = q(se.component);
       b.current = X, S.current.push(X);
     }
     return V && q(V.component), () => {
@@ -44716,7 +44716,7 @@ const hk = ee(
     ]
   }), V = UC(_, {
     enabled: i.includes(Lt.Click) && !n
-  }), te = lg(_, {
+  }), se = lg(_, {
     enabled: i.includes(Lt.Hover) && !n,
     move: !1,
     restMs: 40,
@@ -44731,7 +44731,7 @@ const hk = ee(
     }
   }), N = Ec(_, { role: "menu" }), { getReferenceProps: ne, getFloatingProps: K } = Dc([
     V,
-    te,
+    se,
     re,
     N
   ]), q = T(
@@ -45044,7 +45044,7 @@ const dC = ({
       wrapperBorder: S
     }),
     [p, S]
-  ), te = T((D) => {
+  ), se = T((D) => {
     D.api.sizeColumnsToFit(), x(Sl);
   }, []), re = T(
     (D) => {
@@ -45233,7 +45233,7 @@ const dC = ({
               autoSizeStrategy: { type: "fitGridWidth" },
               columnDefs: J,
               defaultColDef: Z,
-              onGridSizeChanged: te,
+              onGridSizeChanged: se,
               onGridReady: ie,
               loading: b,
               suppressCellFocus: !0,
@@ -45704,8 +45704,8 @@ const _h = () => typeof window < "u" && window.innerWidth < 640, Uh = () => {
   we(() => {
     const _ = M.current;
     if (!_) return;
-    const V = (te) => {
-      te.preventDefault();
+    const V = (se) => {
+      se.preventDefault();
     };
     return _.addEventListener("wheel", V, { passive: !1 }), () => {
       _.removeEventListener("wheel", V);
@@ -45716,8 +45716,8 @@ const _h = () => typeof window < "u" && window.innerWidth < 640, Uh = () => {
   }, H = (_) => {
     const V = _.currentTarget.value;
     if (F && V !== "") {
-      const te = parseFloat(V);
-      if (isNaN(te) && V !== "-" && V !== "." || !isNaN(te) && (p !== void 0 && te < p || f !== void 0 && te > f))
+      const se = parseFloat(V);
+      if (isNaN(se) && V !== "-" && V !== "." || !isNaN(se) && (p !== void 0 && se < p || f !== void 0 && se > f))
         return;
     }
     g?.(V || void 0);
@@ -46674,7 +46674,7 @@ const r8 = ({
 }) => {
   const F = Ac(), [P, H] = A(!1), [_, V] = A(
     E && l || ""
-  ), te = O(null), re = i !== void 0, [N, ne] = A(o), K = re ? i : N, q = B(() => t ? Array.isArray(K) ? K : [] : typeof K == "string" ? [K] : [], [K, t]), X = B(() => {
+  ), se = O(null), re = i !== void 0, [N, ne] = A(o), K = re ? i : N, q = B(() => t ? Array.isArray(K) ? K : [] : typeof K == "string" ? [K] : [], [K, t]), X = B(() => {
     const U = _.trim().toLowerCase();
     return U ? e.filter((ye) => ye.label.toLowerCase().includes(U)) : e;
   }, [e, _]);
@@ -46724,7 +46724,7 @@ const r8 = ({
   }, Fe = q.length > 0;
   we(() => {
     P && E && !t && !C && requestAnimationFrame(() => {
-      const U = te.current;
+      const U = se.current;
       if (!U) return;
       U.focus();
       const ye = U.value?.length ?? 0;
@@ -46925,7 +46925,7 @@ const r8 = ({
             C || E && !t && (De(), U.preventDefault());
           },
           onClick: () => {
-            C || (H((U) => !U), E && !t && (De(), te.current?.focus()));
+            C || (H((U) => !U), E && !t && (De(), se.current?.focus()));
           },
           children: [
             E && !t ? /* @__PURE__ */ v("div", { className: "flex min-w-0 items-center gap-2 text-primary flex-1", children: /* @__PURE__ */ v(
@@ -46944,7 +46944,7 @@ const r8 = ({
                   U.stopPropagation();
                 },
                 className: "bg-transparent outline-none w-full dial-small",
-                ref: te,
+                ref: se,
                 disabled: C,
                 "aria-disabled": C
               }
@@ -48143,7 +48143,7 @@ const $r = ({
     const { path: k, nodeType: F, name: P, items: H } = M, _ = F === Ve.FOLDER;
     if (!c && FC(M)) return null;
     if (!_ && !t) return;
-    const V = Array.isArray(H) && H.length > 0 && H.some((ie) => ie.nodeType === Ve.FOLDER || t), te = b.has(k), re = n === k, N = i.has(k), ne = d === k, K = o.has(k), q = h && u && k === h && _, X = C && ((ie) => C(ie, M)), J = re ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", Z = q ? [] : p?.(M) ?? [];
+    const V = Array.isArray(H) && H.length > 0 && H.some((ie) => ie.nodeType === Ve.FOLDER || t), se = b.has(k), re = n === k, N = i.has(k), ne = d === k, K = o.has(k), q = h && u && k === h && _, X = C && ((ie) => C(ie, M)), J = re ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", Z = q ? [] : p?.(M) ?? [];
     return /* @__PURE__ */ v("div", { className: "cursor-pointer text-secondary", children: /* @__PURE__ */ W("div", { className: "flex flex-col w-full", children: [
       /* @__PURE__ */ v(
         Et,
@@ -48180,7 +48180,7 @@ const $r = ({
                           ...W8,
                           className: ee(
                             "flex-shrink-0",
-                            te && "rotate-90 transition-all",
+                            se && "rotate-90 transition-all",
                             K && !V && "text-transparent"
                           )
                         }
@@ -48225,7 +48225,7 @@ const $r = ({
           )
         }
       ),
-      te && H && R(H, E + 1)
+      se && H && R(H, E + 1)
     ] }) }, `${k}-children`);
   });
   return /* @__PURE__ */ v("div", { className: "flex-1 w-full h-full overflow-y-auto", children: e.length > 0 ? R(e, 0) : /* @__PURE__ */ v(
@@ -48841,7 +48841,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     ]
   ), V = T(() => {
     M(), P();
-  }, [M, P]), te = T(() => {
+  }, [M, P]), se = T(() => {
     k(), P();
   }, [k, P]), re = T(
     (ie) => {
@@ -48893,7 +48893,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     openConflictResolution: E,
     closeConflictResolution: x,
     handleConflictReplace: V,
-    handleConflictDuplicate: te,
+    handleConflictDuplicate: se,
     handleConflictDecideForEach: re
   };
 }, rL = ({
@@ -49068,7 +49068,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     ]
   ), V = T(() => {
     E(), F();
-  }, [E, F]), te = T(() => {
+  }, [E, F]), se = T(() => {
     M(), F();
   }, [M, F]), re = T(
     (G) => {
@@ -49175,7 +49175,7 @@ const sL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     openUploadConflictResolution: x,
     closeUploadConflictResolution: N,
     handleUploadConflictReplace: V,
-    handleUploadConflictDuplicate: te,
+    handleUploadConflictDuplicate: se,
     handleUploadConflictDecideForEach: re
   };
 }, TC = jr(void 0), uL = {
@@ -49443,12 +49443,12 @@ const pL = ({
   onCreateFolderValidate: H,
   folderCreationValidationMessages: _
 }) => {
-  const [V, te] = A(
+  const [V, se] = A(
     /* @__PURE__ */ new Map()
   ), re = B(
     () => new Set(V.keys()),
     [V]
-  ), N = T(() => te(/* @__PURE__ */ new Map()), []), { currentPath: ne, setCurrentPath: K, handlePathChange: q } = rL({
+  ), N = T(() => se(/* @__PURE__ */ new Map()), []), { currentPath: ne, setCurrentPath: K, handlePathChange: q } = rL({
     path: o,
     onPathChange: m,
     onSelectionClear: N
@@ -49633,7 +49633,7 @@ const pL = ({
       q(ke.path);
     },
     [q]
-  ), se = T(
+  ), te = T(
     (ke) => {
       q(ke);
     },
@@ -49690,7 +49690,7 @@ const pL = ({
     setIsTreeCollapsed: oe,
     selectedIds: re,
     selectedFiles: V,
-    setSelectedFiles: te,
+    setSelectedFiles: se,
     clearSelection: N,
     currentFolder: Se,
     gridRows: Mn,
@@ -49718,7 +49718,7 @@ const pL = ({
     itemsToDelete: Sa,
     handlePathChange: q,
     handleTreeItemClick: Ta,
-    handleBreadcrumbItemClick: se,
+    handleBreadcrumbItemClick: te,
     handleSearchChange: Te,
     handleTableRowClick: Ri,
     onTableFileClick: C,
@@ -49832,9 +49832,7 @@ const IC = ({
       "Do you want to delete the following",
       " ",
       /* @__PURE__ */ v("span", { className: "text-primary", children: t.length }),
-      " item",
-      t.length !== 1 ? "s" : "",
-      "?"
+      " items?"
     ] }) }),
     t.length > 1 && /* @__PURE__ */ v(Ke, { children: t.length <= 10 ? /* @__PURE__ */ v("ul", { className: "space-y-1 text-primary list-none", children: t.map((g) => /* @__PURE__ */ v("li", { className: "truncate", children: g.name }, g.path)) }) : /* @__PURE__ */ W(Ke, { children: [
       /* @__PURE__ */ v("ul", { className: "space-y-1 text-primary list-none mb-2", children: t.slice(0, 10).map((g) => /* @__PURE__ */ v("li", { className: "truncate", children: g.name }, g.path)) }),
@@ -50118,7 +50116,7 @@ const IC = ({
     )
   ), [H, _] = A(
     void 0
-  ), V = f ? r : a, te = /* @__PURE__ */ W(Ke, { children: [
+  ), V = f ? r : a, se = /* @__PURE__ */ W(Ke, { children: [
     "Item with the name ",
     /* @__PURE__ */ W("span", { className: "text-primary", children: [
       '"',
@@ -50127,7 +50125,7 @@ const IC = ({
     ] }),
     " ",
     "already exists in this destination."
-  ] }), re = `${n.length} items with the same names already exist in this destination.`, N = l ?? (f ? te : re), ne = B(
+  ] }), re = `${n.length} items with the same names already exist in this destination.`, N = l ?? (f ? se : re), ne = B(
     () => [
       {
         id: ut.Replace,
@@ -50491,7 +50489,7 @@ const IL = ({
     handleCloseDestinationFolderPopup: H,
     openDestinationFolderPopup: _,
     destinationFolderMode: V,
-    handleSetCopiedFiles: te,
+    handleSetCopiedFiles: se,
     handleSetMovedFiles: re,
     handleDuplicate: N,
     handleCopyTo: ne,
@@ -50542,9 +50540,9 @@ const IL = ({
     containerClassName: wn = T8,
     additionalButtons: bn,
     ...Sn
-  } = o ?? {}, [Si, yn] = A(Ra), { renameTriggerView: yi, onGridRename: xa, onTreeRename: fo } = AL({ onRename: de }), mo = O(null), Rn = (se) => {
+  } = o ?? {}, [Si, yn] = A(Ra), { renameTriggerView: yi, onGridRename: xa, onTreeRename: fo } = AL({ onRename: de }), mo = O(null), Rn = (te) => {
     mo.current === null && (mo.current = requestAnimationFrame(() => {
-      yn(se), mo.current = null;
+      yn(te), mo.current = null;
     }));
   }, {
     columnDefs: Co,
@@ -50568,15 +50566,15 @@ const IL = ({
       headerName: "Name",
       flex: 1,
       minWidth: 200,
-      cellRenderer: (se) => {
-        const Te = se.data.nodeType;
-        if (se.data?.isTemporary && se.data.id === Bt)
+      cellRenderer: (te) => {
+        const Te = te.data.nodeType;
+        if (te.data?.isTemporary && te.data.id === Bt)
           return /* @__PURE__ */ v(
             $r,
             {
               name: "",
               type: $t.Folder,
-              elementId: `new-folder-${se.data.id}`,
+              elementId: `new-folder-${te.data.id}`,
               editing: !0,
               iconSize: Ls,
               validate: Oe,
@@ -50588,14 +50586,14 @@ const IL = ({
               ])
             }
           );
-        if (yi === Yi.Grid && D === se.data?.path && j && se.data) {
+        if (yi === Yi.Grid && D === te.data?.path && j && te.data) {
           const Yt = Ee(j);
           return /* @__PURE__ */ v(
             $r,
             {
               name: Yt,
               type: Te === Ve.FOLDER ? $t.Folder : $t.File,
-              elementId: `rename-${se.data.id}`,
+              elementId: `rename-${te.data.id}`,
               editing: !0,
               iconSize: Ls,
               validate: (Es) => Fe(Es, j),
@@ -50611,24 +50609,24 @@ const IL = ({
         return nt ? /* @__PURE__ */ v(
           TL,
           {
-            id: se.data.id,
-            name: se.data.name,
+            id: te.data.id,
+            name: te.data.name,
             nodeType: Te,
-            size: se.data.size,
-            updatedAt: se.data.updatedAt,
+            size: te.data.size,
+            updatedAt: te.data.updatedAt,
             dateLocale: wo,
             dateOptions: bo
           }
         ) : Te === Ve.FOLDER ? /* @__PURE__ */ v(
           Zc,
           {
-            name: se.data.name,
+            name: te.data.name,
             iconSize: Ls
           }
         ) : /* @__PURE__ */ v(
           Yc,
           {
-            name: se.data.name,
+            name: te.data.name,
             iconSize: Ls
           }
         );
@@ -50659,7 +50657,7 @@ const IL = ({
       headerName: "Author",
       width: 200,
       suppressSizeToFit: !0,
-      cellRenderer: (se) => se.data.author
+      cellRenderer: (te) => te.data.author
     }
   ], [
     wo,
@@ -50677,13 +50675,13 @@ const IL = ({
     Ce,
     Ee
   ]), So = T(
-    (se) => {
+    (te) => {
       const Te = [];
       return o?.actionLabels && (o.actionLabels[pe.Duplicate] && Te.push({
         key: "duplicate",
         label: o.actionLabels[pe.Duplicate],
         icon: /* @__PURE__ */ v(Oc, { ...he, className: "text-secondary" }),
-        onClick: () => N([se])
+        onClick: () => N([te])
       }), o.actionLabels[pe.Copy] && Te.push({
         key: Je.Copy,
         label: o.actionLabels[pe.Copy],
@@ -50696,7 +50694,7 @@ const IL = ({
           }
         ),
         onClick: () => {
-          te([se]), P(Je.Copy);
+          se([te]), P(Je.Copy);
         }
       }), o.actionLabels[pe.Move] && Te.push({
         key: Je.Move,
@@ -50710,13 +50708,13 @@ const IL = ({
           }
         ),
         onClick: () => {
-          re([se]), P(Je.Move);
+          re([te]), P(Je.Move);
         }
       }), o.actionLabels[pe.Download] && Te.push({
         key: "download",
         label: o.actionLabels[pe.Download],
         icon: /* @__PURE__ */ v(Nc, { ...he, className: "text-secondary" }),
-        onClick: () => q([se])
+        onClick: () => q([te])
       }), o.actionLabels[pe.Rename] && Te.push({
         key: "rename",
         label: o.actionLabels[pe.Rename],
@@ -50727,34 +50725,34 @@ const IL = ({
             className: "text-secondary"
           }
         ),
-        onClick: () => fo(se.path)
+        onClick: () => fo(te.path)
       }), o.actionLabels[pe.Delete] && Te.push({
         key: "delete",
         label: o.actionLabels[pe.Delete],
         icon: /* @__PURE__ */ v(ln, { ...he, className: "text-secondary" }),
-        onClick: () => X([se], se.parentPath ?? "")
+        onClick: () => X([te], te.parentPath ?? "")
       })), Te;
     },
     [
       q,
       N,
       P,
-      te,
+      se,
       re,
       fo,
       X,
       o
     ]
   ), Da = B(() => {
-    const se = /* @__PURE__ */ new Map();
+    const te = /* @__PURE__ */ new Map();
     return S.forEach((Te, Ri) => {
       const Yt = w.find((Es) => Es.path === Ri);
-      Yt && se.set(Ri, Yt);
-    }), se;
+      Yt && te.set(Ri, Yt);
+    }), te;
   }, [S, w]), yo = T(
-    (se) => {
+    (te) => {
       const Te = /* @__PURE__ */ new Map();
-      se.forEach((Ri, Yt) => {
+      te.forEach((Ri, Yt) => {
         const Es = pi(t, Yt);
         Es && Te.set(Yt, Es);
       }), y(Te);
@@ -50764,11 +50762,11 @@ const IL = ({
     selectedFiles: S,
     actionLabels: l?.actionLabels,
     onDuplicate: N,
-    onCopy: (se) => {
-      te(se), P(Je.Copy);
+    onCopy: (te) => {
+      se(te), P(Je.Copy);
     },
-    onMove: (se) => {
-      re(se), P(Je.Move);
+    onMove: (te) => {
+      re(te), P(Je.Move);
     },
     onDownload: q,
     onDelete: X,
@@ -50885,29 +50883,29 @@ const IL = ({
     m
   ]), Dn = PL({
     actionLabels: r?.actionLabels,
-    onDuplicate: (se) => N([se]),
-    onCopy: (se) => {
-      te([se]), P(Je.Copy);
+    onDuplicate: (te) => N([te]),
+    onCopy: (te) => {
+      se([te]), P(Je.Copy);
     },
-    onMove: (se) => {
-      re([se]), P(Je.Move);
+    onMove: (te) => {
+      re([te]), P(Je.Move);
     },
-    onDownload: (se) => q([se]),
+    onDownload: (te) => q([te]),
     onRename: xa,
-    onDelete: (se, Te) => X([se], Te)
+    onDelete: (te, Te) => X([te], Te)
   }), Pn = T(
-    (se) => {
-      const Te = pi(t, se.path);
+    (te) => {
+      const Te = pi(t, te.path);
       return Te ? Dn(Te) : [];
     },
     [t, Dn]
   ), { actionsColumnDef: Ro } = IL({
     getContextMenuItems: Pn
   }), Tn = Co ?? Ea, Mn = B(() => {
-    let se = Tn;
-    return Co || (se = se.filter(
+    let te = Tn;
+    return Co || (te = te.filter(
       (Te) => Te.colId && xn.includes(Te.colId)
-    )), nt && (se = se.slice(0, 1)), se.push(Ro), vo ? se : se.map((Te) => ({
+    )), nt && (te = te.slice(0, 1)), te.push(Ro), vo ? te : te.map((Te) => ({
       ...Te,
       filter: !1,
       floatingFilter: !1
@@ -50920,8 +50918,8 @@ const IL = ({
     Co,
     xn
   ]), Ta = T(
-    (se) => {
-      se.colDef.colId === "__select" || se.colDef.colId === Wt.Actions || D && se.data?.path === D || se.data?.isTemporary || se.data && F(se.data);
+    (te) => {
+      te.colDef.colId === "__select" || te.colDef.colId === Wt.Actions || D && te.data?.path === D || te.data?.isTemporary || te.data && F(te.data);
     },
     [D, F]
   );
@@ -50953,7 +50951,7 @@ const IL = ({
                   Q8,
                   {
                     ...n ?? {},
-                    makeHref: (se) => se.join("/"),
+                    makeHref: (te) => te.join("/"),
                     path: C,
                     onItemClick: E,
                     rootItemPath: s?.path,
@@ -50978,7 +50976,7 @@ const IL = ({
                       {
                         columnDefs: Mn,
                         rowData: w,
-                        getRowId: (se) => se.path,
+                        getRowId: (te) => te.path,
                         loading: i,
                         getContextMenuItems: Pn,
                         withoutHeaderBorders: nt,
@@ -50994,7 +50992,7 @@ const IL = ({
                           headerHeight: El,
                           rowHeight: El,
                           ...nt ? {
-                            getRowHeight: (se) => se.data?.nodeType === Ve.FOLDER ? El : N8
+                            getRowHeight: (te) => te.data?.nodeType === Ve.FOLDER ? El : N8
                           } : {}
                         },
                         selectedRows: Da,
@@ -51011,14 +51009,11 @@ const IL = ({
         /* @__PURE__ */ v(
           FL,
           {
+            ...c,
             open: ie,
             itemsToDelete: G,
             onClose: J,
-            onConfirm: Z,
-            cancelLabel: c?.cancelLabel,
-            confirmLabel: c?.confirmLabel,
-            titleRenderer: c?.titleRenderer,
-            contentRenderer: c?.contentRenderer
+            onConfirm: Z
           }
         ),
         /* @__PURE__ */ v(
@@ -51028,8 +51023,8 @@ const IL = ({
             open: _,
             onClose: H,
             onConfirm: () => {
-              const se = d?.destinationFolderPath ?? "/";
-              V === Je.Copy ? ne(se) : K(se, C ?? "/"), H();
+              const te = d?.destinationFolderPath ?? "/";
+              V === Je.Copy ? ne(te) : K(te, C ?? "/"), H();
             },
             mode: V,
             items: t,
@@ -51037,7 +51032,11 @@ const IL = ({
             gridOptions: { columnDefs: Mn, loading: i },
             onUploadFiles: ge,
             onValidateUpload: Se,
-            maxFileSize: Qe
+            maxFileSize: Qe,
+            path: d?.destinationFolderPath || C,
+            onPathChange: (te) => {
+              d?.setDestinationFolderPath?.(te);
+            }
           }
         ),
         /* @__PURE__ */ v(