@epam/ai-dial-ui-kit 0.11.0-dev.35 → 0.11.0-dev.36

package/dist/{index-Dooq2EWu.js → index-vI5CYXAo.js}

@@ -6894,56 +6894,66 @@ const MR = (e) => {
   variant: r = Ei.Default,
   width: a,
   height: l,
-  className: c,
-  ...d
+  overlay: c,
+  className: d,
+  ...u
 }) => {
   if (!n && o)
     return /* @__PURE__ */ g.jsx(g.Fragment, { children: o });
-  const u = se(
+  const h = se(
     "bg-layer-3",
     e && "animate-pulse",
-    c
+    d
   );
   if (r !== Ei.Default) {
-    const F = se(
-      u,
+    const E = se(
+      h,
       r === Ei.Circular && "rounded-full",
       r === Ei.Rectangular && "rounded",
-      r === Ei.Text && "rounded"
-    ), E = {};
-    return a && (E.width = typeof a == "number" ? `${a}px` : a), l && (E.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ g.jsx("div", { className: F, style: E, ...d });
+      r === Ei.Text && "rounded",
+      !!c && "relative"
+    ), D = {};
+    return a && (D.width = typeof a == "number" ? `${a}px` : a), l && (D.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ g.jsx("div", { className: E, style: D, ...u, children: c && /* @__PURE__ */ g.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: c }) });
   }
-  const h = !!i, p = !!s, f = !!t, m = typeof i == "object" ? i : {}, v = typeof s == "object" ? s : {}, C = typeof t == "object" ? t : {}, w = MR(m.size), b = m.shape ?? Wu.Circle, x = v.width ?? "38%", y = C.rows ?? 3, R = C.width, S = (F) => R ? Array.isArray(R) ? R[F] ?? "100%" : R : F === y - 1 ? "61%" : "100%";
-  return /* @__PURE__ */ g.jsxs("div", { ...d, className: se("flex gap-4", c), children: [
-    h && /* @__PURE__ */ g.jsx(
-      "div",
-      {
-        className: se(
-          u,
-          b === Wu.Circle ? "rounded-full" : "rounded",
-          "flex-shrink-0"
+  const p = !!i, f = !!s, m = !!t, v = typeof i == "object" ? i : {}, C = typeof s == "object" ? s : {}, w = typeof t == "object" ? t : {}, b = MR(v.size), x = v.shape ?? Wu.Circle, y = C.width ?? "38%", R = w.rows ?? 3, S = w.width, F = (E) => S ? Array.isArray(S) ? S[E] ?? "100%" : S : E === R - 1 ? "61%" : "100%";
+  return /* @__PURE__ */ g.jsxs(
+    "div",
+    {
+      ...u,
+      className: se("flex gap-4", !!c && "relative", d),
+      children: [
+        p && /* @__PURE__ */ g.jsx(
+          "div",
+          {
+            className: se(
+              h,
+              x === Wu.Circle ? "rounded-full" : "rounded",
+              "flex-shrink-0"
+            ),
+            style: { width: b, height: b }
+          }
         ),
-        style: { width: w, height: w }
-      }
-    ),
-    /* @__PURE__ */ g.jsxs("div", { className: "flex-1 flex flex-col gap-3", children: [
-      p && /* @__PURE__ */ g.jsx(
-        "div",
-        {
-          className: se(u, "h-4 rounded"),
-          style: { width: x }
-        }
-      ),
-      f && /* @__PURE__ */ g.jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: y }).map((F, E) => /* @__PURE__ */ g.jsx(
-        "div",
-        {
-          className: se(u, "h-4 rounded"),
-          style: { width: S(E) }
-        },
-        E
-      )) })
-    ] })
-  ] });
+        /* @__PURE__ */ g.jsxs("div", { className: "flex-1 flex flex-col gap-3", children: [
+          f && /* @__PURE__ */ g.jsx(
+            "div",
+            {
+              className: se(h, "h-4 rounded"),
+              style: { width: y }
+            }
+          ),
+          m && /* @__PURE__ */ g.jsx("div", { className: "flex flex-col gap-3", children: Array.from({ length: R }).map((E, D) => /* @__PURE__ */ g.jsx(
+            "div",
+            {
+              className: se(h, "h-4 rounded"),
+              style: { width: F(D) }
+            },
+            D
+          )) })
+        ] }),
+        c && /* @__PURE__ */ g.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: c })
+      ]
+    }
+  );
 };
 function Ke(e) {
   if (e?.length)
@@ -61418,7 +61428,7 @@ const Ng = ({
       }) })
     }
   );
-}, lz = () => import("./JsonEditor-Bwbskv6W.js"), cz = () => import("./MarkdownEditor-Ds0geuX8.js");
+}, lz = () => import("./JsonEditor-i262aUtE.js"), cz = () => import("./MarkdownEditor-Caoepknq.js");
 export {
   hs as $,
   mV as A,

package/dist/src/components/Skeleton/Skeleton.d.ts

@@ -18,6 +18,7 @@ export interface DialSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     variant?: DialSkeletonVariant;
     width?: string | number;
     height?: string | number;
+    overlay?: ReactNode;
 }
 /**
  * DialSkeleton

package/package.json

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