@ozen-ui/kit 0.0.1

package/__inner__/cjs/components/Pagination/helpers/getItemAriaLabel/getItemAriaLabel.js

@@ -0,0 +1,21 @@
+"use strict";
+exports.__esModule = true;
+exports.getItemAriaLabel = void 0;
+var constants_1 = require("../../constants");
+var getItemAriaLabel = function (_a) {
+    var page = _a.page, type = _a.type, selected = _a.selected;
+    if (type === constants_1.NEXT) {
+        return 'Перейти на следующую страницу';
+    }
+    if (type === constants_1.PREVIOUS) {
+        return 'Перейти на предыдущую страницу';
+    }
+    if (selected) {
+        return "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430 ".concat(page);
+    }
+    if (type === constants_1.PAGE) {
+        return "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043D\u0430 \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443 ".concat(page);
+    }
+    return '';
+};
+exports.getItemAriaLabel = getItemAriaLabel;

package/__inner__/cjs/components/Pagination/helpers/getItemAriaLabel/index.d.ts

@@ -0,0 +1 @@
+export * from './getItemAriaLabel';

package/__inner__/cjs/components/Pagination/helpers/getItemAriaLabel/index.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./getItemAriaLabel"), exports);

package/__inner__/cjs/components/Pagination/helpers/range/index.d.ts

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

package/__inner__/cjs/components/Pagination/helpers/range/index.js

@@ -0,0 +1,16 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.range = void 0;
+var range_1 = require("./range");
+__createBinding(exports, range_1, "range");

package/__inner__/cjs/components/Pagination/helpers/range/range.d.ts

@@ -0,0 +1 @@
+export declare const range: (start: number, end: number) => number[];

package/__inner__/cjs/components/Pagination/helpers/range/range.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.range = void 0;
+var range = function (start, end) {
+    var length = end - start + 1;
+    return Array.from({ length: length }, function (_, index) { return index + start; });
+};
+exports.range = range;

package/__inner__/cjs/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.d.ts

@@ -0,0 +1,8 @@
+import type { EllipsisType, NextType, PreviousType } from '../../types';
+export type PaginationRangeType = (EllipsisType | number)[];
+export type PaginationRangeWithNavigationType = [
+    PreviousType,
+    ...PaginationRangeType,
+    NextType
+];
+export declare const withNavigationButton: (arr: PaginationRangeType) => ["Previous", ...(number | "Ellipsis")[], "Next"];

package/__inner__/cjs/components/Pagination/helpers/withNavigationButtons/withNavigationButtons.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+exports.withNavigationButton = void 0;
+var tslib_1 = require("tslib");
+var constants_1 = require("../../constants");
+var withNavigationButton = function (arr) { return tslib_1.__spreadArray(tslib_1.__spreadArray([constants_1.PREVIOUS], tslib_1.__read(arr), false), [constants_1.NEXT], false); };
+exports.withNavigationButton = withNavigationButton;

package/__inner__/cjs/components/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Pagination';
+export * from './components';
+export * from './types';

package/__inner__/cjs/components/Pagination/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Pagination"), exports);
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Pagination/types.d.ts

@@ -0,0 +1,38 @@
+import React, { HTMLAttributes } from 'react';
+import { PaginationItemProps } from './components';
+import { ELLIPSIS, NEXT, PREVIOUS } from './constants';
+import { GetItemAriaLabel } from './helpers/getItemAriaLabel';
+export type EllipsisType = typeof ELLIPSIS;
+export type PreviousType = typeof PREVIOUS;
+export type NextType = typeof NEXT;
+export declare const paginationSizeVariant: readonly ["s", "l"];
+export type PaginationSizeVariant = (typeof paginationSizeVariant)[number];
+export type PaginationBaseProps = {
+    /**  Общее количество элементов. */
+    totalCount: number;
+    /** Количество элементов отображаемое на странице. */
+    pageSize: number;
+    /**
+     * Текущая выбранная страница.
+     * @default 0
+     */
+    page?: number;
+    /**
+     * Количество всегда видимых страниц до и после текущей страницы.
+     * @default 2
+     */
+    siblingCount?: number;
+    /** Устанавливает размер кнопок в пагинации.
+     * @default 's'
+     */
+    size?: PaginationSizeVariant;
+    /** Кастомный класс для пагинации. */
+    className?: string;
+    /** Коллбэк, вызывается на смену страницы. */
+    onPageChange(page: number): void;
+    /** Функция форматирования атрибута aria-label. */
+    getItemAriaLabel?: GetItemAriaLabel;
+    /** Рендер функция, для отображения кнопок пагинации.  */
+    renderComponent?: (PagItemProps: PaginationItemProps) => React.ReactNode;
+};
+export type PaginationProps = PaginationBaseProps & HTMLAttributes<HTMLElement>;

