@reportportal/ui-kit 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/fieldNumber-27e69676.js

@@ -0,0 +1,132 @@
+import { jsxs as O, jsx as r } from "react/jsx-runtime";
+import { useRef as A, useMemo as T } from "react";
+import { c as W } from "./bind-06a7ff84.js";
+import { K as _ } from "./keyCodes-f63c0e11.js";
+import { I as d } from "./icon-71262f5c.js";
+const y = 5, D = 16, I = [
+  _.TAB_KEY_CODE,
+  _.BACKSPACE_KEY_CODE,
+  _.ARROW_LEFT_KEY_CODE,
+  _.ARROW_UP_KEY_CODE,
+  _.ARROW_RIGHT_KEY_CODE,
+  _.ARROW_DOWN_KEY_CODE,
+  _.DELETE_KEY_CODE,
+  _.NUM_LOCK_0_KEY_CODE,
+  _.NUM_LOCK_1_KEY_CODE,
+  _.NUM_LOCK_2_KEY_CODE,
+  _.NUM_LOCK_3_KEY_CODE,
+  _.NUM_LOCK_4_KEY_CODE,
+  _.NUM_LOCK_5_KEY_CODE,
+  _.NUM_LOCK_6_KEY_CODE,
+  _.NUM_LOCK_7_KEY_CODE,
+  _.NUM_LOCK_8_KEY_CODE,
+  _.NUM_LOCK_9_KEY_CODE
+], w = "_disabled_12fgx_6", x = "_label_12fgx_10", b = "_sign_12fgx_21", k = "_error_12fgx_36", B = "_touched_12fgx_36", F = "_filled_12fgx_41", H = "_input_12fgx_26", S = {
+  "field-number": "_field-number_12fgx_1",
+  disabled: w,
+  label: x,
+  sign: b,
+  "input-container": "_input-container_12fgx_26",
+  error: k,
+  touched: B,
+  filled: F,
+  "input-field": "_input-field_12fgx_48",
+  input: H
+}, c = W.bind(S), q = ({
+  value: e = "",
+  placeholder: a = "0",
+  disabled: s = !1,
+  onChange: l,
+  onFocus: f,
+  onBlur: V,
+  label: u,
+  postfix: i = "",
+  min: o = 0,
+  max: E = Number.MAX_SAFE_INTEGER,
+  title: p,
+  error: N,
+  touched: h = !1,
+  ...m
+}) => {
+  const C = A(null), Y = (n) => {
+    let t = n.target.value.replace(/^0(?=\d+|^\d)/g, "");
+    if (t === "") {
+      l("");
+      return;
+    }
+    t = +t, t >= o && t <= E && l(t);
+  }, g = (n) => {
+    const { keyCode: t } = n;
+    I.includes(t) || (t < _.NUMBER_START_KEY_CODE || t > _.NUMBER_END_KEY_CODE || n.shiftKey) && n.preventDefault();
+  }, L = () => {
+    const n = +e - 1;
+    n >= o && n <= E && l(n);
+  }, M = () => {
+    const n = +e + 1;
+    n >= o && n <= E && l(n);
+  }, K = a + i, R = T(() => {
+    let n = (String(e) || K).length;
+    return i && !e && (n += 1), n > D ? `${D}ch` : `${n || y}ch`;
+  }, [K, i, e]), U = () => {
+    C && C.current && C.current.focus(), f && f();
+  };
+  return /* @__PURE__ */ O("div", { className: c("field-number", { disabled: s }), children: [
+    u && /* @__PURE__ */ r("span", { className: c("label"), children: u }),
+    /* @__PURE__ */ O(
+      "div",
+      {
+        className: c("input-container", {
+          filled: !!e || e === 0,
+          error: N,
+          disabled: s,
+          touched: h
+        }),
+        title: p,
+        children: [
+          /* @__PURE__ */ r(
+            d,
+            {
+              icon: "minus",
+              className: c("sign", "minus"),
+              disabled: s,
+              onClick: L
+            }
+          ),
+          /* @__PURE__ */ O("span", { className: c("input-field", { disabled: s }), onClick: U, children: [
+            /* @__PURE__ */ r(
+              "input",
+              {
+                ref: C,
+                className: c("input"),
+                type: "number",
+                value: e,
+                placeholder: K,
+                disabled: s,
+                min: o,
+                max: E,
+                onKeyDown: s ? void 0 : g,
+                onChange: s ? void 0 : Y,
+                onFocus: s ? void 0 : f,
+                style: { width: R },
+                ...m
+              }
+            ),
+            !!i && (e === 0 || !!e) && /* @__PURE__ */ r("span", { children: i.slice(0, 1) })
+          ] }),
+          /* @__PURE__ */ r(
+            d,
+            {
+              icon: "plus",
+              className: c("sign", "plus"),
+              disabled: s,
+              onClick: M
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  q as F
+};

package/dist/fieldNumber.js

@@ -0,0 +1,11 @@
+import { F as m } from "./fieldNumber-27e69676.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./keyCodes-f63c0e11.js";
+import "./icon-71262f5c.js";
+import "./clear-4963efcd.js";
+export {
+  m as FieldNumber,
+  m as default
+};

package/dist/fieldText-c7085849.js

@@ -0,0 +1,99 @@
+import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
+import { c as v } from "./bind-06a7ff84.js";
+import { S as C } from "./clear-4963efcd.js";
+const E = "_label_11rxn_18", z = "_asterisk_11rxn_27", A = "_disabled_11rxn_33", B = "_field_11rxn_37", D = "_error_11rxn_51", G = "_touched_11rxn_51", H = "_input_11rxn_65", J = "_placeholder_11rxn_88", K = "_icon_11rxn_1", L = "_text_11rxn_151", M = {
+  "icon-container": "_icon-container_11rxn_1",
+  "icon-container-end": "_icon-container-end_11rxn_1",
+  "icon-container-start": "_icon-container-start_11rxn_1",
+  label: E,
+  asterisk: z,
+  disabled: A,
+  field: B,
+  error: D,
+  touched: G,
+  "default-width": "_default-width_11rxn_61",
+  "input-container": "_input-container_11rxn_65",
+  input: H,
+  placeholder: J,
+  icon: K,
+  "clear-icon": "_clear-icon_11rxn_108",
+  "additional-content": "_additional-content_11rxn_144",
+  text: L,
+  "error-text": "_error-text_11rxn_159",
+  "help-text": "_help-text_11rxn_163"
+}, n = v.bind(M), T = S(
+  ({
+    value: s,
+    className: f,
+    error: c,
+    placeholder: l,
+    disabled: a = !1,
+    onChange: N,
+    touched: r = !1,
+    title: u,
+    label: i,
+    helpText: o,
+    defaultWidth: k = !0,
+    startIcon: _,
+    endIcon: d,
+    clearable: b = !1,
+    onClear: x,
+    isRequired: p = !1,
+    hasDoubleMessage: w = !1,
+    type: F = "text",
+    ...g
+  }, j) => {
+    const y = () => {
+      x && x(s);
+    }, m = /* @__PURE__ */ e("span", { className: n("text", "help-text"), children: o });
+    return /* @__PURE__ */ t(h, { children: [
+      i && /* @__PURE__ */ t("span", { className: n("label", { disabled: a }), children: [
+        i,
+        p && /* @__PURE__ */ e("span", { className: n("asterisk"), children: "*" })
+      ] }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          className: n("field", f, {
+            error: c,
+            touched: r,
+            disabled: a,
+            "default-width": k
+          }),
+          title: u,
+          children: [
+            _ && /* @__PURE__ */ e("span", { className: n("icon-container-start"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: _ }) }),
+            /* @__PURE__ */ t("span", { className: n("input-container"), children: [
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  ref: j,
+                  type: F,
+                  className: n("input"),
+                  value: s,
+                  disabled: a,
+                  onChange: N,
+                  ...g
+                }
+              ),
+              l && !s && /* @__PURE__ */ t("span", { className: n("placeholder"), children: [
+                l,
+                p && !i && /* @__PURE__ */ e("span", { className: n("asterisk") })
+              ] })
+            ] }),
+            d && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("span", { className: n("icon"), children: d }) }),
+            b && /* @__PURE__ */ e("span", { className: n("icon-container-end"), children: /* @__PURE__ */ e("button", { type: "button", className: n("clear-icon", { disabled: a }), onClick: y, children: /* @__PURE__ */ e(C, {}) }) })
+          ]
+        }
+      ),
+      (c && r || o) && /* @__PURE__ */ e("div", { className: n("additional-content", { disabled: a }), children: c && r ? /* @__PURE__ */ t(h, { children: [
+        /* @__PURE__ */ e("span", { className: n("text", "error-text"), children: c }),
+        w && m
+      ] }) : o && m })
+    ] });
+  }
+);
+export {
+  T as F
+};

package/dist/fieldText.js

@@ -1,7 +1,8 @@
-import { F as o } from "./fieldText-9621b0b7.js";
+import { F as o } from "./fieldText-c7085849.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
+import "./clear-4963efcd.js";
 export {
   o as FieldText,
   o as default

package/dist/icon-71262f5c.js

@@ -0,0 +1,26 @@
+import { jsx as n } from "react/jsx-runtime";
+import { c as i } from "./bind-06a7ff84.js";
+import { S as c } from "./clear-4963efcd.js";
+import * as l from "react";
+const L = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__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" })), d = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.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" })), a = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { d: "M9.80051 6.3661C9.95672 6.20989 10.21 6.20989 10.3662 6.3661L10.6338 6.63375C10.7901 6.78996 10.7901 7.04323 10.6338 7.19944L8.83331 8.99996L10.6338 10.8005C10.79 10.9567 10.79 11.2099 10.6338 11.3662L10.3662 11.6338C10.21 11.79 9.95669 11.79 9.80048 11.6338L7.99998 9.8333L6.19953 11.6338C6.04332 11.79 5.79005 11.79 5.63384 11.6338L5.36619 11.3661C5.20998 11.2099 5.20998 10.9566 5.36619 10.8004L7.16665 8.99996L5.36617 7.19949C5.20996 7.04328 5.20996 6.79001 5.36617 6.6338L5.63382 6.36615C5.79003 6.20994 6.04329 6.20994 6.1995 6.36615L7.99998 8.16663L9.80051 6.3661Z", fill: "#A2AAB5" }), /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.99878 3V2C4.99878 1.44772 5.44649 1 5.99878 1H9.99878C10.5511 1 10.9988 1.44772 10.9988 2V3H14.5C14.7761 3 15 3.22386 15 3.5C15 3.77614 14.7761 4 14.5 4H13.4167L12.6146 13.6246C12.5498 14.402 11.8999 15 11.1198 15H4.8802C4.10007 15 3.45017 14.402 3.38538 13.6246L2.58333 4H1.5C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3H4.99878ZM5.99878 2H9.99878V3H5.99878V2ZM3.5868 4L4.38193 13.5415C4.40352 13.8007 4.62016 14 4.8802 14H11.1198C11.3798 14 11.5965 13.8007 11.6181 13.5415L12.4132 4H3.5868Z", fill: "#A2AAB5" })), r = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" })), w = (e) => /* @__PURE__ */ l.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ l.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.31082 7.31081C2.94108 7.30926 2.6426 7.60773 2.64415 7.97748C2.64571 8.34722 2.9467 8.64822 3.31645 8.64977L12.6892 8.68919C13.0589 8.69074 13.3574 8.39227 13.3559 8.02252C13.3543 7.65278 13.0533 7.35178 12.6836 7.35023L3.31082 7.31081Z" })), v = {
+  clear: c,
+  close: L,
+  dropdown: d,
+  delete: a,
+  plus: r,
+  minus: w
+}, g = "_icon_pgc7q_1", h = "_disabled_pgc7q_4", m = {
+  icon: g,
+  disabled: h
+}, p = i.bind(m), A = ({
+  icon: e,
+  className: o,
+  disabled: t = !1,
+  onClick: s
+}) => {
+  const C = v[e];
+  return /* @__PURE__ */ n("span", { className: p("icon", o, { disabled: t }), onClick: t ? void 0 : s, children: /* @__PURE__ */ n(C, {}) });
+};
+export {
+  A as I
+};

