@ozen-ui/kit 0.10.0 → 0.12.0

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_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.placement, placement = _f === void 0 ? 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 = __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 _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 _g = __read(useState(false), 2), openState = _g[0], setOpenState = _g[1];
+    var _j = __read(useState(false), 2), openState = _j[0], setOpenState = _j[1];
     var focusedElement = useRef(null);
     var popoverRef = useRef(null);
-    var _h = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _h.refsClickOutside, isTop = _h.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
+        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 _j = __read(useState(null), 2), popperElement = _j[0], setPopperElement = _j[1];
-    var _k = 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 = _k.styles, attributes = _k.attributes, update = _k.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/Popover/constants.d.ts

@@ -4,4 +4,5 @@ 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_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";

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

@@ -5,4 +5,5 @@ export var POPOVER_DEFAULT_OPEN = false;
 export var POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
 export var POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export var POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+export var POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export var POPOVER_DEFAULT_PLACEMENT = 'auto';

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

@@ -62,6 +62,8 @@ export type PopoverBaseProps = {
     disableEnforceFocus?: boolean;
     /** Отключает захват и возврат текущего фокуса на момент открытия и закрытия окна соответственно */
     disableReturnFocus?: boolean;
+    /** Если {true} отключает закрытие окна при клике за его пределами */
+    disableClickOutside?: boolean;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */

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)));
 });

package/__inner__/esm/components/Select/Select.js

@@ -18,7 +18,7 @@ export var cnSelect = cn('Select');
 export var Select = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Select'
+        name: 'Select',
     });
     var id = props.id, name = props.name, _a = props.size, size = _a === void 0 ? SELECT_DEFAULT_AUTO_SIZE : _a, _b = props.autoFocus, autoFocus = _b === void 0 ? SELECT_DEFAULT_AUTO_FOCUS : _b, _c = props.fullWidth, fullWidth = _c === void 0 ? SELECT_DEFAULT_FULL_WIDTH : _c, _d = props.disabled, disabled = _d === void 0 ? SELECT_DEFAULT_DISABLED : _d, _e = props.required, required = _e === void 0 ? SELECT_DEFAULT_REQUIRED : _e, _f = props.multiline, multiline = _f === void 0 ? SELECT_DEFAULT_MULTILINE : _f, _g = props.defaultOpen, defaultOpen = _g === void 0 ? SELECT_DEFAULT_DEFAULT_OPEN : _g, valueProp = props.value, defaultValue = props.defaultValue, error = props.error, onChange = props.onChange, label = props.label, placeholder = props.placeholder, renderValueProp = props.renderValue, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, children = props.children, menuProps = props.menuProps, inputProps = props.inputProps, inputRef = props.inputRef, onCloseProp = props.onClose, onOpenProp = props.onOpen, openProp = props.open, other = __rest(props, ["id", "name", "size", "autoFocus", "fullWidth", "disabled", "required", "multiline", "defaultOpen", "value", "defaultValue", "error", "onChange", "label", "placeholder", "renderValue", "renderLeft", "renderRight", "hint", "children", "menuProps", "inputProps", "inputRef", "onClose", "onOpen", "open"]);
     var _h = menuProps || {}, menuListProps = _h.menuListProps, menuPropsOther = __rest(_h, ["menuListProps"]);
@@ -32,13 +32,13 @@ export var Select = forwardRef(function (inProps, ref) {
         value: valueProp,
         defaultValue: defaultValue,
         name: 'Select',
-        state: 'value'
+        state: 'value',
     }), 3), valueState = _l[0], setValueState = _l[1], isValueControlled = _l[2];
     var _m = __read(useControlled({
         value: openProp,
         defaultValue: defaultOpen,
         name: 'Select',
-        state: 'open'
+        state: 'open',
     }), 3), open = _m[0], setOpen = _m[1], isOpenControlled = _m[2];
     var isNotSelectOption = function (child) { return !isValidElement(child) || child.type !== Option; };
     var resolvedChildren = isFragment(children)
