@prom-ui/core 2.5.0 → 3.0.0-alpha.0

package/List/cjs/index.development.js

@@ -6,10 +6,32 @@ var evokit = require('@prom-ui/core/evokit');
 
 var css = {"ek-list":"List__ek-list___7TLUd","ek-list__item":"List__ek-list__item___2i7hs","ek-list_display_block":"List__ek-list_display_block___RyDeb","ek-list_display_none":"List__ek-list_display_none___VHhYb","ek-list__item_display_block":"List__ek-list__item_display_block___eIreY","ek-list__item_display_none":"List__ek-list__item_display_none___n3LYu","ek-list_indent_none":"List__ek-list_indent_none___-8IsM","ek-list_indent_xxs":"List__ek-list_indent_xxs___Jb2Cf","ek-list_indent_xs":"List__ek-list_indent_xs___a37aL","ek-list_indent_s":"List__ek-list_indent_s___Kd2LE","ek-list_indent_m":"List__ek-list_indent_m___LCFcW","ek-list_indent_l":"List__ek-list_indent_l___O1rNJ","ek-list_indent_xl":"List__ek-list_indent_xl___7LFpK","ek-list_indent_xxl":"List__ek-list_indent_xxl___OYyoA","ek-list_indent_3xl":"List__ek-list_indent_3xl___CikDF","ek-list_indent_4xl":"List__ek-list_indent_4xl___NOE2d","ek-list_indent_5xl":"List__ek-list_indent_5xl___vYtmF","ek-list_divider-indent_none":"List__ek-list_divider-indent_none___7zNDK","ek-list_divider-indent_xxs":"List__ek-list_divider-indent_xxs___HjuYI","ek-list_divider-indent_xs":"List__ek-list_divider-indent_xs___StcUC","ek-list_divider-indent_s":"List__ek-list_divider-indent_s___fHhzL","ek-list_divider-indent_m":"List__ek-list_divider-indent_m___50AnZ","ek-list_divider-indent_l":"List__ek-list_divider-indent_l___dRYvd","ek-list_divider-indent_xl":"List__ek-list_divider-indent_xl___Pa0Qf","ek-list_divider-indent_xxl":"List__ek-list_divider-indent_xxl___fH3J-","ek-list_divider-indent_3xl":"List__ek-list_divider-indent_3xl___MnPMq","ek-list_divider-indent_4xl":"List__ek-list_divider-indent_4xl___NVCLW","ek-list_divider-indent_5xl":"List__ek-list_divider-indent_5xl___B-7Ta","ek-list_style_dash":"List__ek-list_style_dash___ISI0c","ek-list_style_decimal":"List__ek-list_style_decimal___mi46z","ek-list_style_disc":"List__ek-list_style_disc___ivuW1","ek-list_color_black-200":"List__ek-list_color_black-200___WYjqU","ek-list_divider_black-200":"List__ek-list_divider_black-200___-X-wd","ek-list_color_black-300":"List__ek-list_color_black-300___1cwad","ek-list_divider_black-300":"List__ek-list_divider_black-300___1Cqi6","ek-list_color_black-400":"List__ek-list_color_black-400___lv3aK","ek-list_divider_black-400":"List__ek-list_divider_black-400___ZwiLc","ek-list_color_black-700":"List__ek-list_color_black-700___Y4T1W","ek-list_divider_black-700":"List__ek-list_divider_black-700___WEG3R","ek-list_color_violet-500":"List__ek-list_color_violet-500___3HdKX","ek-list_divider_violet-500":"List__ek-list_divider_violet-500___AXDvO","ek-list_blackhole_circle":"List__ek-list_blackhole_circle___6FNFj"};
 
+/**
+ * Дочірній елемент списку. Використовується як `<List.Item>`.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * <List.Item list-item-display='none'>Прихований елемент</List.Item>
+ */
 var ListItem = evokit.createBlock('li', 'list__item', ['display'], {
   css: css
 });
 ListItem.displayName = 'ListItem';
+
+/**
+ * Список (`<ul>`) з підтримкою стилів PDS.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { List } from '@prom-ui/core/List';
+ *
+ * <List list-style='disc' list-indent='s' list-color='black-700'>
+ *     <List.Item>Перший</List.Item>
+ *     <List.Item>Другий</List.Item>
+ * </List>
+ */
 var List = evokit.createBlock('ul', 'list', ['blackhole', 'color', 'display', 'divider', 'divider-indent', 'indent', 'style'], {
   css: css
 });

package/List/cjs/index.development.v2.js

@@ -6,10 +6,32 @@ var evokit = require('@prom-ui/core/evokit');
 
 var css = {"ek-list":"List__ek-list___9RlFs","ek-list__item":"List__ek-list__item___gmKxq","ek-list_display_block":"List__ek-list_display_block___2YltF","ek-list_display_none":"List__ek-list_display_none___AiCEa","ek-list__item_display_block":"List__ek-list__item_display_block___d-wTf","ek-list__item_display_none":"List__ek-list__item_display_none___z70XR","ek-list_indent_none":"List__ek-list_indent_none___1D-QG","ek-list_indent_xxs":"List__ek-list_indent_xxs___IBr1f","ek-list_indent_xs":"List__ek-list_indent_xs___g5n4E","ek-list_indent_s":"List__ek-list_indent_s___3tPzy","ek-list_indent_m":"List__ek-list_indent_m___-oEZL","ek-list_indent_l":"List__ek-list_indent_l___xTfIe","ek-list_indent_xl":"List__ek-list_indent_xl___1x8ho","ek-list_indent_xxl":"List__ek-list_indent_xxl___rtYxW","ek-list_indent_3xl":"List__ek-list_indent_3xl___-cBVm","ek-list_indent_4xl":"List__ek-list_indent_4xl___8rzvP","ek-list_indent_5xl":"List__ek-list_indent_5xl___IWr8I","ek-list_divider-indent_none":"List__ek-list_divider-indent_none___6wVZE","ek-list_divider-indent_xxs":"List__ek-list_divider-indent_xxs___m6hSb","ek-list_divider-indent_xs":"List__ek-list_divider-indent_xs___3kSJ9","ek-list_divider-indent_s":"List__ek-list_divider-indent_s___7bxSA","ek-list_divider-indent_m":"List__ek-list_divider-indent_m___CIV0K","ek-list_divider-indent_l":"List__ek-list_divider-indent_l___Hxew3","ek-list_divider-indent_xl":"List__ek-list_divider-indent_xl___sWUEu","ek-list_divider-indent_xxl":"List__ek-list_divider-indent_xxl___Iu4gZ","ek-list_divider-indent_3xl":"List__ek-list_divider-indent_3xl___EdP1c","ek-list_divider-indent_4xl":"List__ek-list_divider-indent_4xl___bDeIq","ek-list_divider-indent_5xl":"List__ek-list_divider-indent_5xl___rn2qt","ek-list_style_dash":"List__ek-list_style_dash___QPC-z","ek-list_style_decimal":"List__ek-list_style_decimal___F-SFY","ek-list_style_disc":"List__ek-list_style_disc___05T1e","ek-list_color_black-200":"List__ek-list_color_black-200___fjMe6","ek-list_divider_black-200":"List__ek-list_divider_black-200___-tsY2","ek-list_color_black-300":"List__ek-list_color_black-300___MZoKv","ek-list_divider_black-300":"List__ek-list_divider_black-300___9QYbX","ek-list_color_black-400":"List__ek-list_color_black-400___NIZwt","ek-list_divider_black-400":"List__ek-list_divider_black-400___o9tsV","ek-list_color_black-700":"List__ek-list_color_black-700___F64vm","ek-list_divider_black-700":"List__ek-list_divider_black-700___5qJH-","ek-list_color_violet-500":"List__ek-list_color_violet-500___mime1","ek-list_divider_violet-500":"List__ek-list_divider_violet-500___HjSn5","ek-list_blackhole_circle":"List__ek-list_blackhole_circle___vJJ0G"};
 