package/__inner__/cjs/components/Pagination/types.js

@@ -0,0 +1,4 @@
+"use strict";
+exports.__esModule = true;
+exports.paginationSizeVariant = void 0;
+exports.paginationSizeVariant = ['s', 'l'];

package/__inner__/cjs/components/Popover/Popover.css

@@ -0,0 +1,107 @@
+.Popover {
+  box-shadow: var(--shadow-l);
+  border-radius: var(--border-radius-xs);
+  background-color: var(--color-background-main);
+  z-index: var(--z-index-popover);
+  inline-size: auto;
+  box-sizing: border-box;
+  outline: none;
+}
+
+  .Popover-Arrow {
+    display: flex;
+  }
+
+  .Popover-Arrow_variant_light {
+        color: var(--color-background-main);
+      }
+
+  .Popover-Arrow_variant_dark {
+        color: var(--color-background-main-inverse);
+      }
+
+  .Popover[data-popper-placement^='top'] > .Popover-Arrow_size_xs {
+        inset-block-end: -9px;
+      }
+
+  .Popover[data-popper-placement^='top'] > .Popover-Arrow_size_xs svg {
+          transform: rotate(270deg);
+        }
+
+  .Popover[data-popper-placement^='top'] > .Popover-Arrow_size_s {
+        inset-block-end: -12px;
+      }
+
+  .Popover[data-popper-placement^='top'] > .Popover-Arrow_size_s svg {
+          transform: rotate(270deg);
+        }
+
+  .Popover[data-popper-placement^='bottom'] > .Popover-Arrow_size_xs {
+        inset-block-start: -9px;
+      }
+
+  .Popover[data-popper-placement^='bottom'] > .Popover-Arrow_size_xs svg {
+          transform: rotate(90deg);
+        }
+
+  .Popover[data-popper-placement^='bottom'] > .Popover-Arrow_size_s {
+        inset-block-start: -12px;
+      }
+
+  .Popover[data-popper-placement^='bottom'] > .Popover-Arrow_size_s svg {
+          transform: rotate(90deg);
+        }
+
+  .Popover[data-popper-placement^='left'] > .Popover-Arrow_size_xs {
+        inset-inline-end: -6px;
+      }
+
+  .Popover[data-popper-placement^='left'] > .Popover-Arrow_size_xs svg {
+          transform: rotate(180deg);
+        }
+
+  .Popover[data-popper-placement^='left'] > .Popover-Arrow_size_s {
+        inset-inline-end: -8px;
+      }
+
+  .Popover[data-popper-placement^='left'] > .Popover-Arrow_size_s svg {
+          transform: rotate(180deg);
+        }
+
+  .Popover[data-popper-placement^='right'] > .Popover-Arrow_size_xs {
+        inset-inline-start: -6px;
+      }
+
+  .Popover[data-popper-placement^='right'] > .Popover-Arrow_size_s {
+        inset-inline-start: -8px;
+      }
+
+  .Popover_disableInteractive {
+    pointer-events: none;
+  }
+
+.Popover_animation-enter {
+    opacity: 0;
+  }
+
+.Popover_animation-enter-active {
+    opacity: 1;
+    transition: opacity var(--transition-default);
+  }
+
+.Popover_animation-enter-done {
+    opacity: 1;
+  }
+
+.Popover_animation-exit {
+    opacity: 1;
+  }
+
+.Popover_animation-exit-active {
+    opacity: 0;
+    transition: opacity var(--transition-default);
+  }
+
+.Popover_animation-exit-done {
+    opacity: 0;
+  }

