@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.161

package/dist/dropdown-bbfa828e.js

@@ -1,213 +0,0 @@
-import { jsx as r, jsxs as L } from "react/jsx-runtime";
-import * as R from "react";
-import { forwardRef as F, useState as Y, useRef as B } from "react";
-import { c as A } from "./bind-06a7ff84.js";
-import { useFloating as ee, offset as te, flip as ne } from "@floating-ui/react-dom";
-import { useSelect as N } from "downshift";
-import { Scrollbars as oe } from "rc-scrollbars";
-import { u as se } from "./useOnClickOutside-c332f7d3.js";
-import { K as h } from "./keyCodes-f63c0e11.js";
-import { B as ae } from "./baseIconButton-7bc53dec.js";
-const re = (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" })), le = "_disabled_f4c9h_11", de = "_hidden_f4c9h_15", ce = "_selected_f4c9h_21", ie = "_hover_f4c9h_24", _e = {
-  "dropdown-option": "_dropdown-option_f4c9h_1",
-  disabled: le,
-  hidden: de,
-  selected: ce,
-  hover: ie,
-  "single-option": "_single-option_f4c9h_37",
-  "sub-option": "_sub-option_f4c9h_45"
-}, P = A.bind(_e), he = F(
-  (t, n) => {
-    const {
-      option: { value: a, disabled: f, hidden: w, label: l, title: o, groupRef: y },
-      selected: E,
-      onChange: g,
-      render: p,
-      highlightHovered: b,
-      onMouseEnter: m
-    } = t, D = () => {
-      g && g(a);
-    };
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        className: P("dropdown-option", {
-          selected: E,
-          disabled: f,
-          hidden: w,
-          hover: b
-        }),
-        title: o,
-        onClick: D,
-        ref: n,
-        onMouseEnter: m,
-        children: /* @__PURE__ */ r("div", { className: P("single-option", { "sub-option": !!y }), children: p ? p(t) : l })
-      }
-    );
-  }
-), fe = [
-  h.ENTER_KEY_CODE,
-  h.SPACE_KEY_CODE,
-  h.ARROW_DOWN_KEY_CODE
-], pe = [h.ESCAPE_KEY_CODE, h.TAB_KEY_CODE];
-var _ = /* @__PURE__ */ ((t) => (t.ON_KEY_DOWN = "onKeyDown", t.ON_CLICK = "onClick", t))(_ || {});
-const ge = (t, n) => t.map(({ value: a }) => a).indexOf(n), me = (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,
-    me(n + a, f),
-    a
-  );
-}, ue = (t, n) => K(t, n), Ce = (t, n) => K(t, n, -1), Oe = "_container_1o5y6_1", we = "_icon_1o5y6_7", ye = "_arrow_1o5y6_13", Ee = "_dropdown_1o5y6_19", be = "_disabled_1o5y6_36", De = "_value_1o5y6_43", Ne = "_error_1o5y6_46", Ke = "_touched_1o5y6_46", ve = "_opened_1o5y6_50", xe = "_placeholder_1o5y6_72", Ie = "_ghost_1o5y6_115", ke = {
-  container: Oe,
-  icon: we,
-  arrow: ye,
-  dropdown: Ee,
-  "transparent-background": "_transparent-background_1o5y6_33",
-  disabled: be,
-  value: De,
-  error: Ne,
-  touched: Ke,
-  opened: ve,
-  placeholder: xe,
-  "mobile-disabled": "_mobile-disabled_1o5y6_87",
-  "select-list": "_select-list_1o5y6_92",
-  "options-container": "_options-container_1o5y6_110",
-  ghost: Ie
-}, c = A.bind(ke), $e = ({
-  value: t = "",
-  options: n = [],
-  disabled: a = !1,
-  error: f,
-  onChange: w,
-  onFocus: l,
-  onBlur: o,
-  mobileDisabled: y,
-  title: E,
-  touched: g = !1,
-  icon: p,
-  variant: b,
-  placeholder: m = "",
-  renderOption: D,
-  transparentBackground: T = !1,
-  className: W,
-  toggleButtonClassName: H
-}) => {
-  const [d, i] = Y(!1), v = B(null), [M, u] = Y(null), { refs: x, floatingStyles: $ } = ee({
-    middleware: [
-      te(5),
-      ne({
-        fallbackPlacements: ["bottom", "top"]
-      })
-    ]
-  });
-  se(v, () => {
-    d && (i(!1), o == null || o());
-  });
-  const I = (e) => {
-    e.disabled || (w(e.value), i((s) => !s));
-  }, j = () => n.find(({ value: e }) => e === t), k = ge(n, t), {
-    getToggleButtonProps: V,
-    getMenuProps: U,
-    getItemProps: Z,
-    setHighlightedIndex: C,
-    highlightedIndex: S,
-    selectedItem: O
-  } = N({
-    items: n,
-    itemToString: (e) => (e != null && e.label ? String(e.label) : m) || "",
-    selectedItem: j(),
-    isOpen: d,
-    circularNavigation: !0,
-    defaultHighlightedIndex: k,
-    onHighlightedIndexChange: (e) => {
-      switch (e.type) {
-        case N.stateChangeTypes.MenuKeyDownArrowUp:
-          return u(_.ON_KEY_DOWN), C(Ce(n, e.highlightedIndex)), e;
-        case N.stateChangeTypes.MenuKeyDownArrowDown:
-          return u(_.ON_KEY_DOWN), C(ue(n, e.highlightedIndex)), e;
-        default:
-          return e;
-      }
-    }
-  }), q = () => {
-    a || (i((e) => !e), d ? o == null || o() : l == null || l(), u(_.ON_CLICK));
-  }, z = () => {
-    if (!t && t !== !1 && t !== 0)
-      return m;
-    let e = t;
-    return n.forEach((s) => {
-      s.value === t && (e = s.label);
-    }), e;
-  }, G = (e) => {
-    const { keyCode: s } = e;
-    fe.includes(s) && !d && (e.preventDefault(), C(k), i(!0), l == null || l(), u(_.ON_KEY_DOWN));
-  }, J = (e) => {
-    const { keyCode: s } = e;
-    if (s === h.ENTER_KEY_CODE) {
-      const X = n[S];
-      I(X), i(!1), o == null || o();
-      return;
-    }
-    pe.includes(s) && (e.stopPropagation(), i(!1), o == null || o());
-  }, Q = () => /* @__PURE__ */ r("div", { className: c("options-container"), children: n.map((e, s) => /* @__PURE__ */ r(
-    he,
-    {
-      ...Z({
-        item: e,
-        index: s
-      }),
-      selected: e.value === ((O == null ? void 0 : O.value) ?? O),
-      option: { title: e.label, ...e },
-      highlightHovered: S === s && M !== _.ON_CLICK,
-      render: D,
-      onChange: e.disabled ? null : () => I(e),
-      onMouseEnter: () => C(s)
-    },
-    e.value
-  )) });
-  return /* @__PURE__ */ L("div", { ref: v, className: c("container", W), title: E, children: [
-    /* @__PURE__ */ L(
-      "button",
-      {
-        disabled: a,
-        ...V({
-          className: c("dropdown", b, H, {
-            "transparent-background": T,
-            opened: d,
-            disabled: a,
-            error: f,
-            touched: g,
-            "mobile-disabled": y
-          }),
-          onClick: q,
-          onKeyDown: G,
-          ref: x.setReference
-        }),
-        children: [
-          p && /* @__PURE__ */ r("span", { className: c("icon"), children: p }),
-          /* @__PURE__ */ r("span", { className: c("value", { placeholder: !t }), children: z() }),
-          /* @__PURE__ */ r(ae, { className: c("arrow"), tabIndex: -1, children: /* @__PURE__ */ r(re, {}) })
-        ]
-      }
-    ),
-    d && /* @__PURE__ */ r(
-      "div",
-      {
-        style: $,
-        className: c("select-list", { opened: d }),
-        ...U({
-          onKeyDown: J,
-          ref: x.setFloating
-        }),
-        children: /* @__PURE__ */ r(oe, { autoHeight: !0, autoHeightMax: 216, hideTracksWhenNotNeeded: !0, children: Q() })
-      }
-    )
-  ] });
-};
-export {
-  $e as D,
-  re as S
-};

