@reportportal/ui-kit 0.0.1-alpha.126 → 0.0.1-alpha.128

package/dist/index.js

@@ -1,158 +1,157 @@
-import { A as C } from "./index-1a874a8b.js";
-import { B as g } from "./baseIconButton-251479f7.js";
-import { B as y } from "./breadcrumbs-8e5ca8d7.js";
-import { B as T } from "./bubblesLoader-f3ffa240.js";
-import { B as h } from "./button-97d9e587.js";
-import { C as v } from "./checkbox-ed6cc375.js";
-import { D as w } from "./datePicker-322bcafa.js";
+import { A as P } from "./index-1a874a8b.js";
+import { B as F } from "./baseIconButton-251479f7.js";
+import { B as D } from "./breadcrumbs-8e5ca8d7.js";
+import { B } from "./bubblesLoader-f3ffa240.js";
+import { B as b } from "./button-97d9e587.js";
+import { C as A } from "./checkbox-ed6cc375.js";
+import { D as M } from "./datePicker-1a104b97.js";
 import "react-datepicker";
-import { D as E } from "./dropdown-18c58189.js";
-import { FieldLabel as R } from "./fieldLabel.js";
-import { F as U } from "./fieldNumber-d1b5a7a1.js";
-import { F as J } from "./fieldText-17fcba4f.js";
-import { F as z } from "./fieldTextFlex-2f51c173.js";
-import { FileDropArea as W } from "./fileDropArea.js";
-import { FiltersButton as j } from "./filtersButton.js";
-import { Modal as K } from "./modal.js";
-import { MultipleAutocomplete as V, SingleAutocomplete as Y } from "./autocompletes.js";
-import { P as _ } from "./pagination-e77d76d8.js";
-import { Popover as oo } from "./popover.js";
-import { R as eo } from "./radio-62546efa.js";
-import { S as to } from "./selection-9124d029.js";
-import { S as co } from "./spinLoader-c4a53718.js";
-import { SystemAlert as io } from "./systemAlert.js";
-import { S as so } from "./systemMessage-924fdaa6.js";
-import { T as lo } from "./table-8e223d5d.js";
-import { T as fo } from "./themeProvider-46c2be7b.js";
-import { T as So } from "./toggle-304107fa.js";
-import { Tooltip as Co } from "./tooltip.js";
-import { SidePanel as go } from "./sidePanel.js";
-import { AddCsvIcon as yo, AddImageIcon as Bo, AddJarIcon as To, BreadcrumbsTreeIcon as bo, CalendarIcon as ho, CheckmarkIcon as Ao, ChevronRightBreadcrumbsIcon as vo, ConfigurationIcon as Mo, CopyIcon as wo, CoverageFullIcon as ko, CoveragePartialIcon as Eo, CoveredManuallyIcon as Lo, DeleteIcon as Ro, DragAndDropIcon as Oo, DragNDropIcon as Uo, DurationIcon as Ho, EditIcon as Jo, ExportIcon as No, FlagIcon as zo, GroupByIcon as Go, HideIcon as Wo, LaunchTypeIcon as Xo, MaximizeIcon as jo, MoveToFolderIcon as qo, PinFilledIcon as Ko, PinOutlineIcon as Qo, PriorityBlockerIcon as Vo, PriorityCriticalIcon as Yo, PriorityHighIcon as Zo, PriorityLowIcon as _o, PriorityMediumIcon as $o, PriorityUnspecifiedIcon as or, RefreshIcon as rr, RerunIcon as er, RunManualIcon as nr, SearchIcon as tr, SortIcon as ar, StatusSuccessIcon as cr, TestPlanIcon as pr, UserIcon as ir, WarningIcon as mr } from "./icons.js";
-import { S as Ir, a as lr, b as xr } from "./chevronDownDropdown-66f5b1af.js";
-import { S as dr } from "./calendarArrow-44c7e60e.js";
-import { S as Sr } from "./clear-53660571.js";
-import { S as Cr, a as Fr } from "./openEye-950159cb.js";
-import { S as Dr } from "./close-4d480ef7.js";
-import { S as Br, a as Tr, b as br, c as hr, d as Ar, e as vr, f as Mr } from "./xls-995781cc.js";
-import { S as kr } from "./dropdown-0260bb66.js";
-import { S as Lr, a as Rr, b as Or } from "./success-8fd8bd2c.js";
-import { S as Hr, a as Jr } from "./filterOutline-819b4b0d.js";
-import { S as zr, a as Gr } from "./tree-c3dd3d45.js";
-import { S as Xr } from "./minus-2857540f.js";
-import { S as qr } from "./plus-199fb2a8.js";
-import { S as Qr, a as Vr } from "./prevPage-87faf576.js";
+import { D as k } from "./dropdown-1f7b1881.js";
+import { FieldLabel as L } from "./fieldLabel.js";
+import { F as O } from "./fieldNumber-d1b5a7a1.js";
+import { F as H } from "./fieldText-17fcba4f.js";
+import { F as N } from "./fieldTextFlex-2f51c173.js";
+import { FileDropArea as G } from "./fileDropArea.js";
+import { FiltersButton as X } from "./filtersButton.js";
+import { Modal as q } from "./modal.js";
+import { MultipleAutocomplete as Q, SingleAutocomplete as V } from "./autocompletes.js";
+import { P as Z } from "./pagination-e77d76d8.js";
+import { Popover as $ } from "./popover.js";
+import { R as ro } from "./radio-62546efa.js";
+import { S as no } from "./selection-9124d029.js";
+import { S as ao } from "./spinLoader-c4a53718.js";
+import { SystemAlert as po } from "./systemAlert.js";
+import { S as mo } from "./systemMessage-924fdaa6.js";
+import { T as Io } from "./table-8e223d5d.js";
+import { T as xo } from "./themeProvider-46c2be7b.js";
+import { T as uo } from "./toggle-304107fa.js";
+import { Tooltip as Po } from "./tooltip.js";
+import { SidePanel as Fo } from "./sidePanel.js";
+import { AddCsvIcon as Do, AddImageIcon as yo, AddJarIcon as Bo, BreadcrumbsTreeIcon as To, CalendarIcon as bo, CheckmarkIcon as ho, ChevronRightBreadcrumbsIcon as Ao, ConfigurationIcon as vo, CopyIcon as Mo, CoverageFullIcon as wo, CoveragePartialIcon as ko, CoveredManuallyIcon as Eo, DeleteIcon as Lo, DragAndDropIcon as Ro, DragNDropIcon as Oo, DurationIcon as Uo, EditIcon as Ho, ExportIcon as Jo, FlagIcon as No, GroupByIcon as zo, HideIcon as Go, LaunchTypeIcon as Wo, MaximizeIcon as Xo, MoveToFolderIcon as jo, PinFilledIcon as qo, PinOutlineIcon as Ko, PriorityBlockerIcon as Qo, PriorityCriticalIcon as Vo, PriorityHighIcon as Yo, PriorityLowIcon as Zo, PriorityMediumIcon as _o, PriorityUnspecifiedIcon as $o, RefreshIcon as or, RerunIcon as rr, RunManualIcon as er, SearchIcon as nr, SortIcon as tr, StatusSuccessIcon as ar, TestPlanIcon as cr, UserIcon as pr, WarningIcon as ir } from "./icons.js";
+import { S as sr, a as Ir, b as lr } from "./chevronDownDropdown-66f5b1af.js";
+import { S as fr } from "./calendarArrow-44c7e60e.js";
+import { S as ur } from "./clear-53660571.js";
+import { S as Pr, a as Cr } from "./openEye-950159cb.js";
+import { S as gr } from "./close-4d480ef7.js";
+import { S as yr, a as Br, b as Tr, c as br, d as hr, e as Ar, f as vr } from "./xls-995781cc.js";
+import { S as wr } from "./dropdown-0260bb66.js";
+import { S as Er, a as Lr, b as Rr } from "./success-8fd8bd2c.js";
+import { S as Ur, a as Hr } from "./filterOutline-819b4b0d.js";
+import { S as Nr, a as zr } from "./tree-c3dd3d45.js";
+import { S as Wr } from "./minus-2857540f.js";
+import { S as jr } from "./plus-199fb2a8.js";
+import { S as Kr, a as Qr } from "./prevPage-87faf576.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";
 import "./keyCodes-f63c0e11.js";
 import "react-datepicker/dist/es/index.js";
