@epam/ai-dial-ui-kit 0.6.0-rc.13 → 0.6.0-rc.14

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

@@ -2,7 +2,7 @@ import { jsx as m, jsxs as z, Fragment as Be } from "react/jsx-runtime";
 import ee from "classnames";
 import { useFloating as ud, offset as jg, flip as Kg, shift as qg, arrow as yv, autoUpdate as Yg, useHover as Zg, useFocus as Rv, useDismiss as hd, useRole as gd, useInteractions as pd, useMergeRefs as fd, FloatingPortal as md, FloatingArrow as xv, autoPlacement as Fv, size as Ev, useClick as Dv, FloatingFocusManager as Qg, FloatingOverlay as Pv } from "@floating-ui/react";
 import * as ye from "react";
-import q, { createContext as wa, useState as I, useRef as L, useEffect as xe, useMemo as B, useContext as st, isValidElement as Cd, cloneElement as gc, useCallback as D, memo as mt, useLayoutEffect as Kt, PureComponent as Tv, Component as Mv, forwardRef as vd, useImperativeHandle as Dn, createElement as Xo, Suspense as Iv, useId as wd, Children as Av } from "react";
+import q, { createContext as wa, useState as I, useRef as L, useEffect as xe, useMemo as B, useContext as st, isValidElement as Cd, cloneElement as gc, useCallback as D, memo as mt, useLayoutEffect as qt, PureComponent as Tv, Component as Mv, forwardRef as vd, useImperativeHandle as Dn, createElement as Xo, Suspense as Iv, useId as wd, Children as Av } from "react";
 import { IconInfoCircle as bd, IconCircleCheck as kv, IconAlertTriangle as Lv, IconAlertCircle as Ov, IconX as fo, IconMinus as Nv, IconCheck as Xg, IconExclamationCircle as Sd, IconClipboardX as Jg, IconChevronsLeft as Hv, IconChevronsRight as Gv, IconGripVertical as Bv, IconFile as ep, IconFileTypeZip as Vv, IconFileTypeXml as zv, IconFileTypeXls as Wv, IconFileTypeVue as _v, IconFileTypeTxt as Uv, IconFileTypeTsx as $v, IconFileTypeTs as jv, IconFileTypeSvg as Kv, IconFileTypeSql as qv, IconFileTypeRs as Yv, IconFileTypePpt as Zv, IconFileTypePng as Qv, IconFileTypePhp as Xv, IconFileTypePdf as Jv, IconFileTypeJsx as ew, IconFileTypeJs as tw, IconFileTypeJpg as sw, IconFileTypeHtml as iw, IconFileTypeDocx as ow, IconFileTypeDoc as nw, IconFileTypeCsv as rw, IconFileTypeCss as aw, IconFileTypeBmp as lw, IconArrowUpRight as cw, IconFolder as yd, IconChevronLeft as dw, IconChevronRight as tp, IconZoomCancel as uw, IconChevronDown as ba, IconDotsVertical as Pn, IconDots as hw, IconTrashX as Tn, IconEyeOff as sp, IconEye as ip, IconSearch as gw, IconPlus as pw, IconChevronUp as fw, IconAlertCircleFilled as mw, IconCaretRightFilled as Cw, IconArrowLeft as vw, IconFileZip as ww, IconCopyMinus as bw, IconFolderPlus as Sw, IconCopy as Rd, IconDownload as xd, IconPencilMinus as op, IconCircleFilled as Rr, IconFileDescription as yw } from "@tabler/icons-react";
 import Rw, { flushSync as xw, createPortal as Fd } from "react-dom";
 const Ed = "-", Fw = (e) => {
@@ -4765,7 +4765,7 @@ function Qb() {
   }), bl;
 }
 var Xb = Qb();
