@ozen-ui/kit 0.11.0 → 0.13.0

package/__inner__/esm/components/Input/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef, ComponentRef, Ref } from 'react';
+import type { ComponentPropsWithRef, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { FieldIconProps } from '../FieldIcon';
@@ -63,8 +63,8 @@ export type InputProps = Omit<ComponentPropsWithRef<typeof FIELD_CONTROL_DEFAULT
     };
     /** Свойства FieldLabel */
     labelProps?: FieldLabelProps;
-    /** Ссылка на корневой DOM-элемент компонента */
-    ref?: ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+    /** Cвойства Body */
+    bodyProps?: ComponentPropsWithRef<'label'>;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & InputPropsDeprecated;

package/__inner__/esm/components/InputNumber/InputNumber.js

@@ -19,9 +19,9 @@ export var cnInputNumber = cn('InputNumber');
 export var InputNumber = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'InputNumber'
+        name: 'InputNumber',
     });
-    var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps"]);
+    var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps"]);
     var _l = __read(useState(false), 2), focused = _l[0], setFocused = _l[1];
     var _m = __read(useState(null), 2), timeoutId = _m[0], setTimeoutId = _m[1];
     var _o = __read(useState(null), 2), countDirection = _o[0], setCountDirection = _o[1];
@@ -29,10 +29,10 @@ export var InputNumber = forwardRef(function (inProps, ref) {
         value: valueProp,
         name: 'InputNumber',
         state: 'value',
-        defaultValue: defaultValue
+        defaultValue: defaultValue,
     }), 2), valueState = _p[0], setValueState = _p[1];
-    var labelElemRef = useRef(null);
-    var fieldRef = useRef(null);
+    var bodyInnerRef = useRef(null);
+    var fieldInnerRef = useRef(null);
     var filled = isValidValue(valueState);
     var handleChange = function (event) {
         if (disabled)
@@ -55,7 +55,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                 max: max,
                 step: step,
                 countDirection: countDirection,
-                value: valueState
+                value: valueState,
             });
             setValueState(nextValue);
             onChange === null || onChange === void 0 ? void 0 : onChange(e, { id: id, name: name, value: nextValue });