package/__inner__/cjs/components/Popover/Popover.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Popover.css';
+import type { PopoverProps } from './types';
+export declare const cnPopover: import("@bem-react/classname").ClassNameFormatter;
+export declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Popover/Popover.js

@@ -0,0 +1,150 @@
+"use strict";
+exports.__esModule = true;
+exports.Popover = exports.cnPopover = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_popper_1 = require("react-popper");
+var react_transition_group_1 = require("react-transition-group");
+require("./Popover.css");
+var useClickOutside_1 = require("../../hooks/useClickOutside");
+var useEventListener_1 = require("../../hooks/useEventListener");
+var useFocusTrap_1 = require("../../hooks/useFocusTrap");
+var useMultiRef_1 = require("../../hooks/useMultiRef");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
+var classname_1 = require("../../utils/classname");
+var isKey_1 = require("../../utils/isKey");
+var Portal_1 = require("../Portal");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var index_1 = require("./index");
+var PopoverContext_1 = require("./PopoverContext");
+exports.cnPopover = (0, classname_1.cn)('Popover');
+exports.Popover = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Popover' });
+    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.placement, placement = _f === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _f, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
+    var isClickOutSide = (0, react_1.useRef)(null);
+    var _g = tslib_1.__read((0, react_1.useState)(false), 2), openState = _g[0], setOpenState = _g[1];
+    var focusedElement = (0, react_1.useRef)(null);
+    var popoverRef = (0, react_1.useRef)(null);
+    var _h = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _h.refsClickOutside, isTop = _h.isTop;
+    // Ловушка фокуса
+    var trapRef = (0, useFocusTrap_1.useFocusTrap)({
+        active: !disableEnforceFocus && isTop,
+        focusinTrap: false
+    });
+    // Нажатие клавиши {ESC}
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'keydown',
+        handler: function (event) {
+            if (!(0, isKey_1.isKey)(event, 'Escape')) {
+                return;
+            }
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        },
+        active: isTop
+    });
+    (0, useClickOutside_1.useClickOutside)({
+        refs: tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([
+            popoverRef
+        ], tslib_1.__read(refsClickOutside), false), tslib_1.__read((anchorRef ? [anchorRef] : [])), false), tslib_1.__read((ignoreClickOutsideRefs || [])), false),
+        handler: function () {
+            isClickOutSide.current = true;
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        },
+        active: openState
+    });
+    var onExited = (0, react_1.useCallback)(function () {
+        var _a, _b;
+        // Возвращаем фокус активного элемента
+        if (!disableReturnFocus &&
+            !isClickOutSide.current &&
+            (((_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) ||
+                document.activeElement === document.body)) {
+            (_b = focusedElement.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        onExitedProp === null || onExitedProp === void 0 ? void 0 : onExitedProp();
+    }, [onExitedProp]);
+    var modifiers = (0, react_1.useMemo)(function () { return [
+        // Вычисление стилей позиционирования
+        {
+            name: 'computeStyles',
+            options: {
+                // Позиционирование через position: absolute
+                // https://popper.js.org/docs/v2/modifiers/compute-styles/#gpuacceleration
+                gpuAcceleration: false
+            }
+        },
+        // Ширина всплывающего элемента
+        {
+            name: 'sameWidth',
+            enabled: !!equalAnchorWidth,
+            fn: function (_a) {
+                var state = _a.state;
+                // eslint-disable-next-line no-param-reassign
+                state.styles.popper.width = "".concat(state.rects.reference.width, "px");
+            },
+            effect: function (_a) {
+                var _b;
+                var state = _a.state;
+                // eslint-disable-next-line no-param-reassign
+                state.elements.popper.style.width = "".concat((_b = state.elements.reference) === null || _b === void 0 ? void 0 : _b.offsetWidth, "px");
+            },
+            phase: 'beforeWrite',
+            requires: ['computeStyles']
+        },
+        // Отступы от якорного элемента
+        {
+            name: 'offset',
+            options: {
+                offset: offset
+            }
+        },
+    ]; }, [offset, equalAnchorWidth]);
+    // Якорный элемент или координаты
+    var resolveReferenceElement = (0, react_1.useMemo)(function () {
+        if (anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current)
+            return anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current;
+        if (position)
+            return {
+                getBoundingClientRect: function () {
+                    return {
+                        top: (position === null || position === void 0 ? void 0 : position.y) || 0,
+                        left: (position === null || position === void 0 ? void 0 : position.x) || 0,
+                        bottom: (position === null || position === void 0 ? void 0 : position.y) || 0,
+                        right: (position === null || position === void 0 ? void 0 : position.x) || 0,
+                        width: 0,
+                        height: 0
+                    };
+                }
+            };
+        return undefined;
+    }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
+    var _j = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _j[0], setPopperElement = _j[1];
+    var _k = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
+        placement: placement,
+        strategy: 'fixed',
+        modifiers: modifiers
+    }), styles = _k.styles, attributes = _k.attributes, update = _k.update;
+    // Передача метода по перерасчету расположения компонента Popover в родительский компонент
+    (0, react_1.useEffect)(function () {
+        setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);
+    }, [update]);
+    (0, react_1.useEffect)(function () {
+        var _a;
+        // Сохраняем фокус активного элемента до момента открытия всплывающего окна
+        if (open && !disableReturnFocus) {
+            isClickOutSide.current = null;
+            focusedElement.current =
+                document.activeElement;
+            (_a = focusedElement.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+        setOpenState(open);
+    }, [open]);
+    var portalRef = (0, useMultiRef_1.useMultiRef)([ref, popoverRef, trapRef, setPopperElement]);
+    return (react_1["default"].createElement(PopoverContext_1.PopoverContext.Provider, { value: { isTop: isTop } },
+        react_1["default"].createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnPopover)({ animation: true }), timeout: 120 }, transitionProps, { "in": openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
+            react_1["default"].createElement(Portal_1.Portal, tslib_1.__assign({}, other, { style: tslib_1.__assign(tslib_1.__assign({}, style), styles.popper), ref: portalRef, className: (0, exports.cnPopover)({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+                children,
+                arrow && (react_1["default"].createElement(components_1.PopoverArrow, tslib_1.__assign({ size: "s", variant: "light" }, arrowProps, { style: tslib_1.__assign(tslib_1.__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
+});
+exports.Popover.displayName = 'Popover';

package/__inner__/cjs/components/Popover/PopoverContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type PopoverContextValue = {
+    isTop: boolean;
+};
+export declare const PopoverContext: React.Context<PopoverContextValue>;
+export declare const usePopover: () => PopoverContextValue;

package/__inner__/cjs/components/Popover/PopoverContext.js

@@ -0,0 +1,14 @@
+"use strict";
+exports.__esModule = true;
+exports.usePopover = exports.PopoverContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+exports.PopoverContext = react_1["default"].createContext({
+    isTop: false
+});
+var usePopover = function () { return (0, react_1.useContext)(exports.PopoverContext); };
+exports.usePopover = usePopover;
+// Именованный провайдер
+if (process.env.NODE_ENV !== 'production') {
+    exports.PopoverContext.displayName = 'PopoverContext';
+}

package/__inner__/cjs/components/Popover/PopoverManager.d.ts

@@ -0,0 +1,2 @@
+import { useModalManager } from '../Modal';
+export declare const usePopoverManager: typeof useModalManager;

package/__inner__/cjs/components/Popover/PopoverManager.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+exports.usePopoverManager = void 0;
+var Modal_1 = require("../Modal");
+exports.usePopoverManager = Modal_1.useModalManager;

package/__inner__/cjs/components/Popover/components/PopoverArrow.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { PopoverArrowProps } from './types';
+export declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/Popover/components/PopoverArrow.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+exports.PopoverArrow = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Popover_1 = require("../Popover");
+exports.PopoverArrow = (0, react_1.forwardRef)(function (_a, ref) {
+    var _b = _a.size, size = _b === void 0 ? 's' : _b, className = _a.className, style = _a.style, _c = _a.variant, variant = _c === void 0 ? 'light' : _c, other = tslib_1.__rest(_a, ["size", "className", "style", "variant"]);
+    return (react_1["default"].createElement("div", tslib_1.__assign({ className: (0, Popover_1.cnPopover)('Arrow', { variant: variant, size: size }, [className]), style: style }, other, { ref: ref }), size === 'xs' ? (react_1["default"].createElement("svg", { width: "6", height: "12", viewBox: "0 0 6 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1["default"].createElement("path", { d: "M6 12L6 0C6 0 6 1.5 4 3L1.06594 5.20054C0.532609 5.60054 0.532609 6.39946 1.06594 6.79946L4 9C6 10.5 6 12 6 12Z", fill: "currentColor" }))) : (react_1["default"].createElement("svg", { width: "8", height: "16", viewBox: "0 0 8 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1["default"].createElement("path", { d: "M8 16L8 0C8 0 8 2 5.33333 4L2.13256 6.40058C1.06589 7.20058 1.06589 8.79942 2.13256 9.59942L5.33333 12C8 14 8 16 8 16Z", fill: "currentColor" })))));
+});
+exports.PopoverArrow.displayName = 'PopoverArrow';

package/__inner__/cjs/components/Popover/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PopoverArrow';
+export * from './types';

package/__inner__/cjs/components/Popover/components/index.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PopoverArrow"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Popover/components/types.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes, Ref } from 'react';
+export declare const popoverArrowSizeVariant: readonly ["xs", "s"];
+export type PopoverArrowSizeVariant = (typeof popoverArrowSizeVariant)[number];
+export declare const popoverArrowVariant: readonly ["light", "dark"];
+export type PopoverArrowVariant = (typeof popoverArrowVariant)[number];
+export type PopoverArrowProps = {
+    size?: PopoverArrowSizeVariant;
+    variant?: PopoverArrowVariant;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
+} & HTMLAttributes<HTMLDivElement> & {
+    'data-testid'?: string;
+};

package/__inner__/cjs/components/Popover/components/types.js

@@ -0,0 +1,5 @@
+"use strict";
+exports.__esModule = true;
+exports.popoverArrowVariant = exports.popoverArrowSizeVariant = void 0;
+exports.popoverArrowSizeVariant = ['xs', 's'];
+exports.popoverArrowVariant = ['light', 'dark'];

package/__inner__/cjs/components/Popover/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const POPOVER_DEFAULT_ARROW = false;
+export declare const POPOVER_DEFAULT_OPEN = false;
+export declare const POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
+export declare const POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
+export declare const POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+export declare const POPOVER_DEFAULT_PLACEMENT = "auto";

package/__inner__/cjs/components/Popover/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+exports.__esModule = true;
+exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = void 0;
+exports.POPOVER_DEFAULT_ARROW = false;
+exports.POPOVER_DEFAULT_OPEN = false;
+exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
+exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
+exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+exports.POPOVER_DEFAULT_PLACEMENT = 'auto';

package/__inner__/cjs/components/Popover/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Popover';
+export * from './PopoverContext';
+export * from './PopoverManager';
+export * from './types';

package/__inner__/cjs/components/Popover/index.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Popover"), exports);
+tslib_1.__exportStar(require("./PopoverContext"), exports);
+tslib_1.__exportStar(require("./PopoverManager"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Popover/types.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import type { RefObject, ComponentPropsWithRef } from 'react';
+import PopperJS from '@popperjs/core';
+import type { CSSTransitionProps } from 'react-transition-group/CSSTransition';
+import type { PortalProps } from '../Portal';
+import type { PopoverArrowProps } from './components';
+export type VirtualElement = {
+    getBoundingClientRect: () => DOMRect;
+    contextElement?: Element;
+};
+export declare const popoverPlacementVariant: readonly ["top-start", "top-end", "bottom-start", "bottom-end", "right-start", "right-end", "left-start", "left-end", "auto", "auto-start", "auto-end", "top", "bottom", "right", "left"];
+export type PopoverPlacementVariant = (typeof popoverPlacementVariant)[number];
+export type PopoverProps = {
+    /** Признак по которому компонент будет представлен */
+    open?: boolean;
+    /** Ссылка на элемент, относительно которого будет позиционироваться поповер */
+    anchorRef?: RefObject<HTMLElement>;
+    /** Список ссылок на элементы при клике на которые Popover не будет закрываться (см. хук useClickOutside) */
+    ignoreClickOutsideRefs?: Array<RefObject<HTMLElement>>;
+    /** Позиция, относительно которой будет позиционироваться поповер */
+    position?: {
+        x: number;
+        y: number;
+    };
+    /** Контент поповера */
+    children?: React.ReactNode;
+    /** Функция обратного вызова, которая будет вызвана когда компонент запрашивает закрытие */
+    onClose?: () => void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние представлен */
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние представлен */
+    onEnter?: () => void;
+    /** Функция обратного вызова которая будет вызвана после завершения
+     * перехода компонента в состояние представлен */
+    onEntered?: () => void;
+    /** Функция обратного вызова которая будет вызвана до начала
+     * перехода компонента в состояние не представлен */
+    onExit?: () => void;
+    /** Функция обратного вызова которая будет вызвана после
+     * завершения перехода в состояние не представлен */
+    onExited?: () => void;
+    /** Местоположение для разворачивания поповера */
+    placement?: PopoverPlacementVariant;
+    /** Установить ширину поповера равную элементу указанного в anchorRef */
+    equalAnchorWidth?: boolean;
+    /** Отступы от якоря или заданной позиции - [skidding, distance].
+     *
+     * skidding - смещение вдоль якорного элемента,
+     * distance - смещение поперек якорного элемента. */
+    offset?: number[];
+    /** Свойства по управлению анимацией перехода */
+    transitionProps?: Partial<CSSTransitionProps>;
+    /** Показать стрелку-указатель */
+    arrow?: boolean;
+    /** Свойства стрелки-указателя */
+    arrowProps?: PopoverArrowProps;
+    /** Отключает взаимодействие с элементом */
+    disableInteractive?: boolean;
+    /** Отключает блокировку фокуса в пределах элемента */
+    disableEnforceFocus?: boolean;
+    /** Отключает захват и возврат текущего фокуса на момент открытия и закрытия окна соответственно */
+    disableReturnFocus?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+    /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */
+    setUpdate?: (update: PopperJS.Instance['update'] | null) => void;
+    /** Контейнер для монтирования всплывающего окна */
+    container?: PortalProps['container'];
+} & ComponentPropsWithRef<'div'>;

package/__inner__/cjs/components/Popover/types.js

@@ -0,0 +1,20 @@
+"use strict";
+exports.__esModule = true;
+exports.popoverPlacementVariant = void 0;
+exports.popoverPlacementVariant = [
+    'top-start',
+    'top-end',
+    'bottom-start',
+    'bottom-end',
+    'right-start',
+    'right-end',
+    'left-start',
+    'left-end',
+    'auto',
+    'auto-start',
+    'auto-end',
+    'top',
+    'bottom',
+    'right',
+    'left',
+];

package/__inner__/cjs/components/Portal/Portal.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ComponentPropsWithRef, ComponentRef } from 'react';
+declare const portalEl = "div";
+export type PortalRef = ComponentRef<typeof portalEl>;
+export type PortalProps = {
+    /** Контейнер для монтирования портала */
+    container?: Element | DocumentFragment | null;
+} & ComponentPropsWithRef<typeof portalEl>;
+export declare const Portal: React.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};