@reportportal/ui-kit 0.0.1-alpha.2 → 0.0.1-alpha.4

package/dist/bind-06a7ff84.js

@@ -0,0 +1,41 @@
+function a(s) {
+  return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
+}
+var u = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(s) {
+  (function() {
+    var c = {}.hasOwnProperty;
+    function e() {
+      for (var n = [], i = 0; i < arguments.length; i++) {
+        var t = arguments[i];
+        if (t) {
+          var r = typeof t;
+          if (r === "string" || r === "number")
+            n.push(this && this[t] || t);
+          else if (Array.isArray(t))
+            n.push(e.apply(this, t));
+          else if (r === "object") {
+            if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) {
+              n.push(t.toString());
+              continue;
+            }
+            for (var o in t)
+              c.call(t, o) && t[o] && n.push(this && this[o] || o);
+          }
+        }
+      }
+      return n.join(" ");
+    }
+    s.exports ? (e.default = e, s.exports = e) : window.classNames = e;
+  })();
+})(u);
+var f = u.exports;
+const l = /* @__PURE__ */ a(f);
+export {
+  l as c
+};

package/dist/button-d4944dbc.js

@@ -0,0 +1,64 @@
+import { jsxs as h, jsx as l } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { c as f } from "./bind-06a7ff84.js";
+const g = "_button_wutm5_1", y = "_primary_wutm5_19", N = "_disabled_wutm5_24", B = "_ghost_wutm5_36", $ = "_danger_wutm5_51", j = "_text_wutm5_67", I = "_icon_wutm5_113", R = {
+  button: g,
+  primary: y,
+  disabled: N,
+  ghost: B,
+  danger: $,
+  text: j,
+  "width-wide-content": "_width-wide-content_wutm5_103",
+  "width-parent": "_width-parent_wutm5_108",
+  icon: I,
+  "icon-start": "_icon-start_wutm5_119",
+  "icon-end": "_icon-end_wutm5_123"
+}, c = f.bind(R), A = x(
+  ({
+    variant: t = "primary",
+    icon: e,
+    iconPlace: n = "start",
+    adjustWidthOn: o = "content",
+    type: i = "button",
+    children: r,
+    disabled: s = !1,
+    onClick: a,
+    title: m,
+    className: d,
+    dataAutomationId: u,
+    ...w
+  }, b) => {
+    const p = c("button", t, d, {
+      disabled: s,
+      [`width-${o}`]: o
+    }), _ = t === "text" && e;
+    return /* @__PURE__ */ h(
+      "button",
+      {
+        ref: b,
+        type: i,
+        disabled: s,
+        className: p,
+        onClick: a,
+        title: m,
+        "data-automation-id": u,
+        ...w,
+        children: [
+          _ && /* @__PURE__ */ l(
+            "i",
+            {
+              className: c("icon", {
+                [`icon-${n}`]: n
+              }),
+              children: _
+            }
+          ),
+          r
+        ]
+      }
+    );
+  }
+);
+export {
+  A as B
+};

package/dist/button.js

@@ -1,7 +1,7 @@
-import { B as o } from "./button-a4d3df83.js";
+import { B as o } from "./button-d4944dbc.js";
 import "react/jsx-runtime";
 import "react";
