@ozen-ui/kit 0.11.0 → 0.13.0

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"]);

package/__inner__/esm/components/Textarea/Textarea.js

@@ -10,11 +10,11 @@ export var cnTextarea = cn('Textarea');
 export var Textarea = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Textarea'
+        name: 'Textarea',
     });
     var _a = props.size, size = _a === void 0 ? TEXTAREA_DEFAULT_SIZE : _a, autoFocus = props.autoFocus, maxLength = props.maxLength, expand = props.expand, placeholder = props.placeholder, id = props.id, name = props.name, error = props.error, fullWidth = props.fullWidth, cols = props.cols, rows = props.rows, className = props.className, label = props.label, hint = props.hint, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, required = props.required, textareaRef = props.textareaRef, disabled = props.disabled, textareaProps = props.textareaProps, labelRef = props.labelRef, labelProps = props.labelProps, other = __rest(props, ["size", "autoFocus", "maxLength", "expand", "placeholder", "id", "name", "error", "fullWidth", "cols", "rows", "className", "label", "hint", "value", "defaultValue", "onChange", "required", "textareaRef", "disabled", "textareaProps", "labelRef", "labelProps"]);
     return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { className: cnTextarea({
-            expand: expand
+            expand: expand,
         }, [className]), ref: ref }),
         React.createElement(TextareaConsumer, { autoFocus: autoFocus, maxLength: maxLength, placeholder: placeholder, id: id, name: name, cols: cols, expand: expand, rows: rows, label: label, hint: hint, value: value, defaultValue: defaultValue, onChange: onChange, textareaRef: textareaRef, textareaProps: textareaProps, labelRef: labelRef, labelProps: labelProps })));
 });

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

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

package/__inner__/esm/components/ThemeProvider/localization/localization.js

@@ -3,31 +3,31 @@ export var localization = {
     RU: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Загрузка'
+                'aria-label': 'Загрузка',
             },
             FilePicker: {
-                clearText: 'Очистить поле'
-            }
-        }
+                clearText: 'Очистить поле',
+            },
+        },
     },
     KZN: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Жүктеу'
+                'aria-label': 'Жүктеу',
             },
             FilePicker: {
-                clearText: 'Өрісті тазалаңыз'
-            }
-        }
+                clearText: 'Өрісті тазалаңыз',
+            },
+        },
     },
     ENG: {
         defaultProps: {
             Loader: {
-                'aria-label': 'Loading'
+                'aria-label': 'Loading',
             },
             FilePicker: {
-                clearText: 'Clear field'
-            }
-        }
-    }
+                clearText: 'Clear field',
+            },
+        },
+    },
 };

package/__inner__/esm/components/ThemeProvider/themes/themeBBusinessDefault.js

@@ -18,7 +18,7 @@ export var themeBBusinessDefault = {
         shadow: 'ozenDefault',
         breakpoint: 'ozenDefault',
         zIndex: 'ozenDefault',
-        transition: 'ozenDefault'
+        transition: 'ozenDefault',
     },
-    defaultProps: {}
+    defaultProps: {},
 };

package/__inner__/esm/components/ThemeProvider/themes/themeOzenDark.js

@@ -18,7 +18,7 @@ export var themeOzenDark = {
         shadow: 'ozenDefault',
         breakpoint: 'ozenDefault',
         zIndex: 'ozenDefault',
-        transition: 'ozenDefault'
+        transition: 'ozenDefault',
     },
-    defaultProps: {}
+    defaultProps: {},
 };

package/__inner__/esm/components/ThemeProvider/themes/themeOzenDefault.js

@@ -18,7 +18,7 @@ export var themeOzenDefault = {
         shadow: 'ozenDefault',
         breakpoint: 'ozenDefault',
         zIndex: 'ozenDefault',
-        transition: 'ozenDefault'
+        transition: 'ozenDefault',
     },
-    defaultProps: {}
+    defaultProps: {},
 };

package/__inner__/esm/components/Toggle/Toggle.js

@@ -10,7 +10,7 @@ export var cnToggle = cn('Toggle');
 export var Toggle = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Toggle'
