@reportportal/ui-kit 0.0.1-alpha.15 → 0.0.1-alpha.17

package/dist/{button-7fb84fde.js → button-bb309472.js}

@@ -1,19 +1,19 @@
 import { jsxs as p, jsx as h } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { c as u } from "./bind-06a7ff84.js";
-const w = "_button_1fbsg_1", x = "_primary_1fbsg_18", y = "_disabled_1fbsg_23", N = "_ghost_1fbsg_35", B = "_danger_1fbsg_53", $ = "_text_1fbsg_69", j = "_icon_1fbsg_115", I = {
+const w = "_button_1szj1_1", x = "_primary_1szj1_19", f = "_disabled_1szj1_24", g = "_ghost_1szj1_36", y = "_danger_1szj1_54", N = "_text_1szj1_70", B = "_icon_1szj1_116", $ = {
   button: w,
   primary: x,
-  disabled: y,
-  ghost: N,
-  danger: B,
-  text: $,
-  "width-wide-content": "_width-wide-content_1fbsg_105",
-  "width-parent": "_width-parent_1fbsg_110",
-  icon: j,
-  "icon-start": "_icon-start_1fbsg_121",
-  "icon-end": "_icon-end_1fbsg_125"
-}, c = u.bind(I), z = l(
+  disabled: f,
+  ghost: g,
+  danger: y,
+  text: N,
+  "width-wide-content": "_width-wide-content_1szj1_106",
+  "width-parent": "_width-parent_1szj1_111",
+  icon: B,
+  "icon-start": "_icon-start_1szj1_122",
+  "icon-end": "_icon-end_1szj1_126"
+}, c = u.bind($), q = l(
   ({
     variant: t = "primary",
     icon: e,
@@ -23,24 +23,24 @@ const w = "_button_1fbsg_1", x = "_primary_1fbsg_18", y = "_disabled_1fbsg_23",
     children: i,
     disabled: o = !1,
     onClick: a,
-    title: b,
-    className: d,
-    ...f
-  }, g) => {
-    const m = c("button", t, d, {
+    title: d,
+    className: m,
+    ...j
+  }, z) => {
+    const b = c("button", t, m, {
       disabled: o,
       [`width-${n}`]: n
     }), _ = t === "text" && e;
     return /* @__PURE__ */ p(
       "button",
       {
-        ref: g,
+        ref: z,
         type: r,
         disabled: o,
-        className: m,
+        className: b,
         onClick: a,
-        title: b,
-        ...f,
+        title: d,
+        ...j,
         children: [
           _ && /* @__PURE__ */ h(
             "i",
@@ -58,5 +58,5 @@ const w = "_button_1fbsg_1", x = "_primary_1fbsg_18", y = "_disabled_1fbsg_23",
   }
 );
 export {
-  z as B
+  q as B
 };

package/dist/button.js

@@ -1,4 +1,4 @@
-import { B as o } from "./button-7fb84fde.js";
+import { B as o } from "./button-bb309472.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/components/dropdown/dropdown.d.ts

@@ -18,6 +18,7 @@ interface DropdownProps {
     onFocus?: () => void;
     onBlur?: () => void;
     renderOption?: RenderDropdownOption;
+    isListWidthLimited?: boolean;
 }
 export declare const Dropdown: FC<DropdownProps>;
 export {};

package/dist/components/icons/index.d.ts

@@ -12,3 +12,4 @@ export { default as ArrowUpIcon } from './svg/arrowUp.svg';
 export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
 export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
 export { default as CalendarIcon } from './svg/calendar.svg';
+export { default as SearchIcon } from './svg/search.svg';

package/dist/components/tooltip/tooltip.d.ts

@@ -3,7 +3,8 @@ import { Placement } from '@floating-ui/react-dom';
 interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
-    className?: string;
+    wrapperClassName?: string;
+    contentClassName?: string;
     dynamicWidth?: boolean;
     width?: number;
     placement?: Placement;

package/dist/dropdown-50124296.js

@@ -0,0 +1,215 @@
+import { jsx as d, jsxs as L } from "react/jsx-runtime";
+import * as R from "react";
+import { forwardRef as B, useState as Y, useRef as ee } from "react";
+import { c as A } from "./bind-06a7ff84.js";
+import { useFloating as te, offset as ne, flip as oe } from "@floating-ui/react-dom";
+import { useSelect as N } from "downshift";
+import { Scrollbars as se } from "rc-scrollbars";
+import { u as ae } from "./useOnClickOutside-c332f7d3.js";
+import { K as h } from "./keyCodes-f63c0e11.js";
+import { B as de } from "./baseIconButton-7bc53dec.js";
+const le = (t) => /* @__PURE__ */ R.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ R.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" })), re = "_disabled_f4c9h_11", ie = "_hidden_f4c9h_15", ce = "_selected_f4c9h_21", _e = "_hover_f4c9h_24", he = {
+  "dropdown-option": "_dropdown-option_f4c9h_1",
+  disabled: re,
+  hidden: ie,
+  selected: ce,
+  hover: _e,
+  "single-option": "_single-option_f4c9h_37",
+  "sub-option": "_sub-option_f4c9h_45"
+}, P = A.bind(he), fe = B(
+  (t, n) => {
+    const {
+      option: { value: a, disabled: f, hidden: w, label: l, title: o, groupRef: O },
+      selected: E,
+      onChange: g,
+      render: p,
+      highlightHovered: b,
+      onMouseEnter: m
+    } = t, D = () => {
+      g && g(a);
+    };
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        className: P("dropdown-option", {
+          selected: E,
+          disabled: f,
+          hidden: w,
+          hover: b
+        }),
+        title: o,
+        onClick: D,
+        ref: n,
+        onMouseEnter: m,
+        children: /* @__PURE__ */ d("div", { className: P("single-option", { "sub-option": !!O }), children: p ? p(t) : l })
+      }
+    );
+  }
+), pe = [
+  h.ENTER_KEY_CODE,
+  h.SPACE_KEY_CODE,
+  h.ARROW_DOWN_KEY_CODE
+], ge = [h.ESCAPE_KEY_CODE, h.TAB_KEY_CODE];
+var _ = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(_ || {});
+const me = (t, n) => t.map(({ value: a }) => a).indexOf(n), ue = (t, n) => (t % n + n) % n, K = (t, n = 0, a = 1) => {
+  if (!t[n].disabled)
+    return n;
+  const f = t.length;
+  return K(
+    t,
+    ue(n + a, f),
+    a
+  );
+}, ve = (t, n) => K(t, n), Ce = (t, n) => K(t, n, -1), we = "_container_vh03o_1", Oe = "_icon_vh03o_7", Ee = "_arrow_vh03o_13", be = "_dropdown_vh03o_19", De = "_disabled_vh03o_36", Ne = "_value_vh03o_43", Ke = "_error_vh03o_46", ye = "_touched_vh03o_46", xe = "_opened_vh03o_50", Ie = "_placeholder_vh03o_72", ke = "_ghost_vh03o_118", Se = {
+  container: we,
+  icon: Oe,
+  arrow: Ee,
+  dropdown: be,
+  "transparent-background": "_transparent-background_vh03o_33",
+  disabled: De,
+  value: Ne,
+  error: Ke,
+  touched: ye,
+  opened: xe,
+  placeholder: Ie,
+  "mobile-disabled": "_mobile-disabled_vh03o_87",
+  "select-list": "_select-list_vh03o_92",
+  "limited-width": "_limited-width_vh03o_109",
+  "options-container": "_options-container_vh03o_113",
+  ghost: ke
+}, i = A.bind(Se), je = ({
+  value: t = "",
+  options: n = [],
+  disabled: a = !1,
+  error: f,
+  onChange: w,
+  onFocus: l,
+  onBlur: o,
+  mobileDisabled: O,
+  title: E,
+  touched: g = !1,
+  icon: p,
+  variant: b,
+  placeholder: m = "",
+  renderOption: D,
+  transparentBackground: T = !1,
+  className: W,
+  toggleButtonClassName: H,
+  isListWidthLimited: M = !1
+}) => {
+  const [r, c] = Y(!1), y = ee(null), [$, u] = Y(null), { refs: x, floatingStyles: j } = te({
+    middleware: [
+      ne(5),
+      oe({
+        fallbackPlacements: ["bottom", "top"]
+      })
+    ]
+  });
+  ae(y, () => {
+    r && (c(!1), o == null || o());
+  });
+  const I = (e) => {
+    e.disabled || (w(e.value), c((s) => !s));
+  }, V = () => n.find(({ value: e }) => e === t), k = me(n, t), {
+    getToggleButtonProps: U,
+    getMenuProps: Z,
+    getItemProps: q,
+    setHighlightedIndex: v,
+    highlightedIndex: S,
+    selectedItem: C
+  } = N({
+    items: n,
+    itemToString: (e) => (e != null && e.label ? String(e.label) : m) || "",
+    selectedItem: V(),
+    isOpen: r,
+    circularNavigation: !0,
+    defaultHighlightedIndex: k,
+    onHighlightedIndexChange: (e) => {
+      switch (e.type) {
+        case N.stateChangeTypes.MenuKeyDownArrowUp:
+          return u(_.ON_KEY_DOWN), v(Ce(n, e.highlightedIndex)), e;
+        case N.stateChangeTypes.MenuKeyDownArrowDown:
+          return u(_.ON_KEY_DOWN), v(ve(n, e.highlightedIndex)), e;
+        default:
+          return e;
+      }
+    }
+  }), z = () => {
+    a || (c((e) => !e), r ? o == null || o() : l == null || l(), u(_.ON_CLICK));
+  }, G = () => {
+    if (!t && t !== !1 && t !== 0)
+      return m;
+    let e = t;
+    return n.forEach((s) => {
+      s.value === t && (e = s.label);
+    }), e;
+  }, J = (e) => {
+    const { keyCode: s } = e;
+    pe.includes(s) && !r && (e.preventDefault(), v(k), c(!0), l == null || l(), u(_.ON_KEY_DOWN));
+  }, Q = (e) => {
+    const { keyCode: s } = e;
+    if (s === h.ENTER_KEY_CODE) {
+      const F = n[S];
+      I(F), c(!1), o == null || o();
+      return;
+    }
+    ge.includes(s) && (e.stopPropagation(), c(!1), o == null || o());
+  }, X = () => /* @__PURE__ */ d("div", { className: i("options-container"), children: n.map((e, s) => /* @__PURE__ */ d(
+    fe,
+    {
+      ...q({
+        item: e,
+        index: s
+      }),
+      selected: e.value === ((C == null ? void 0 : C.value) ?? C),
+      option: { title: e.label, ...e },
+      highlightHovered: S === s && $ !== _.ON_CLICK,
+      render: D,
+      onChange: e.disabled ? null : () => I(e),
+      onMouseEnter: () => v(s)
+    },
+    e.value
+  )) });
+  return /* @__PURE__ */ L("div", { ref: y, className: i("container", W), title: E, children: [
+    /* @__PURE__ */ L(
+      "button",
+      {
+        disabled: a,
+        ...U({
+          className: i("dropdown", b, H, {
+            "transparent-background": T,
+            opened: r,
+            disabled: a,
+            error: f,
+            touched: g,
+            "mobile-disabled": O
+          }),
+          onClick: z,
+          onKeyDown: J,
+          ref: x.setReference
+        }),
+        children: [
+          p && /* @__PURE__ */ d("span", { className: i("icon"), children: p }),
+          /* @__PURE__ */ d("span", { className: i("value", { placeholder: !t }), children: G() }),
+          /* @__PURE__ */ d(de, { className: i("arrow"), tabIndex: -1, children: /* @__PURE__ */ d(le, {}) })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ d(
+      "div",
+      {
+        style: j,
+        className: i("select-list", { opened: r, "limited-width": M }),
+        ...Z({
+          onKeyDown: Q,
+          ref: x.setFloating
+        }),
+        children: /* @__PURE__ */ d(se, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: X() })
+      }
+    )
+  ] });
+};
+export {
+  je as D,
+  le as S
+};

package/dist/dropdown.js

@@ -1,4 +1,4 @@
-import { D as r } from "./dropdown-bbfa828e.js";
+import { D as r } from "./dropdown-50124296.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/fieldText-49fe2895.js

@@ -0,0 +1,102 @@
+import { jsx as t, jsxs as c, Fragment as k } from "react/jsx-runtime";
+import * as o from "react";
+import { forwardRef as F } from "react";
+import { c as R } from "./bind-06a7ff84.js";
+import "./baseIconButton-7bc53dec.js";
+const j = (n) => /* @__PURE__ */ o.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n }, /* @__PURE__ */ o.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ o.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.14768 5.14645C4.95077 5.34171 4.95077 5.65829 5.14768 5.85355L7.49578 8.18198L5.35655 10.3033C5.15963 10.4986 5.15963 10.8151 5.35655 11.0104C5.55346 11.2057 5.87271 11.2057 6.06962 11.0104L8.20886 8.88909L10.1392 10.8033C10.3361 10.9986 10.6554 10.9986 10.8523 10.8033C11.0492 10.608 11.0492 10.2915 10.8523 10.0962L8.92193 8.18198L11.0612 6.06065C11.2581 5.86539 11.2581 5.54881 11.0612 5.35355C10.8643 5.15828 10.545 5.15828 10.3481 5.35355L8.20886 7.47487L5.86076 5.14645C5.66385 4.95118 5.34459 4.95118 5.14768 5.14645Z", fill: "white" })), B = "_label_uykmf_18", S = "_asterisk_uykmf_27", M = "_disabled_uykmf_33", Z = "_field_uykmf_38", z = "_error_uykmf_53", D = "_touched_uykmf_53", G = "_placeholder_uykmf_64", H = "_input_uykmf_71", J = "_icon_uykmf_1", K = "_text_uykmf_160", O = {
+  "icon-container": "_icon-container_uykmf_1",
+  "icon-container-end": "_icon-container-end_uykmf_1",
+  "icon-container-start": "_icon-container-start_uykmf_1",
+  label: B,
+  asterisk: S,
+  disabled: M,
+  field: Z,
+  error: z,
+  touched: D,
+  placeholder: G,
+  "default-width": "_default-width_uykmf_67",
+  "input-container": "_input-container_uykmf_71",
+  input: H,
+  icon: J,
+  "clear-icon": "_clear-icon_uykmf_117",
+  "additional-content": "_additional-content_uykmf_153",
+  text: K,
+  "error-text": "_error-text_uykmf_168",
+  "help-text": "_help-text_uykmf_172"
+}, e = R.bind(O), V = F(
+  ({
+    value: n = "",
+    className: y,
+    error: s,
+    placeholder: r,
+    disabled: a = !1,
+    onChange: x,
+    touched: _ = !1,
+    title: N,
+    label: i,
+    helpText: l,
+    defaultWidth: w = !0,
+    startIcon: m,
+    endIcon: d,
+    clearable: C = !1,
+    onClear: f,
+    isRequired: h = !1,
+    hasDoubleMessage: g = !1,
+    type: L = "text",
+    displayError: v = !0,
+    ...E
+  }, b) => {
+    const A = () => {
+      f && f(n);
+    }, p = v && s && _, u = /* @__PURE__ */ t("span", { className: e("text", "help-text"), children: l });
+    return /* @__PURE__ */ c(k, { children: [
+      i && /* @__PURE__ */ c("span", { className: e("label", { disabled: a }), children: [
+        i,
+        h && /* @__PURE__ */ t("span", { className: e("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: e("field", y, {
+            error: s,
+            touched: _,
+            disabled: a,
+            "default-width": w
+          }),
+          title: N,
+          children: [
+            m && /* @__PURE__ */ t("span", { className: e("icon-container-start"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: m }) }),
+            /* @__PURE__ */ c("span", { className: e("input-container"), children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  ref: b,
+                  type: L,
+                  className: e("input"),
+                  value: n,
+                  disabled: a,
+                  onChange: x,
+                  ...E
+                }
+              ),
+              r && !n && /* @__PURE__ */ c("span", { className: e("placeholder"), children: [
+                r,
+                h && !i && /* @__PURE__ */ t("span", { className: e("asterisk") })
+              ] })
+            ] }),
+            d && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: d }) }),
+            C && n.length > 0 && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("button", { type: "button", className: e("clear-icon", { disabled: a }), onClick: A, children: /* @__PURE__ */ t(j, {}) }) })
+          ]
+        }
+      ),
+      (p || l) && /* @__PURE__ */ t("div", { className: e("additional-content", { disabled: a }), children: p ? /* @__PURE__ */ c(k, { children: [
+        /* @__PURE__ */ t("span", { className: e("text", "error-text"), children: s }),
+        g && u
+      ] }) : l && u })
+    ] });
+  }
+);
+export {
+  V as F,
+  j as S
+};