-import "./bind-e1346f99.js";
+import "./bind-06a7ff84.js";
 export {
   o as Button,
   o as default

package/dist/checkbox-7736509c.js

@@ -0,0 +1,70 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { c as m } from "./bind-06a7ff84.js";
+import { useRef as x } from "react";
+import { K as p } from "./key-codes-abbe7725.js";
+const f = "_checkbox_1gq3p_1", y = "_disabled_1gq3p_12", C = "_input_1gq3p_17", E = "_control_1gq3p_24", D = "_children_1gq3p_78", K = {
+  checkbox: f,
+  disabled: y,
+  input: C,
+  control: E,
+  children: D
+}, e = m.bind(K), j = ({
+  children: s,
+  disabled: c = !1,
+  onChange: _,
+  className: b,
+  value: r,
+  dataAutomationId: h,
+  ...k
+}) => {
+  const o = x(null), u = (t) => {
+    var l, i;
+    const { keyCode: a } = t;
+    if (a === p.SPACE_KEY_CODE) {
+      t.preventDefault(), (l = o.current) == null || l.click();
+      return;
+    }
+    a === p.ENTER_KEY_CODE && (t.preventDefault(), (i = o.current) == null || i.click());
+  };
+  return /* @__PURE__ */ d(
+    "label",
+    {
+      id: "rp-ui-kit-checkbox-label",
+      className: e("checkbox", b, {
+        disabled: c
+      }),
+      "data-automation-id": h,
+      children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            ref: o,
+            tabIndex: 0,
+            type: "checkbox",
+            onKeyDown: u,
+            className: e("input"),
+            disabled: c,
+            onChange: _,
+            checked: r,
+            ...k
+          }
+        ),
+        /* @__PURE__ */ n(
+          "span",
+          {
+            "aria-labelledby": "rp-ui-kit-checkbox-label",
+            role: "checkbox",
+            "aria-checked": r,
+            className: e("control", {
+              disabled: c
+            })
+          }
+        ),
+        s && /* @__PURE__ */ n("span", { className: e("children", { disabled: c }), children: s })
+      ]
+    }
+  );
+};
+export {
+  j as C
+};

package/dist/checkbox.js

@@ -1,7 +1,8 @@
-import { C as r } from "./checkbox-3fd4bcc1.js";
+import { C as r } from "./checkbox-7736509c.js";
 import "react/jsx-runtime";
-import "./bind-e1346f99.js";
+import "./bind-06a7ff84.js";
 import "react";
+import "./key-codes-abbe7725.js";
 export {
   r as Checkbox,
   r as default

package/dist/{constants → common/constants}/key-codes.d.ts

@@ -1,4 +1,5 @@
 export declare enum KeyCodes {
     SPACE_KEY_CODE = 32,
-    ENTER_KEY_CODE = 13
+    ENTER_KEY_CODE = 13,
+    ESCAPE_KEY_CODE = 27
 }

package/dist/common/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useOnClickOutside } from './useOnClickOutside';
+export { useWindowResize } from './useWindowResize';

package/dist/common/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void): void;

package/dist/common/hooks/useWindowResize.d.ts

@@ -0,0 +1,4 @@
+export declare const useWindowResize: () => {
+    width: number;
+    height: number;
+};

package/dist/components/button/button.d.ts

