@epam/ai-dial-ui-kit 0.5.0-rc.101 → 0.5.0-rc.103

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

@@ -420,7 +420,7 @@ const et = (e) => {
     span: ["full", Ts, ae, re]
   }, Ts, ae, re], T = () => [Ts, "auto", ae, re], N = () => ["auto", "min", "max", "fr", ae, re], _ = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], se = () => ["auto", ...E()], oe = () => [Ii, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], H = () => [e, ae, re], ue = () => [...S(), yu, Su, {
     position: [ae, re]
-  }], U = () => ["no-repeat", {
+  }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], te = () => ["auto", "cover", "contain", Gw, Ow, {
     size: [ae, re]
@@ -1398,7 +1398,7 @@ const et = (e) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: U()
+        bg: $()
       }],
       /**
        * Background Size
@@ -2075,7 +2075,7 @@ const et = (e) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: U()
+        mask: $()
       }],
       /**
        * Mask Size
@@ -5949,10 +5949,10 @@ var Ir = /* @__PURE__ */ ((e) => (e.Left = "left", e.Right = "right", e))(Ir ||
           height: this.createSizeForCssProperty(b, "height")
         };
         this.flexDir === "row" ? se.flexBasis = se.width : this.flexDir === "column" && (se.flexBasis = se.height);