@@ -69,7 +69,7 @@ export var Select = forwardRef(function (inProps, ref) {
         handler: function () {
             offFocus();
         },
-        active: focused
+        active: focused,
     });
     /** Управление фокусом элемента контроля */
     var handleFocus = function () {
@@ -117,7 +117,7 @@ export var Select = forwardRef(function (inProps, ref) {
         if (selected) {
             currentOption = {
                 label: label,
-                value: child.props.value
+                value: child.props.value,
             };
         }
         if (typeof child.props.children === 'string') {
@@ -153,7 +153,7 @@ export var Select = forwardRef(function (inProps, ref) {
     return (React.createElement(React.Fragment, null,
         React.createElement(SelectInput, __assign({ id: id, name: name, inputProps: inputProps, inputRef: inputRef, label: label, placeholder: placeholder, size: size, disabled: disabled, required: required, multiline: multiline, error: error, hint: hint, fullWidth: fullWidth, renderLeft: renderLeft, open: open, renderRight: renderRight, renderedValue: currentOption.value && renderValue(currentOption) }, other, { focused: focused, value: valueState || '', bodyRef: bodyRef, onClick: handleToggle, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, ref: useMultiRef([selectRef, ref]) })),
         React.createElement(Menu, __assign({ placement: "bottom-start", transitionProps: {
-                classNames: cnSelect({ animation: true })
+                classNames: cnSelect({ animation: true }),
             }, menuListProps: __assign({ size: size, role: 'listbox' }, menuListProps), equalAnchorWidth: true }, menuPropsOther, { open: open, anchorRef: bodyRef, onClose: handleClose, ref: menuRef }), renderChildren)));
 });
 Select.displayName = 'Select';

package/__inner__/esm/components/Select/components/SelectInput/SelectInput.js

@@ -23,7 +23,7 @@ export var SelectInput = forwardRef(function (_a, ref) {
             required: required,
             hasLabel: hasLabel,
             multiline: multiline,
-            focused: focused
+            focused: focused,
         }, [className]), ref: ref }),
         React.createElement("div", __assign({ tabIndex: disabled ? -1 : 0, role: "button", onClick: onClick, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, "aria-haspopup": "listbox", "aria-expanded": open }, bodyProps, { className: cnSelect('Body', [bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className]), ref: useMultiRef([bodyRef, bodyRefProp]) }),
             React.createElement(FieldIcon, { className: cnSelect('RenderLeft'), icon: renderLeft, size: size }),

package/__inner__/esm/components/Slider/Slider.js

@@ -18,7 +18,7 @@ export var Slider = polymorphicComponentWithRef(function (inProps, ref) {
         value: valueProp,
         defaultValue: defaultValue || 0,
         name: 'Slider',
-        state: 'value'
+        state: 'value',
     }), 2), value = _f[0], setValue = _f[1];
     var update = useRef();
     var setUpdate = function (func) {

package/__inner__/esm/components/Snackbar/SnackbarContext.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 export var SnackbarContext = React.createContext({
     pushMessage: function () { return ''; },
-    closeMessage: function () { return undefined; }
+    closeMessage: function () { return undefined; },
 });
 export var useSnackbar = function () { return useContext(SnackbarContext); };
 // Именованный провайдер

package/__inner__/esm/components/Snackbar/SnackbarProvider.js

@@ -11,7 +11,7 @@ export var cnSnackbar = cn('Snackbar');
 export var SnackbarProvider = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'SnackbarProvider'
+        name: 'SnackbarProvider',
     });
     var _a = props.anchorOrigin, anchorOrigin = _a === void 0 ? SNACKBAR_DEFAULT_ANCHOR_ORIGIN : _a, _b = props.maxMessages, maxMessages = _b === void 0 ? SNACKBAR_DEFAULT_MAX_MESSAGES : _b, _c = props.container, container = _c === void 0 ? SNACKBAR_DEFAULT_CONTAINER : _c, _d = props.lifetime, lifetime = _d === void 0 ? SNACKBAR_DEFAULT_LIFETIME : _d, _e = props.disableWindowBlurListener, disableWindowBlurListener = _e === void 0 ? SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER : _e, _f = props.status, status = _f === void 0 ? SNACKBAR_ITEM_DEFAULT_STATUS : _f, className = props.className, children = props.children, other = __rest(props, ["anchorOrigin", "maxMessages", "container", "lifetime", "disableWindowBlurListener", "status", "className", "children"]);
     var providerProps = useMemo(function () { return ({
@@ -19,12 +19,12 @@ export var SnackbarProvider = forwardRef(function (inProps, ref) {
         anchorOrigin: anchorOrigin,
         maxMessages: maxMessages,
         lifetime: lifetime,
-        disableWindowBlurListener: disableWindowBlurListener
+        disableWindowBlurListener: disableWindowBlurListener,
     }); }, [status, anchorOrigin, maxMessages, lifetime, disableWindowBlurListener]);
     var _g = __read(useReducer(snackbarReducer, {
         providerProps: providerProps,
         messages: [],
-        queue: []
+        queue: [],
     }), 2), state = _g[0], dispatch = _g[1];
     var messagesByAnchorOrigin = state.messages.reduce(function (acc, message) {
         var _a;
@@ -40,7 +40,7 @@ export var SnackbarProvider = forwardRef(function (inProps, ref) {
         var messageId = pushMessageProps.messageId || generateUniqKey();
         dispatch({
             type: 'push-message',
-            payload: __assign(__assign({}, pushMessageProps), { messageId: messageId })
+            payload: __assign(__assign({}, pushMessageProps), { messageId: messageId }),
         });
         return messageId;
     }, []);

package/__inner__/esm/components/Snackbar/components/Snackbar/Snackbar.js

@@ -12,7 +12,7 @@ export var Snackbar = forwardRef(function (_a, ref) {
     useSnackbarManager(popoverRef, 1100);
     return (React.createElement(Portal, __assign({ ref: useMultiRef([ref, popoverRef]), className: cnSnackbar({
             anchorHorizontal: horizontal,
-            anchorVertical: vertical
+            anchorVertical: vertical,
         }, [className]) }, other), children));
 });
 Snackbar.displayName = 'Snackbar';

package/__inner__/esm/components/Snackbar/components/SnackbarItem/SnackbarItem.js

@@ -32,7 +32,7 @@ export var SnackbarItem = forwardRef(function (_a, ref) {
             open: open,
             opening: opening,
             lifetime: lifetime,
-            close: handleClose
+            close: handleClose,
         });
     };
     var handleCollapseExited = function () {
@@ -41,7 +41,7 @@ export var SnackbarItem = forwardRef(function (_a, ref) {
     var timer = useTimer({
         startTime: lifetime,
         interval: 1000,
-        onTimerEnd: handleClose
+        onTimerEnd: handleClose,
     });
     // При lifetime={0} startTimer/pauseTimer тоже не вызываются
     var startTimer = lifetime ? timer.startTimer : function () { return undefined; };
@@ -63,29 +63,29 @@ export var SnackbarItem = forwardRef(function (_a, ref) {
     useEventListener({
         eventName: 'focus',
         handler: startTimer,
-        active: !disableWindowBlurListener && open
+        active: !disableWindowBlurListener && open,
     });
     useEventListener({
         eventName: 'blur',
         handler: pauseTimer,
-        active: !disableWindowBlurListener && open
+        active: !disableWindowBlurListener && open,
     });
     return (React.createElement(Collapse, __assign({ ref: ref }, rootProps, { className: cnSnackbarItem('Collapse', [rootProps === null || rootProps === void 0 ? void 0 : rootProps.className]), timeout: collapseTransitionTimeout, expanded: expanded, onExited: handleCollapseExited, onEntered: 
         // У кого дольше анимация тот и вызывает
         collapseTransitionTimeout > contentTransitionTimeout
             ? handleEntered
             : undefined, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, appear: true }),
-        React.createElement(CSSTransition, { "in": open, classNames: cnSnackbarItem({ animation: true }), timeout: contentTransitionTimeout, onEnter: function () { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(messageId); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(messageId); }, onExited: collapseItem, onEntered: 
+        React.createElement(CSSTransition, { in: open, classNames: cnSnackbarItem({ animation: true }), timeout: contentTransitionTimeout, onEnter: function () { return onEnter === null || onEnter === void 0 ? void 0 : onEnter(messageId); }, onExit: function () { return onExit === null || onExit === void 0 ? void 0 : onExit(messageId); }, onExited: collapseItem, onEntered: 
             // У кого дольше анимация тот и вызывает
             collapseTransitionTimeout <= contentTransitionTimeout
                 ? handleEntered
                 : undefined, appear: true },
             React.createElement("div", { style: {
                     '--snackbar-item-transform-transition': "".concat(collapseTransitionTimeout, "ms"),
-                    '--snackbar-item-opacity-transition': "".concat(contentTransitionTimeout, "ms")
+                    '--snackbar-item-opacity-transition': "".concat(contentTransitionTimeout, "ms"),
                 }, className: cnSnackbarItem({
                     anchorHorizontal: horizontal,
-                    anchorVertical: vertical
+                    anchorVertical: vertical,
                 }) }, renderContent() || (React.createElement(Alert, { color: "dark", title: title, status: status, onClose: handleClose }, description))))));
 });
 SnackbarItem.displayName = 'SnackbarItem';

package/__inner__/esm/components/Snackbar/constants.js

@@ -1,6 +1,6 @@
 export var SNACKBAR_DEFAULT_ANCHOR_ORIGIN = {
     vertical: 'top',
-    horizontal: 'right'
+    horizontal: 'right',
 };
 export var SNACKBAR_DEFAULT_MAX_MESSAGES = 3;
 export var SNACKBAR_DEFAULT_DISABLE_WINDOW_BLUR_LISTENER = false;

package/__inner__/esm/components/Stack/Stack.js

@@ -10,7 +10,7 @@ export var cnStack = cn('Stack');
 export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Stack'
+        name: 'Stack',
     });
     var _a = props.as, Tag = _a === void 0 ? 'div' : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = __rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
     var childNodes = Children.toArray(children);
@@ -33,6 +33,6 @@ export var Stack = polymorphicComponentWithRef(function (inProps, ref) {
             align: align,
             justify: justify,
             fullWidth: fullWidth,
-            wrap: wrap
+            wrap: wrap,
         }), generateDirectionCn(cnStack, direction), generateGapCn(cnStack, gap), className), ref: ref }), resolveChildren()));
 });