@@ -1,16 +1,16 @@
-import { FC, ReactNode } from 'react';
+import { FC, ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
 type IconPlace = 'start' | 'end';
 type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
-interface ButtonProps {
+type ButtonWidth = 'content' | 'wide-content' | 'parent';
+export interface ButtonProps extends ComponentPropsWithRef<'button'> {
     children?: ReactNode;
-    icon?: string;
+    icon?: ReactNode;
     iconPlace?: IconPlace;
     dataAutomationId?: string;
-    wide?: boolean;
+    adjustWidthOn?: ButtonWidth;
     disabled?: boolean;
     type?: 'submit' | 'reset' | 'button';
-    onClick?: () => void;
-    form?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
     title?: string;
     className?: string;
     variant?: ButtonVariant;

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

@@ -1,3 +1,4 @@
 import { Button } from './button';
 export { Button };
+export type { ButtonProps } from './button';
 export default Button;

package/dist/components/checkbox/checkbox.d.ts

@@ -1,14 +1,11 @@
-import { FC, ReactNode } from 'react';
-interface CheckboxProps {
+import { FC, ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
+interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
     value: boolean;
     children?: ReactNode;
     disabled?: boolean;
     className?: string;
     dataAutomationId?: string;
-    onChange?: () => void;
-    onFocus?: () => void;
-    onBlur?: () => void;
-    form?: string;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
 }
 export declare const Checkbox: FC<CheckboxProps>;
 export {};

package/dist/components/fieldText/fieldText.d.ts

@@ -0,0 +1,23 @@
+import { FC, ChangeEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
+interface FieldTextProps extends ComponentPropsWithRef<'input'> {
+    value?: string;
+    className?: string;
+    error?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    touched?: boolean;
+    title?: string;
+    label?: string;
+    helpText?: string;
+    defaultWidth?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    clearable?: boolean;
+    onClear?: (prevValue?: string) => void;
+    isRequired?: boolean;
+    hasDoubleMessage?: boolean;
+    type?: string;
+}
+export declare const FieldText: FC<FieldTextProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import { FieldText } from './fieldText';
+export { FieldText };
+export default FieldText;

package/dist/components/index.d.ts

@@ -1,4 +1,6 @@
 export { Button } from './button';
 export { Checkbox } from './checkbox';
 export { SystemMessage } from './systemMessage';
+export { FieldText } from './fieldText';
 export { ThemeProvider } from './themeProvider';
+export { Modal } from './modal';

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

@@ -0,0 +1,4 @@
+export { Modal } from './modal';
+export { ModalContent } from './modalContent';
+export { ModalHeader } from './modalHeader';
+export { ModalFooter } from './modalFooter';

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, FC } from 'react';
+import { ButtonProps } from '../button';
+import { ModalSize } from './modalFooter';
+type ModalOverlay = 'default' | 'light-cyan';
+interface ModalProps {
+    title?: ReactNode;
+    headerNode?: ReactNode;
+    children?: ReactNode;
+    footerNode?: ReactNode;
+    className?: string;
+    size?: ModalSize;
+    overlay?: ModalOverlay;
+    allowCloseOutside?: boolean;
+    okButton?: ButtonProps;
+    cancelButton?: ButtonProps;
+    onClose: () => void;
+}
+export declare const Modal: FC<ModalProps>;
+export {};

package/dist/components/modal/modalContent/index.d.ts

@@ -0,0 +1 @@
+export { ModalContent } from './modalContent';

package/dist/components/modal/modalContent/modalContent.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode, FC } from 'react';
+interface ModalContentProps {
+    children?: ReactNode;
+}
+export declare const ModalContent: FC<ModalContentProps>;
+export {};

package/dist/components/modal/modalFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalFooter } from './modalFooter';
+export type { ModalSize } from './modalFooter';

package/dist/components/modal/modalFooter/modalFooter.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, FC, MouseEventHandler } from 'react';
+import { ButtonProps } from '../../button';
+export type ModalSize = 'default' | 'small' | 'large';
+interface ModalFooterProps {
+    closeHandler: MouseEventHandler<HTMLButtonElement>;
+    footerNode?: ReactNode;
+    okButton?: ButtonProps;
+    cancelButton?: ButtonProps;
+    size?: ModalSize;
+}
+export declare const ModalFooter: FC<ModalFooterProps>;
+export {};

package/dist/components/modal/modalHeader/index.d.ts

@@ -0,0 +1 @@
+export { ModalHeader } from './modalHeader';

package/dist/components/modal/modalHeader/modalHeader.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, FC } from 'react';
+interface ModalHeaderProps {
+    title?: ReactNode;
+    headerNode?: ReactNode;
+    onClose: () => void;
+}
+export declare const ModalHeader: FC<ModalHeaderProps>;
+export {};

package/dist/fieldText-9621b0b7.js

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

package/dist/fieldText.js

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

package/dist/index.js

@@ -1,13 +1,20 @@
-import { B as p } from "./button-a4d3df83.js";
-import { C as a } from "./checkbox-3fd4bcc1.js";
-import { S as f } from "./systemMessage-55cf51f4.js";
-import { T as h } from "./themeProvider-5800417e.js";
+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 "react/jsx-runtime";
 import "react";
-import "./bind-e1346f99.js";
+import "./bind-06a7ff84.js";
+import "./key-codes-abbe7725.js";
+import "rc-scrollbars";
+import "framer-motion";
 export {
-  p as Button,
-  a as Checkbox,
-  f as SystemMessage,
-  h as ThemeProvider
+  x as Button,
+  f as Checkbox,
+  l as FieldText,
+  M as Modal,
+  T as SystemMessage,
+  C as ThemeProvider
 };

package/dist/key-codes-abbe7725.js

@@ -0,0 +1,4 @@
+var _ = /* @__PURE__ */ ((E) => (E[E.SPACE_KEY_CODE = 32] = "SPACE_KEY_CODE", E[E.ENTER_KEY_CODE = 13] = "ENTER_KEY_CODE", E[E.ESCAPE_KEY_CODE = 27] = "ESCAPE_KEY_CODE", E))(_ || {});
+export {
+  _ as K
+};

package/dist/modal.js