+import "react-dom";
 import "@floating-ui/react-dom";
 import "downshift";
 import "rc-scrollbars";
-import "./useOnClickOutside-c332f7d3.js";
 import "./maxValueDisplay-9be01a75.js";
 import "./isEmpty-ccacb5ff.js";
 import "react-dropzone";
 import "framer-motion";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
-import "react-dom";
 export {
-  yo as AddCsvIcon,
-  Bo as AddImageIcon,
-  To as AddJarIcon,
-  Ir as ArrowDownIcon,
-  lr as ArrowUpIcon,
-  C as AttachedFile,
-  g as BaseIconButton,
-  y as Breadcrumbs,
-  bo as BreadcrumbsTreeIcon,
-  T as BubblesLoader,
-  h as Button,
-  dr as CalendarArrowIcon,
-  ho as CalendarIcon,
-  v as Checkbox,
-  Ao as CheckmarkIcon,
-  xr as ChevronDownDropdownIcon,
-  vo as ChevronRightBreadcrumbsIcon,
-  Sr as ClearIcon,
-  Cr as CloseEyeIcon,
-  Dr as CloseIcon,
-  Mo as ConfigurationIcon,
-  wo as CopyIcon,
-  ko as CoverageFullIcon,
-  Eo as CoveragePartialIcon,
-  Lo as CoveredManuallyIcon,
-  Br as CsvIcon,
-  w as DatePicker,
-  Ro as DeleteIcon,
-  Oo as DragAndDropIcon,
-  Uo as DragNDropIcon,
-  E as Dropdown,
-  kr as DropdownIcon,
-  Ho as DurationIcon,
-  Jo as EditIcon,
-  Lr as ErrorIcon,
-  No as ExportIcon,
-  Tr as ExternalLinkIcon,
-  R as FieldLabel,
-  U as FieldNumber,
-  J as FieldText,
-  z as FieldTextFlex,
-  W as FileDropArea,
-  br as FileOtherIcon,
-  Hr as FilterFilledIcon,
-  Jr as FilterOutlineIcon,
-  j as FiltersButton,
-  zo as FlagIcon,
-  Go as GroupByIcon,
-  Wo as HideIcon,
-  hr as ImageIcon,
-  Rr as InfoIcon,
-  Ar as JarIcon,
-  Xo as LaunchTypeIcon,
-  jo as MaximizeIcon,
-  zr as MeatballMenuIcon,
-  Xr as MinusIcon,
-  K as Modal,
-  qo as MoveToFolderIcon,
-  V as MultipleAutocomplete,
-  Fr as OpenEyeIcon,
-  _ as Pagination,
-  vr as PdfIcon,
-  Ko as PinFilledIcon,
-  Qo as PinOutlineIcon,
-  qr as PlusIcon,
-  oo as Popover,
-  Qr as PrevChapterIcon,
-  Vr as PrevPageIcon,
-  Vo as PriorityBlockerIcon,
-  Yo as PriorityCriticalIcon,
-  Zo as PriorityHighIcon,
-  _o as PriorityLowIcon,
-  $o as PriorityMediumIcon,
-  or as PriorityUnspecifiedIcon,
-  eo as Radio,
-  rr as RefreshIcon,
-  er as RerunIcon,
-  nr as RunManualIcon,
-  tr as SearchIcon,
-  to as Selection,
-  go as SidePanel,
-  Y as SingleAutocomplete,
-  ar as SortIcon,
-  co as SpinLoader,
-  cr as StatusSuccessIcon,
-  Or as SuccessIcon,
-  io as SystemAlert,
-  so as SystemMessage,
-  lo as Table,
-  pr as TestPlanIcon,
-  fo as ThemeProvider,
-  So as Toggle,
-  Co as Tooltip,
-  Gr as TreeIcon,
-  ir as UserIcon,
-  mr as WarningIcon,
-  Mr as XlsIcon
+  Do as AddCsvIcon,
+  yo as AddImageIcon,
+  Bo as AddJarIcon,
+  sr as ArrowDownIcon,
+  Ir as ArrowUpIcon,
+  P as AttachedFile,
+  F as BaseIconButton,
+  D as Breadcrumbs,
+  To as BreadcrumbsTreeIcon,
+  B as BubblesLoader,
+  b as Button,
+  fr as CalendarArrowIcon,
+  bo as CalendarIcon,
+  A as Checkbox,
+  ho as CheckmarkIcon,
+  lr as ChevronDownDropdownIcon,
+  Ao as ChevronRightBreadcrumbsIcon,
+  ur as ClearIcon,
+  Pr as CloseEyeIcon,
+  gr as CloseIcon,
+  vo as ConfigurationIcon,
+  Mo as CopyIcon,
+  wo as CoverageFullIcon,
+  ko as CoveragePartialIcon,
+  Eo as CoveredManuallyIcon,
+  yr as CsvIcon,
+  M as DatePicker,
+  Lo as DeleteIcon,
+  Ro as DragAndDropIcon,
+  Oo as DragNDropIcon,
+  k as Dropdown,
+  wr as DropdownIcon,
+  Uo as DurationIcon,
+  Ho as EditIcon,
+  Er as ErrorIcon,
+  Jo as ExportIcon,
+  Br as ExternalLinkIcon,
+  L as FieldLabel,
+  O as FieldNumber,
+  H as FieldText,
+  N as FieldTextFlex,
+  G as FileDropArea,
+  Tr as FileOtherIcon,
+  Ur as FilterFilledIcon,
+  Hr as FilterOutlineIcon,
+  X as FiltersButton,
+  No as FlagIcon,
+  zo as GroupByIcon,
+  Go as HideIcon,
+  br as ImageIcon,
+  Lr as InfoIcon,
+  hr as JarIcon,
+  Wo as LaunchTypeIcon,
+  Xo as MaximizeIcon,
+  Nr as MeatballMenuIcon,
+  Wr as MinusIcon,
+  q as Modal,
+  jo as MoveToFolderIcon,
+  Q as MultipleAutocomplete,
+  Cr as OpenEyeIcon,
+  Z as Pagination,
+  Ar as PdfIcon,
+  qo as PinFilledIcon,
+  Ko as PinOutlineIcon,
+  jr as PlusIcon,
+  $ as Popover,
+  Kr as PrevChapterIcon,
+  Qr as PrevPageIcon,
+  Qo as PriorityBlockerIcon,
+  Vo as PriorityCriticalIcon,
+  Yo as PriorityHighIcon,
+  Zo as PriorityLowIcon,
+  _o as PriorityMediumIcon,
+  $o as PriorityUnspecifiedIcon,
+  ro as Radio,
+  or as RefreshIcon,
+  rr as RerunIcon,
+  er as RunManualIcon,
+  nr as SearchIcon,
+  no as Selection,
+  Fo as SidePanel,
+  V as SingleAutocomplete,
+  tr as SortIcon,
+  ao as SpinLoader,
+  ar as StatusSuccessIcon,
+  Rr as SuccessIcon,
+  po as SystemAlert,
+  mo as SystemMessage,
+  Io as Table,
+  cr as TestPlanIcon,
+  xo as ThemeProvider,
+  uo as Toggle,
+  Po as Tooltip,
+  zr as TreeIcon,
+  pr as UserIcon,
+  ir as WarningIcon,
+  vr as XlsIcon
 };