+        name: 'Toggle',
     });
     var _a = props.align, align = _a === void 0 ? 'center' : _a, _b = props.labelPlacement, labelPlacement = _b === void 0 ? 'right' : _b, _c = props.size, size = _c === void 0 ? 'm' : _c, className = props.className, label = props.label, labelProps = props.labelProps, disabled = props.disabled, checked = props.checked, inputRef = props.inputRef, other = __rest(props, ["align", "labelPlacement", "size", "className", "label", "labelProps", "disabled", "checked", "inputRef"]);
     return (React.createElement(FormControlLabel, __assign({ label: label, size: size, labelPlacement: labelPlacement, disabled: disabled, align: align, className: className, ref: ref }, labelProps),

package/__inner__/esm/components/Tooltip/Tooltip.js

@@ -12,17 +12,17 @@ import { TOOLTIP_DEFAULT_ARROW, TOOLTIP_DEFAULT_DELAY_ENTER, TOOLTIP_DEFAULT_DEL
 export var cnTooltip = cn('Tooltip');
 export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Tooltip' });
-    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.variant, variant = _c === void 0 ? TOOLTIP_DEFAULT_VARIANT : _c, _d = props.offset, offset = _d === void 0 ? TOOLTIP_DEFAULT_OFFSET : _d, _e = props.delayEnter, delayEnter = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _e, _f = props.delayLeave, delayLeave = _f === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _f, _g = props.arrow, arrow = _g === void 0 ? TOOLTIP_DEFAULT_ARROW : _g, _h = props.shouldWrapChildren, shouldWrapChildren = _h === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _h, _j = props.disabled, disabled = _j === void 0 ? TOOLTIP_DEFAULT_DISABLED : _j, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = __rest(props, ["trigger", "size", "variant", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose"]);
-    var _k = __read(useState(), 2), delay = _k[0], setDelay = _k[1];
-    var _l = __read(useState(), 2), hasFocus = _l[0], setHasFocus = _l[1];
-    var _m = __read(useState(), 2), hasHover = _m[0], setHasHover = _m[1];
+    var _a = props.trigger, trigger = _a === void 0 ? TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? TOOLTIP_DEFAULT_SIZE : _b, _c = props.variant, variant = _c === void 0 ? TOOLTIP_DEFAULT_VARIANT : _c, _d = props.offset, offset = _d === void 0 ? TOOLTIP_DEFAULT_OFFSET : _d, _e = props.delayEnter, delayEnter = _e === void 0 ? TOOLTIP_DEFAULT_DELAY_ENTER : _e, _f = props.delayLeave, delayLeave = _f === void 0 ? TOOLTIP_DEFAULT_DELAY_LEAVE : _f, _g = props.arrow, arrow = _g === void 0 ? TOOLTIP_DEFAULT_ARROW : _g, _h = props.shouldWrapChildren, shouldWrapChildren = _h === void 0 ? TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _h, _j = props.disabled, disabled = _j === void 0 ? TOOLTIP_DEFAULT_DISABLED : _j, children = props.children, label = props.label, openProp = props.open, placement = props.placement, disableInteractive = props.disableInteractive, className = props.className, onOpen = props.onOpen, onClose = props.onClose, _k = props.as, as = _k === void 0 ? TOOLTIP_DEFAULT_TAG : _k, other = __rest(props, ["trigger", "size", "variant", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "children", "label", "open", "placement", "disableInteractive", "className", "onOpen", "onClose", "as"]);
+    var _l = __read(useState(), 2), delay = _l[0], setDelay = _l[1];
+    var _m = __read(useState(), 2), hasFocus = _m[0], setHasFocus = _m[1];
+    var _o = __read(useState(), 2), hasHover = _o[0], setHasHover = _o[1];
     var anchorRef = useRef(null);
-    var _o = __read(useControlled({
+    var _p = __read(useControlled({
         value: openProp,
         defaultValue: false,
         name: 'Tooltip',
-        state: 'open'
-    }), 2), openState = _o[0], setOpenState = _o[1];
+        state: 'open',
+    }), 2), openState = _p[0], setOpenState = _p[1];
     useEffect(function () {
         setDelay(openState ? delayLeave : delayEnter);
     }, [openState, delayEnter, delayLeave]);
@@ -38,7 +38,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
         }
         setOpenState(open);
     };
-    var _p = __read(useDebounceCallback(handleOpen, delay), 1), debounceSetOpen = _p[0];
+    var _q = __read(useDebounceCallback(handleOpen, delay), 1), debounceSetOpen = _q[0];
     var resolveChildren = useMemo(function () {
         return typeof children !== 'object' || shouldWrapChildren ? (React.createElement("span", null, children)) : (children);
     }, [children, shouldWrapChildren]);
@@ -99,7 +99,7 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
             onMouseLeave: function (e) {
                 handleMouseLeave();
                 onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
-            }
+            },
         };
     }, [
         childrenProps,
@@ -112,8 +112,8 @@ export var Tooltip = polymorphicComponentWithRef(function (inProps, ref) {
     ]);
     return (React.createElement(React.Fragment, null,
         React.cloneElement(resolveChildren, composeChildrenProps),
-        React.createElement(Popover, __assign({ anchorRef: anchorRef, as: TOOLTIP_DEFAULT_TAG, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
-                size: size
+        React.createElement(Popover, __assign({ anchorRef: anchorRef, as: as, background: variant === 'light' ? 'main' : 'main-inverse', radius: size }, other, { ref: ref, offset: offset, placement: placement, open: openState && !disabled, onClose: handleClose, className: cnTooltip({ size: size, variant: variant }, [className]), disableInteractive: disableInteractive, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, arrow: arrow, arrowProps: {
+                size: size,
             }, disableEnforceFocus: true, disableReturnFocus: true }), label)));
 });
 Tooltip.displayName = 'Tooltip';

package/__inner__/esm/components/Typography/Typography.js

@@ -76,7 +76,7 @@ export var cnTypography = cn('Typography');
 export var Typography = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,
-        name: 'Typography'
+        name: 'Typography',
     });
     var _a = props.variant, variant = _a === void 0 ? TYPOGRAPHY_DEFAULT_VARIANT : _a, _b = props.color, color = _b === void 0 ? TYPOGRAPHY_DEFAULT_COLOR : _b, _c = props.noWrap, noWrap = _c === void 0 ? TYPOGRAPHY_DEFAULT_NO_WRAP : _c, _d = props.defaultMargin, defaultMargin = _d === void 0 ? TYPOGRAPHY_DEFAULT_DEFAULT_MARGIN : _d, as = props.as, children = props.children, align = props.align, display = props.display, className = props.className, other = __rest(props, ["variant", "color", "noWrap", "defaultMargin", "as", "children", "align", "display", "className"]);
     // Устанавливает варианту соответсвующий тэг по умолчанию