package/dist/fieldText.js

@@ -1,4 +1,4 @@
-import { F as o } from "./fieldText-d80b29ba.js";
+import { F as o } from "./fieldText-49fe2895.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/{index-0be12e80.js → index-2a2d261a.js}

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as d, Fragment as B } from "react/jsx-runtime";
-import * as M from "react";
+import * as L from "react";
 import { useState as f, useEffect as g, useRef as j } from "react";
 import { Scrollbars as G } from "rc-scrollbars";
 import { AnimatePresence as K, motion as P } from "framer-motion";
 import { c as u } from "./bind-06a7ff84.js";
 import { u as Y } from "./useOnClickOutside-c332f7d3.js";
 import { K as F } from "./keyCodes-f63c0e11.js";
-import { B as L } from "./button-7fb84fde.js";
+import { B as b } from "./button-bb309472.js";
 import { B as U } from "./baseIconButton-7bc53dec.js";
-const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ M.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), Z = () => {
+const X = (t) => /* @__PURE__ */ L.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ L.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), Z = () => {
   const [t, s] = f({ width: 0, height: 0 });
   return g(() => {
     const n = () => {
@@ -37,7 +37,7 @@ const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16,
   t && t,
   /* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
     r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
-      L,
+      b,
       {
         variant: "ghost",
         adjustWidthOn: a === "small" ? "parent" : "content",
@@ -45,14 +45,14 @@ const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16,
         ...r
       }
     ) }),
-    n && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(L, { adjustWidthOn: a === "small" ? "parent" : "content", ...n }) })
+    n && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: a === "small" ? "parent" : "content", ...n }) })
   ] })
 ] }), ee = {
-  "modal-header": "_modal-header_1rhdb_1",
-  "width-description": "_width-description_1rhdb_10",
-  "modal-header-content": "_modal-header-content_1rhdb_14",
-  "modal-title": "_modal-title_1rhdb_20",
-  "close-modal-icon": "_close-modal-icon_1rhdb_28"
+  "modal-header": "_modal-header_68lru_1",
+  "width-description": "_width-description_68lru_10",
+  "modal-header-content": "_modal-header-content_68lru_14",
+  "modal-title": "_modal-title_68lru_20",
+  "close-modal-icon": "_close-modal-icon_68lru_29"
 }, _ = u.bind(ee), te = ({ title: t, onClose: s, withDescription: n = !1 }) => /* @__PURE__ */ d("div", { className: _("modal-header", { "width-description": n }), children: [
   /* @__PURE__ */ e("div", { className: _("modal-header-content"), children: t && /* @__PURE__ */ e("span", { className: _("modal-title"), children: t }) }),
   /* @__PURE__ */ e(U, { className: _("close-modal-icon"), onClick: s, children: /* @__PURE__ */ e(X, {}) })
@@ -66,7 +66,7 @@ const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16,
   "size-default": "_size-default_sp7xo_53",
   "size-small": "_size-small_sp7xo_65",
   "size-large": "_size-large_sp7xo_77"
-}, h = u.bind(se), ae = 0.9, ie = 32 + 24, le = 32 + 8, de = 36 + 16, ce = 32 * 2, xe = ({
+}, h = u.bind(se), ae = 0.9, le = 32 + 24, ie = 32 + 8, de = 36 + 16, ce = 32 * 2, xe = ({
   title: t,
   children: s,
   footerNode: n,
@@ -81,28 +81,28 @@ const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16,
   allowCloseOutside: D = !0,
   scrollable: R = !1,
   withoutFooter: v = !1,
-  CustomFooter: b = null,
-  description: i = null
+  CustomFooter: H = null,
+  description: l = null
 }) => {
-  const [S, H] = f(!1), [T, I] = f(0), l = j(null), E = Z(), C = E.height, k = C * ae, p = (C - T) / 2, $ = () => {
+  const [S, E] = f(!1), [T, I] = f(0), i = j(null), C = Z(), y = C.height, k = y * ae, p = (y - T) / 2, $ = () => {
     let o = k - ce;
-    return v || (o = o - de), i ? o = o - le : o = o - ie, o;
+    return v || (o = o - de), l ? o = o - ie : o = o - le, o;
   }, c = () => {
-    H(!1);
-  }, y = (o) => {
+    E(!1);
+  }, M = (o) => {
     const { keyCode: W } = o;
     W === F.ESCAPE_KEY_CODE && c();
   };
   return g(() => {
-    if (l && l.current) {
-      const { clientHeight: o } = l.current;
+    if (i && i.current) {
+      const { clientHeight: o } = i.current;
       I(o);
     }
-  }, [s, E]), g(() => (H(!0), document.addEventListener("keydown", y, !1), () => document.removeEventListener("keydown", y, !1)), []), Y(l, D ? c : void 0), /* @__PURE__ */ e(K, { onExitComplete: O, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${x}`]: x }), style: { zIndex: z }, children: /* @__PURE__ */ d(
+  }, [s, C]), g(() => (E(!0), document.addEventListener("keydown", M, !1), () => document.removeEventListener("keydown", M, !1)), []), Y(i, D ? c : void 0), /* @__PURE__ */ e(K, { onExitComplete: O, children: S && /* @__PURE__ */ e("div", { className: h("modal", { [`overlay-${x}`]: x }), style: { zIndex: z }, children: /* @__PURE__ */ d(
     P.div,
     {
       className: h("modal-window", { [`size-${w}`]: w }, N),
-      ref: l,
+      ref: i,
       tabIndex: 0,
       initial: { opacity: 0, marginTop: -p },
       animate: { opacity: 1, marginTop: p },
@@ -110,18 +110,18 @@ const X = (t) => /* @__PURE__ */ M.createElement("svg", { width: 16, height: 16,
       transition: { duration: 0.3 },
       onAnimationStart: () => {
         var o;
-        return (o = l.current) == null ? void 0 : o.focus();
+        return (o = i.current) == null ? void 0 : o.focus();
       },
       children: [
-        /* @__PURE__ */ e(te, { title: t, onClose: c, withDescription: !!i }),
+        /* @__PURE__ */ e(te, { title: t, onClose: c, withDescription: !!l }),
         R ? /* @__PURE__ */ d(G, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
-          i && /* @__PURE__ */ e("span", { className: h("description"), children: i }),
+          l && /* @__PURE__ */ e("span", { className: h("description"), children: l }),
           /* @__PURE__ */ e(A, { children: s })
         ] }) : /* @__PURE__ */ d(B, { children: [
-          i && /* @__PURE__ */ e("span", { className: h("description"), children: i }),
+          l && /* @__PURE__ */ e("span", { className: h("description"), children: l }),
           /* @__PURE__ */ e(A, { children: s })
         ] }),
-        !v && (b ? /* @__PURE__ */ e(b, { closeHandler: c }) : /* @__PURE__ */ e(
+        !v && (H ? /* @__PURE__ */ e(H, { closeHandler: c }) : /* @__PURE__ */ e(
           V,
           {
             size: w,