+/**
+ * Дочірній елемент списку. Використовується як `<List.Item>`.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * <List.Item list-item-display='none'>Прихований елемент</List.Item>
+ */
 var ListItem = evokit.createBlock('li', 'list__item', ['display'], {
   css: css
 });
 ListItem.displayName = 'ListItem';
+
+/**
+ * Список (`<ul>`) з підтримкою стилів PDS.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { List } from '@prom-ui/core/List';
+ *
+ * <List list-style='disc' list-indent='s' list-color='black-700'>
+ *     <List.Item>Перший</List.Item>
+ *     <List.Item>Другий</List.Item>
+ * </List>
+ */
 var List = evokit.createBlock('ul', 'list', ['blackhole', 'color', 'display', 'divider', 'divider-indent', 'indent', 'style'], {
   css: css
 });

package/List/index.d.ts

@@ -5,18 +5,82 @@ type ListDisplay = EvokitWithoutMediaSufix<'block' | 'none'>;
 type ListIndent = EvokitWithoutMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
 type ListStyle = EvokitWithoutMediaSufix<'dash' | 'decimal' | 'disc'>;
 export type ListItemProps = {
+    /**
+     * Видимість елемента списку.
+     * @example 'block'
+     * @example 'none'
+     */
     'list-item-display'?: EvokitProp<ListItemDisplay>;
 };
 export type ListProps = {
+    /**
+     * Колір маркерів та тексту елементів.
+     * @example 'black-700'
+     * @example 'violet-500'
+     */
     'list-color'?: EvokitProp<ListThemes>;
+    /**
+     * `display` списку.
+     * @example 'block'
+     * @example 'none'
+     */
     'list-display'?: EvokitProp<ListDisplay>;
+    /**
+     * Колір горизонтального роздільника між елементами.
+     * @example 'black-200'
+     * @example 'black-400'
+     */
     'list-divider'?: EvokitProp<ListThemes>;
+    /**
+     * Відступ для роздільника від країв.
+     * Розміри: none | xxs | xs | s | m | l | xl | xxl | 3xl | 4xl | 5xl
+     * @example 'none'
+     * @example 'm'
+     */
     'list-divider-indent'?: EvokitProp<ListIndent>;
+    /**
+     * Вертикальний відступ між елементами.
+     * Розміри: none | xxs | xs | s | m | l | xl | xxl | 3xl | 4xl | 5xl
+     * @example 's'
+     * @example 'm'
+     */
     'list-indent'?: EvokitProp<ListIndent>;
+    /**
+     * Тип маркера списку.
+     * @example 'disc'
+     * @example 'decimal'
+     * @example 'dash'
+     */
     'list-style'?: EvokitProp<ListStyle>;
+    /**
+     * Додаткові CSS-модифікатори.
+     * - `'circle'` — круглий маркер через псевдоелемент `::before` (замість стандартного `list-style`)
+     * @example 'circle'
+     */
     'list-blackhole'?: EvokitProp<'circle'>;
 };
+/**
+ * Дочірній елемент списку. Використовується як `<List.Item>`.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * <List.Item list-item-display='none'>Прихований елемент</List.Item>
+ */
 declare const ListItem: import("@prom-ui/core/evokit").CreateBlock<"li", "list__item", ListItemProps>;
+/**
+ * Список (`<ul>`) з підтримкою стилів PDS.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { List } from '@prom-ui/core/List';
+ *
+ * <List list-style='disc' list-indent='s' list-color='black-700'>
+ *     <List.Item>Перший</List.Item>
+ *     <List.Item>Другий</List.Item>
+ * </List>
+ */
 export declare const List: import("@prom-ui/core/evokit").CreateBlock<"ul", "list", ListProps> & {
     Item: typeof ListItem;
 };

package/List/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Media/cjs/index.development.js