package/dist/icon.js

@@ -0,0 +1,9 @@
+import { I as r } from "./icon-71262f5c.js";
+import "react/jsx-runtime";
+import "./bind-06a7ff84.js";
+import "./clear-4963efcd.js";
+import "react";
+export {
+  r as Icon,
+  r as default
+};

package/dist/index.js

@@ -1,20 +1,34 @@
-import { B as x } from "./button-d4944dbc.js";
-import { C as f } from "./checkbox-7736509c.js";
-import { S as T } from "./systemMessage-62c3133d.js";
-import { F as l } from "./fieldText-9621b0b7.js";
-import { T as C } from "./themeProvider-5800417e.js";
-import { Modal as M } from "./modal.js";
+import { B as l } from "./button-d4944dbc.js";
+import { C as b } from "./checkbox-fdc44740.js";
+import { S as F } from "./systemMessage-62c3133d.js";
+import { F as n } from "./fieldText-c7085849.js";
+import { T as c } from "./themeProvider-5800417e.js";
+import { Modal as C } from "./modal.js";
+import { D as I } from "./dropdown-45e7bc7d.js";
+import { T as S } from "./toggle-5b3d8333.js";
+import { I as v } from "./icon-71262f5c.js";
+import { F as y } from "./fieldNumber-27e69676.js";
+import { B as N } from "./bubblesLoader-9bec3797.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
-import "./key-codes-abbe7725.js";
+import "./keyCodes-f63c0e11.js";
+import "./clear-4963efcd.js";
 import "rc-scrollbars";
 import "framer-motion";