-const Jb = /* @__PURE__ */ Zb(Xb), pi = typeof window < "u" ? Kt : xe;
+const Jb = /* @__PURE__ */ Zb(Xb), pi = typeof window < "u" ? qt : xe;
 function e0(e, t, s) {
   const [i, o] = I(
     () => t(e)
@@ -6123,7 +6123,7 @@ const $0 = ({ side: e, className: t }) => {
   ]);
   return /* @__PURE__ */ m(U0, { ref: C, ...b, children: /* @__PURE__ */ m("div", { className: "group flex size-full flex-col bg-layer-3 divide-y divide-tertiary transition-all", children: e }) });
 }, q0 = ({ enabled: e = !0, children: t, ...s }) => e ? /* @__PURE__ */ m(K0, { ...s, children: t }) : t;
-var jt = /* @__PURE__ */ ((e) => (e.Default = "default", e.Text = "text", e.Circular = "circular", e.Rectangular = "rectangular", e))(jt || {}), Fr = /* @__PURE__ */ ((e) => (e.Small = "small", e.Default = "default", e.Large = "large", e))(Fr || {}), yc = /* @__PURE__ */ ((e) => (e.Circle = "circle", e.Square = "square", e))(yc || {});
+var Kt = /* @__PURE__ */ ((e) => (e.Default = "default", e.Text = "text", e.Circular = "circular", e.Rectangular = "rectangular", e))(Kt || {}), Fr = /* @__PURE__ */ ((e) => (e.Small = "small", e.Default = "default", e.Large = "large", e))(Fr || {}), yc = /* @__PURE__ */ ((e) => (e.Circle = "circle", e.Square = "square", e))(yc || {});
 const Y0 = (e) => {
   if (typeof e == "number") return e;
   switch (e) {
@@ -6142,7 +6142,7 @@ const Y0 = (e) => {
   showTitle: i = !0,
   loading: o = !0,
   children: n,
-  variant: r = jt.Default,
+  variant: r = Kt.Default,
   width: a,
   height: l,
   className: c,
@@ -6155,12 +6155,12 @@ const Y0 = (e) => {
     e && "animate-pulse",
     c
   );
-  if (r !== jt.Default) {
+  if (r !== Kt.Default) {
     const E = ge(
       u,
-      r === jt.Circular && "rounded-full",
-      r === jt.Rectangular && "rounded",
-      r === jt.Text && "rounded"
+      r === Kt.Circular && "rounded-full",
+      r === Kt.Rectangular && "rounded",
+      r === Kt.Text && "rounded"
     ), T = {};
     return a && (T.width = typeof a == "number" ? `${a}px` : a), l && (T.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ m("div", { className: E, style: T, ...d });
   }
@@ -8449,7 +8449,7 @@ function co(e, t, s, i, o = null) {
     source: i
   });
 }
-function qt(e, t, s) {
+function Yt(e, t, s) {
   const {
     colModel: i,
     rowGroupColsSvc: o,
@@ -8554,9 +8554,9 @@ function ky(e, t) {
     const b = Tf(w);
     Ue(b.rowGroupIndex) && b.rowGroup && (b.rowGroupIndex = u++), Ue(b.pivotIndex) && b.pivot && (b.pivotIndex = h++), d.push(b);
   };
-  i?.getColumns()?.forEach(g), o?.getColumns()?.forEach(g), c?.forEach(g), qt(e, { state: d }, t);
+  i?.getColumns()?.forEach(g), o?.getColumns()?.forEach(g), c?.forEach(g), Yt(e, { state: d }, t);
   const p = i?.getColumns() ?? [], v = [...o?.getColumns() ?? [], ...p, ...a].map((w) => ({ colId: w.colId }));
-  qt(e, { state: v, applyOrder: !0 }, t), n.dispatchEvent(pe(r, { type: "columnsReset", source: t }));
+  Yt(e, { state: v, applyOrder: !0 }, t), n.dispatchEvent(pe(r, { type: "columnsReset", source: t }));
 }
 function Pf(e, t) {
   const { rowGroupColsSvc: s, pivotColsSvc: i, valueColsSvc: o, colModel: n, sortSvc: r, eventSvc: a } = e, l = {
@@ -8842,7 +8842,7 @@ var gh = (e, t, s, i) => {
     this.ready && (this.refreshCols(!1, e), this.beans.visibleCols.refresh(e));
   }
   setColsVisible(e, t = !1, s) {
-    qt(
+    Yt(
       this.beans,
       {
         state: e.map((i) => ({
@@ -21581,7 +21581,7 @@ function w3(e) {
   return e.colModel.getColDefCols();
 }
 function b3(e, t) {
-  return qt(e, t, "api");
+  return Yt(e, t, "api");
 }
 function S3(e) {
   return oa(e);
@@ -22021,7 +22021,7 @@ var G3 = [
         i,
         o
       )
-    ), s.length && qt(this.beans, { state: s }, "cellDataTypeInferred"), this.initialData = null;
+    ), s.length && Yt(this.beans, { state: s }, "cellDataTypeInferred"), this.initialData = null;
   }
   generateColumnStateForRowGroupAndPivotIndexes(e, t) {
     const s = {}, { rowGroupColsSvc: i, pivotColsSvc: o } = this.beans;
@@ -26369,7 +26369,7 @@ var WP = class extends O {
     if (!s && !o)
       return;
     const n = Object.assign({}, e.data), r = (a, l) => a.forEach(({ pendingValue: c }, d) => {
-      c !== Ut && (l[d.getColId()] = c);
+      c !== $t && (l[d.getColId()] = c);
     });
     return s && r(s, n), o && r(o, n), n;
   }
@@ -26467,7 +26467,7 @@ var WP = class extends O {
     const t = this.getEditRow(e.rowNode) ?? /* @__PURE__ */ new Map(), { rowNode: s, column: i } = e;
     i && !t.has(i) && t.set(i, {
       editorValue: void 0,
-      pendingValue: Ut,
+      pendingValue: $t,
       sourceValue: this.beans.valueSvc.getValue(i, s, !1, "api"),
       state: "editing",
       editorState: {
@@ -26601,7 +26601,7 @@ function Yc(e) {
   if (e)
     return typeof e == "string" ? e : e.getColId();
 }
-var Ut = Symbol("unedited");
+var $t = Symbol("unedited");
 function Jm(e, t = {}) {
   const s = [], i = e.rowRenderer.getCellCtrls(t.rowNodes, t.columns);
   for (const o of i) {
@@ -26621,7 +26621,7 @@ function $P(e, t, s, i, o, n) {
     const { rowNode: h, column: g } = u, p = _e(e, u);
     if (!p) {
       if (h && g) {
-        const C = r.getValue(g, h, void 0, "api"), b = (s?.rowNode === h && s?.column === g && i || void 0) ?? a?.getCellDataValue(u, !1) ?? r.getValueForDisplay(g, h)?.value ?? C ?? Ut;
+        const C = r.getValue(g, h, void 0, "api"), b = (s?.rowNode === h && s?.column === g && i || void 0) ?? a?.getCellDataValue(u, !1) ?? r.getValueForDisplay(g, h)?.value ?? C ?? $t;
         l?.setEdit(u, {
           pendingValue: b,
           sourceValue: C,
@@ -26646,7 +26646,7 @@ function bs({
   pendingValue: e,
   sourceValue: t
 }) {
-  return e === Ut && (e = t), e !== t;
+  return e === $t && (e = t), e !== t;
 }
 function go(e, t, s) {
   const i = e.gos.get("enableGroupEdit"), { key: o, event: n, cellStartedEdit: r, silent: a } = s ?? {}, l = _e(e, t), c = l?.comp?.getCellEditor(), d = tC(e, t, o, r && !a), u = e.editModelSvc?.getEdit(t);
@@ -26685,7 +26685,7 @@ function eC(e, t, s) {
   };
 }
 function tC(e, t, s, i) {
-  const { valueSvc: o, gos: n, editSvc: r } = e, a = e.gos.get("enableGroupEdit"), l = _e(e, t), c = t.rowNode?.rowIndex ?? void 0, d = r?.isBatchEditing(), u = e.colModel.getCol(t.column.getId()), { rowNode: h, column: g } = t, p = l.comp?.getCellEditor(), f = r?.getCellDataValue(t, !1) ?? (p ? eC(e, p)?.editorValue : void 0), C = f === Ut ? o.getValueForDisplay(u, h)?.value : f;
+  const { valueSvc: o, gos: n, editSvc: r } = e, a = e.gos.get("enableGroupEdit"), l = _e(e, t), c = t.rowNode?.rowIndex ?? void 0, d = r?.isBatchEditing(), u = e.colModel.getCol(t.column.getId()), { rowNode: h, column: g } = t, p = l.comp?.getCellEditor(), f = r?.getCellDataValue(t, !1) ?? (p ? eC(e, p)?.editorValue : void 0), C = f === $t ? o.getValueForDisplay(u, h)?.value : f;
   return pe(n, {
     value: a ? f : C,
     eventKey: s ?? null,
@@ -26711,7 +26711,7 @@ function Zc(e, t) {
   const { editModelSvc: s } = e;
   s?.getEditMap().forEach((i, o) => {
     i.forEach((n, r) => {
-      !t && (n.state === "editing" || n.pendingValue === Ut) || !bs(n) && (n.state !== "editing" || t) && s?.removeEdits({ rowNode: o, column: r });
+      !t && (n.state === "editing" || n.pendingValue === $t) || !bs(n) && (n.state !== "editing" || t) && s?.removeEdits({ rowNode: o, column: r });
     });
   });
 }
@@ -26747,7 +26747,7 @@ function Br(e, t, s, i, o, n) {
   let d = r.getEdit(t, !0);
   d?.sourceValue || (d = r.setEdit(t, {
     sourceValue: a.getValue(c, l, void 0, "api"),
-    pendingValue: d ? d.editorValue : Ut
+    pendingValue: d ? d.editorValue : $t
   })), r.setEdit(t, {
     editorValue: o ? d.sourceValue : s
   }), n?.persist && KP(e, t);
@@ -26868,7 +26868,7 @@ var qP = (e) => {
       const u = n.get(d);
       if (!u)
         continue;
-      const { editorValue: h, pendingValue: g, sourceValue: p } = u, f = h ?? (g === Ut ? void 0 : g) ?? p;
+      const { editorValue: h, pendingValue: g, sourceValue: p } = u, f = h ?? (g === $t ? void 0 : g) ?? p;
       r.push({
         column: d,
         colId: d.getColId(),
@@ -36772,7 +36772,7 @@ function hM(e) {
     i.forEach((a, l) => {
       const { editorValue: c, pendingValue: d, sourceValue: u, state: h } = a, g = bs(a);
       let p = c ?? d;
-      p === Ut && (p = void 0);
+      p === $t && (p = void 0);
       const f = {
         newValue: p,
         oldValue: u,
@@ -37216,7 +37216,7 @@ var xM = class extends O {
       r && (i = r);
     }
     const n = s ? i?.editorValue ?? i?.pendingValue : i?.pendingValue;
-    return n === Ut || !i ? i?.sourceValue ?? this.valueSvc.getValue(t, e, !1, "api") : n;
+    return n === $t || !i ? i?.sourceValue ?? this.valueSvc.getValue(t, e, !1, "api") : n;
   }
   addStopEditingWhenGridLosesFocus(e) {
     _P(this, this.beans, e);
@@ -37358,7 +37358,7 @@ var xM = class extends O {
       if (!t?.forceRefreshOfEditCellsOnly && !bs({ pendingValue: u, sourceValue: f }) && h !== "editing")
         continue;
       let C = n.get(p);
-      C || (C = /* @__PURE__ */ new Map(), n.set(p, C)), u === void 0 && (u = Ut), C.set(g, {
+      C || (C = /* @__PURE__ */ new Map(), n.set(p, C)), u === void 0 && (u = $t), C.set(g, {
         editorValue: void 0,
         pendingValue: u,
         sourceValue: f,
@@ -37503,7 +37503,7 @@ var IC = class extends O {
         n.state === "editing" && s.push({ ...n, rowNode: o, column: r });
       });
     }), t?.update && (e = new Map([...this.model.getEditMap(), ...e])), this.model?.setEditMap(e), s.length > 0) {
-      const i = s.at(-1), o = i.pendingValue === Ut ? void 0 : i.pendingValue;
+      const i = s.at(-1), o = i.pendingValue === $t ? void 0 : i.pendingValue;
       this.start({ position: i, event: new KeyboardEvent("keydown", { key: o }), source: "api" });
       const n = _e(this.beans, i);
       n && this.setFocusInOnEditor(n);
@@ -37830,7 +37830,7 @@ var IC = class extends O {
     const t = Qi(e.source);
     for (const s of this.columns?.list ?? []) {
       const i = this.createSelectionColDef(e.currentValue);
-      s.setColDef(i, null, t), qt(this.beans, { state: [{ ...i, colId: s.getColId() }] }, t);
+      s.setColDef(i, null, t), Yt(this.beans, { state: [{ ...i, colId: s.getColId() }] }, t);
     }
   }
   getColumn(e) {
@@ -38585,19 +38585,19 @@ var h6 = {
       case "columnMoved":
         {
           const u = e.api.getColumnState().map((h) => ({ colId: h.colId }));
-          qt(i, { state: u, applyOrder: !0 }, "alignedGridChanged");
+          Yt(i, { state: u, applyOrder: !0 }, "alignedGridChanged");
         }
         break;
       case "columnVisible":
         {
           const u = e.api.getColumnState().map((h) => ({ colId: h.colId, hide: h.hide }));
-          qt(i, { state: u }, "alignedGridChanged");
+          Yt(i, { state: u }, "alignedGridChanged");
         }
         break;
       case "columnPinned":
         {
           const u = e.api.getColumnState().map((h) => ({ colId: h.colId, pinned: h.pinned }));
-          qt(i, { state: u }, "alignedGridChanged");
+          Yt(i, { state: u }, "alignedGridChanged");
         }
         break;
       case "columnResized": {
@@ -40736,7 +40736,7 @@ var CI = class extends O {
       }
     (x || !s) && (C.flex = null);
     const E = u?.orderedColIds, T = !!E?.length && !i?.has("columnOrder"), k = T ? E.map((F) => f(F)) : Object.values(p);
-    (k.length || h) && (this.columnStates = k, qt(
+    (k.length || h) && (this.columnStates = k, Yt(
       this.beans,
       {
         state: k,
@@ -40757,7 +40757,7 @@ var CI = class extends O {
         const a = [];
         for (const l of s)
           n.getPivotResultCol(l.colId) && a.push(l);
-        qt(
+        Yt(
           o,
           {
             state: a,
@@ -42898,7 +42898,7 @@ var _C = vd((e, t) => {
     refresh() {
       return !1;
     }
-  })), Kt(() => Hn(d, i, n.current), [d]);
+  })), qt(() => Hn(d, i, n.current), [d]);
   const E = D((ne) => {
     if (o.current = ne, !ne || i.isDestroyed()) {
       c.current = i.destroyBean(c.current);
@@ -43417,7 +43417,7 @@ var lk = 1e3, ck = class {
     };
     e.setComp(b, v, c.current, d.current, a.current), w();
   }, []);
-  Kt(
+  qt(
     () => Hn(i, s, d.current, u),
     [i]
   ), xe(() => {
@@ -43472,7 +43472,7 @@ var lk = 1e3, ck = class {
     };
     e.setComp(se, U, S.current, w.current, C.current);
   }, []);
-  Kt(
+  qt(
     () => Hn(g, t, w.current, x),
     [g]
   );
@@ -43543,7 +43543,7 @@ var lk = 1e3, ck = class {
     };
     e.setComp(k, T, C.current, v.current, p.current);
   }, []);
-  Kt(() => Hn(h, t, v.current), [h]), xe(() => {
+  qt(() => Hn(h, t, v.current), [h]), xe(() => {
     f.current && e.setDragSource(f.current);
   }, [h]);
   const S = B(() => !!(h?.componentFromFramework && Ro(h.componentClass)), [h]), y = B(() => "ag-header-group-cell " + o.toString(), [o]), R = B(
@@ -43743,7 +43743,7 @@ var lk = 1e3, ck = class {
     return () => {
       g?.(), o.destroyBean(p);
     };
-  }), Kt(() => () => {
+  }), qt(() => () => {
     c.isCellFocused() && t?.getGui().contains(Ke(i)) && d.focus({ preventScroll: !0 });
   }, [t]), t && e.wrappedContent ? Fd(e.wrappedContent, t.getGui()) : null;
 }, Eg = mt(Fk), Ek = (e, t, s) => {
@@ -43842,7 +43842,7 @@ var lk = 1e3, ck = class {
   ), fe = L();
   fe.current || (fe.current = new An(() => k.current)), jC(l, Z, N.current, ue, G, k);
   const V = L();
-  Kt(() => {
+  qt(() => {
     const me = V.current, be = l;
     if (V.current = l, me == null || me.compDetails == null || be == null || be.compDetails == null)
       return;
@@ -43851,7 +43851,7 @@ var lk = 1e3, ck = class {
     if ($.componentClass != Se.componentClass || P.current?.refresh == null)
       return;
     P.current.refresh(Se.params) != !0 && g((Te) => Te + 1);
-  }, [l]), Kt(() => {
+  }, [l]), qt(() => {
     if (!(d && !d.compDetails.componentFromFramework) || o.isDestroyed())
       return;
     const be = d.compDetails, $ = d.popup === !0, Se = be.newAgStackInstance();
@@ -43911,13 +43911,13 @@ var lk = 1e3, ck = class {
           } : ze);
         };
         if (ve?.params?.deferRender && !e.rowNode.group) {
-          const { loadingComp: ze, onReady: $t } = e.getDeferLoadingCellRenderer();
+          const { loadingComp: ze, onReady: jt } = e.getDeferLoadingCellRenderer();
           if (ze) {
             c({
               value: void 0,
               compDetails: ze,
               force: !1
-            }), $t.then(() => _A(dt));
+            }), jt.then(() => _A(dt));
             return;
           }
         }
@@ -43928,7 +43928,7 @@ var lk = 1e3, ck = class {
           let ze;
           ve.componentFromFramework && (dt ? ze = new Rk(
             ve.params,
-            () => g(($t) => $t + 1)
+            () => g((jt) => jt + 1)
           ) : Mu()), u({
             compDetails: ve,
             popup: Te,
@@ -43959,7 +43959,7 @@ var lk = 1e3, ck = class {
   }, []), Ce = D((me) => {
     F.current = me, Y();
   }, []), le = B(() => !!(l?.compDetails?.componentFromFramework && Ro(l.compDetails.componentClass)), [l]);
-  Kt(() => {
+  qt(() => {
     if (!k.current)
       return;
     const { current: me } = fe;
@@ -44043,7 +44043,7 @@ var lk = 1e3, ck = class {
     };
     e.setComp(Ce, K, t, r.current);
   }, []);
-  Kt(
+  qt(
     () => Hn(y, s, F.current, P),
     [y]
   );
@@ -44182,8 +44182,8 @@ var lk = 1e3, ck = class {
       Ze(Ge, document.createComment(Fo)), Ze(Ge, dt(rt).getGui());
     };
     ze(Te, Nx, " AG Fake Horizontal Scroll ");
-    const $t = s?.getOverlayWrapperCompClass();
-    $t && ze(Te, $t, " AG Overlay Wrapper "), te.current && ze(te.current, Gx, " AG Fake Vertical Scroll ");
+    const jt = s?.getOverlayWrapperCompClass();
+    jt && ze(Te, jt, " AG Overlay Wrapper "), te.current && ze(te.current, Gx, " AG Fake Vertical Scroll ");
     const Pi = {
       setRowAnimationCssOnBodyViewport: o,
       setColumnCount: (Ge) => {
@@ -46137,11 +46137,11 @@ const Mg = () => typeof window < "u" && window.innerWidth < 640, Ig = () => {
     )
   ] });
 };
-var Yt = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(Yt || {});
+var Ut = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(Ut || {});
 const y8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", R8 = "divide-tertiary divide-y", x8 = "flex flex-row justify-between py-4 px-6 items-center", F8 = {
-  [Yt.Sm]: "dial-sm-popup",
-  [Yt.Md]: "dial-md-popup",
-  [Yt.Lg]: "dial-lg-popup"
+  [Ut.Sm]: "dial-sm-popup",
+  [Ut.Md]: "dial-md-popup",
+  [Ut.Lg]: "dial-lg-popup"
 }, xo = ({
   open: e = !1,
   header: t,
@@ -46154,7 +46154,7 @@ const y8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", R8 = "d
   children: l,
   footer: c,
   onClose: d,
-  size: u = Yt.Md,
+  size: u = Ut.Md,
   closeOnOutsideClick: h = !0
 }) => {
   const { refs: g, context: p } = ud({
@@ -46254,7 +46254,7 @@ const E8 = "flex justify-end gap-2 px-6 py-4", D8 = "text-secondary dial-small-1
   children: g,
   dividers: p = !1,
   variant: f = En.Info,
-  size: C = Yt.Sm,
+  size: C = Ut.Sm,
   footer: v
 }) => {
   const w = r ? null : /* @__PURE__ */ z("div", { className: E8, children: [
@@ -46420,7 +46420,7 @@ const E8 = "flex justify-end gap-2 px-6 py-4", D8 = "text-secondary dial-small-1
   selectedRadioValue: C,
   onChangeRadioField: v,
   id: w,
-  size: b = Yt.Md
+  size: b = Ut.Md
 }) => {
   const [S, y] = I(!1), R = D(() => {
     s || y(!0);
@@ -46498,7 +46498,7 @@ const E8 = "flex justify-end gap-2 px-6 py-4", D8 = "text-secondary dial-small-1
   onCancel: d,
   children: u,
   dividers: h = !0,
-  size: g = Yt.Md,
+  size: g = Ut.Md,
   footer: p
 }) => {
   const f = o ? null : /* @__PURE__ */ z("div", { className: L8, children: [
@@ -48730,7 +48730,7 @@ function zL({
   dependencies: n = []
 }) {
   const r = L(null), a = L(null), l = L(null), c = L(null), d = L([]), [u, h] = I(e.length);
-  Kt(() => {
+  qt(() => {
     if (!a.current) return;
     const f = Array.from(a.current.children);
     d.current = f.map(
@@ -49881,7 +49881,7 @@ const d7 = ({
       w?.setDestinationFolderPath ? w.setDestinationFolderPath(Oe) : Te(Oe);
     },
     [w]
-  ), { areHiddenFilesVisible: ze, toggleHiddenFilesVisibility: $t } = _L({
+  ), { areHiddenFilesVisible: ze, toggleHiddenFilesVisibility: jt } = _L({
     showHiddenFiles: d,
     onShowHiddenFilesChange: u
   }), { isTreeCollapsed: Pi, toggleTreeCollapse: Ti, setIsTreeCollapsed: Ge } = UL({
@@ -50155,7 +50155,7 @@ const d7 = ({
     effectiveSearchValue: Do,
     setSearchValue: $a,
     areHiddenFilesVisible: ze,
-    toggleHiddenFilesVisibility: $t,
+    toggleHiddenFilesVisibility: jt,
     isTreeCollapsed: Pi,
     toggleTreeCollapse: Ti,
     setIsTreeCollapsed: Ge,
@@ -50372,7 +50372,7 @@ const vv = ({
       onClose: () => {
         e();
       },
-      size: Yt.Lg,
+      size: Ut.Lg,
       className: "md:!h-[800px]",
       footer: /* @__PURE__ */ z("div", { className: "flex justify-between space-x-2 py-4 px-6", children: [
         /* @__PURE__ */ z("div", { className: "flex space-x-4", children: [
@@ -50840,7 +50840,8 @@ const vv = ({
     {
       open: e,
       onClose: t,
-      size: Yt.Md,
+      size: f ? Ut.Sm : Ut.Md,
+      className: ee([!f && "w-[600px]"]),
       header: H,
       dividers: !1,
       footer: /* @__PURE__ */ z("div", { className: "flex justify-end gap-3 py-4 px-6", children: [
@@ -51009,7 +51010,7 @@ const S7 = ({
   {
     open: e,
     onClose: t,
-    size: Yt.Sm,
+    size: Ut.Sm,
     header: o,
     dividers: !1,
     children: /* @__PURE__ */ m("div", { className: "px-6 py-4", children: /* @__PURE__ */ m(
@@ -51022,7 +51023,7 @@ const S7 = ({
           /* @__PURE__ */ m(
             _o,
             {
-              variant: jt.Text,
+              variant: Kt.Text,
               width: "100%",
               height: Zo,
               className: Qo
@@ -51032,7 +51033,7 @@ const S7 = ({
           /* @__PURE__ */ m(
             _o,
             {
-              variant: jt.Text,
+              variant: Kt.Text,
               width: "90%",
               height: Zo,
               className: Qo
@@ -51042,7 +51043,7 @@ const S7 = ({
           /* @__PURE__ */ m(
             _o,
             {
-              variant: jt.Text,
+              variant: Kt.Text,
               width: "60%",
               height: Zo,
               className: Qo
@@ -51052,7 +51053,7 @@ const S7 = ({
           /* @__PURE__ */ m(
             _o,
             {
-              variant: jt.Text,
+              variant: Kt.Text,
               width: "80%",
               height: Zo,
               className: Qo
@@ -51062,7 +51063,7 @@ const S7 = ({
           /* @__PURE__ */ m(
             _o,
             {
-              variant: jt.Text,
+              variant: Kt.Text,
               width: "70%",
               height: Zo,
               className: Qo
@@ -51160,7 +51161,7 @@ const S7 = ({
     onUploadFiles: Ze,
     onValidateUpload: dt,
     maxFileSize: ze,
-    newActions: $t,
+    newActions: jt,
     isNewButtonVisible: Pi,
     newFolderTempId: Ti,
     cancelFolderCreation: Ge,
@@ -51482,7 +51483,7 @@ const S7 = ({
           areHiddenFilesVisible: f,
           onToggleHiddenFiles: C,
           isNewButtonVisible: Pi,
-          newButtonDropdownItems: $t
+          newButtonDropdownItems: jt
         }
       )
     }
@@ -51511,7 +51512,7 @@ const S7 = ({
     C,
     a,
     Pi,
-    $t
+    jt
   ]);
   Dn(
     Qa,
@@ -51906,7 +51907,7 @@ export {
   _o as DialSkeleton,
   yc as DialSkeletonAvatarShape,
   Fr as DialSkeletonAvatarSize,
-  jt as DialSkeletonVariant,
+  Kt as DialSkeletonVariant,
   O7 as DialSteps,
   sv as DialSwitch,
   a8 as DialTabs,
@@ -51923,7 +51924,7 @@ export {
   d7 as FileManagerProvider,
   ji as FlexibleActionsDirection,
   _r as FormItemOrientation,
-  Yt as PopupSize,
+  Ut as PopupSize,
   ro as RadioGroupOrientation,
   $r as ResizableContainerSide,
   Ca as SearchSize,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.6.0-rc.13",
+  "version": "0.6.0-rc.14",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",