@@ -35,7 +35,12 @@ var MediaProvider = function MediaProvider(_ref) {
 
 // PDS core
 /**
- * Компонент отображает соответствующий контент от состояние медиа-запроса и обновляет его при изменении размера окна браузера.
+ * Відображає дочірній контент лише якщо умова медіазапиту виконується. Оновлюється при зміні розміру вікна.
+ * @example
+ * import { Media } from '@prom-ui/core/Media'
+ * <Media minWidth='medium'>
+ *   <DesktopOnly />
+ * </Media>
  */
 var Media = function Media(_ref) {
   var minWidth = _ref.minWidth,

package/Media/cjs/index.development.v2.js

@@ -35,7 +35,12 @@ var MediaProvider = function MediaProvider(_ref) {
 
 // PDS core
 /**
- * Компонент отображает соответствующий контент от состояние медиа-запроса и обновляет его при изменении размера окна браузера.
+ * Відображає дочірній контент лише якщо умова медіазапиту виконується. Оновлюється при зміні розміру вікна.
+ * @example
+ * import { Media } from '@prom-ui/core/Media'
+ * <Media minWidth='medium'>
+ *   <DesktopOnly />
+ * </Media>
  */
 var Media = function Media(_ref) {
   var minWidth = _ref.minWidth,

package/Media/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@prom-ui/core/useMedia"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("react-responsive");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r),a=u(t),d=function(r){var t=r.minWidth,i=r.maxWidth,u=r.children;return e.useMedia({minWidth:t,maxWidth:i})?u:null};d.displayName="Media",Object.defineProperty(exports,"SCREEN_BREAKPOINTS",{enumerable:!0,get:function(){return e.SCREEN_BREAKPOINTS}}),Object.defineProperty(exports,"useMedia",{enumerable:!0,get:function(){return e.useMedia}}),exports.Media=d,exports.MediaProvider=function(r){var u=r.resetOnMount,d=void 0!==u&&u,o=r.width,s=r.children,c=t.useState({width:o?e.SCREEN_BREAKPOINTS[o]:1}),l=n.default(c,2),f=l[0],p=l[1];return t.useEffect((function(){d&&p(void 0)}),[]),a.default.createElement(i.Context.Provider,{value:f},s)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@prom-ui/core/useMedia"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("react-responsive");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r),a=u(t),d=function(r){var t=r.minWidth,i=r.maxWidth,u=r.children;return e.useMedia({minWidth:t,maxWidth:i})?u:null};d.displayName="Media",Object.defineProperty(exports,"SCREEN_BREAKPOINTS",{enumerable:!0,get:function(){return e.SCREEN_BREAKPOINTS}}),Object.defineProperty(exports,"useMedia",{enumerable:!0,get:function(){return e.useMedia}}),exports.Media=d,exports.MediaProvider=function(r){var u=r.resetOnMount,d=void 0!==u&&u,o=r.width,s=r.children,c=t.useState({width:o?e.SCREEN_BREAKPOINTS[o]:1}),l=n.default(c,2),f=l[0],p=l[1];return t.useEffect(function(){d&&p(void 0)},[]),a.default.createElement(i.Context.Provider,{value:f},s)};

package/Media/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@prom-ui/core/useMedia"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("react-responsive");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r),a=u(t),d=function(r){var t=r.minWidth,i=r.maxWidth,u=r.children;return e.useMedia({minWidth:t,maxWidth:i})?u:null};d.displayName="Media",Object.defineProperty(exports,"SCREEN_BREAKPOINTS",{enumerable:!0,get:function(){return e.SCREEN_BREAKPOINTS}}),Object.defineProperty(exports,"useMedia",{enumerable:!0,get:function(){return e.useMedia}}),exports.Media=d,exports.MediaProvider=function(r){var u=r.resetOnMount,d=void 0!==u&&u,o=r.width,s=r.children,c=t.useState({width:o?e.SCREEN_BREAKPOINTS[o]:1}),l=n.default(c,2),f=l[0],p=l[1];return t.useEffect((function(){d&&p(void 0)}),[]),a.default.createElement(i.Context.Provider,{value:f},s)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@prom-ui/core/useMedia"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),i=require("react-responsive");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=u(r),a=u(t),d=function(r){var t=r.minWidth,i=r.maxWidth,u=r.children;return e.useMedia({minWidth:t,maxWidth:i})?u:null};d.displayName="Media",Object.defineProperty(exports,"SCREEN_BREAKPOINTS",{enumerable:!0,get:function(){return e.SCREEN_BREAKPOINTS}}),Object.defineProperty(exports,"useMedia",{enumerable:!0,get:function(){return e.useMedia}}),exports.Media=d,exports.MediaProvider=function(r){var u=r.resetOnMount,d=void 0!==u&&u,o=r.width,s=r.children,c=t.useState({width:o?e.SCREEN_BREAKPOINTS[o]:1}),l=n.default(c,2),f=l[0],p=l[1];return t.useEffect(function(){d&&p(void 0)},[]),a.default.createElement(i.Context.Provider,{value:f},s)};

package/Media/index.d.ts

@@ -3,18 +3,23 @@ import { useMedia, SCREEN_BREAKPOINTS } from '@prom-ui/core/useMedia';
 import { MediaProvider } from './MediaProvider';
 export type MediaProps = {
     /**
-     * Аналог CSS медиа правила `@media (min-width: ...)`
+     * Аналог CSS-медіаправила `@media (min-width: ...)`
      */
     minWidth?: keyof typeof SCREEN_BREAKPOINTS;
     /**
-     * Аналог CSS медиа правила `@media (max-width: ...)`
+     * Аналог CSS-медіаправила `@media (max-width: ...)`
      */
     maxWidth?: keyof typeof SCREEN_BREAKPOINTS;
     /** @ignore */
     children?: React.ReactNode;
 };
 /**
- * Компонент отображает соответствующий контент от состояние медиа-запроса и обновляет его при изменении размера окна браузера.
+ * Відображає дочірній контент лише якщо умова медіазапиту виконується. Оновлюється при зміні розміру вікна.
+ * @example
+ * import { Media } from '@prom-ui/core/Media'
+ * <Media minWidth='medium'>
+ *   <DesktopOnly />
+ * </Media>
  */
 export declare const Media: React.FC<MediaProps>;
 export { useMedia, MediaProvider, SCREEN_BREAKPOINTS };

package/Media/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Media",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Modal/cjs/index.development.js

@@ -50,6 +50,14 @@ var _templateObject;
 var _excluded = ["isOpen", "isRenderPortal", "isBodyScrollLock", "isShowCloseButton", "zIndex", "width", "height", "padding", "onClose", "className", "style", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Модальне вікно з backdrop, анімацією та кнопкою закриття.
+ * @example
+ * import { Modal } from '@prom-ui/core/Modal'
+ * <Modal isOpen={isOpen} onClose={() => setOpen(false)}>
+ *   <p>Вміст модального вікна</p>
+ * </Modal>
+ */
 var Modal = function Modal(_ref) {
   var _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,

package/Modal/cjs/index.development.v2.js

@@ -50,6 +50,14 @@ var _templateObject;
 var _excluded = ["isOpen", "isRenderPortal", "isBodyScrollLock", "isShowCloseButton", "zIndex", "width", "height", "padding", "onClose", "className", "style", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Модальне вікно з backdrop, анімацією та кнопкою закриття.
+ * @example
+ * import { Modal } from '@prom-ui/core/Modal'
+ * <Modal isOpen={isOpen} onClose={() => setOpen(false)}>
+ *   <p>Вміст модального вікна</p>
+ * </Modal>
+ */
 var Modal = function Modal(_ref) {
   var _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,

package/Modal/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),l=require("@prom-ui/core/Backdrop"),c=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/KeyPress"),u=require("@prom-ui/core/Portal"),p=require("@prom-ui/core/BodyProvider"),m=require("@prom-ui/icons/Close2");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var y,O=f(e),h=f(t),v=f(r),g=f(o),P=b(i),j=f(a),q={root:"LXzJW",closeButton:"IfZSD",rootContent:"p62nO",enter:"CYsVE",exit:"-sfQK",enterActive:"Q3lip",exitActive:"_2XLH4"},E=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"];function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach((function(t){v.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B=function(e){var t=e.isOpen,r=void 0!==t&&t,o=e.isRenderPortal,i=void 0===o||o,a=e.isBodyScrollLock,f=void 0===a||a,b=e.isShowCloseButton,v=void 0===b||b,w=e.zIndex,B=void 0===w?5e3:w,C=e.width,S=void 0===C?"auto":C,k=e.height,_=void 0===k?"auto":k,D=e.padding,I=void 0===D?36:D,N=e.onClose,z=e.className,L=e.style,R=e.children,T=g.default(e,E),K=p.useBodyStoreTTag().t,A=P.useRef(null);return P.createElement(P.Fragment,null,P.createElement(l.Backdrop,{isOpen:r,zIndex:B,isRenderPortal:i,isBodyScrollLock:f}),P.createElement(n.CSSTransition,{nodeRef:A,in:r,timeout:240,classNames:q,unmountOnExit:!0},P.createElement(u.Portal,{isActive:i},P.createElement(s.KeyPress,{code:"Escape",onKeyDown:N}),P.createElement("div",{ref:A,className:q.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&N(e)},"data-qaid":T["data-qaid"]||"modal","data-testid":T["data-testid"]||"modal"},P.createElement("div",O.default({className:j.default(q.rootContent,z),style:x({width:S,height:_,padding:I},L)},T,{"data-qaid":"modal_content","data-testid":"modal_content"}),R,v&&P.createElement("div",{className:q.closeButton},P.createElement(c.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:N,"aria-label":K(y||(y=h.default(["Закрыть"]))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},P.createElement(d.Icon,{"icon-as":m.SvgClose2,style:{width:24,height:24}}))))))))};B.displayName="Modal",exports.Modal=B,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),l=require("@prom-ui/core/Backdrop"),c=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/KeyPress"),u=require("@prom-ui/core/Portal"),p=require("@prom-ui/core/BodyProvider"),m=require("@prom-ui/icons/Close2");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var y,O=f(e),h=f(t),v=f(r),g=f(o),P=b(i),j=f(a),q={root:"LXzJW",closeButton:"IfZSD",rootContent:"p62nO",enter:"CYsVE",exit:"-sfQK",enterActive:"Q3lip",exitActive:"_2XLH4"},E=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"];function w(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?w(Object(r),!0).forEach(function(t){v.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):w(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var B=function(e){var t=e.isOpen,r=void 0!==t&&t,o=e.isRenderPortal,i=void 0===o||o,a=e.isBodyScrollLock,f=void 0===a||a,b=e.isShowCloseButton,v=void 0===b||b,w=e.zIndex,B=void 0===w?5e3:w,C=e.width,S=void 0===C?"auto":C,k=e.height,_=void 0===k?"auto":k,D=e.padding,I=void 0===D?36:D,N=e.onClose,z=e.className,L=e.style,R=e.children,T=g.default(e,E),K=p.useBodyStoreTTag().t,A=P.useRef(null);return P.createElement(P.Fragment,null,P.createElement(l.Backdrop,{isOpen:r,zIndex:B,isRenderPortal:i,isBodyScrollLock:f}),P.createElement(n.CSSTransition,{nodeRef:A,in:r,timeout:240,classNames:q,unmountOnExit:!0},P.createElement(u.Portal,{isActive:i},P.createElement(s.KeyPress,{code:"Escape",onKeyDown:N}),P.createElement("div",{ref:A,className:q.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&N(e)},"data-qaid":T["data-qaid"]||"modal","data-testid":T["data-testid"]||"modal"},P.createElement("div",O.default({className:j.default(q.rootContent,z),style:x({width:S,height:_,padding:I},L)},T,{"data-qaid":"modal_content","data-testid":"modal_content"}),R,v&&P.createElement("div",{className:q.closeButton},P.createElement(c.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:N,"aria-label":K(y||(y=h.default(["Закрыть"]))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},P.createElement(d.Icon,{"icon-as":m.SvgClose2,style:{width:24,height:24}}))))))))};B.displayName="Modal",exports.Modal=B,require("./style.production.css");

package/Modal/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),l=require("@prom-ui/core/Backdrop"),c=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/KeyPress"),s=require("@prom-ui/core/Portal"),p=require("@prom-ui/core/BodyProvider"),m=require("@prom-ui/icons/Close2");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var y,v=b(e),O=b(t),g=b(r),h=b(o),P=f(i),j=b(a),q={root:"_9vQ1b",closeButton:"_5HA1l",rootContent:"OXp7s",enter:"JQ0Kx",exit:"llwRD",enterActive:"p-g77",exitActive:"mioMB"},w=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"];function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){g.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B=function(e){var t=e.isOpen,r=void 0!==t&&t,o=e.isRenderPortal,i=void 0===o||o,a=e.isBodyScrollLock,b=void 0===a||a,f=e.isShowCloseButton,g=void 0===f||f,E=e.zIndex,B=void 0===E?5e3:E,C=e.width,S=void 0===C?"auto":C,k=e.height,_=void 0===k?"auto":k,D=e.padding,N=void 0===D?36:D,I=e.onClose,R=e.className,z=e.style,T=e.children,A=h.default(e,w),K=p.useBodyStoreTTag().t,L=P.useRef(null);return P.createElement(P.Fragment,null,P.createElement(l.Backdrop,{isOpen:r,zIndex:B,isRenderPortal:i,isBodyScrollLock:b}),P.createElement(n.CSSTransition,{nodeRef:L,in:r,timeout:240,classNames:q,unmountOnExit:!0},P.createElement(s.Portal,{isActive:i},P.createElement(u.KeyPress,{code:"Escape",onKeyDown:I}),P.createElement("div",{ref:L,className:q.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&I(e)},"data-qaid":A["data-qaid"]||"modal","data-testid":A["data-testid"]||"modal"},P.createElement("div",v.default({className:j.default(q.rootContent,R),style:x({width:S,height:_,padding:N},z)},A,{"data-qaid":"modal_content","data-testid":"modal_content"}),T,g&&P.createElement("div",{className:q.closeButton},P.createElement(c.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:I,"aria-label":K(y||(y=O.default(["Закрыть"]))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},P.createElement(d.Icon,{"icon-as":m.SvgClose2,style:{width:24,height:24}}))))))))};B.displayName="Modal",exports.Modal=B,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),l=require("@prom-ui/core/Backdrop"),c=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/KeyPress"),s=require("@prom-ui/core/Portal"),p=require("@prom-ui/core/BodyProvider"),m=require("@prom-ui/icons/Close2");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var y,v=b(e),O=b(t),g=b(r),h=b(o),P=f(i),j=b(a),q={root:"_9vQ1b",closeButton:"_5HA1l",rootContent:"OXp7s",enter:"JQ0Kx",exit:"llwRD",enterActive:"p-g77",exitActive:"mioMB"},w=["isOpen","isRenderPortal","isBodyScrollLock","isShowCloseButton","zIndex","width","height","padding","onClose","className","style","children"];function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach(function(t){g.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var B=function(e){var t=e.isOpen,r=void 0!==t&&t,o=e.isRenderPortal,i=void 0===o||o,a=e.isBodyScrollLock,b=void 0===a||a,f=e.isShowCloseButton,g=void 0===f||f,E=e.zIndex,B=void 0===E?5e3:E,C=e.width,S=void 0===C?"auto":C,k=e.height,_=void 0===k?"auto":k,D=e.padding,N=void 0===D?36:D,I=e.onClose,R=e.className,z=e.style,T=e.children,A=h.default(e,w),K=p.useBodyStoreTTag().t,L=P.useRef(null);return P.createElement(P.Fragment,null,P.createElement(l.Backdrop,{isOpen:r,zIndex:B,isRenderPortal:i,isBodyScrollLock:b}),P.createElement(n.CSSTransition,{nodeRef:L,in:r,timeout:240,classNames:q,unmountOnExit:!0},P.createElement(s.Portal,{isActive:i},P.createElement(u.KeyPress,{code:"Escape",onKeyDown:I}),P.createElement("div",{ref:L,className:q.root,role:"dialog","aria-modal":!0,"aria-labelledby":void 0,style:{zIndex:B},onClick:function(e){e.target===e.currentTarget&&I(e)},"data-qaid":A["data-qaid"]||"modal","data-testid":A["data-testid"]||"modal"},P.createElement("div",v.default({className:j.default(q.rootContent,R),style:x({width:S,height:_,padding:N},z)},A,{"data-qaid":"modal_content","data-testid":"modal_content"}),T,g&&P.createElement("div",{className:q.closeButton},P.createElement(c.Button,{"button-theme":"black-inherit","button-padding":"xxs",type:"button",onClick:I,"aria-label":K(y||(y=O.default(["Закрыть"]))),"data-qaid":"modal_close_button","data-testid":"modal_close_button"},P.createElement(d.Icon,{"icon-as":m.SvgClose2,style:{width:24,height:24}}))))))))};B.displayName="Modal",exports.Modal=B,require("./style.production.v2.css");

package/Modal/index.d.ts

@@ -1,22 +1,22 @@
 import * as React from 'react';
 export type ModalProps = React.ComponentPropsWithoutRef<'div'> & {
-    /** Состояние, открыто или нет */
+    /** Стан — відкрито чи ні */
     isOpen: boolean;
-    /** Отображение кнопки закрытия (крестик) */
+    /** Відображення кнопки закриття (хрестик) */
     isShowCloseButton?: boolean;
-    /** Рендер в конец `<body>` */
+    /** Рендер у кінець `<body>` */
     isRenderPortal?: boolean;
-    /** Запрещает прокрутку `<body>` */
+    /** Забороняє прокрутку `<body>` */
     isBodyScrollLock?: boolean;
     /** Ширина */
     width?: string | number;
-    /** Высота */
+    /** Висота */
     height?: string | number;
-    /** Внутренние отступы */
+    /** Внутрішні відступи */
     padding?: string | number;
-    /** Размещением по z-оси */
+    /** Розміщення по z-осі */
     zIndex?: number;
-    /** Handle для закрытия попапа */
+    /** Обробник закриття попапу */
     onClose: (e: any) => void;
     /** @ignore */
     className?: string;
@@ -25,4 +25,12 @@ export type ModalProps = React.ComponentPropsWithoutRef<'div'> & {
     /** @ignore */
     ['data-testid']?: string;
 };
+/**
+ * Модальне вікно з backdrop, анімацією та кнопкою закриття.
+ * @example
+ * import { Modal } from '@prom-ui/core/Modal'
+ * <Modal isOpen={isOpen} onClose={() => setOpen(false)}>
+ *   <p>Вміст модального вікна</p>
+ * </Modal>
+ */
 export declare const Modal: React.FC<ModalProps>;

package/Modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Modal",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/OutsideClick/cjs/index.development.js

@@ -34,6 +34,14 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
 var _excluded = ["children", "isActive", "onClick"];
+/**
+ * Обгортає дочірній контент і викликає `onClick`, коли клік відбувся за межами.
+ * @example
+ * import { OutsideClick } from '@prom-ui/core/OutsideClick'
+ * <OutsideClick onClick={() => setOpen(false)}>
+ *   <div>Меню</div>
+ * </OutsideClick>
+ */
 var OutsideClick = function OutsideClick(_ref) {
   var children = _ref.children,
     _ref$isActive = _ref.isActive,

package/OutsideClick/cjs/index.development.v2.js

@@ -34,6 +34,14 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_obje
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
 var _excluded = ["children", "isActive", "onClick"];
+/**
+ * Обгортає дочірній контент і викликає `onClick`, коли клік відбувся за межами.
+ * @example
+ * import { OutsideClick } from '@prom-ui/core/OutsideClick'
+ * <OutsideClick onClick={() => setOpen(false)}>
+ *   <div>Меню</div>
+ * </OutsideClick>
+ */
 var OutsideClick = function OutsideClick(_ref) {
   var children = _ref.children,
     _ref$isActive = _ref.isActive,

package/OutsideClick/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("@prom-ui/core/useOutsideClick");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e),o=n(t),a=n(r),s=c(i),d=["children","isActive","onClick"],f=function(e){var t=e.children,r=e.isActive,i=void 0===r||r,n=e.onClick,c=a.default(e,d),f=u.useOutsideClick(n),b=o.default(f,1)[0];return i?s.createElement("div",l.default({},c,{ref:b}),t):s.createElement("div",null,t)};f.displayName="OutsideClick",Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return u.useOutsideClick}}),exports.OutsideClick=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("@prom-ui/core/useOutsideClick");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=n(e),o=n(t),a=n(r),s=c(i),d=["children","isActive","onClick"],f=function(e){var t=e.children,r=e.isActive,i=void 0===r||r,n=e.onClick,c=a.default(e,d),f=u.useOutsideClick(n),b=o.default(f,1)[0];return i?s.createElement("div",l.default({},c,{ref:b}),t):s.createElement("div",null,t)};f.displayName="OutsideClick",Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return u.useOutsideClick}}),exports.OutsideClick=f;