package/__inner__/esm/components/Table/components/TableCell/TableCell.d.ts

@@ -58,4 +58,4 @@ export declare const TableCell: React.ForwardRefExoticComponent<(Omit<{
     'data-testid'?: string | undefined;
 } & Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
     ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | React.RefObject<HTMLTableHeaderCellElement> | null | undefined;
-}, "ref">) & React.RefAttributes<HTMLTableDataCellElement | HTMLTableHeaderCellElement>>;
+}, "ref">) & React.RefAttributes<React.ComponentRef<"td" | "th">>>;

package/__inner__/esm/components/Tabs/Tabs.js

@@ -21,7 +21,7 @@ export var Tabs = React.forwardRef(function (_a, ref) {
     var _g = __read(useState({ translateX: 0, width: 0 }), 2), indicatorStyles = _g[0], setIndicatorStyles = _g[1];
     var _h = __read(useState({
         start: false,
-        end: false
+        end: false,
     }), 2), scrollButtonsActivity = _h[0], setScrollButtonActivity = _h[1];
     /**
      * Привязка value дочернего компонента к его индексу
@@ -64,7 +64,7 @@ export var Tabs = React.forwardRef(function (_a, ref) {
             scrollBoxMeta = {
                 scrollLeft: scrollBoxNode.scrollLeft,
                 left: tabsRect.left,
-                right: tabsRect.right
+                right: tabsRect.right,
             };
         }
         return { tabsListMeta: tabsListMeta, activeTabMeta: activeTabMeta, scrollBoxMeta: scrollBoxMeta };
@@ -96,7 +96,7 @@ export var Tabs = React.forwardRef(function (_a, ref) {
         var width = activeTabMeta.width;
         setIndicatorStyles({
             translateX: translateX,
-            width: width
+            width: width,
         });
     };
     /** Скроллит в нужную позицию */
@@ -180,7 +180,7 @@ export var Tabs = React.forwardRef(function (_a, ref) {
     var context = useMemo(function () { return ({
         onChange: handleChange,
         currentValue: value,
-        size: size
+        size: size,
     }); }, [handleChange, value, size]);
     useEffect(function () {
         if (isMounted) {
@@ -227,12 +227,12 @@ export var Tabs = React.forwardRef(function (_a, ref) {
             debouncedUpdateIndicatorStyles();
             debouncedUpdateScrollButtonsActivity();
             debouncedScrollCorrection();
-        }
+        },
     });
     useEventListener({
         eventName: 'keydown',
         handler: handleKeyDown,
-        element: scrollBoxRef
+        element: scrollBoxRef,
     });
     return (React.createElement("div", __assign({ className: cnTabs({}, [className]), ref: ref }, other),
         isScrollButtonsActive && (React.createElement(ScrollButton, { size: size, className: cnTabs('ScrollButton'), direction: "left", invisible: !scrollButtonsActivity.start, onClick: handleClickScrollButton('left') })),

package/__inner__/esm/components/Tabs/components/ScrollButton/ScrollButton.js

@@ -7,11 +7,11 @@ export var scrollButtonDirectionVariant = ['left', 'right'];
 export var cnScrollButton = cn('ScrollButton');
 export var iconByDirection = {
     left: ChevronLeftIcon,
-    right: ChevronRightIcon
+    right: ChevronRightIcon,
 };
 export var ariaLabelByDirection = {
     left: 'Прокрутить вкладки влево',
-    right: 'Прокрутить вкладки вправо'
+    right: 'Прокрутить вкладки вправо',
 };
 export var ScrollButton = React.forwardRef(function (_a, ref) {
     var direction = _a.direction, invisible = _a.invisible, className = _a.className, _b = _a.size, size = _b === void 0 ? 'm' : _b, other = __rest(_a, ["direction", "invisible", "className", "size"]);

package/__inner__/esm/components/Tabs/components/Tab/Tab.js

@@ -24,13 +24,13 @@ export var TabComponent = React.forwardRef(function (_a, ref) {
             disabled: disabled,
             onlyIcon: !label,
             active: isActive,
-            multiline: multiline
+            multiline: multiline,
         }, [className]),
         role: 'tab',
         'aria-controls': "tab-".concat(value),
         tabIndex: isActive && !disabled ? 0 : -1,
         'aria-selected': isActive,
-        onClick: handleClick
+        onClick: handleClick,
     };
     if (href) {
         return (React.createElement("a", __assign({}, commonProps, other, { href: href, ref: ref }),

package/__inner__/esm/components/Tabs/components/TabsIndicator/TabsIndicator.js

@@ -5,7 +5,7 @@ export var TabsIndicator = forwardRef(function (_a, ref) {
     var translateX = indicatorStyles.translateX, width = indicatorStyles.width;
     return (React.createElement("div", __assign({ ref: ref, style: {
             transform: "translateX(".concat(translateX, "px)"),
-            width: width
+            width: width,
         } }, otherProps)));
 });
 TabsIndicator.displayName = 'TabsIndicator';

package/__inner__/esm/components/Tag/components/RemoveButton/RemoveButton.js

@@ -6,7 +6,7 @@ export var removeButtonSizeVariant = ['s', 'xs', '2xs'];
 var icons = {
     s: RemoveSIcon,
     xs: RemoveSIcon,
-    '2xs': Remove2xsIcon
+    '2xs': Remove2xsIcon,
 };
 export var RemoveButton = forwardRef(function (_a, ref) {
     var size = _a.size, props = __rest(_a, ["size"]);