package/dist/fieldNumber-46fe79b9.js

@@ -1,127 +0,0 @@
-import { jsxs as K, jsx as l } from "react/jsx-runtime";
-import * as d from "react";
-import { useRef as A, useMemo as B } from "react";
-import { c as T } from "./bind-06a7ff84.js";
-import { K as e } from "./keyCodes-f63c0e11.js";
-import { B as f } from "./baseIconButton-7bc53dec.js";
-const W = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.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" })), v = (t) => /* @__PURE__ */ d.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.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" })), y = 5, h = 16, S = [
-  e.TAB_KEY_CODE,
-  e.BACKSPACE_KEY_CODE,
-  e.ARROW_LEFT_KEY_CODE,
-  e.ARROW_UP_KEY_CODE,
-  e.ARROW_RIGHT_KEY_CODE,
-  e.ARROW_DOWN_KEY_CODE,
-  e.DELETE_KEY_CODE,
-  e.NUM_LOCK_0_KEY_CODE,
-  e.NUM_LOCK_1_KEY_CODE,
-  e.NUM_LOCK_2_KEY_CODE,
-  e.NUM_LOCK_3_KEY_CODE,
-  e.NUM_LOCK_4_KEY_CODE,
-  e.NUM_LOCK_5_KEY_CODE,
-  e.NUM_LOCK_6_KEY_CODE,
-  e.NUM_LOCK_7_KEY_CODE,
-  e.NUM_LOCK_8_KEY_CODE,
-  e.NUM_LOCK_9_KEY_CODE
-], I = "_disabled_3tc9r_6", b = "_label_3tc9r_10", k = "_sign_3tc9r_21", F = "_error_3tc9r_36", H = "_touched_3tc9r_36", V = "_filled_3tc9r_41", P = "_input_3tc9r_26", j = {
-  "field-number": "_field-number_3tc9r_1",
-  disabled: I,
-  label: b,
-  sign: k,
-  "input-container": "_input-container_3tc9r_26",
-  error: F,
-  touched: H,
-  filled: V,
-  "input-field": "_input-field_3tc9r_48",
-  input: P
-}, r = T.bind(j), z = ({
-  value: t = "",
-  placeholder: D = "0",
-  disabled: c = !1,
-  onChange: i,
-  onFocus: a,
-  onBlur: G,
-  label: O,
-  postfix: s = "",
-  min: o = 0,
-  max: E = Number.MAX_SAFE_INTEGER,
-  title: p,
-  error: m,
-  touched: L = !1,
-  ...N
-}) => {
-  const C = A(null), R = (_) => {
-    let n = _.target.value.replace(/^0(?=\d+|^\d)/g, "");
-    if (n === "") {
-      i("");
-      return;
-    }
-    n = +n, n >= o && n <= E && i(n);
-  }, Y = (_) => {
-    const { keyCode: n } = _;
-    S.includes(n) || (n < e.NUMBER_START_KEY_CODE || n > e.NUMBER_END_KEY_CODE || _.shiftKey) && _.preventDefault();
-  }, w = () => {
-    const _ = +t - 1;
-    _ >= o && _ <= E && i(_);
-  }, g = () => {
-    const _ = +t + 1;
-    _ >= o && _ <= E && i(_);
-  }, u = D + s, M = B(() => {
-    let _ = (String(t) || u).length;
-    return s && !t && (_ += 1), _ > h ? `${h}ch` : `${_ || y}ch`;
-  }, [u, s, t]), U = () => {
-    C && C.current && C.current.focus(), a && a();
-  };
-  return /* @__PURE__ */ K("div", { className: r("field-number", { disabled: c }), children: [
-    O && /* @__PURE__ */ l("span", { className: r("label"), children: O }),
-    /* @__PURE__ */ K(
-      "div",
-      {
-        className: r("input-container", {
-          filled: !!t || t === 0,
-          error: m,
-          disabled: c,
-          touched: L
-        }),
-        title: p,
-        children: [
-          /* @__PURE__ */ l(
-            f,
-            {
-              className: r("sign", "minus"),
-              disabled: c,
-              onClick: w,
-              children: /* @__PURE__ */ l(v, {})
-            }
-          ),
-          /* @__PURE__ */ K("span", { className: r("input-field", { disabled: c }), onClick: U, children: [
-            /* @__PURE__ */ l(
-              "input",
-              {
-                ref: C,
-                className: r("input"),
-                type: "number",
-                value: t,
-                placeholder: u,
-                disabled: c,
-                min: o,
-                max: E,
-                onKeyDown: c ? void 0 : Y,
-                onChange: c ? void 0 : R,
-                onFocus: c ? void 0 : a,
-                style: { width: M },
-                ...N
-              }
-            ),
-            !!s && (t === 0 || !!t) && /* @__PURE__ */ l("span", { children: s.slice(0, 1) })
-          ] }),
-          /* @__PURE__ */ l(f, { className: r("sign", "plus"), disabled: c, onClick: g, children: /* @__PURE__ */ l(W, {}) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  z as F,
-  W as S,
-  v as a
-};

package/dist/fieldText-d80b29ba.js

@@ -1,102 +0,0 @@
-import { jsx as t, jsxs as n, Fragment as q } from "react/jsx-runtime";
-import * as l from "react";
-import { forwardRef as F } from "react";
-import { c as R } from "./bind-06a7ff84.js";
-import "./baseIconButton-7bc53dec.js";
-const j = (c) => /* @__PURE__ */ l.createElement("svg", { width: 17, height: 17, viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...c }, /* @__PURE__ */ l.createElement("rect", { width: 16.2089, height: 16.1568, rx: 8.07842, fill: "#A2AAB5" }), /* @__PURE__ */ l.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" })), y = "_label_18rqf_18", B = "_asterisk_18rqf_27", S = "_disabled_18rqf_33", M = "_field_18rqf_38", Z = "_error_18rqf_52", z = "_touched_18rqf_52", D = "_placeholder_18rqf_63", G = "_input_18rqf_70", H = "_icon_18rqf_1", J = "_text_18rqf_159", K = {
-  "icon-container": "_icon-container_18rqf_1",
-  "icon-container-end": "_icon-container-end_18rqf_1",
-  "icon-container-start": "_icon-container-start_18rqf_1",
-  label: y,
-  asterisk: B,
-  disabled: S,
-  field: M,
-  error: Z,
-  touched: z,
-  placeholder: D,
-  "default-width": "_default-width_18rqf_66",
-  "input-container": "_input-container_18rqf_70",
-  input: G,
-  icon: H,
-  "clear-icon": "_clear-icon_18rqf_116",
-  "additional-content": "_additional-content_18rqf_152",
-  text: J,
-  "error-text": "_error-text_18rqf_167",
-  "help-text": "_help-text_18rqf_171"
-}, e = R.bind(K), U = F(
-  ({
-    value: c,
-    className: u,
-    error: a,
-    placeholder: o,
-    disabled: r = !1,
-    onChange: N,
-    touched: _ = !1,
-    title: w,
-    label: s,
-    helpText: i,
-    defaultWidth: C = !0,
-    startIcon: d,
-    endIcon: f,
-    clearable: L = !1,
-    onClear: h,
-    isRequired: p = !1,
-    hasDoubleMessage: g = !1,
-    type: k = "text",
-    displayError: v = !0,
-    ...E
-  }, b) => {
-    const A = () => {
-      h && h(c);
-    }, m = v && a && _, x = /* @__PURE__ */ t("span", { className: e("text", "help-text"), children: i });
-    return /* @__PURE__ */ n(q, { children: [
-      s && /* @__PURE__ */ n("span", { className: e("label", { disabled: r }), children: [
-        s,
-        p && /* @__PURE__ */ t("span", { className: e("asterisk"), children: "*" })
-      ] }),
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: e("field", u, {
-            error: a,
-            touched: _,
-            disabled: r,
-            "default-width": C
-          }),
-          title: w,
-          children: [
-            d && /* @__PURE__ */ t("span", { className: e("icon-container-start"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: d }) }),
-            /* @__PURE__ */ n("span", { className: e("input-container"), children: [
-              /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: b,
-                  type: k,
-                  className: e("input"),
-                  value: c,
-                  disabled: r,
-                  onChange: N,
-                  ...E
-                }
-              ),
-              o && !c && /* @__PURE__ */ n("span", { className: e("placeholder"), children: [
-                o,
-                p && !s && /* @__PURE__ */ t("span", { className: e("asterisk") })
-              ] })
-            ] }),
-            f && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("span", { className: e("icon"), children: f }) }),
-            L && /* @__PURE__ */ t("span", { className: e("icon-container-end"), children: /* @__PURE__ */ t("button", { type: "button", className: e("clear-icon", { disabled: r }), onClick: A, children: /* @__PURE__ */ t(j, {}) }) })
-          ]
-        }
-      ),
-      (m || i) && /* @__PURE__ */ t("div", { className: e("additional-content", { disabled: r }), children: m ? /* @__PURE__ */ n(q, { children: [
-        /* @__PURE__ */ t("span", { className: e("text", "error-text"), children: a }),
-        g && x
-      ] }) : i && x })
-    ] });
-  }
-);
-export {
-  U as F,
-  j as S
-};

package/dist/fieldTextFlex-5bddf46a.js

@@ -1,67 +0,0 @@
-import { jsxs as _, Fragment as u, jsx as r } from "react/jsx-runtime";
-import { c as y } from "./bind-06a7ff84.js";
-import { forwardRef as H, useId as I } from "react";
-const E = "_error_cxv68_19", R = "_touched_cxv68_19", j = "_label_cxv68_30", O = "_disabled_cxv68_56", $ = {
-  "text-area": "_text-area_cxv68_1",
-  error: E,
-  touched: R,
-  label: j,
-  "additional-content": "_additional-content_cxv68_39",
-  "error-text": "_error-text_cxv68_39",
-  "help-text": "_help-text_cxv68_47",
-  disabled: O
-}, t = y.bind($), w = 72, z = 2, G = H(
-  ({
-    value: o = "",
-    readonly: d = !1,
-    error: a = "",
-    placeholder: h = "",
-    disabled: e = !1,
-    touched: l = !1,
-    className: m = "",
-    label: n = "",
-    helpText: s = "",
-    onChange: p,
-    onFocus: f,
-    onBlur: g,
-    onKeyUp: v,
-    ...N
-  }, b) => {
-    const i = I(), x = a && l, F = (c) => {
-      c.target.style.height = `${w}px`, c.target.style.height = `${c.target.scrollHeight + z}px`;
-    };
-    return /* @__PURE__ */ _(u, { children: [
-      n && /* @__PURE__ */ r("label", { htmlFor: i, className: t("label", { disabled: e }), children: n }),
-      /* @__PURE__ */ r(
-        "textarea",
-        {
-          id: i,
-          ref: b,
-          className: t("text-area", m, {
-            disabled: e,
-            error: a,
-            touched: l
-          }),
-          value: o,
-          placeholder: h,
-          disabled: e,
-          readOnly: d,
-          onChange: p,
-          onFocus: f,
-          onBlur: g,
-          onKeyUp: v,
-          onInput: F,
-          ...N,
-          children: o
-        }
-      ),
-      (x || s) && /* @__PURE__ */ _("div", { className: t("additional-content", { disabled: e }), children: [
-        x && /* @__PURE__ */ r("span", { className: t("error-text"), children: a }),
-        s && /* @__PURE__ */ r("span", { className: t("help-text"), children: s })
-      ] })
-    ] });
-  }
-);
-export {
-  G as F
-};

package/dist/index-2a2d261a.js

@@ -1,145 +0,0 @@
-import { jsx as e, jsxs as d, Fragment as B } from "react/jsx-runtime";
-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 b } from "./button-bb309472.js";
-import { B as U } from "./baseIconButton-7bc53dec.js";
-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 = () => {
-      s({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
-  }, []), t;
-}, q = {
-  "modal-content": "_modal-content_17fct_1"
-}, J = u.bind(q), A = ({ children: t }) => /* @__PURE__ */ e("div", { className: J("modal-content"), children: t }), Q = {
-  "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"
-}, m = u.bind(Q), V = ({
-  footerNode: t,
-  closeHandler: s,
-  okButton: n,
-  cancelButton: r,
-  size: a
-}) => /* @__PURE__ */ d("div", { className: m("modal-footer", { "with-extra-node": t, [`size-${a}`]: a }), children: [
-  t && t,
-  /* @__PURE__ */ d("div", { className: m("buttons-block"), children: [
-    r && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(
-      b,
-      {
-        variant: "ghost",
-        adjustWidthOn: a === "small" ? "parent" : "content",
-        onClick: s,
-        ...r
-      }
-    ) }),
-    n && /* @__PURE__ */ e("div", { className: m("button-container"), children: /* @__PURE__ */ e(b, { adjustWidthOn: a === "small" ? "parent" : "content", ...n }) })
-  ] })
-] }), ee = {
-  "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, {}) })
-] }), oe = "_modal_sp7xo_1", ne = "_description_sp7xo_42", se = {
-  modal: oe,
-  "overlay-default": "_overlay-default_sp7xo_11",
-  "overlay-light-cyan": "_overlay-light-cyan_sp7xo_15",
-  "scrolling-content": "_scrolling-content_sp7xo_19",
-  "modal-window": "_modal-window_sp7xo_25",
-  description: ne,
-  "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, le = 32 + 24, ie = 32 + 8, de = 36 + 16, ce = 32 * 2, xe = ({
-  title: t,
-  children: s,
-  footerNode: n,
-  okButton: r,
-  cancelButton: a,
-  className: N,
-  size: w = "default",
-  onClose: O = () => {
-  },
-  overlay: x = "default",
-  zIndex: z = 2,
-  allowCloseOutside: D = !0,
-  scrollable: R = !1,
-  withoutFooter: v = !1,
-  CustomFooter: H = null,
-  description: l = null
-}) => {
-  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), l ? o = o - ie : o = o - le, o;
-  }, c = () => {
-    E(!1);
-  }, M = (o) => {
-    const { keyCode: W } = o;
-    W === F.ESCAPE_KEY_CODE && c();
-  };
-  return g(() => {
-    if (i && i.current) {
-      const { clientHeight: o } = i.current;
-      I(o);
-    }
-  }, [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: i,
-      tabIndex: 0,
-      initial: { opacity: 0, marginTop: -p },
-      animate: { opacity: 1, marginTop: p },
-      exit: { opacity: 0, marginTop: -p },
-      transition: { duration: 0.3 },
-      onAnimationStart: () => {
-        var o;
-        return (o = i.current) == null ? void 0 : o.focus();
-      },
-      children: [
-        /* @__PURE__ */ e(te, { title: t, onClose: c, withDescription: !!l }),
-        R ? /* @__PURE__ */ d(G, { autoHeight: !0, autoHeightMax: $(), hideTracksWhenNotNeeded: !0, children: [
-          l && /* @__PURE__ */ e("span", { className: h("description"), children: l }),
-          /* @__PURE__ */ e(A, { children: s })
-        ] }) : /* @__PURE__ */ d(B, { children: [
-          l && /* @__PURE__ */ e("span", { className: h("description"), children: l }),
-          /* @__PURE__ */ e(A, { children: s })
-        ] }),
-        !v && (H ? /* @__PURE__ */ e(H, { closeHandler: c }) : /* @__PURE__ */ e(
-          V,
-          {
-            size: w,
-            footerNode: n,
-            okButton: r,
-            cancelButton: a,
-            closeHandler: c
-          }
-        ))
-      ]
-    },
-    "modal-window"
-  ) }) });
-};
-export {
-  xe as M,
-  X as S,
-  A as a,
-  te as b,
-  V as c
-};