package/OutsideClick/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("@prom-ui/core/useOutsideClick");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=n(e),o=n(t),a=n(r),s=c(i),d=["children","isActive","onClick"],f=function(e){var t=e.children,r=e.isActive,i=void 0===r||r,n=e.onClick,c=a.default(e,d),f=u.useOutsideClick(n),b=o.default(f,1)[0];return i?s.createElement("div",l.default({},c,{ref:b}),t):s.createElement("div",null,t)};f.displayName="OutsideClick",Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return u.useOutsideClick}}),exports.OutsideClick=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("@prom-ui/core/useOutsideClick");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=n(e),o=n(t),a=n(r),s=c(i),d=["children","isActive","onClick"],f=function(e){var t=e.children,r=e.isActive,i=void 0===r||r,n=e.onClick,c=a.default(e,d),f=u.useOutsideClick(n),b=o.default(f,1)[0];return i?s.createElement("div",l.default({},c,{ref:b}),t):s.createElement("div",null,t)};f.displayName="OutsideClick",Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return u.useOutsideClick}}),exports.OutsideClick=f;

package/OutsideClick/index.d.ts

@@ -3,10 +3,18 @@ import { useOutsideClick } from '@prom-ui/core/useOutsideClick';
 type OutsideClickProps = {
     /** React children */
     children?: React.ReactNode;
-    /** Если передать `false` компонент перестанет работать */
+    /** Якщо передати `false`, компонент перестане працювати */
     isActive?: boolean;
-    /** Срабатывает если клик произошел вне компонента */
+    /** Спрацьовує, якщо клік відбувся за межами компонента */
     onClick: () => void;
 };