+import "./useOnClickOutside-c332f7d3.js";
+import "react-popper";
+import "downshift";
 export {
-  x as Button,
-  f as Checkbox,
-  l as FieldText,
-  M as Modal,
-  T as SystemMessage,
-  C as ThemeProvider
+  N as BubblesLoader,
+  l as Button,
+  b as Checkbox,
+  I as Dropdown,
+  y as FieldNumber,
+  n as FieldText,
+  v as Icon,
+  C as Modal,
+  F as SystemMessage,
+  c as ThemeProvider,
+  S as Toggle
 };

package/dist/keyCodes-f63c0e11.js

@@ -0,0 +1,4 @@
+var E = /* @__PURE__ */ ((_) => (_[_.BACKSPACE_KEY_CODE = 8] = "BACKSPACE_KEY_CODE", _[_.TAB_KEY_CODE = 9] = "TAB_KEY_CODE", _[_.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", _[_.ESCAPE_KEY_CODE = 27] = "ESCAPE_KEY_CODE", _[_.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", _[_.ARROW_LEFT_KEY_CODE = 37] = "ARROW_LEFT_KEY_CODE", _[_.ARROW_UP_KEY_CODE = 38] = "ARROW_UP_KEY_CODE", _[_.ARROW_RIGHT_KEY_CODE = 39] = "ARROW_RIGHT_KEY_CODE", _[_.ARROW_DOWN_KEY_CODE = 40] = "ARROW_DOWN_KEY_CODE", _[_.DELETE_KEY_CODE = 46] = "DELETE_KEY_CODE", _[_.NUMBER_START_KEY_CODE = 48] = "NUMBER_START_KEY_CODE", _[_.NUMBER_END_KEY_CODE = 57] = "NUMBER_END_KEY_CODE", _[_.NUM_LOCK_0_KEY_CODE = 96] = "NUM_LOCK_0_KEY_CODE", _[_.NUM_LOCK_1_KEY_CODE = 97] = "NUM_LOCK_1_KEY_CODE", _[_.NUM_LOCK_2_KEY_CODE = 98] = "NUM_LOCK_2_KEY_CODE", _[_.NUM_LOCK_3_KEY_CODE = 99] = "NUM_LOCK_3_KEY_CODE", _[_.NUM_LOCK_4_KEY_CODE = 100] = "NUM_LOCK_4_KEY_CODE", _[_.NUM_LOCK_5_KEY_CODE = 101] = "NUM_LOCK_5_KEY_CODE", _[_.NUM_LOCK_6_KEY_CODE = 102] = "NUM_LOCK_6_KEY_CODE", _[_.NUM_LOCK_7_KEY_CODE = 103] = "NUM_LOCK_7_KEY_CODE", _[_.NUM_LOCK_8_KEY_CODE = 104] = "NUM_LOCK_8_KEY_CODE", _[_.NUM_LOCK_9_KEY_CODE = 105] = "NUM_LOCK_9_KEY_CODE", _))(E || {});
+export {
+  E as K
+};

package/dist/modal.js

@@ -1,75 +1,65 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import * as x from "react";
-import { useEffect as m, useState as g, useRef as $ } from "react";
-import { Scrollbars as A } from "rc-scrollbars";
-import { AnimatePresence as T, motion as D } from "framer-motion";
-import { c as _ } from "./bind-06a7ff84.js";
-import { K as W } from "./key-codes-abbe7725.js";
-import { B as E } from "./button-d4944dbc.js";
-function j(e, n) {
-  m(() => {
-    if (!n)
-      return;
-    const t = (i) => {
-      e && e.current && !e.current.contains(i.target) && n(i);
-    };
-    return document.addEventListener("pointerdown", t), () => {
-      document.removeEventListener("pointerdown", t);
-    };
-  }, [e, n]);
-}
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useState as w, useEffect as f, useRef as R } from "react";
+import { Scrollbars as T } from "rc-scrollbars";
+import { AnimatePresence as L, motion as W } from "framer-motion";
+import { c as m } from "./bind-06a7ff84.js";
+import { u as D } from "./useOnClickOutside-c332f7d3.js";
+import { K as I } from "./keyCodes-f63c0e11.js";
+import { B as b } from "./button-d4944dbc.js";
+import { I as j } from "./icon-71262f5c.js";
+import "./clear-4963efcd.js";
 const K = () => {
-  const [e, n] = g({ width: 0, height: 0 });
-  return m(() => {
-    const t = () => {
-      n({
+  const [t, a] = w({ width: 0, height: 0 });
+  return f(() => {
+    const o = () => {
+      a({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", t), t(), () => window.removeEventListener("resize", t);
-  }, []), e;
-}, I = {
+    return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
+  }, []), t;
+}, F = {
   "modal-content": "_modal-content_xak18_1"
-}, F = _.bind(I), P = ({ children: e }) => /* @__PURE__ */ o("div", { className: F("modal-content"), children: e }), B = {
+}, P = m.bind(F), G = ({ children: t }) => /* @__PURE__ */ e("div", { className: P("modal-content"), children: t }), X = {
   "buttons-block": "_buttons-block_1dgm4_1",
   "button-container": "_button-container_1dgm4_5",
   "modal-footer": "_modal-footer_1dgm4_14",
   "with-extra-node": "_with-extra-node_1dgm4_21",
   "size-small": "_size-small_1dgm4_25"
-}, c = _.bind(B), G = ({
-  footerNode: e,
-  closeHandler: n,
-  okButton: t,
-  cancelButton: i,
-  size: l
-}) => /* @__PURE__ */ s("div", { className: c("modal-footer", { "with-extra-node": e, [`size-${l}`]: l }), children: [
-  e && e,
-  /* @__PURE__ */ s("div", { className: c("buttons-block"), children: [
-    i && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(
-      E,
+}, c = m.bind(X), Y = ({
+  footerNode: t,
+  closeHandler: a,
+  okButton: o,
+  cancelButton: s,
+  size: i
+}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${i}`]: i }), children: [
+  t && t,
+  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
+    s && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
+      b,
       {
         variant: "ghost",
-        adjustWidthOn: l === "small" ? "parent" : "content",
-        onClick: n,
-        ...i
+        adjustWidthOn: i === "small" ? "parent" : "content",
+        onClick: a,
+        ...s
       }
     ) }),
-    t && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(E, { adjustWidthOn: l === "small" ? "parent" : "content", ...t }) })
+    o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: i === "small" ? "parent" : "content", ...o }) })
   ] })
-] }), X = (e) => /* @__PURE__ */ x.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ x.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732184 15.2698C0.330645 14.8683 0.330646 14.2172 0.732185 13.8157L6.54859 7.99928L0.732185 2.18288C0.330646 1.78134 0.330645 1.13031 0.732184 0.728774C1.13372 0.327234 1.78475 0.327234 2.18629 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327228 14.8717 0.327227 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.18629 15.2698C1.78475 15.6713 1.13372 15.6713 0.732184 15.2698Z" })), Y = {
-  "modal-header": "_modal-header_12y1g_1",
-  "modal-header-content": "_modal-header-content_12y1g_11",
-  "modal-title": "_modal-title_12y1g_20",
-  "close-modal-icon": "_close-modal-icon_12y1g_28"
-}, r = _.bind(Y), Z = ({ title: e, onClose: n, headerNode: t }) => /* @__PURE__ */ s("div", { className: r("modal-header"), children: [
-  /* @__PURE__ */ s("div", { className: r("modal-header-content"), children: [
-    e && /* @__PURE__ */ o("span", { className: r("modal-title"), children: e }),
-    t && t
+] }), q = {
+  "modal-header": "_modal-header_1d7tr_1",
+  "modal-header-content": "_modal-header-content_1d7tr_11",
+  "modal-title": "_modal-title_1d7tr_20",
+  "close-modal-icon": "_close-modal-icon_1d7tr_28"
+}, r = m.bind(q), B = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ l("div", { className: r("modal-header"), children: [
+  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
+    t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
+    o && o
   ] }),
-  /* @__PURE__ */ o("span", { className: r("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(X, {}) })
-] }), q = "_modal_8a5l_1", J = {
-  modal: q,
+  /* @__PURE__ */ e(j, { icon: "close", className: r("close-modal-icon"), onClick: a })
+] }), J = "_modal_8a5l_1", Q = {
+  modal: J,
   "overlay-default": "_overlay-default_8a5l_11",
   "overlay-light-cyan": "_overlay-light-cyan_8a5l_16",
   "scrolling-content": "_scrolling-content_8a5l_21",
@@ -77,50 +67,51 @@ const K = () => {
   "size-default": "_size-default_8a5l_45",
   "size-small": "_size-small_8a5l_57",
   "size-large": "_size-large_8a5l_69"
-}, b = _.bind(J), Q = 0.9, U = 176, le = ({
-  title: e,
-  headerNode: n,
-  children: t,
-  footerNode: i,
-  okButton: l,
-  cancelButton: L,
-  className: H,
-  size: h = "default",
-  onClose: M = () => {
+}, E = m.bind(Q), U = 0.9, V = 176, ce = ({
+  title: t,
+  headerNode: a,
+  children: o,
+  footerNode: s,
+  okButton: i,
+  cancelButton: H,
+  className: M,
+  size: _ = "default",
+  onClose: z = () => {
   },
-  overlay: f = "default",
-  allowCloseOutside: z = !0
+  overlay: g = "default",
+  allowCloseOutside: N = !0
 }) => {
-  const [N, v] = g(!1), [k, O] = g(0), a = $(null), p = K(), y = p.height, R = y * Q, u = (y - k) / 2, S = R - U, d = () => {
-    v(!1);
-  }, C = (w) => {
-    w.keyCode === W.ESCAPE_KEY_CODE && d();
+  const [k, p] = w(!1), [C, O] = w(0), n = R(null), v = K(), y = v.height, $ = y * U, h = (y - C) / 2, A = $ - V, d = () => {
+    p(!1);
+  }, x = (u) => {
+    const { keyCode: S } = u;
+    S === I.ESCAPE_KEY_CODE && d();
   };
-  return m(() => {
-    if (a && a.current) {
-      const { clientHeight: w } = a.current;
-      O(w);
+  return f(() => {
+    if (n && n.current) {
+      const { clientHeight: u } = n.current;
+      O(u);
     }
-  }, [t, p]), m(() => (v(!0), a && a.current && a.current.focus(), document.addEventListener("keydown", C, !1), () => document.removeEventListener("keydown", C, !1)), []), j(a, z ? d : void 0), /* @__PURE__ */ o(T, { onExitComplete: M, children: N && /* @__PURE__ */ o("div", { className: b("modal", { [`overlay-${f}`]: f }), children: /* @__PURE__ */ s(
-    D.div,
+  }, [o, v]), f(() => (p(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), D(n, N ? d : void 0), /* @__PURE__ */ e(L, { onExitComplete: z, children: k && /* @__PURE__ */ e("div", { className: E("modal", { [`overlay-${g}`]: g }), children: /* @__PURE__ */ l(
+    W.div,
     {
-      className: b("modal-window", { [`size-${h}`]: h }, H),
-      ref: a,
+      className: E("modal-window", { [`size-${_}`]: _ }, M),
+      ref: n,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -u },
-      animate: { opacity: 1, marginTop: u },
-      exit: { opacity: 0, marginTop: -u },
+      initial: { opacity: 0, marginTop: -h },
+      animate: { opacity: 1, marginTop: h },
+      exit: { opacity: 0, marginTop: -h },
       transition: { duration: 0.3 },
       children: [
-        /* @__PURE__ */ o(Z, { title: e, headerNode: n, onClose: d }),
-        /* @__PURE__ */ o(A, { autoHeight: !0, autoHeightMax: S, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ o(P, { children: t }) }),
-        /* @__PURE__ */ o(
-          G,
+        /* @__PURE__ */ e(B, { title: t, headerNode: a, onClose: d }),
+        /* @__PURE__ */ e(T, { autoHeight: !0, autoHeightMax: A, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(G, { children: o }) }),
+        /* @__PURE__ */ e(
+          Y,
           {
-            size: h,
-            footerNode: i,
-            okButton: l,
-            cancelButton: L,
+            size: _,
+            footerNode: s,
+            okButton: i,
+            cancelButton: H,
             closeHandler: d
           }
         )
@@ -130,8 +121,8 @@ const K = () => {
   ) }) });
 };
 export {
-  le as Modal,
-  P as ModalContent,
-  G as ModalFooter,
-  Z as ModalHeader
+  ce as Modal,
+  G as ModalContent,
+  Y as ModalFooter,
+  B as ModalHeader
 };