@@ -90,25 +90,25 @@ export var InputNumber = forwardRef(function (inProps, ref) {
         (_a = inputProps === null || inputProps === void 0 ? void 0 : inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, event);
     };
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
-     * внутри HTML-элемента label - фокус не переходил на body или на цель нажатия кнопки мыши.
+     * внутри HTML-элемента label – фокус не переходил на body или на цель нажатия кнопки мыши.
      * Если же нажатие кнопки происходит на самом HTML-элементе input, то мы ничего не делаем,
      * так как в противном случае мы сломаем возможность выделять текст для копирования.
      */
     useEventListener({
-        element: labelElemRef,
+        element: bodyInnerRef,
         eventName: 'mousedown',
         handler: function (e) {
             var _a;
-            if (e.target !== fieldRef.current) {
+            if (e.target !== fieldInnerRef.current) {
                 e.preventDefault();
-                (_a = fieldRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                (_a = fieldInnerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
-        }
+        },
     });
     useEventListener({
         active: focused,
         eventName: 'mouseup',
-        handler: handleMouseUp
+        handler: handleMouseUp,
     });
     useInterval(function () {
         if (countDirection) {
@@ -117,7 +117,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                 max: max,
                 step: step,
                 countDirection: countDirection,
-                value: valueState
+                value: valueState,
             });
             setValueState(value);
             onChange === null || onChange === void 0 ? void 0 : onChange(null, { id: id, name: name, value: value });
@@ -130,15 +130,15 @@ export var InputNumber = forwardRef(function (inProps, ref) {
             disabled: disabled,
             required: required,
             hasLabel: !!label,
-            focused: focused
+            focused: focused,
         }, [className]) }),
-        React.createElement("label", { ref: labelElemRef, className: cnInputNumber('Body') },
+        React.createElement("label", __assign({}, bodyProps, { className: cnInputNumber('Body'), ref: useMultiRef([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             React.createElement(FieldIcon, { className: cnInputNumber('RenderLeft'), icon: renderLeft, size: size }),
             React.createElement("div", { className: cnInputNumber('FieldContainer') },
-                label && (React.createElement(FieldLabel, __assign({ filled: filled, focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: cnInputNumber('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label)),
+                React.createElement(FieldLabel, __assign({ filled: filled, focused: focused, required: required, disabled: disabled, size: size }, labelProps, { className: cnInputNumber('Label', [labelProps === null || labelProps === void 0 ? void 0 : labelProps.className]), ref: labelRef }), label),
                 React.createElement("input", __assign({ id: id, name: name, autoFocus: autoFocus, disabled: disabled, value: valueState, required: required, placeholder: placeholder, className: cnInputNumber('Field', { filled: filled }, [
                         inputProps === null || inputProps === void 0 ? void 0 : inputProps.className,
-                    ]), min: min, max: max, step: step }, inputProps, { type: "number", onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, ref: useMultiRef([inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, fieldRef]) }))),
+                    ]), min: min, max: max, step: step }, inputProps, { type: "number", onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, ref: useMultiRef([inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, fieldInnerRef]) }))),
             React.createElement(FieldIcon, { className: cnInputNumber('RenderRight'), icon: renderRight, size: size }),
             React.createElement("span", { className: cnInputNumber('Controls') },
                 React.createElement(IconButton, { tabIndex: -1, size: size, className: cnInputNumber('Increment'), icon: SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", type: "button", variant: "ghost" }),

package/__inner__/esm/components/InputNumber/types.d.ts

@@ -52,6 +52,8 @@ export type InputNumberProps = {
     labelRef?: FieldLabelProps['ref'];
     /** Свойства FieldLabel */
     labelProps?: FieldLabelProps;
+    /** Cвойства Body */
+    bodyProps?: ComponentPropsWithRef<'label'>;
     /** Шаг инкремента/декремента */
     step?: number;
     /** Минимально допустимое значение */

package/__inner__/esm/components/Link/Link.js

@@ -10,7 +10,7 @@ var cnLink = cn('Link');
 export var Link = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Link'
+        name: 'Link',
     });
     var _a = props.variant, variant = _a === void 0 ? 'text-m' : _a, _b = props.as, Tag = _b === void 0 ? 'a' : _b, display = props.display, noWrap = props.noWrap, align = props.align, defaultMargin = props.defaultMargin, children = props.children, className = props.className, other = __rest(props, ["variant", "as", "display", "noWrap", "align", "defaultMargin", "children", "className"]);
     return (React.createElement(Tag, __assign({ className: classnames(cnLink(), cnTypography({
@@ -19,7 +19,7 @@ export var Link = polymorphicComponentWithRef(function (inProps, ref) {
             defaultMargin: defaultMargin,
             align: align,
             noWrap: noWrap,
-            link: true
+            link: true,
         }), className) }, other, { ref: ref }), children));
 });
 Link.displayName = 'Link';

package/__inner__/esm/components/List/ListContext.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import { LIST_DEFAULT_SIZE } from './constants';
 export var ListContext = React.createContext({
-    size: LIST_DEFAULT_SIZE
+    size: LIST_DEFAULT_SIZE,
 });
 export var useListContext = function () { return useContext(ListContext); };
 // Именованный провайдер

package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.js

@@ -27,12 +27,12 @@ export var ListItemButton = polymorphicComponentWithRef(function (inProps, ref)
         if (Tag === 'button')
             return {
                 disabled: disabled,
-                onKeyDown: onKeyDownProp
+                onKeyDown: onKeyDownProp,
             };
         var commonAdditionalProps = {
             role: 'button',
             'aria-disabled': disabled,
-            onKeyDown: onKeyDownProp
+            onKeyDown: onKeyDownProp,
         };
         if (Tag === 'div') {
             return __assign(__assign({}, commonAdditionalProps), { onKeyDown: handleKeyDown });
@@ -40,7 +40,7 @@ export var ListItemButton = polymorphicComponentWithRef(function (inProps, ref)
         return commonAdditionalProps;
     }, [Tag, handleKeyDown]);
     return (React.createElement(Tag, __assign({ className: cnListItemButton({
-            disabled: disabled
+            disabled: disabled,
         }, [className]), onClick: handleClick, tabIndex: tabIndexProp || tabIndex }, additionalTagProps, other, { ref: ref }), children));
 });
 ListItemButton.displayName = 'ListItemButton';

package/__inner__/esm/components/List/components/ListItemText/ListItemText.js

@@ -10,7 +10,7 @@ var secondaryTextSizeMapper = {
     m: 'text-2xs',
     s: 'text-3xs',
     xs: 'text-3xs',
-    '2xs': 'text-3xs'
+    '2xs': 'text-3xs',
 };
 export var ListItemText = forwardRef(function (_a, ref) {
     var className = _a.className, primary = _a.primary, secondary = _a.secondary, primaryTypographyProps = _a.primaryTypographyProps, secondaryTypographyProps = _a.secondaryTypographyProps, other = __rest(_a, ["className", "primary", "secondary", "primaryTypographyProps", "secondaryTypographyProps"]);

package/__inner__/esm/components/Menu/Menu.js

@@ -21,7 +21,7 @@ var MenuContextConsumer = function (_a) {
             }
         },
         element: docRef,
-        active: isTop
+        active: isTop,
     });
     return (React.createElement(MenuList, __assign({}, menuListProps, { ref: menuListRef, autoFocus: true }), children));
 };

package/__inner__/esm/components/Menu/components/MenuList/MenuList.js

@@ -47,7 +47,7 @@ export var MenuList = forwardRef(function (inProps, ref) {
                 var _a, _b;
                 onKeyDown(event);
                 (_b = (_a = child.props).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-            }
+            },
         };
         // eslint-disable-next-line react-hooks/rules-of-hooks
         var ref = useMultiRef([

package/__inner__/esm/components/Modal/Modal.d.ts

@@ -97,7 +97,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Свойства по управлению анимацией перехода */
-    transitionProps?: (Partial<CSSTransitionProps<undefined>> & {
+    transitionProps?: (Partial<CSSTransitionProps> & {
         'data-testid'?: string | undefined;
     }) | undefined;
     /** Свойства окна с контентом */

package/__inner__/esm/components/Modal/Modal.js

@@ -29,7 +29,7 @@ export var Modal = forwardRef(function (_a, ref) {
             isClickOutSide.current = true;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: !disableClickOutside
+        active: !disableClickOutside,
     });
     useEffect(function () {
         var _a;
@@ -44,7 +44,7 @@ export var Modal = forwardRef(function (_a, ref) {
     }, [open]);
     var trapRef = useFocusTrap({
         active: isTop,
-        focusinTrap: false
+        focusinTrap: false,
     });
     var onExited = useCallback(function () {
         var _a, _b;
@@ -65,9 +65,9 @@ export var Modal = forwardRef(function (_a, ref) {
             }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop && !disableEscapeKeyDown
+        active: isTop && !disableEscapeKeyDown,
     });
-    return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), timeout: 300 }, transitionProps, { "in": openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
+    return (React.createElement(CSSTransition, __assign({ classNames: cnModal({ animation: true }), timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
         React.createElement(Portal, __assign({}, other, { className: cnModal({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: ref }),
             !hideBackdrop && (React.createElement(Backdrop, __assign({ zIndex: -1 }, backdropProps, { open: openState, className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
             React.createElement(ModalConsumer, __assign({}, windowProps, { open: openState && !disableScrollLock, ref: useMultiRef([modalInnerRef, trapRef, windowProps === null || windowProps === void 0 ? void 0 : windowProps.ref]) }), children))));

package/__inner__/esm/components/Pagination/Pagination.js

@@ -25,7 +25,7 @@ export var Pagination = forwardRef(function (inProps, ref) {
         return {
             selected: selected,
             previous: selected - 1,
-            next: selected + 1
+            next: selected + 1,
         };
     }, [page]), selected = _f.selected, previous = _f.previous, next = _f.next;
     var range = useMemo(function () {
@@ -33,7 +33,7 @@ export var Pagination = forwardRef(function (inProps, ref) {
             page: selected,
             pageSize: pageSize,
             siblingCount: siblingCount,
-            totalCount: totalCount
+            totalCount: totalCount,
         });
     }, [selected, pageSize, siblingCount, totalCount]);
     var paginationPropsRange = useMemo(function () {
@@ -64,10 +64,10 @@ export var Pagination = forwardRef(function (inProps, ref) {
                 'aria-label': getItemAriaLabel({
                     page: mapper[type],
                     selected: isSelected,
-                    type: type
+                    type: type,
                 }),
                 onClick: onPageChange,
-                className: cnPaginationItem({ size: size, selected: isSelected })
+                className: cnPaginationItem({ size: size, selected: isSelected }),
             };
         });
     }, [range, selected, previous, next, size, getItemAriaLabel, onPageChange]);

package/__inner__/esm/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -19,12 +19,12 @@ export var cnPaginationItem = cn('PaginationItem');
 var sizeMapper = {
     l: {
         size: 'm',
-        textSize: 'text-l'
+        textSize: 'text-l',
     },
     s: {
         size: '2xs',
-        textSize: 'text-s'
-    }
+        textSize: 'text-s',
+    },
 };
 var iconsMapper = (_a = {},
     _a[PREVIOUS] = ChevronLeftIcon,

package/__inner__/esm/components/Pagination/helpers/createPaginationRange/calculateSiblingIndexes/calculateSiblingIndexes.js

@@ -9,6 +9,6 @@ export var calculateSiblingIndexes = function (_a) {
     var rightSiblingEndIndex = Math.min(page + siblingCount, totalPageCount);
     return {
         leftSiblingStartIndex: leftSiblingStartIndex,
-        rightSiblingEndIndex: rightSiblingEndIndex
+        rightSiblingEndIndex: rightSiblingEndIndex,
     };
 };

package/__inner__/esm/components/Pagination/helpers/createPaginationRange/createPaginationRange.js

@@ -17,7 +17,7 @@ export var createPaginationRange = function (_a) {
     var _c = shouldShowDots({
         leftSiblingStartIndex: leftSiblingStartIndex,
         rightSiblingEndIndex: rightSiblingEndIndex,
-        totalPageCount: totalPageCount
+        totalPageCount: totalPageCount,
     }), shouldShowLeftDots = _c.shouldShowLeftDots, shouldShowRightDots = _c.shouldShowRightDots;
     if (!shouldShowLeftDots && shouldShowRightDots) {
         var leftRange = range(1, itemsToShow);

package/__inner__/esm/components/Pagination/helpers/createPaginationRange/shouldShowDots.js

@@ -4,6 +4,6 @@ export var shouldShowDots = function (_a) {
     var shouldShowRightDots = rightSiblingEndIndex < totalPageCount - 2;
     return {
         shouldShowLeftDots: shouldShowLeftDots,
-        shouldShowRightDots: shouldShowRightDots
+        shouldShowRightDots: shouldShowRightDots,
     };
 };

package/__inner__/esm/components/Popover/Popover.js

@@ -13,22 +13,22 @@ import { isKey } from '../../utils/isKey';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { Portal } from '../Portal';
 import { PopoverArrow } from './components';
-import { POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, POPOVER_DEFAULT_TAG, } from './constants';
+import { POPOVER_DEFAULT_TAG, POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, } from './constants';
 import { usePopoverManager } from './index';
 import { PopoverContext } from './PopoverContext';
 export var cnPopover = cn('Popover');
 export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, 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 = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
+    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, 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, _h = props.as, as = _h === void 0 ? POPOVER_DEFAULT_TAG : _h, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate", "as"]);
     var isClickOutSide = useRef(null);
-    var _h = __read(useState(false), 2), openState = _h[0], setOpenState = _h[1];
+    var _j = __read(useState(false), 2), openState = _j[0], setOpenState = _j[1];
     var focusedElement = useRef(null);
     var popoverRef = useRef(null);
-    var _j = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _j.refsClickOutside, isTop = _j.isTop;
+    var _k = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _k.refsClickOutside, isTop = _k.isTop;
     // Ловушка фокуса
     var trapRef = useFocusTrap({
         active: !disableEnforceFocus && isTop,
-        focusinTrap: false
+        focusinTrap: false,
     });
     // Нажатие клавиши {ESC}
     useEventListener({
@@ -39,7 +39,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             }
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop
+        active: isTop,
     });
     useClickOutside({
         refs: __spreadArray(__spreadArray(__spreadArray([
@@ -49,7 +49,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             isClickOutSide.current = true;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: openState && !disableClickOutside
+        active: openState && !disableClickOutside,
     });
     var onExited = useCallback(function () {
         var _a, _b;
@@ -69,8 +69,8 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             options: {
                 // Позиционирование через position: absolute
                 // https://popper.js.org/docs/v2/modifiers/compute-styles/#gpuacceleration
-                gpuAcceleration: false
-            }
+                gpuAcceleration: false,
+            },
         },
         // Ширина всплывающего элемента
         {
@@ -88,14 +88,14 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
                 state.elements.popper.style.width = "".concat((_b = state.elements.reference) === null || _b === void 0 ? void 0 : _b.offsetWidth, "px");
             },
             phase: 'beforeWrite',
-            requires: ['computeStyles']
+            requires: ['computeStyles'],
         },
         // Отступы от якорного элемента
         {
             name: 'offset',
             options: {
-                offset: offset
-            }
+                offset: offset,
+            },
         },
     ]; }, [offset, equalAnchorWidth]);
     // Якорный элемент или координаты
@@ -111,18 +111,18 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
                         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
+                        height: 0,
                     };
-                }
+                },
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _k = __read(useState(null), 2), popperElement = _k[0], setPopperElement = _k[1];
-    var _l = usePopper(resolveReferenceElement, popperElement, {
+    var _l = __read(useState(null), 2), popperElement = _l[0], setPopperElement = _l[1];
+    var _m = usePopper(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: 'fixed',
-        modifiers: modifiers
-    }), styles = _l.styles, attributes = _l.attributes, update = _l.update;
+        modifiers: modifiers,
+    }), styles = _m.styles, attributes = _m.attributes, update = _m.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     useEffect(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);
@@ -140,8 +140,8 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     }, [open]);
     var portalRef = useMultiRef([ref, popoverRef, trapRef, setPopperElement]);
     return (React.createElement(PopoverContext.Provider, { value: { isTop: isTop } },
-        React.createElement(CSSTransition, __assign({ classNames: cnPopover({ animation: true }), timeout: 120 }, transitionProps, { "in": openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
-            React.createElement(Portal, __assign({ as: POPOVER_DEFAULT_TAG, radius: "xs", shadow: "l", background: "main" }, other, { style: __assign(__assign({}, style), styles.popper), ref: portalRef, className: cnPopover({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
+        React.createElement(CSSTransition, __assign({ classNames: cnPopover({ animation: true }), timeout: 120 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: true }),
+            React.createElement(Portal, __assign({ as: as, radius: "xs", shadow: "l", background: "main" }, other, { style: __assign(__assign({}, style), styles.popper), ref: portalRef, className: cnPopover({ disableInteractive: disableInteractive }, [className]) }, attributes.popper),
                 children,
                 arrow && (React.createElement(PopoverArrow, __assign({}, arrowProps, { style: __assign(__assign({}, arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style), styles.arrow), "data-popper-arrow": true })))))));
 });

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

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 export var PopoverContext = React.createContext({
-    isTop: false
+    isTop: false,
 });
 export var usePopover = function () { return useContext(PopoverContext); };
 // Именованный провайдер

package/__inner__/esm/components/Portal/Portal.js

@@ -8,7 +8,7 @@ export var PORTAL_DEFAULT_TAG = 'div';
 export var Portal = polymorphicComponentWithRef(function (inProps, ref) {
     var _a = useThemeProps({
         props: inProps,
-        name: 'Portal'
+        name: 'Portal',
     }), children = _a.children, container = _a.container, className = _a.className, _b = _a.as, Tag = _b === void 0 ? PORTAL_DEFAULT_TAG : _b, other = __rest(_a, ["children", "container", "className", "as"]);
     var theme = useTheme();
     var portalContainer = container || window.document.body;

package/__inner__/esm/components/Portal/PortalManager.js

@@ -21,7 +21,7 @@ export var createPortalManager = function () {
         },
         unsubscribe: function (event) {
             events = events.filter(function (e) { return e !== event; });
-        }
+        },
     };
 };
 export var portalManager = createPortalManager();

package/__inner__/esm/components/ProgressBar/ProgressBar.js

@@ -14,13 +14,13 @@ export var ProgressBar = polymorphicComponentWithRef(function (_a, ref) {
             return undefined;
         var translateX = Math.max(-100, Math.min(0, (value || 0) - 100));
         return {
-            '--progressbar-translate-x': "translateX(".concat(translateX, "%)")
+            '--progressbar-translate-x': "translateX(".concat(translateX, "%)"),
         };
     };
     return (React.createElement(Tag, __assign({}, (isValueSet && {
         'aria-valuemin': 0,
         'aria-valuemax': 100,
-        'aria-valuenow': value
+        'aria-valuenow': value,
     }), { className: cnProgressBar({ filled: isFilled, indefinite: !isValueSet }, [
             className,
         ]), role: "progressbar" }, other, { ref: ref }),

package/__inner__/esm/components/Radio/Radio.js

@@ -10,7 +10,7 @@ export var cnRadio = cn('Radio');
 export var Radio = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Radio'
+        name: 'Radio',
     });
     var _a = props.align, align = _a === void 0 ? RADIO_DEFAULT_ALIGN : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? RADIO_DEFAULT_LABEL_PLACEMENT : _b, _c = props.size, sizeProp = _c === void 0 ? RADIO_DEFAULT_SIZE : _c, onChangeProp = props.onChange, checkedProp = props.checked, nameProp = props.name, className = props.className, label = props.label, labelProps = props.labelProps, disabled = props.disabled, inputRef = props.inputRef, other = __rest(props, ["align", "labelPlacement", "size", "onChange", "checked", "name", "className", "label", "labelProps", "disabled", "inputRef"]);
     var radioGroup = useContext(RadioGroupContext);
@@ -36,7 +36,7 @@ export var Radio = forwardRef(function (inProps, ref) {
         React.createElement("span", { className: cnRadio({
                 size: size,
                 disabled: disabled,
-                checked: checked
+                checked: checked,
             }) },
             React.createElement("input", __assign({ className: cnRadio('Input'), disabled: disabled, checked: checked, onChange: onChange, name: name }, other, { type: "radio", ref: inputRef })),
             React.createElement("span", { className: cnRadio('Box') }))));

package/__inner__/esm/components/RadioGroup/RadioGroup.js

@@ -13,14 +13,14 @@ export var cnRadioGroup = cn('RadioGroup');
 export var RadioGroup = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'RadioGroup'
+        name: 'RadioGroup',
     });
     var _a = props.direction, direction = _a === void 0 ? RADIO_GROUP_DEFAULT_DIRECTION : _a, _b = props.size, size = _b === void 0 ? RADIO_GROUP_DEFAULT_SIZE : _b, _c = props.as, Tag = _c === void 0 ? RADIO_GROUP_DEFAULT_AS : _c, title = props.title, className = props.className, children = props.children, name = props.name, valueProp = props.value, defaultValue = props.defaultValue, onChange = props.onChange, other = __rest(props, ["direction", "size", "as", "title", "className", "children", "name", "value", "defaultValue", "onChange"]);
     var _d = __read(useControlled({
         value: valueProp,
         defaultValue: defaultValue,
         name: 'RadioGroup',
-        state: 'value'
+        state: 'value',
     }), 2), valueState = _d[0], setValueState = _d[1];
     var handleChange = function (event) {
         setValueState(event.target.value);
@@ -31,7 +31,7 @@ export var RadioGroup = polymorphicComponentWithRef(function (inProps, ref) {
                 value: valueState,
                 onChange: handleChange,
                 name: name,
-                size: size
+                size: size,
             } },
             title && React.createElement(FormTitle, { size: size }, title),
             React.createElement(FormGroup, { direction: direction, size: size }, children))));

package/__inner__/esm/components/SectionMessage/SectionMessage.js

@@ -17,29 +17,29 @@ export var sectionMessageSizeVariant = ['xs', 's', 'm', 'l'];
 var matchVariantToIcon = {
     neutral: {
         m: React.createElement(InfoCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(InfoCircleOutlineIcon, { size: "s" })
+        s: React.createElement(InfoCircleOutlineIcon, { size: "s" }),
     },
     info: {
         m: React.createElement(InfoCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(InfoCircleOutlineIcon, { size: "s" })
+        s: React.createElement(InfoCircleOutlineIcon, { size: "s" }),
     },
     warning: {
         m: React.createElement(WarningTriangleOutlineIcon, { size: "m" }),
-        s: React.createElement(WarningTriangleOutlineIcon, { size: "s" })
+        s: React.createElement(WarningTriangleOutlineIcon, { size: "s" }),
     },
     success: {
         m: React.createElement(CheckCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(CheckCircleOutlineIcon, { size: "s" })
+        s: React.createElement(CheckCircleOutlineIcon, { size: "s" }),
     },
     error: {
         m: React.createElement(WarningCircleOutlineIcon, { size: "m" }),
-        s: React.createElement(WarningCircleOutlineIcon, { size: "s" })
-    }
+        s: React.createElement(WarningCircleOutlineIcon, { size: "s" }),
+    },
 };
 export var SectionMessage = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'SectionMessage'
+        name: 'SectionMessage',
     });
     var _a = props.status, status = _a === void 0 ? SECTION_MESSAGE_DEFAULT_STATUS : _a, _b = props.size, size = _b === void 0 ? SECTION_MESSAGE_DEFAULT_SIZE : _b, _c = props.showIcon, showIcon = _c === void 0 ? true : _c, children = props.children, action = props.action, title = props.title, className = props.className, otherProps = __rest(props, ["status", "size", "showIcon", "children", "action", "title", "className"]);
     var iconSize = size === 'm' || size === 'l' ? 'm' : 's';
@@ -47,7 +47,7 @@ export var SectionMessage = forwardRef(function (inProps, ref) {
         var actionProps = {
             variant: 'function',
             size: size,
-            className: cnSectionMessage('Button')
+            className: cnSectionMessage('Button'),
         };
         if (!action) {
             return null;

package/__inner__/esm/components/Segment/Segment.js

@@ -16,7 +16,7 @@ export var Segment = forwardRef(function (inProps, ref) {
         name: 'Segment',
         value: valueProp,
         defaultValue: defaultValue,
-        state: 'value'
+        state: 'value',
     }), 2), valueState = _g[0], setValueState = _g[1];
     var handleChange = useCallback(function (e) {
         setValueState(e.target.value);
@@ -29,14 +29,14 @@ export var Segment = forwardRef(function (inProps, ref) {
         iconSize: iconSize,
         selectedColor: selectedColor,
         selected: valueState,
-        onChange: handleChange
+        onChange: handleChange,
     }); }, [name, disabled, iconSize, selectedColor, valueState, handleChange]);
     return (React.createElement("fieldset", __assign({ ref: ref, disabled: disabled, className: cnSegment('', {
             size: size,
             variant: variant,
             disabled: disabled,
             selectedColor: selectedColor,
-            fullWidth: fullWidth
+            fullWidth: fullWidth,
         }, [className]) }, other),
         React.createElement(SegmentContext.Provider, { value: contextState }, children)));
 });