package/dist/modal.js

@@ -1,146 +1,157 @@
 import { jsx as e, jsxs as d, Fragment as P } from "react/jsx-runtime";
-import { useState as p, useEffect as b, useRef as j } from "react";
+import { useEffect as y, useState as p, useRef as j } from "react";
 import { Scrollbars as F } from "rc-scrollbars";
 import { AnimatePresence as G, motion as K } from "framer-motion";
-import { c as y } from "./bind-06a7ff84.js";
-import { u as Y } from "./useOnClickOutside-c332f7d3.js";
-import { K as U } from "./keyCodes-f63c0e11.js";
+import { c as g } from "./bind-06a7ff84.js";
+import { K as Y } from "./keyCodes-f63c0e11.js";
 import { B as A } from "./button-97d9e587.js";
-import { Tooltip as X } from "./tooltip.js";
-import { B as J } from "./baseIconButton-251479f7.js";
-import { S as Q } from "./close-4d480ef7.js";
+import { Tooltip as U } from "./tooltip.js";
+import { B as X } from "./baseIconButton-251479f7.js";
+import { S as J } from "./close-4d480ef7.js";
 import "react-dom";
 import "@floating-ui/react";
 import "./floatingUi-41f8c7b5.js";
+function Q(t, o) {
+  y(() => {
+    if (!o)
+      return;
+    const i = (l) => {
+      t && t.current && !t.current.contains(l.target) && o(l);
+    };
+    return document.addEventListener("pointerdown", i), () => {
+      document.removeEventListener("pointerdown", i);
+    };
+  }, [t, o]);
+}
 const V = () => {
-  const [o, n] = p({ width: 0, height: 0 });
-  return b(() => {
-    const l = () => {
-      n({
+  const [t, o] = p({ width: 0, height: 0 });
+  return y(() => {
+    const i = () => {
+      o({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-    return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
-  }, []), o;
+    return window.addEventListener("resize", i), i(), () => window.removeEventListener("resize", i);
+  }, []), t;
 }, Z = "_scrollable_zh8d2_12", ee = {
   "modal-content": "_modal-content_zh8d2_1",
   scrollable: Z
-}, te = y.bind(ee), C = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: te("modal-content", { scrollable: o }), children: n }), oe = {
+}, te = g.bind(ee), C = ({ scrollable: t = !1, children: o }) => /* @__PURE__ */ e("div", { className: te("modal-content", { scrollable: t }), children: o }), oe = {
   "buttons-block": "_buttons-block_1mwne_1",
   "button-container": "_button-container_1mwne_7",
   "modal-footer": "_modal-footer_1mwne_12",
   "with-extra-node": "_with-extra-node_1mwne_19",
   "size-small": "_size-small_1mwne_23"
-}, u = y.bind(oe), ne = ({
-  footerNode: o,
-  closeHandler: n,
-  okButton: l,
-  cancelButton: _,
-  size: a
+}, u = g.bind(oe), ne = ({
+  footerNode: t,
+  closeHandler: o,
+  okButton: i,
+  cancelButton: l,
+  size: s
 }) => {
-  const { tooltipNode: h, ...c } = l || {}, g = () => {
-    const r = /* @__PURE__ */ e(A, { adjustWidthOn: a === "small" ? "parent" : "min-width", ...c });
-    return h ? /* @__PURE__ */ e(X, { content: h, placement: "top", width: 270, children: r }) : r;
+  const { tooltipNode: h, ...r } = i || {}, x = () => {
+    const m = /* @__PURE__ */ e(A, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
+    return h ? /* @__PURE__ */ e(U, { content: h, placement: "top", width: 270, children: m }) : m;
   };
-  return /* @__PURE__ */ d("div", { className: u("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
-    o && o,
+  return /* @__PURE__ */ d("div", { className: u("modal-footer", { "with-extra-node": t, [`size-${s}`]: s }), children: [
+    t && t,
     /* @__PURE__ */ d("div", { className: u("buttons-block"), children: [
-      _ && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
+      l && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
         A,
         {
           variant: "ghost",
-          adjustWidthOn: a === "small" ? "parent" : "min-width",
-          onClick: n,
-          ..._
+          adjustWidthOn: s === "small" ? "parent" : "min-width",
+          onClick: o,
+          ...l
         }
       ) }),
-      l && /* @__PURE__ */ e("div", { className: u("button-container"), children: g() })
+      i && /* @__PURE__ */ e("div", { className: u("button-container"), children: x() })
     ] })
   ] });
-}, le = {
+}, ie = {
   "modal-header": "_modal-header_w4aaf_1",
   "width-description": "_width-description_w4aaf_10",
   "modal-header-content": "_modal-header-content_w4aaf_14",
   "modal-title": "_modal-title_w4aaf_20",
   "close-modal-icon": "_close-modal-icon_w4aaf_29"
-}, w = y.bind(le), ae = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": l }), children: [
-  /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
-  /* @__PURE__ */ e(J, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(Q, {}) })
-] }), se = "_modal_yxql5_1", ie = "_description_yxql5_43", de = "_scrollable_yxql5_53", ce = {
+}, w = g.bind(ie), le = ({ title: t, onClose: o, withDescription: i = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": i }), children: [
+  /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: t && /* @__PURE__ */ e("div", { className: w("modal-title"), children: t }) }),
+  /* @__PURE__ */ e(X, { className: w("close-modal-icon"), onClick: o, children: /* @__PURE__ */ e(J, {}) })
+] }), se = "_modal_yxql5_1", ae = "_description_yxql5_43", ce = "_scrollable_yxql5_53", de = {
   modal: se,
   "overlay-default": "_overlay-default_yxql5_12",
   "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
   "scrolling-content": "_scrolling-content_yxql5_20",
   "modal-window": "_modal-window_yxql5_26",
-  description: ie,
-  scrollable: de,
+  description: ae,
+  scrollable: ce,
   "size-default": "_size-default_yxql5_57",
   "size-small": "_size-small_yxql5_69",
   "size-large": "_size-large_yxql5_81"
-}, f = y.bind(ce), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, Ae = ({
-  title: o,
-  children: n,
-  footerNode: l,
-  okButton: _,
-  cancelButton: a,
+}, f = g.bind(de), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, ze = ({
+  title: t,
+  children: o,
+  footerNode: i,
+  okButton: l,
+  cancelButton: s,
   className: h,
-  size: c = "default",
-  onClose: g = () => {
+  size: r = "default",
+  onClose: x = () => {
   },
-  overlay: r = "default",
+  overlay: m = "default",
   zIndex: T = 2,
   allowCloseOutside: D = !0,
-  scrollable: v = !1,
-  withoutFooter: H = !1,
-  createFooter: E = null,
-  description: s = null
+  scrollable: b = !1,
+  withoutFooter: E = !1,
+  createFooter: H = null,
+  description: a = null
 }) => {
-  const [S, M] = p(!1), [k, I] = p(0), [q, L] = p(!1), i = j(null), N = V(), O = N.height, $ = O * re, x = (O - k) / 2, R = () => {
-    let t = $ - ue;
-    return H || (t = t - he), s ? t = t - _e : t = t - me, t;
-  }, m = () => {
+  const [L, M] = p(!1), [S, k] = p(0), [I, q] = p(!1), c = j(null), N = V(), O = N.height, $ = O * re, v = (O - S) / 2, R = () => {
+    let n = $ - ue;
+    return E || (n = n - he), a ? n = n - _e : n = n - me, n;
+  }, _ = () => {
     M(!1);
-  }, z = (t) => {
-    const { keyCode: B } = t;
-    B === U.ESCAPE_KEY_CODE && m();
+  }, z = (n) => {
+    const { keyCode: B } = n;
+    B === Y.ESCAPE_KEY_CODE && _();
   }, W = () => {
-    var t;
-    q || ((t = i.current) == null || t.focus(), L(!0));
+    var n;
+    I || ((n = c.current) == null || n.focus(), q(!0));
   };
-  return b(() => {
-    if (i && i.current) {
-      const { clientHeight: t } = i.current;
-      I(t);
+  return y(() => {
+    if (c && c.current) {
+      const { clientHeight: n } = c.current;
+      k(n);
     }
-  }, [n, N]), b(() => (M(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []), Y(i, D ? m : void 0), /* @__PURE__ */ e(G, { onExitComplete: g, children: S && /* @__PURE__ */ e("div", { className: f("modal", { [`overlay-${r}`]: r }), style: { zIndex: T }, children: /* @__PURE__ */ d(
+  }, [o, N]), y(() => (M(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []), Q(c, D ? _ : void 0), /* @__PURE__ */ e(G, { onExitComplete: x, children: L && /* @__PURE__ */ e("div", { className: f("modal", { [`overlay-${m}`]: m }), style: { zIndex: T }, children: /* @__PURE__ */ d(
     K.div,
     {
-      className: f("modal-window", { [`size-${c}`]: c }, h),
-      ref: i,
+      className: f("modal-window", { [`size-${r}`]: r }, h),
+      ref: c,
       tabIndex: 0,
-      initial: { opacity: 0, marginTop: -x },
-      animate: { opacity: 1, marginTop: x },
-      exit: { opacity: 0, marginTop: -x },
+      initial: { opacity: 0, marginTop: -v },
+      animate: { opacity: 1, marginTop: v },
+      exit: { opacity: 0, marginTop: -v },
       transition: { duration: 0.3 },
       onAnimationStart: W,
       children: [
-        /* @__PURE__ */ e(ae, { title: o, onClose: m, withDescription: !!s }),
-        v ? /* @__PURE__ */ d(F, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
-          s && /* @__PURE__ */ e("span", { className: f("description", { scrollable: v }), children: s }),
-          /* @__PURE__ */ e(C, { scrollable: !0, children: n })
+        /* @__PURE__ */ e(le, { title: t, onClose: _, withDescription: !!a }),
+        b ? /* @__PURE__ */ d(F, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
+          a && /* @__PURE__ */ e("span", { className: f("description", { scrollable: b }), children: a }),
+          /* @__PURE__ */ e(C, { scrollable: !0, children: o })
         ] }) : /* @__PURE__ */ d(P, { children: [
-          s && /* @__PURE__ */ e("span", { className: f("description"), children: s }),
-          /* @__PURE__ */ e(C, { children: n })
+          a && /* @__PURE__ */ e("span", { className: f("description"), children: a }),
+          /* @__PURE__ */ e(C, { children: o })
         ] }),
-        !H && (E ? E(m) : /* @__PURE__ */ e(
+        !E && (H ? H(_) : /* @__PURE__ */ e(
           ne,
           {
-            size: c,
-            footerNode: l,
-            okButton: _,
-            cancelButton: a,
-            closeHandler: m
+            size: r,
+            footerNode: i,
+            okButton: l,
+            cancelButton: s,
+            closeHandler: _
           }
         ))
       ]
@@ -149,8 +160,8 @@ const V = () => {
   ) }) });
 };
 export {
-  Ae as Modal,
+  ze as Modal,
   C as ModalContent,
   ne as ModalFooter,
-  ae as ModalHeader
+  le as ModalHeader
 };