+/**
+ * Обгортає дочірній контент і викликає `onClick`, коли клік відбувся за межами.
+ * @example
+ * import { OutsideClick } from '@prom-ui/core/OutsideClick'
+ * <OutsideClick onClick={() => setOpen(false)}>
+ *   <div>Меню</div>
+ * </OutsideClick>
+ */
 export declare const OutsideClick: React.FC<OutsideClickProps>;
 export { useOutsideClick };

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "2.5.0",
+  "version": "3.0.0-alpha.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Overlay/cjs/index.development.js

@@ -354,8 +354,13 @@ var _excluded = ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClose
 var DEFAULT_SIZE = 400;
 
 /**
- * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
- * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
+ * Бокова шторка (drawer) або bottom sheet з backdrop, анімацією та підтримкою свайп-закриття.
+ * `placement='adaptive'` — на десктопі відкривається справа, на мобільному — знизу.
+ * @example
+ * import { Overlay } from '@prom-ui/core/Overlay'
+ * <Overlay isOpen={isOpen} onClose={() => setOpen(false)} title='Заголовок'>
+ *   <p>Вміст шторки</p>
+ * </Overlay>
  */
 var Overlay = function Overlay(_ref) {
   var children = _ref.children,

package/Overlay/cjs/index.development.v2.js

@@ -354,8 +354,13 @@ var _excluded = ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClose
 var DEFAULT_SIZE = 400;
 
 /**
- * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
- * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
+ * Бокова шторка (drawer) або bottom sheet з backdrop, анімацією та підтримкою свайп-закриття.
+ * `placement='adaptive'` — на десктопі відкривається справа, на мобільному — знизу.
+ * @example
+ * import { Overlay } from '@prom-ui/core/Overlay'
+ * <Overlay isOpen={isOpen} onClose={() => setOpen(false)} title='Заголовок'>
+ *   <p>Вміст шторки</p>
+ * </Overlay>
  */
 var Overlay = function Overlay(_ref) {
   var children = _ref.children,

package/Overlay/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),o=require("react-transition-group"),a=require("clsx"),n=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),l=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),d=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),p=require("@prom-ui/core/BodyProvider"),m=require("@prom-ui/icons/Close2"),f=require("@prom-ui/icons/ArrowBack"),v=require("@babel/runtime/helpers/slicedToArray"),_=require("@babel/runtime/helpers/defineProperty"),h=require("@prom-ui/core/ErrorCatch"),y=require("@prom-ui/core/Link"),b=require("@prom-ui/icons/colors/PromTroubleHappens"),C=require("@prom-ui/icons/colors/PromNoSignal"),E=require("react-easy-swipe");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function q(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var S,N,k,B,x,P,O,w,R=g(e),T=g(t),z=q(r),I=g(a),L=g(d),A=g(v),j=g(_),D=g(E),W={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__titleText:"pW2Vz",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1",errorContainer:"_8HVeJ",errorContainerLoading:"zsRUN",errorIcon:"w5VL8",errorTitle:"DJcp4",errorDescription:"_5bUeF",errorWrapReloadButton:"gwpLD",errorWrapCloseButton:"jM9l9",errorCloseButtonLoading:"IXlT4"},H=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,n=e.onClose,i=e.onPrev,l=p.useBodyStoreTTag().t;return z.default.createElement("header",{className:W.header},void 0!==o?o:z.default.createElement("div",{className:W.header__grid},z.default.createElement("div",{className:W.header__action},t&&z.default.createElement(u.Button,{className:W.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(S||(S=L.default(["Назад"]))),"data-qaid":"prev"},z.default.createElement(s.Icon,{"icon-as":f.SvgArrowBack,className:W.header__actionIcon}))),z.default.createElement("div",{className:W.header__title},"string"==typeof a?z.default.createElement("span",{className:W.header__titleText,"data-qaid":"title"},a):a),z.default.createElement("div",{className:W.header__action},r&&n&&z.default.createElement(u.Button,{className:W.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:n,"aria-label":l(N||(N=L.default(["Закрыть"]))),"data-qaid":"close"},z.default.createElement(s.Icon,{"icon-as":m.SvgClose2,className:W.header__actionIcon})))))},M=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},U=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},V=function(e){var t=e.onClickReload,r=e.onClickClose,o=e.errorType,a=void 0===o?"default":o,n=e.loading,i=void 0!==n&&n,l=p.useBodyStoreTTag().t,c={default:{icon:b.SvgPromTroubleHappens,title:l(k||(k=L.default(["Ой, кажется что-то пошло не так"]))),description:l(B||(B=L.default(["Мы уже разбираемся с этим"])))},offline:{icon:C.SvgPromNoSignal,title:l(x||(x=L.default(["Нет соединения"]))),description:l(P||(P=L.default(["Проверьте подключение к Интернету"])))}};return z.default.createElement("div",{className:I.default(W.errorContainer,j.default({},W.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},z.default.createElement(s.Icon,{className:W.errorIcon,"icon-as":c[a].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),z.default.createElement("div",{className:W.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},c[a].title),z.default.createElement("div",{className:W.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},c[a].description),z.default.createElement("div",{className:W.errorWrapReloadButton},z.default.createElement(u.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},l(O||(O=L.default(["Попробовать еще раз"]))))),z.default.createElement("div",{className:W.errorWrapCloseButton},z.default.createElement(y.Link,{className:i?W.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},l(w||(w=L.default(["Закрыть"]))))))};V.displayName="ErrorComponent";var J=function(e){var t=e.children,o=e.name,a=e.onClose,n=r.useState(!1),i=A.default(n,2),l=i[0],c=i[1],d=r.useState("default"),u=A.default(d,2),s=u[0],p=u[1];return r.useEffect((function(){l?setTimeout((function(){p(U()),c(!1)}),600):p(U())}),[l]),l?z.default.createElement(V,{errorType:s,loading:!0}):z.default.createElement(h.ErrorCatch,{name:o,errorView:z.default.createElement(V,{onClickClose:a,errorType:s,onClickReload:function(){return c(!0)}})},t)};J.displayName="OverlayErrCatch";var X=["-webkit","-moz","-ms","-o"],Y=["transform","transition"],F=function(e,t){if(e)for(var r in t){var o=-1!==Y.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var a=0,n=X;a<n.length;a++){var i=n[a];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=X;l<c.length;l++){var d=c[l];e.style.removeProperty("".concat(d,"-").concat(r))}}},K=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,a=e.onClose,n=e.placement,i=e.rootRef,l=e.contentRef,c=z.useRef(null),d=z.useRef(!1),u=z.useRef(0);if(!r)return z.createElement(z.Fragment,null,o);return z.createElement(D.default,{onSwipeMove:function(e,t){var r,o,a,s=e.x,p=e.y,m=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,f=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(a=l.current)||void 0===a?void 0:a.scrollTop)||0,_=m-(v+f),h=null,y=!1,b=!1,C=Math.abs(s),E=Math.abs(p);"top"===n?(h="translateY(".concat(p>=0?0:p,"px)"),y=_<=1&&p<=0&&E>C,b=E>70):"bottom"===n?(h="translateY(".concat(p<=0?0:p,"px)"),y=v<=1&&p>=0&&E>C,b=E>70):"left"===n?(h="translateX(".concat(s>=0?0:s,"px)"),y=s<=0&&C>E,b=C>70):"right"===n&&(h="translateX(".concat(s<=0?0:s,"px)"),y=s>=0&&C>E,b=C>70),null===c.current&&(c.current=!!y),c.current&&(u.current||(u.current=(new Date).getTime()),!d.current&&b&&(d.current=!0),null==t||t.preventDefault(),F(i.current,{transform:h}),F(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){F(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),F(l.current,{"pointer-events":null,overflow:null}),setTimeout((function(){F(i.current,{transition:null})}),225);var e=(new Date).getTime()-u.current;d.current&&e<250&&a&&a({})}u.current=0,c.current=null,d.current=!1}},o)},Q=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],G=function(e){var t=e.children,r=e.onClose,a=e.onOpen,d=e.onPrev,u=e.onOpened,s=e.onClosed,p=e.isOpen,m=e.isBodyScrollLock,f=void 0===m||m,v=e.isShowCloseButton,_=void 0===v||v,h=e.isShowPrevButton,y=void 0!==h&&h,b=e.isCloseOnEscape,C=void 0===b||b,E=e.isCloseOnSwipe,g=void 0===E||E,q=e.isCloseOutsideClick,S=void 0===q||q,N=e.isAnimated,k=void 0===N||N,B=e.isRenderPortal,x=void 0===B||B,P=e.header,O=e.footer,w=e.padding,L=void 0===w?"20px 20px 20px 20px":w,A=e.title,j=e.placement,D=void 0===j?"adaptive":j,U=e.size,V=void 0===U?"adaptive":U,X=e.maxSize,Y=void 0===X?"90%":X,F=e.zIndex,G=void 0===F?5e3:F,Z=e.contentRef,$=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=T.default(e,Q),oe=z.useRef(null),ae=z.useRef(null),ne=Z||ae,ie=c.useMedia({minWidth:"medium"}),le=z.useRef(null),ce=D,de=V;return"adaptive"===V&&(de="top"===D||"bottom"===D?"auto":"adaptive"===D?ie?400:"auto":400),"adaptive"===D&&(ce=ie?"right":"bottom"),z.createElement(z.Fragment,null,z.createElement(n.Backdrop,{isOpen:p,isAnimated:k,zIndex:G,isRenderPortal:x,isBodyScrollLock:f}),z.createElement(o.CSSTransition,{nodeRef:le,in:p,timeout:k?225:0,classNames:W,unmountOnExit:!0,onEnter:a,onEntered:u,onExited:s},z.createElement(l.Portal,{isActive:x},z.createElement(K,{isActive:f&&g,rootRef:oe,contentRef:ne,placement:ce,onClose:r},z.createElement("div",R.default({ref:le,className:W.root,role:"presentation",style:{zIndex:G}},re),z.createElement(i.KeyPress,{isActive:C,code:"Escape",onKeyDown:r}),z.createElement("div",{className:W.backdrop,"aria-hidden":!0,onClick:function(e){S&&r&&r(e)}}),z.createElement("div",{ref:oe,className:I.default(W.popup,W["popup_placement_".concat(ce)]),"aria-modal":!0,role:"dialog",style:M(ce,de,Y),"data-qaid":$},z.createElement(H,{isShowCloseButton:_,isShowPrevButton:y,onClose:r,onPrev:d,title:A},P),z.createElement("footer",{className:W.footer},O),z.createElement("div",{className:W.content,ref:ne,style:{padding:L}},z.createElement(J,{onClose:r,name:te},t))))))))};G.displayName="Overlay",exports.Overlay=G,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),o=require("react-transition-group"),a=require("clsx"),n=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),l=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),d=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),p=require("@prom-ui/core/BodyProvider"),m=require("@prom-ui/icons/Close2"),f=require("@prom-ui/icons/ArrowBack"),v=require("@babel/runtime/helpers/slicedToArray"),_=require("@babel/runtime/helpers/defineProperty"),h=require("@prom-ui/core/ErrorCatch"),y=require("@prom-ui/core/Link"),b=require("@prom-ui/icons/colors/PromTroubleHappens"),C=require("@prom-ui/icons/colors/PromNoSignal"),E=require("react-easy-swipe");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function q(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var S,N,k,B,x,P,O,w,R=g(e),T=g(t),z=q(r),I=g(a),L=g(d),A=g(v),j=g(_),D=g(E),W={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__titleText:"pW2Vz",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1",errorContainer:"_8HVeJ",errorContainerLoading:"zsRUN",errorIcon:"w5VL8",errorTitle:"DJcp4",errorDescription:"_5bUeF",errorWrapReloadButton:"gwpLD",errorWrapCloseButton:"jM9l9",errorCloseButtonLoading:"IXlT4"},H=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,n=e.onClose,i=e.onPrev,l=p.useBodyStoreTTag().t;return z.default.createElement("header",{className:W.header},void 0!==o?o:z.default.createElement("div",{className:W.header__grid},z.default.createElement("div",{className:W.header__action},t&&z.default.createElement(u.Button,{className:W.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":l(S||(S=L.default(["Назад"]))),"data-qaid":"prev"},z.default.createElement(s.Icon,{"icon-as":f.SvgArrowBack,className:W.header__actionIcon}))),z.default.createElement("div",{className:W.header__title},"string"==typeof a?z.default.createElement("span",{className:W.header__titleText,"data-qaid":"title"},a):a),z.default.createElement("div",{className:W.header__action},r&&n&&z.default.createElement(u.Button,{className:W.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:n,"aria-label":l(N||(N=L.default(["Закрыть"]))),"data-qaid":"close"},z.default.createElement(s.Icon,{"icon-as":m.SvgClose2,className:W.header__actionIcon})))))},M=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},U=function(){var e;return Boolean(null===(e=navigator)||void 0===e?void 0:e.onLine)?"default":"offline"},V=function(e){var t=e.onClickReload,r=e.onClickClose,o=e.errorType,a=void 0===o?"default":o,n=e.loading,i=void 0!==n&&n,l=p.useBodyStoreTTag().t,c={default:{icon:b.SvgPromTroubleHappens,title:l(k||(k=L.default(["Ой, кажется что-то пошло не так"]))),description:l(B||(B=L.default(["Мы уже разбираемся с этим"])))},offline:{icon:C.SvgPromNoSignal,title:l(x||(x=L.default(["Нет соединения"]))),description:l(P||(P=L.default(["Проверьте подключение к Интернету"])))}};return z.default.createElement("div",{className:I.default(W.errorContainer,j.default({},W.errorContainerLoading,i)),"data-qaid":"overlay_error_catch","data-testid":"overlay_error_catch"},z.default.createElement(s.Icon,{className:W.errorIcon,"icon-as":c[a].icon,"data-qaid":"overlay_error_catch_icon","data-testid":"overlay_error_catch_icon"}),z.default.createElement("div",{className:W.errorTitle,"data-qaid":"overlay_error_catch_title","data-testid":"overlay_error_catch_title"},c[a].title),z.default.createElement("div",{className:W.errorDescription,"data-qaid":"overlay_error_catch_description","data-testid":"overlay_error_catch_description"},c[a].description),z.default.createElement("div",{className:W.errorWrapReloadButton},z.default.createElement(u.Button,{"button-theme":"violet","button-padding-left":"4xl","button-padding-right":"4xl",type:"button",onClick:t,loading:i,"data-qaid":"overlay_error_catch_reload_button","data-testid":"overlay_error_catch_reload_button"},l(O||(O=L.default(["Попробовать еще раз"]))))),z.default.createElement("div",{className:W.errorWrapCloseButton},z.default.createElement(y.Link,{className:i?W.errorCloseButtonLoading:void 0,"link-as":"button","link-color":"blue-500",type:"button",onClick:r,"data-qaid":"overlay_error_catch_close_button","data-testid":"overlay_error_catch_close_button"},l(w||(w=L.default(["Закрыть"]))))))};V.displayName="ErrorComponent";var J=function(e){var t=e.children,o=e.name,a=e.onClose,n=r.useState(!1),i=A.default(n,2),l=i[0],c=i[1],d=r.useState("default"),u=A.default(d,2),s=u[0],p=u[1];return r.useEffect(function(){l?setTimeout(function(){p(U()),c(!1)},600):p(U())},[l]),l?z.default.createElement(V,{errorType:s,loading:!0}):z.default.createElement(h.ErrorCatch,{name:o,errorView:z.default.createElement(V,{onClickClose:a,errorType:s,onClickReload:function(){return c(!0)}})},t)};J.displayName="OverlayErrCatch";var X=["-webkit","-moz","-ms","-o"],Y=["transform","transition"],F=function(e,t){if(e)for(var r in t){var o=-1!==Y.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),o)for(var a=0,n=X;a<n.length;a++){var i=n[a];e.style.setProperty("".concat(i,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),o)for(var l=0,c=X;l<c.length;l++){var d=c[l];e.style.removeProperty("".concat(d,"-").concat(r))}}},K=function(e){var t=e.isActive,r=void 0===t||t,o=e.children,a=e.onClose,n=e.placement,i=e.rootRef,l=e.contentRef,c=z.useRef(null),d=z.useRef(!1),u=z.useRef(0);if(!r)return z.createElement(z.Fragment,null,o);return z.createElement(D.default,{onSwipeMove:function(e,t){var r,o,a,s=e.x,p=e.y,m=(null===(r=l.current)||void 0===r?void 0:r.scrollHeight)||0,f=(null===(o=l.current)||void 0===o?void 0:o.offsetHeight)||0,v=(null===(a=l.current)||void 0===a?void 0:a.scrollTop)||0,_=m-(v+f),h=null,y=!1,b=!1,C=Math.abs(s),E=Math.abs(p);"top"===n?(h="translateY(".concat(p>=0?0:p,"px)"),y=_<=1&&p<=0&&E>C,b=E>70):"bottom"===n?(h="translateY(".concat(p<=0?0:p,"px)"),y=v<=1&&p>=0&&E>C,b=E>70):"left"===n?(h="translateX(".concat(s>=0?0:s,"px)"),y=s<=0&&C>E,b=C>70):"right"===n&&(h="translateX(".concat(s<=0?0:s,"px)"),y=s>=0&&C>E,b=C>70),null===c.current&&(c.current=!!y),c.current&&(u.current||(u.current=(new Date).getTime()),!d.current&&b&&(d.current=!0),null==t||t.preventDefault(),F(i.current,{transform:h}),F(l.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(c.current){F(i.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),F(l.current,{"pointer-events":null,overflow:null}),setTimeout(function(){F(i.current,{transition:null})},225);var e=(new Date).getTime()-u.current;d.current&&e<250&&a&&a({})}u.current=0,c.current=null,d.current=!1}},o)},Q=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isBodyScrollLock","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId","errCatchName"],G=function(e){var t=e.children,r=e.onClose,a=e.onOpen,d=e.onPrev,u=e.onOpened,s=e.onClosed,p=e.isOpen,m=e.isBodyScrollLock,f=void 0===m||m,v=e.isShowCloseButton,_=void 0===v||v,h=e.isShowPrevButton,y=void 0!==h&&h,b=e.isCloseOnEscape,C=void 0===b||b,E=e.isCloseOnSwipe,g=void 0===E||E,q=e.isCloseOutsideClick,S=void 0===q||q,N=e.isAnimated,k=void 0===N||N,B=e.isRenderPortal,x=void 0===B||B,P=e.header,O=e.footer,w=e.padding,L=void 0===w?"20px 20px 20px 20px":w,A=e.title,j=e.placement,D=void 0===j?"adaptive":j,U=e.size,V=void 0===U?"adaptive":U,X=e.maxSize,Y=void 0===X?"90%":X,F=e.zIndex,G=void 0===F?5e3:F,Z=e.contentRef,$=e.dataQaId,ee=e.errCatchName,te=void 0===ee?"OverlayErrCatch":ee,re=T.default(e,Q),oe=z.useRef(null),ae=z.useRef(null),ne=Z||ae,ie=c.useMedia({minWidth:"medium"}),le=z.useRef(null),ce=D,de=V;return"adaptive"===V&&(de="top"===D||"bottom"===D?"auto":"adaptive"===D?ie?400:"auto":400),"adaptive"===D&&(ce=ie?"right":"bottom"),z.createElement(z.Fragment,null,z.createElement(n.Backdrop,{isOpen:p,isAnimated:k,zIndex:G,isRenderPortal:x,isBodyScrollLock:f}),z.createElement(o.CSSTransition,{nodeRef:le,in:p,timeout:k?225:0,classNames:W,unmountOnExit:!0,onEnter:a,onEntered:u,onExited:s},z.createElement(l.Portal,{isActive:x},z.createElement(K,{isActive:f&&g,rootRef:oe,contentRef:ne,placement:ce,onClose:r},z.createElement("div",R.default({ref:le,className:W.root,role:"presentation",style:{zIndex:G}},re),z.createElement(i.KeyPress,{isActive:C,code:"Escape",onKeyDown:r}),z.createElement("div",{className:W.backdrop,"aria-hidden":!0,onClick:function(e){S&&r&&r(e)}}),z.createElement("div",{ref:oe,className:I.default(W.popup,W["popup_placement_".concat(ce)]),"aria-modal":!0,role:"dialog",style:M(ce,de,Y),"data-qaid":$},z.createElement(H,{isShowCloseButton:_,isShowPrevButton:y,onClose:r,onPrev:d,title:A},P),z.createElement("footer",{className:W.footer},O),z.createElement("div",{className:W.content,ref:ne,style:{padding:L}},z.createElement(J,{onClose:r,name:te},t))))))))};G.displayName="Overlay",exports.Overlay=G,require("./style.production.css");