@@ -87,7 +87,7 @@ export var Typography = polymorphicComponentWithRef(function (inProps, ref) {
             color: color,
             align: align,
             noWrap: noWrap,
-            display: display
+            display: display,
         }, [className]), ref: ref }, other), children));
 });
 Typography.displayName = 'Typography';

package/__inner__/esm/components/Typography/utils.js

@@ -24,5 +24,5 @@ export var matchVariantToTag = {
     'text-3xs': 'p',
     'text-3xs_1': 'p',
     'caption-3xs': 'span',
-    'caption-3xs_1': 'span'
+    'caption-3xs_1': 'span',
 };

package/__inner__/esm/hooks/useBreakpoints/useBreakpoints.js

@@ -6,7 +6,7 @@ var breakpoint = {
     xs: '(min-width: 0px)',
     s: '(min-width: 640px)',
     m: '(min-width: 1024px)',
-    l: '(min-width: 1280px)'
+    l: '(min-width: 1280px)',
 };
 export function useBreakpoints() {
     var _a = __read(useState(breakpointVariant.reduce(function (acc, key) {
@@ -34,7 +34,7 @@ export function useBreakpoints() {
         catch (e_1_1) { e_1 = { error: e_1_1 }; }
         finally {
             try {
-                if (breakpointVariant_1_1 && !breakpointVariant_1_1.done && (_a = breakpointVariant_1["return"])) _a.call(breakpointVariant_1);
+                if (breakpointVariant_1_1 && !breakpointVariant_1_1.done && (_a = breakpointVariant_1.return)) _a.call(breakpointVariant_1);
             }
             finally { if (e_1) throw e_1.error; }
         }
@@ -49,7 +49,7 @@ export function useBreakpoints() {
             catch (e_2_1) { e_2 = { error: e_2_1 }; }
             finally {
                 try {
-                    if (matchMedias_1_1 && !matchMedias_1_1.done && (_a = matchMedias_1["return"])) _a.call(matchMedias_1);
+                    if (matchMedias_1_1 && !matchMedias_1_1.done && (_a = matchMedias_1.return)) _a.call(matchMedias_1);
                 }
                 finally { if (e_2) throw e_2.error; }
             }

package/__inner__/esm/hooks/useClickOutside/useClickOutside.js

@@ -18,6 +18,6 @@ export function useClickOutside(_a) {
             }
         },
         active: active,
-        options: options
+        options: options,
     });
 }

package/__inner__/esm/hooks/useControlled/useControlled.js

@@ -22,7 +22,7 @@ export var useControlled = function (_a) {
                 console.error([
                     "\u00D6zen-UI: \u041F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 '".concat(state, "' \u0443 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 ").concat(name, " \u043F\u043E\u043C\u0435\u043D\u044F\u043B\u043E\u0441\u044C \u0441 ").concat(isControlled ? '' : 'не', "\u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u043E\u0433\u043E \u043D\u0430 ").concat(isControlled ? 'не' : '', "\u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u043E\u0435."),
                     'Компоненты не должны переключаться с неконтролируемого поведения в контролируемое, или наоборот.',
-                    'Поведение определяется после первого рендера и является контролируемым, если значение не "undefined"',
+                    'Поведение определяется после первого рендера и является контролируемым, если значение не «undefined».',
                 ].join('\n'));
             }
         }, [state, name, valueProp]);
@@ -30,8 +30,8 @@ export var useControlled = function (_a) {
         useEffect(function () {
             if (!isControlled && defaultValue_1 !== defaultProp) {
                 console.error([
-                    "\u00D6zen-UI: \u041D\u0435\u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 ".concat(name, " \u0441\u043C\u0435\u043D\u0438\u043B default ").concat(state, " \u043F\u043E\u0441\u043B\u0435 \u043F\u0435\u0440\u0432\u043E\u0439 \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438 ").concat(name) +
-                        "\u0415\u0441\u043B\u0438 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043C\u0435\u043D\u044F\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u043C \u043F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435\u043C.",
+                    "\u00D6zen-UI: \u041D\u0435\u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 ".concat(name, " \u0441\u043C\u0435\u043D\u0438\u043B default ").concat(state, " \u043F\u043E\u0441\u043B\u0435 \u043F\u0435\u0440\u0432\u043E\u0439 \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438 ").concat(name, "."),
+                    "\u0415\u0441\u043B\u0438 \u043D\u0435\u043E\u0431\u0445\u043E\u0434\u0438\u043C\u043E \u043C\u0435\u043D\u044F\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0432\u043E\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435\u0441\u044C \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u043C \u043F\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u0435\u043C.",
                 ].join('\n'));
             }
         }, [JSON.stringify(defaultProp)]);

package/__inner__/esm/hooks/useCounter/useCounter.js

@@ -11,6 +11,6 @@ export function useCounter(_a) {
         increment: increment,
         decrement: decrement,
         reset: reset,
-        setCount: setCount
+        setCount: setCount,
     };
 }

package/__inner__/esm/hooks/useFocusTrap/useFocusTrap.js

@@ -7,7 +7,7 @@ export function useFocusTrap(_a) {
     var _b = _a === void 0 ? {
         active: true,
         focusinTrap: true,
-        keyDownTrap: true
+        keyDownTrap: true,
     } : _a, 
     /** Признак активности ловушки */
     _c = _b.active, 
@@ -36,7 +36,7 @@ export function useFocusTrap(_a) {
                 }
             }
         },
-        active: active && focusinTrap
+        active: active && focusinTrap,
     });
     useEventListener({
         eventName: 'keydown',
@@ -61,7 +61,7 @@ export function useFocusTrap(_a) {
                 }
             }
         },
-        active: active && keyDownTrap
+        active: active && keyDownTrap,
     });
     return elRef;
 }