@@ -0,0 +1,137 @@
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import * as z 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 x } from "./button-d4944dbc.js";
+function j(e, n) {
+  m(() => {
+    if (!n)
+      return;
+    const t = (a) => {
+      e && e.current && !e.current.contains(a.target) && n(a);
+    };
+    return document.addEventListener("pointerdown", t), () => {
+      document.removeEventListener("pointerdown", t);
+    };
+  }, [e, n]);
+}
+const K = () => {
+  const [e, n] = g({ width: 0, height: 0 });
+  return m(() => {
+    const t = () => {
+      n({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", t), t(), () => window.removeEventListener("resize", t);
+  }, []), e;
+}, I = {
+  "modal-content": "_modal-content_xak18_1"
+}, F = _.bind(I), P = ({ children: e }) => /* @__PURE__ */ o("div", { className: F("modal-content"), children: e }), B = {
+  "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: a,
+  size: s
+}) => /* @__PURE__ */ l("div", { className: c("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
+  e && e,
+  /* @__PURE__ */ l("div", { className: c("buttons-block"), children: [
+    a && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(
+      x,
+      {
+        variant: "ghost",
+        adjustWidthOn: s === "small" ? "parent" : "content",
+        onClick: n,
+        ...a
+      }
+    ) }),
+    t && /* @__PURE__ */ o("div", { className: c("button-container"), children: /* @__PURE__ */ o(x, { adjustWidthOn: s === "small" ? "parent" : "content", ...t }) })
+  ] })
+] }), X = (e) => /* @__PURE__ */ z.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ z.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__ */ l("div", { className: r("modal-header"), children: [
+  /* @__PURE__ */ l("div", { className: r("modal-header-content"), children: [
+    e && /* @__PURE__ */ o("span", { className: r("modal-title"), children: e }),
+    t && t
+  ] }),
+  /* @__PURE__ */ o("span", { className: r("close-modal-icon"), onClick: n, children: /* @__PURE__ */ o(X, {}) })
+] }), q = "_modal_10zov_1", J = {
+  modal: q,
+  "overlay-default": "_overlay-default_10zov_11",
+  "overlay-light-cyan": "_overlay-light-cyan_10zov_16",
+  "scrolling-content": "_scrolling-content_10zov_21",
+  "modal-window": "_modal-window_10zov_28",
+  "size-default": "_size-default_10zov_45",
+  "size-small": "_size-small_10zov_57",
+  "size-large": "_size-large_10zov_69"
+}, E = _.bind(J), Q = 0.9, U = 176, se = ({
+  title: e,
+  headerNode: n,
+  children: t,
+  footerNode: a,
+  okButton: s,
+  cancelButton: b,
+  className: L,
+  size: h = "default",
+  onClose: H = () => {
+  },
+  overlay: v = "default",
+  allowCloseOutside: M = !0
+}) => {
+  const [N, f] = g(!1), [k, O] = g(0), i = $(null), p = K(), y = p.height, R = y * Q, u = (y - k) / 2, S = R - U, d = () => {
+    f(!1);
+  }, C = (w) => {
+    w.keyCode === W.ESCAPE_KEY_CODE && d();
+  };
+  return m(() => {
+    if (i && i.current) {
+      const { clientHeight: w } = i.current;
+      O(w);
+    }
+  }, [t, p]), m(() => (f(!0), i && i.current && i.current.focus(), document.addEventListener("keydown", C, !1), () => document.removeEventListener("keydown", C, !1)), []), j(i, M ? d : void 0), /* @__PURE__ */ o(T, { onExitComplete: H, children: N && /* @__PURE__ */ o("div", { className: E("modal", { [`overlay-${v}`]: v }), children: /* @__PURE__ */ l(
+    D.div,
+    {
+      className: E("modal-window", { [`size-${h}`]: h }, L),
+      ref: i,
+      tabIndex: 0,
+      initial: { opacity: 0, marginTop: -u },
+      animate: { opacity: 1, marginTop: u },
+      exit: { opacity: 0, marginTop: -u },
+      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,
+          {
+            size: h,
+            footerNode: a,
+            okButton: s,
+            cancelButton: b,
+            closeHandler: d
+          }
+        )
+      ]
+    },
+    "modal-window"
+  ) }) });
+};
+export {
+  se as Modal,
+  P as ModalContent,
+  G as ModalFooter,
+  Z as ModalHeader
+};