-        var oe = this.state.width !== se.width, H = this.state.height !== se.height, ue = this.state.flexBasis !== se.flexBasis, U = oe || H || ue;
-        U && rw(function() {
+        var oe = this.state.width !== se.width, H = this.state.height !== se.height, ue = this.state.flexBasis !== se.flexBasis, $ = oe || H || ue;
+        $ && rw(function() {
           i.setState(se);
-        }), this.props.onResize && U && this.props.onResize(s, h, this.resizable, T);
+        }), this.props.onResize && $ && this.props.onResize(s, h, this.resizable, T);
       }
     }, t.prototype.onMouseUp = function(s) {
       var i, o, n = this.state, r = n.isResizing, a = n.direction;
@@ -8471,34 +8471,34 @@ function jt(e, t, s) {
     const E = hf(e, s), M = R.slice(), k = {}, x = {}, T = [], N = [], _ = [];
     let B = 0;
     const se = o?.columns.slice() ?? [], oe = n?.columns.slice() ?? [];
-    for (const U of y) {
-      const te = U.colId;
+    for (const $ of y) {
+      const te = $.colId;
       if (te.startsWith(fa)) {
-        T.push(U), _.push(U);
+        T.push($), _.push($);
         continue;
       }
       if (Ds(te)) {
-        N.push(U), _.push(U);
+        N.push($), _.push($);
         continue;
       }
       const K = F(te);
-      K ? (v(K, U, k, x, !1), Yt(M, K)) : (_.push(U), B += 1);
+      K ? (v(K, $, k, x, !1), Yt(M, K)) : (_.push($), B += 1);
     }
-    const H = (U) => v(U, null, k, x, !1);
+    const H = ($) => v($, null, k, x, !1);
     M.forEach(H), o?.sortColumns(Xu.bind(o, k, se)), n?.sortColumns(Xu.bind(n, x, oe)), i.refreshCols(!1, s);
-    const ue = (U, te, J = []) => {
+    const ue = ($, te, J = []) => {
       for (const K of te) {
-        const Y = U(K.colId);
+        const Y = $(K.colId);
         Yt(J, Y), v(Y, K, null, null, !0);
       }
       J.forEach(H);
     };
     return ue(
-      (U) => r?.getColumn(U) ?? null,
+      ($) => r?.getColumn($) ?? null,
       T,
       r?.getColumns()?.slice()
     ), ue(
-      (U) => a?.getColumn(U) ?? null,
+      ($) => a?.getColumn($) ?? null,
       N,
       a?.getColumns()?.slice()
     ), my(t, i, p), c.refresh(s), g.dispatchEvent({
@@ -42883,15 +42883,15 @@ var DC = sd((e, t) => {
       return;
     }
     const H = {
-      setInnerRenderer: (U, te) => {
-        u(U), f(te);
+      setInnerRenderer: ($, te) => {
+        u($), f(te);
       },
-      setChildCount: (U) => g(U),
-      toggleCss: (U, te) => v((J) => J.setClass(U, te)),
-      setContractedDisplayed: (U) => y((te) => te.setClass("ag-hidden", !U)),
-      setExpandedDisplayed: (U) => b((te) => te.setClass("ag-hidden", !U)),
-      setCheckboxVisible: (U) => F((te) => te.setClass("ag-invisible", !U)),
-      setCheckboxSpacing: (U) => F((te) => te.setClass("ag-group-checkbox-spacing", U))
+      setChildCount: ($) => g($),
+      toggleCss: ($, te) => v((J) => J.setClass($, te)),
+      setContractedDisplayed: ($) => y((te) => te.setClass("ag-hidden", !$)),
+      setExpandedDisplayed: ($) => b((te) => te.setClass("ag-hidden", !$)),
+      setCheckboxVisible: ($) => F((te) => te.setClass("ag-invisible", !$)),
+      setCheckboxSpacing: ($) => F((te) => te.setClass("ag-group-checkbox-spacing", $))
     }, ue = s.createDynamicBean("groupCellRendererCtrl", !0);
     ue && (c.current = i.createBean(ue), c.current.init(
       H,
@@ -43424,10 +43424,10 @@ var UA = 1e3, $A = class {
     () => new Wt("ag-header-cell", "ag-floating-filter")
   ), [a, l] = A(() => new Wt()), [c, d] = A(
     () => new Wt("ag-floating-filter-button", "ag-hidden")
-  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), C = O(), v = O(null), w = O(null), b = O(null), S = O(null), y = O(), R = O(), F = (U) => {
-    U != null && y.current && y.current(U);
-  }, E = P((U) => {
-    if (v.current = U, !U || !e.isAlive() || t.isDestroyed()) {
+  ), [u, h] = A("false"), [g, p] = A(), [, f] = A(1), C = O(), v = O(null), w = O(null), b = O(null), S = O(null), y = O(), R = O(), F = ($) => {
+    $ != null && y.current && y.current($);
+  }, E = P(($) => {
+    if (v.current = $, !$ || !e.isAlive() || t.isDestroyed()) {
       C.current = t.destroyBean(C.current);
       return;
     }
@@ -43448,7 +43448,7 @@ var UA = 1e3, $A = class {
       getFloatingFilterComp: () => R.current ? R.current : null,
       setMenuIcon: (J) => S.current?.appendChild(J)
     };
-    e.setComp(te, U, S.current, w.current, C.current);
+    e.setComp(te, $, S.current, w.current, C.current);
   }, []);
   $t(
     () => Dn(g, t, w.current, F),
@@ -43458,7 +43458,7 @@ var UA = 1e3, $A = class {
   be(() => {
     if (g?.componentFromFramework)
       if (N) {
-        const U = _ ? qA : OA, te = new U(g.params, () => f((J) => J + 1));
+        const $ = _ ? qA : OA, te = new $(g.params, () => f((J) => J + 1));
         F(te), se(te);
       } else
         pu();
@@ -43468,7 +43468,7 @@ var UA = 1e3, $A = class {
     gu.Provider,
     {
       value: {
-        setMethods: (U) => B.setMethods(U)
+        setMethods: ($) => B.setMethods($)
       }
     },
     /* @__PURE__ */ j.createElement(ue, { ...oe })
@@ -43805,8 +43805,8 @@ var UA = 1e3, $A = 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(), [C, v] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, F] = A(), E = V(() => e.isForceWrapper(), [e]), M = V(() => e.getCellAriaRole(), [e]), k = O(null), x = O(null), T = O(null), N = O(), _ = O(), B = O(), se = O([]), oe = O(), H = O(), [ue, U] = A(0), te = P((we) => {
-    H.current = we, U((Ee) => Ee + 1);
+  ), [d, u] = A(), [h, g] = A(1), [p, f] = A(), [C, v] = A(!1), [w, b] = A(!1), [S, y] = A(!1), [R, F] = A(), E = V(() => e.isForceWrapper(), [e]), M = V(() => e.getCellAriaRole(), [e]), k = O(null), x = O(null), T = O(null), N = O(), _ = O(), B = O(), se = O([]), oe = O(), H = O(), [ue, $] = A(0), te = P((we) => {
+    H.current = we, $((Ee) => Ee + 1);
   }, []), J = l != null && (C || S || w) && (d == null || !!d.popup), K = E || J, Y = V(() => e.getCellValueClass(), [e]), ne = P(
     (we) => {
       if (_.current = we, we) {
@@ -43825,19 +43825,19 @@ var UA = 1e3, $A = class {
     if (D.current = l, we == null || we.compDetails == null || Ee == null || Ee.compDetails == null)
       return;
     oe.current?.refreshVisibility();
-    const $ = we.compDetails, Se = Ee.compDetails;
-    if ($.componentClass != Se.componentClass || T.current?.refresh == null)
+    const U = we.compDetails, Se = Ee.compDetails;
+    if (U.componentClass != Se.componentClass || T.current?.refresh == null)
       return;
     T.current.refresh(Se.params) != !0 && g((De) => De + 1);
   }, [l]), $t(() => {
     if (!(d && !d.compDetails.componentFromFramework) || o.isDestroyed())
       return;
-    const Ee = d.compDetails, $ = d.popup === !0, Se = Ee.newAgStackInstance();
+    const Ee = d.compDetails, U = d.popup === !0, Se = Ee.newAgStackInstance();
     return Se.then((fe) => {
       if (!fe)
         return;
       const De = fe.getGui();
-      ne(fe), $ || ((E ? B : k).current?.appendChild(De), fe.afterGuiAttached?.()), F(fe);
+      ne(fe), U || ((E ? B : k).current?.appendChild(De), fe.afterGuiAttached?.()), F(fe);
     }), () => {
       Se.then((fe) => {
         const De = fe.getGui();
@@ -43855,12 +43855,12 @@ var UA = 1e3, $A = class {
         return;
       }
       let Ee;
-      const $ = (Se) => {
+      const U = (Se) => {
         Se && (we.insertAdjacentElement("afterbegin", Se.getGui()), se.current.push(() => {
           Hs(Se.getGui()), o.destroyBean(Se), oe.current === Ee && (oe.current = void 0);
         }));
       };
-      C && $(e.createSelectionCheckbox()), S && $(e.createDndSource()), w && (Ee = e.createRowDragComp(), oe.current = Ee, Ee && ($(Ee), Ee.refreshVisibility()));
+      C && U(e.createSelectionCheckbox()), S && U(e.createDndSource()), w && (Ee = e.createRowDragComp(), oe.current = Ee, Ee && (U(Ee), Ee.refreshVisibility()));
     },
     [e, o, S, w, C]
   ), le = P(() => {
@@ -43870,7 +43870,7 @@ var UA = 1e3, $A = class {
       return;
     }
     a.current = o.createBean(new vo());
-    const $ = {
+    const U = {
       toggleCss: (fe, De) => G.current.toggleCss(fe, De),
       setUserStyles: (fe) => f(fe),
       getFocusableElement: () => k.current,
@@ -43914,7 +43914,7 @@ var UA = 1e3, $A = class {
             compProxy: Ve
           }), De || c(void 0);
         } else
-          e.hasBrowserFocus() && $.getFocusableElement().focus({ preventScroll: !0 }), _.current = void 0, u(void 0);
+          e.hasBrowserFocus() && U.getFocusableElement().focus({ preventScroll: !0 }), _.current = void 0, u(void 0);
       },
       refreshEditStyles: (fe, De) => {
         if (!k.current)
@@ -43924,7 +43924,7 @@ var UA = 1e3, $A = class {
       }
     }, Se = B.current || void 0;
     e.setComp(
-      $,
+      U,
       Ee,
       x.current ?? void 0,
       Se,
@@ -43948,11 +43948,11 @@ var UA = 1e3, $A = class {
     if (!we)
       return Ee?.toString?.() ?? Ee;
     if (we.componentFromFramework) {
-      const $ = we.componentClass;
-      return /* @__PURE__ */ j.createElement(pv, { fallback: /* @__PURE__ */ j.createElement(uk, { cellCtrl: e, parent: k }) }, Fe ? /* @__PURE__ */ j.createElement($, { ...we.params, key: h }) : /* @__PURE__ */ j.createElement($, { ...we.params, key: h, ref: T }));
+      const U = we.componentClass;
+      return /* @__PURE__ */ j.createElement(pv, { fallback: /* @__PURE__ */ j.createElement(uk, { cellCtrl: e, parent: k }) }, Fe ? /* @__PURE__ */ j.createElement(U, { ...we.params, key: h }) : /* @__PURE__ */ j.createElement(U, { ...we.params, key: h, ref: T }));
     }
   }, Oe = () => {
-    const we = () => l == null ? null : K ? /* @__PURE__ */ j.createElement("span", { role: "presentation", id: `cell-${r}`, className: Y, ref: te }, xe()) : xe(), Ee = ($) => ck($, ne, k.current, e, R);
+    const we = () => l == null ? null : K ? /* @__PURE__ */ j.createElement("span", { role: "presentation", id: `cell-${r}`, className: Y, ref: te }, xe()) : xe(), Ee = (U) => ck(U, ne, k.current, e, R);
     return d != null ? d.popup ? /* @__PURE__ */ j.createElement(j.Fragment, null, we(), Ee(d)) : Ee(d) : we();
   }, nt = () => /* @__PURE__ */ j.createElement("div", { ref: ie, style: p, role: M, "col-id": n }, K ? /* @__PURE__ */ j.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: q }, Oe()) : Oe());
   return e.isCellSpanning() ? /* @__PURE__ */ j.createElement("div", { ref: ve, className: "ag-spanned-cell-wrapper", role: "presentation" }, nt()) : nt();
@@ -43976,11 +43976,11 @@ var UA = 1e3, $A = class {
   }), ue = P((ie) => (H.current = ie, () => {
     H.current = () => {
     };
-  }), []), U = EA(
+  }), []), $ = EA(
     ue,
     () => w.current,
     []
-  ), te = n ? U : b, J = P((ie) => {
+  ), te = n ? $ : b, J = P((ie) => {
     if (x.current = ie, r.current = ie ? s.createBean(new vo()) : s.destroyBean(r.current), !ie) {
       e.unsetComp(t);
       return;
@@ -44086,12 +44086,12 @@ var UA = 1e3, $A = class {
           o.current && (o.current.style.height = H);
         },
         setRowCtrls: ({ rowCtrls: H, useFlushSync: ue }) => {
-          const U = !!ue && a.current.length > 0 && H.length > 0;
-          a.current = H, B(U);
+          const $ = !!ue && a.current.length > 0 && H.length > 0;
+          a.current = H, B($);
         },
         setSpannedRowCtrls: (H, ue) => {
-          const U = !!ue && h.current.length > 0 && H.length > 0;
-          h.current = H, se(U);
+          const $ = !!ue && h.current.length > 0 && H.length > 0;
+          h.current = H, se($);
         },
         setDomOrder: (H) => {
           C.current != H && (C.current = H, B(!1));
@@ -44141,8 +44141,8 @@ var UA = 1e3, $A = class {
 }, mk = gt(fk), Ck = () => {
   const e = st(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, C] = A("0px"), [v, w] = A("0px"), [b, S] = A("100%"), [y, R] = A(!0), [F, E] = A(!0), [M, k] = A(null), [x, T] = A(""), [N, _] = A(null), [B, se] = A("ag-layout-normal"), oe = O();
   oe.current || (oe.current = new yn(() => H.current));
-  const H = O(null), ue = O(null), U = O(null), te = O(null), J = O(null), K = O(null), Y = O(null), ne = O([]), G = O([]);
-  si(" AG Grid Body ", H), si(" AG Pinned Top ", ue), si(" AG Sticky Top ", U), si(" AG Middle ", K), si(" AG Pinned Bottom ", Y);
+  const H = O(null), ue = O(null), $ = O(null), te = O(null), J = O(null), K = O(null), Y = O(null), ne = O([]), G = O([]);
+  si(" AG Grid Body ", H), si(" AG Pinned Top ", ue), si(" AG Sticky Top ", $), si(" AG Middle ", K), si(" AG Pinned Bottom ", Y);
   const D = P((De) => {
     if (H.current = De, !De || t.isDestroyed()) {
       ne.current = t.destroyBeans(ne.current);
@@ -44202,7 +44202,7 @@ var UA = 1e3, $A = class {
       K.current,
       ue.current,
       Y.current,
-      U.current,
+      $.current,
       te.current
     );
   }, []), q = V(() => Nt("ag-root", "ag-unselectable", B), [B]), le = V(
@@ -44244,7 +44244,7 @@ var UA = 1e3, $A = class {
       width: b
     }),
     [f, v, b]
-  ), $ = V(
+  ), U = V(
     () => ({
       height: a,
       minHeight: a,
@@ -44267,7 +44267,7 @@ var UA = 1e3, $A = class {
     className: le,
     children: ["left", "center", "right", "fullWidth"]
   })), fe({
-    section: U,
+    section: $,
     className: Fe,
     style: we,
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
@@ -44279,7 +44279,7 @@ var UA = 1e3, $A = class {
   }), fe({
     section: Y,
     className: Oe,
-    style: $,
+    style: U,
     children: ["bottomLeft", "bottomCenter", "bottomRight", "bottomFullWidth"]
   }));
 }, vk = gt(Ck), wk = (e, t) => {
@@ -44383,18 +44383,18 @@ var UA = 1e3, $A = class {
       sideBarSelector: oe,
       statusBarSelector: H,
       gridHeaderDropZonesSelector: ue
-    } = T.getOptionalSelectors(), U = [];
+    } = T.getOptionalSelectors(), $ = [];
     if (ue) {
       const J = e.createBean(new ue.component()), K = J.getGui();
-      N.insertAdjacentElement("afterbegin", K), U.push(K), _.push(J);
+      N.insertAdjacentElement("afterbegin", K), $.push(K), _.push(J);
     }
     if (oe) {
       const J = e.createBean(new oe.component()), K = J.getGui(), Y = C.querySelector(".ag-tab-guard-bottom");
-      Y && (Y.insertAdjacentElement("beforebegin", K), U.push(K)), _.push(J), S.current.push(J);
+      Y && (Y.insertAdjacentElement("beforebegin", K), $.push(K)), _.push(J), S.current.push(J);
     }
     const te = (J) => {
       const K = e.createBean(new J()), Y = K.getGui();
-      return N.insertAdjacentElement("beforeend", Y), U.push(Y), _.push(K), K;
+      return N.insertAdjacentElement("beforeend", Y), $.push(Y), _.push(K), K;
     };
     if (H && te(H.component), se) {
       const J = te(se.component);
@@ -44402,7 +44402,7 @@ var UA = 1e3, $A = class {
     }
     return B && te(B.component), () => {
       e.destroyBeans(_);
-      for (const J of U)
+      for (const J of $)
         J.remove();
     };
   }, [u, C, e]);
@@ -44823,7 +44823,7 @@ const kk = ee(
       const q = D.target;
       return !(g?.current && q instanceof Node && g.current.contains(q));
     }
-  }), H = Qc(_, { role: "menu" }), { getReferenceProps: ue, getFloatingProps: U } = Xc([
+  }), H = Qc(_, { role: "menu" }), { getReferenceProps: ue, getFloatingProps: $ } = Xc([
     B,
     se,
     oe,
@@ -44981,7 +44981,7 @@ const kk = ee(
               !v && "w-max",
               h
             ),
-            ...U(),
+            ...$(),
             children: [
               c && /* @__PURE__ */ m("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ m(
                 LC,
@@ -45186,7 +45186,7 @@ const OC = ({
       }
     },
     [i]
-  ), U = P(
+  ), $ = P(
     (D) => {
       if (!D.data) return null;
       const q = g(D.data), le = x.has(q), ie = `row-select-${q}`;
@@ -45247,10 +45247,10 @@ const OC = ({
       floatingFilter: !1,
       suppressMenu: !0,
       borderless: !0,
-      cellRenderer: U,
+      cellRenderer: $,
       headerComponent: H
     }),
-    [U, H]
+    [$, H]
   ), K = V(() => {
     const D = (e ?? []).map(te);
     return r ? [J, ...D] : D;
@@ -46071,69 +46071,77 @@ const o8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", n8 = "d
   portalId: s,
   className: i,
   overlayClassName: o,
-  headingClassName: n,
-  dividers: r = !0,
-  children: a,
-  footer: l,
-  onClose: c,
-  size: d = Kt.Md
+  titleClassName: n,
+  headerClassName: r,
+  dividers: a = !0,
+  children: l,
+  footer: c,
+  onClose: d,
+  size: u = Kt.Md,
+  closeOnOutsideClick: h = !0
 }) => {
-  const { refs: u, context: h } = Yc({
+  const { refs: g, context: p } = Yc({
     open: e,
-    onOpenChange: (w) => {
-      w || c?.(null);
+    onOpenChange: (S) => {
+      S || d?.(null);
     }
-  }), g = Qc(h, { role: "dialog" }), p = Zc(h, { outsidePress: !0 }), { getFloatingProps: f } = Xc([g, p]);
+  }), f = Qc(p, { role: "dialog" }), C = Zc(p, { outsidePress: h }), { getFloatingProps: v } = Xc([f, C]);
   if (!e) return null;
-  const C = typeof t == "string" ? "dial-popup-heading" : void 0, v = (w) => w ? typeof w == "string" ? /* @__PURE__ */ m(
+  const w = typeof t == "string" ? "dial-popup-heading" : void 0, b = (S) => S ? typeof S == "string" ? /* @__PURE__ */ m(
     "h3",
     {
-      id: C,
+      id: w,
       className: ee(
         "flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",
         n
       ),
-      children: /* @__PURE__ */ m(Ws, { tooltip: w, children: w })
+      children: /* @__PURE__ */ m(Ws, { tooltip: S, children: S })
     }
-  ) : w : /* @__PURE__ */ m("span", {});
+  ) : S : /* @__PURE__ */ m("span", {});
   return /* @__PURE__ */ m(ed, { id: s, children: /* @__PURE__ */ m(
     uv,
     {
       className: ee(o8, o),
-      children: /* @__PURE__ */ m(Og, { context: h, children: /* @__PURE__ */ z(
+      children: /* @__PURE__ */ m(Og, { context: p, children: /* @__PURE__ */ z(
         "div",
         {
-          ref: u.setFloating,
-          ...f(),
+          ref: g.setFloating,
+          ...v(),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": C,
+          "aria-labelledby": w,
           className: ee(
             "dial-popup",
-            a8[d],
-            r && n8,
+            a8[u],
+            a && n8,
             i
           ),
           children: [
-            /* @__PURE__ */ z("div", { className: r8, children: [
-              v(t),
-              /* @__PURE__ */ m(
-                LC,
-                {
-                  ariaLabel: "Close dialog",
-                  onClose: (w) => c?.(w)
-                }
-              )
-            ] }),
+            /* @__PURE__ */ z(
+              "div",
+              {
+                className: ge(r8, r),
+                children: [
+                  b(t),
+                  /* @__PURE__ */ m(
+                    LC,
+                    {
+                      ariaLabel: "Close dialog",
+                      onClose: (S) => d?.(S)
+                    }
+                  )
+                ]
+              }
+            ),
             /* @__PURE__ */ m(
               "div",
               {
                 className: "flex-grow overflow-auto",
                 "aria-label": "popup-description",
-                children: a
+                children: l
               }
             ),
-            l
+            c
           ]
         }
       ) })
@@ -46794,9 +46802,9 @@ const D8 = ({
 }) => {
   const x = id(), [T, N] = A(!1), [_, B] = A(
     E && l || ""
-  ), se = O(null), oe = i !== void 0, [H, ue] = A(o), U = oe ? i : H, te = V(() => t ? Array.isArray(U) ? U : [] : typeof U == "string" ? [U] : [], [U, t]), J = V(() => {
-    const $ = _.trim().toLowerCase();
-    return $ ? e.filter((Se) => Se.label.toLowerCase().includes($)) : e;
+  ), se = O(null), oe = i !== void 0, [H, ue] = A(o), $ = oe ? i : H, te = V(() => t ? Array.isArray($) ? $ : [] : typeof $ == "string" ? [$] : [], [$, t]), J = V(() => {
+    const U = _.trim().toLowerCase();
+    return U ? e.filter((Se) => Se.label.toLowerCase().includes(U)) : e;
   }, [e, _]);
   be(() => {
     !T && !E && B("");
@@ -46804,19 +46812,19 @@ const D8 = ({
     E && B(l || "");
   }, [l, E]);
   const K = P(
-    ($) => {
-      oe || ue($), F?.($);
+    (U) => {
+      oe || ue(U), F?.(U);
     },
     [oe, F]
-  ), Y = ($) => {
+  ), Y = (U) => {
     if (t) {
       const Se = new Set(te);
-      Se.has($) ? Se.delete($) : Se.add($), K(Array.from(Se));
+      Se.has(U) ? Se.delete(U) : Se.add(U), K(Array.from(Se));
     } else
-      K($), N(!1);
+      K(U), N(!1);
   }, ne = P(
-    ($, Se) => {
-      if ($.stopPropagation(), !t) {
+    (U, Se) => {
+      if (U.stopPropagation(), !t) {
         K("");
         return;
       }
@@ -46825,34 +46833,34 @@ const D8 = ({
     },
     [t, te, K]
   ), G = V(
-    () => J.filter(($) => !$.disabled),
+    () => J.filter((U) => !U.disabled),
     [J]
   ), D = V(
-    () => G.filter(($) => te.includes($.value)).length,
+    () => G.filter((U) => te.includes(U.value)).length,
     [G, te]
-  ), q = ($) => {
-    E && !t && !$ && Y(_), N($);
+  ), q = (U) => {
+    E && !t && !U && Y(_), N(U);
   }, le = G.length > 0 && D === G.length, ie = D > 0 && !le, ve = () => {
     if (!(!t || G.length === 0))
       if (le) {
-        const $ = new Set(G.map((fe) => fe.value)), Se = te.filter((fe) => !$.has(fe));
+        const U = new Set(G.map((fe) => fe.value)), Se = te.filter((fe) => !U.has(fe));
         K(Se);
       } else {
-        const $ = new Set(te);
-        G.forEach((Se) => $.add(Se.value)), K(Array.from($));
+        const U = new Set(te);
+        G.forEach((Se) => U.add(Se.value)), K(Array.from(U));
       }
   }, Fe = te.length > 0;
   be(() => {
     T && E && !t && !v && requestAnimationFrame(() => {
-      const $ = se.current;
-      if (!$) return;
-      $.focus();
-      const Se = $.value?.length ?? 0;
-      $.setSelectionRange?.(Se, Se);
+      const U = se.current;
+      if (!U) return;
+      U.focus();
+      const Se = U.value?.length ?? 0;
+      U.setSelectionRange?.(Se, Se);
     });
   }, [T, E, t, v]);
   const xe = !t && Fe ? te[0] : void 0, Oe = V(
-    () => xe ? e.find(($) => $.value === xe) : void 0,
+    () => xe ? e.find((U) => U.value === xe) : void 0,
     [e, xe]
   ), nt = P(() => !t || te.length === 0 ? null : /* @__PURE__ */ m(
     _C,
@@ -46926,8 +46934,8 @@ const D8 = ({
                   "aria-label": "Close select",
                   className: "shrink-0",
                   iconBefore: /* @__PURE__ */ m(ho, { size: 16 }),
-                  onClick: ($) => {
-                    R?.($), N(!1);
+                  onClick: (U) => {
+                    R?.(U), N(!1);
                   }
                 }
               )
@@ -46957,60 +46965,60 @@ const D8 = ({
                     title: p,
                     description: f
                   }
-                ) }) : J.map(($) => {
-                  const Se = te.includes($.value);
+                ) }) : J.map((U) => {
+                  const Se = te.includes(U.value);
                   return t ? /* @__PURE__ */ z(
                     "div",
                     {
                       role: "option",
                       "aria-selected": Se,
-                      "aria-disabled": !!$.disabled,
+                      "aria-disabled": !!U.disabled,
                       className: ee(
                         jl,
                         Se && R8,
-                        $.disabled && bg,
+                        U.disabled && bg,
                         "w-full"
                       ),
                       children: [
                         /* @__PURE__ */ m(
                           Pr,
                           {
-                            id: `${s || x}-${$.value}`,
+                            id: `${s || x}-${U.value}`,
                             label: /* @__PURE__ */ z("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
-                              $.icon && /* @__PURE__ */ m(Be, { icon: $.icon }),
-                              /* @__PURE__ */ m("span", { className: "truncate", children: $.label })
+                              U.icon && /* @__PURE__ */ m(Be, { icon: U.icon }),
+                              /* @__PURE__ */ m("span", { className: "truncate", children: U.label })
                             ] }),
                             checked: Se,
-                            disabled: $.disabled,
-                            onChange: () => !$.disabled && Y($.value),
-                            ariaLabel: $.label
+                            disabled: U.disabled,
+                            onChange: () => !U.disabled && Y(U.value),
+                            ariaLabel: U.label
                           }
                         ),
-                        $.description && /* @__PURE__ */ m("div", { className: "text-secondary dial-small", children: $.description })
+                        U.description && /* @__PURE__ */ m("div", { className: "text-secondary dial-small", children: U.description })
                       ]
                     },
-                    $.value
+                    U.value
                   ) : /* @__PURE__ */ m(
                     "button",
                     {
                       role: "option",
                       type: "button",
                       "aria-selected": Se,
-                      "aria-disabled": !!$.disabled,
-                      disabled: $.disabled,
+                      "aria-disabled": !!U.disabled,
+                      disabled: U.disabled,
                       className: ee(
                         jl,
                         Se && x8,
-                        $.disabled && bg
+                        U.disabled && bg
                       ),
-                      onClick: () => !$.disabled && Y($.value),
+                      onClick: () => !U.disabled && Y(U.value),
                       children: /* @__PURE__ */ z("div", { className: "flex items-center gap-2 w-full", children: [
-                        $.icon && /* @__PURE__ */ m(Be, { icon: $.icon }),
-                        /* @__PURE__ */ m(yt, { text: $.label }),
-                        $.description && /* @__PURE__ */ m("div", { className: "text-secondary dial-small", children: $.description })
+                        U.icon && /* @__PURE__ */ m(Be, { icon: U.icon }),
+                        /* @__PURE__ */ m(yt, { text: U.label }),
+                        U.description && /* @__PURE__ */ m("div", { className: "text-secondary dial-small", children: U.description })
                       ] })
                     },
-                    $.value
+                    U.value
                   );
                 })
               }
@@ -47018,8 +47026,8 @@ const D8 = ({
             y && /* @__PURE__ */ m(
               "div",
               {
-                onClick: ($) => {
-                  k?.($), k && N(!1);
+                onClick: (U) => {
+                  k?.(U), k && N(!1);
                 },
                 children: typeof y == "function" ? y() : y
               }
@@ -47041,11 +47049,11 @@ const D8 = ({
             n === jc.Secondary ? "!bg-layer-4" : "",
             w
           ),
-          onMouseDown: ($) => {
-            v || E && !t && (Ee(), $.preventDefault());
+          onMouseDown: (U) => {
+            v || E && !t && (Ee(), U.preventDefault());
           },
           onClick: () => {
-            v || (N(($) => !$), E && !t && (Ee(), se.current?.focus()));
+            v || (N((U) => !U), E && !t && (Ee(), se.current?.focus()));
           },
           children: [
             E && !t ? /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2 text-primary flex-1", children: /* @__PURE__ */ m(
@@ -47055,18 +47063,22 @@ const D8 = ({
                 type: "text",
                 placeholder: u ?? c,
                 value: _ || "",
-                onChange: ($) => B($.currentTarget.value),
+                onChange: (U) => B(U.currentTarget.value.trimStart()),
                 onFocus: () => !v && N(!0),
-                onMouseDown: ($) => {
-                  Ee(), $.stopPropagation();
+                onMouseDown: (U) => {
+                  Ee(), U.stopPropagation();
                 },
-                onClick: ($) => {
-                  $.stopPropagation();
+                onClick: (U) => {
+                  U.stopPropagation();
+                },
+                onKeyDown: (U) => {
+                  U.stopPropagation();
                 },
                 className: "bg-transparent outline-none w-full dial-small",
                 ref: se,
                 disabled: v,
-                "aria-disabled": v
+                "aria-disabled": v,
+                autoComplete: "off"
               }
             ) }) : /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: we() }),
             !E && /* @__PURE__ */ m(
@@ -48279,7 +48291,7 @@ const oa = ({
     const { path: x, nodeType: T, name: N, items: _ } = k, B = T === He.FOLDER;
     if (!d && ZC(k)) return null;
     if (!B && !t) return;
-    const se = Array.isArray(_) && _.length > 0 && _.some((D) => D.nodeType === He.FOLDER || t), oe = S.has(x), H = r === x, ue = i.has(x), U = u === x, te = o.has(x), J = n.has(x), K = g && h && x === g && B, Y = w && ((D) => w(D, k)), ne = H ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", G = K ? [] : f?.(k) ?? [];
+    const se = Array.isArray(_) && _.length > 0 && _.some((D) => D.nodeType === He.FOLDER || t), oe = S.has(x), H = r === x, ue = i.has(x), $ = u === x, te = o.has(x), J = n.has(x), K = g && h && x === g && B, Y = w && ((D) => w(D, k)), ne = H ? "bg-accent-primary-alpha border-l-2 border-l-accent-primary rounded" : "border-l-2 border-l-transparent", G = K ? [] : f?.(k) ?? [];
     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(
         Mt,
@@ -48298,7 +48310,7 @@ const oa = ({
               ),
               "aria-selected": H,
               children: [
-                !U && /* @__PURE__ */ m(
+                !$ && /* @__PURE__ */ m(
                   "div",
                   {
                     className: "absolute size-full left-0 top-0 z-0",
@@ -48309,7 +48321,7 @@ const oa = ({
                   "div",
                   {
                     className: "relative flex flex-row truncate items-center w-fit h-6",
-                    onClick: () => !U && R(k),
+                    onClick: () => !$ && R(k),
                     children: /* @__PURE__ */ z(Ge, { children: [
                       B && /* @__PURE__ */ m(
                         ew,
@@ -48332,7 +48344,7 @@ const oa = ({
                           shared: J,
                           iconSize: Ns,
                           ...!K && {
-                            editing: U,
+                            editing: $,
                             onSave: C,
                             onCancel: v,
                             validate: Y
@@ -48342,7 +48354,7 @@ const oa = ({
                     ] })
                   }
                 ),
-                G.length > 0 && !U && !K && /* @__PURE__ */ m("div", { className: "flex-1 flex justify-end", children: /* @__PURE__ */ m(
+                G.length > 0 && !$ && !K && /* @__PURE__ */ m("div", { className: "flex-1 flex justify-end", children: /* @__PURE__ */ m(
                   Mt,
                   {
                     placement: "bottom-start",
@@ -49010,7 +49022,7 @@ const xL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       f(ne), c(!0);
     },
     []
-  ), U = P(() => {
+  ), $ = P(() => {
     c(!1), S.current || T();
   }, [T, S]), [te, J] = A(), K = P(
     (ne) => {
@@ -49028,7 +49040,7 @@ const xL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
   );
   return {
     handleDuplicate: H,
-    handleCloseDestinationFolderPopup: U,
+    handleCloseDestinationFolderPopup: $,
     handleOpenDestinationFolderPopup: ue,
     handleCopyTo: N,
     handleMoveTo: _,
@@ -49229,7 +49241,7 @@ const xL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     R(), S.current || x();
   }, [R, S, x]), ue = P((G) => {
     G.preventDefault(), G.stopPropagation(), G.dataTransfer.types.includes("Files") && r(!0);
-  }, []), U = P((G) => {
+  }, []), $ = P((G) => {
     G.preventDefault(), G.stopPropagation();
     const D = G.currentTarget.getBoundingClientRect(), q = G.clientX, le = G.clientY;
     (q <= D.left || q >= D.right || le <= D.top || le >= D.bottom) && r(!1);
@@ -49311,7 +49323,7 @@ const xL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
     isDraggingOverWindow: a,
     uploadError: c,
     handleDragEnter: ue,
-    handleDragLeave: U,
+    handleDragLeave: $,
     handleDragOver: te,
     handleDrop: J,
     clearError: ne,
@@ -49615,11 +49627,11 @@ const HL = ({
   actionsRef: H,
   sharedByMePaths: ue
 }) => {
-  const [U, te] = A(
+  const [$, te] = A(
     /* @__PURE__ */ new Map()
   ), J = V(
-    () => new Set(U.keys()),
-    [U]
+    () => new Set($.keys()),
+    [$]
   ), K = P(() => te(/* @__PURE__ */ new Map()), []), { currentPath: Y, setCurrentPath: ne, handlePathChange: G } = PL({
     path: o,
     onPathChange: C,
@@ -49638,7 +49650,7 @@ const HL = ({
   }), {
     renamedPath: we,
     renamedItem: Ee,
-    renameHandler: $,
+    renameHandler: U,
     renameSaveHandler: Se,
     renameCancelHandler: fe,
     renameValidateHandler: De,
@@ -49873,7 +49885,7 @@ const HL = ({
     toggleTreeCollapse: Oe,
     setIsTreeCollapsed: nt,
     selectedIds: J,
-    selectedFiles: U,
+    selectedFiles: $,
     setSelectedFiles: te,
     clearSelection: K,
     currentFolder: ft,
@@ -49890,7 +49902,7 @@ const HL = ({
     handleDownloadFiles: yo,
     renamedPath: we,
     renamedItem: Ee,
-    onRename: $,
+    onRename: U,
     onRenameSave: Se,
     onRenameCancel: fe,
     onRenameValidate: De,
@@ -50355,7 +50367,7 @@ const iv = ({
       }
     ],
     [v, w]
-  ), U = V(() => n.map((Y) => ({
+  ), $ = V(() => n.map((Y) => ({
     id: Y.path,
     name: Y.name,
     path: Y.path,
@@ -50481,7 +50493,7 @@ const iv = ({
           OC,
           {
             columnDefs: te,
-            rowData: U,
+            rowData: $,
             getRowId: (Y) => Y.id,
             withSelectionColumn: !1,
             wrapCustomCellRenderers: !1,
@@ -50499,7 +50511,7 @@ const iv = ({
       R,
       M,
       te,
-      U
+      $
     ]
   ), K = P(() => {
     if (f)
@@ -50832,7 +50844,7 @@ const e7 = ({
     handleSetCopiedFiles: oe,
     handleSetMovedFiles: H,
     handleDuplicate: ue,
-    handleCopyTo: U,
+    handleCopyTo: $,
     handleMoveTo: te,
     handleDownloadFiles: J,
     openDeleteConfirmation: K,
@@ -50850,7 +50862,7 @@ const e7 = ({
     isDragging: nt,
     isDraggingOverWindow: we,
     handleDragEnter: Ee,
-    handleDragLeave: $,
+    handleDragLeave: U,
     handleDragOver: Se,
     handleDrop: fe,
     onUploadFiles: De,
@@ -51354,7 +51366,7 @@ const e7 = ({
                     "aria-label": "File Manager Grid View",
                     className: ge(Q8),
                     onDragEnter: Ee,
-                    onDragLeave: $,
+                    onDragLeave: U,
                     onDragOver: Se,
                     onDrop: fe,
                     children: /* @__PURE__ */ m(
@@ -51424,7 +51436,7 @@ const e7 = ({
             onClose: _,
             onConfirm: () => {
               const Z = d?.destinationFolderPath ?? "/";
-              se === tt.Copy ? U(Z) : te(Z), _();
+              se === tt.Copy ? $(Z) : te(Z), _();
             },
             mode: se,
             items: t,