@consta/uikit 3.12.4 → 3.13.0

package/__internal__/src/components/BreadcrumbsCanary/BreadcrumbsCanary.d.ts

@@ -0,0 +1,5 @@
+import './Breadcrumbs.css';
+import { BreadcrumbsComponent } from './types';
+export declare const cnBreadcrumbs: import("@bem-react/classname").ClassNameFormatter;
+export declare const Breadcrumbs: BreadcrumbsComponent;
+export * from './types';

package/__internal__/src/components/BreadcrumbsCanary/BreadcrumbsCanary.js

@@ -0,0 +1,54 @@
+import { __assign, __rest } from "tslib";
+import './Breadcrumbs.css';
+import React, { forwardRef, useMemo } from 'react';
+import { IconArrowRight } from '../../icons/IconArrowRight/IconArrowRight';
+import { cn } from '../../utils/bem';
+import { getByMap } from '../../utils/getByMap';
+import { Button } from '../Button/Button';
+import { getItemClick, withDefaultGetters } from './helpers';
+import { breadcrumbPropSizeDefault } from './types';
+export var cnBreadcrumbs = cn('Breadcrumbs');
+var sizeMap = {
+    xs: 'xs',
+    s: 'xs',
+    m: 'xs',
+    l: 'm'
+};
+var BreadcrumbsRender = function (props, ref) {
+    var _a = withDefaultGetters(props), items = _a.items, getItemHref = _a.getItemHref, getItemLabel = _a.getItemLabel, getItemActive = _a.getItemActive, getItemIcon = _a.getItemIcon, getItemOnClick = _a.getItemOnClick, onItemClick = _a.onItemClick, _b = _a.size, size = _b === void 0 ? breadcrumbPropSizeDefault : _b, _c = _a.maxCount, maxCount = _c === void 0 ? 0 : _c, _d = _a.onlyIconRoot, onlyIconRoot = _d === void 0 ? false : _d, className = _a.className, restProps = __rest(_a, ["items", "getItemHref", "getItemLabel", "getItemActive", "getItemIcon", "getItemOnClick", "onItemClick", "size", "maxCount", "onlyIconRoot", "className"]);
+    var iconSize = getByMap(sizeMap, size);
+    var _e = useMemo(function () {
+        var rest = items.slice();
+        var head = rest.splice(0, 1);
+        var tail = rest.splice(2 - maxCount);
+        return {
+            head: head,
+            tail: tail,
+            rest: rest
+        };
+    }, [items, maxCount]), head = _e.head, tail = _e.tail, rest = _e.rest;
+    var renderPages = function (items, isFirst) {
+        if (isFirst === void 0) { isFirst = false; }
+        return items.map(function (item, index) {
+            var Icon = getItemIcon(item);
+            var label = getItemLabel(item);
+            var href = getItemHref(item);
+            var active = getItemActive(item);
+            var onClick = getItemClick(item, getItemOnClick, onItemClick);
+            return (React.createElement("li", { className: cnBreadcrumbs('Item'), key: cnBreadcrumbs('Item', { index: index, href: href }) },
+                !isFirst && React.createElement(IconArrowRight, { className: cnBreadcrumbs('Delimiter'), size: iconSize }),
+                React.createElement("a", { className: cnBreadcrumbs('Link', { active: active }), onClick: onClick, href: href },
+                    Icon &&
+                        (onlyIconRoot && isFirst ? (React.createElement(Button, { view: "clear", onlyIcon: true, iconLeft: Icon, size: iconSize })) : (React.createElement(Icon, { className: cnBreadcrumbs('Icon'), size: iconSize }))),
+                    (!isFirst || !onlyIconRoot) && React.createElement("span", { className: cnBreadcrumbs('Label') }, label))));
+        });
+    };
+    return (React.createElement("ul", __assign({ className: cnBreadcrumbs({ size: size }, [className]), ref: ref }, restProps),
+        renderPages(head, true),
+        maxCount && rest.length > 1 ? (React.createElement("li", { className: cnBreadcrumbs('Item') },
+            React.createElement(IconArrowRight, { className: cnBreadcrumbs('Delimiter'), size: iconSize }),
+            React.createElement("span", { className: cnBreadcrumbs('More') }, "..."))) : (renderPages(rest)),
+        renderPages(tail)));
+};
+export var Breadcrumbs = forwardRef(BreadcrumbsRender);
+export * from './types';

package/__internal__/src/components/BreadcrumbsCanary/helpers.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BreadcrumbsPropGetItemActive, BreadcrumbsPropGetItemHref, BreadcrumbsPropGetItemIcon, BreadcrumbsPropGetItemLabel, BreadcrumbsPropGetItemOnClick, BreadcrumbsPropOnItemClick, BreadcrumbsProps, DefaultItem } from './types';
+export declare function withDefaultGetters<ITEM>(props: BreadcrumbsProps<ITEM>): {
+    getItemLabel: BreadcrumbsPropGetItemLabel<DefaultItem> | BreadcrumbsPropGetItemLabel<ITEM>;
+    getItemActive: BreadcrumbsPropGetItemActive<DefaultItem> | BreadcrumbsPropGetItemActive<ITEM>;
+    getItemHref: BreadcrumbsPropGetItemHref<DefaultItem> | BreadcrumbsPropGetItemHref<ITEM>;
+    getItemOnClick: BreadcrumbsPropGetItemOnClick<DefaultItem> | BreadcrumbsPropGetItemOnClick<ITEM>;
+    getItemIcon: BreadcrumbsPropGetItemIcon<DefaultItem> | BreadcrumbsPropGetItemIcon<ITEM>;
+    items: ITEM[];
+    onItemClick?: BreadcrumbsPropOnItemClick<ITEM> | undefined;
+    size?: "xs" | "s" | "m" | "l" | undefined;
+    maxCount?: number | undefined;
+    onlyIconRoot?: boolean | undefined;
+    className?: string | undefined;
+};
+export declare function getItemClick<ITEM>(item: ITEM, getItemOnClick: BreadcrumbsPropGetItemOnClick<ITEM>, onItemClick?: BreadcrumbsPropOnItemClick<ITEM>): React.MouseEventHandler;

package/__internal__/src/components/BreadcrumbsCanary/helpers.js

@@ -0,0 +1,16 @@
+import { __assign } from "tslib";
+var defaultGetItemLabel = function (item) { return item.label; };
+var defaultGetItemIcon = function (item) { return item.icon; };
+var defaultGetItemActive = function (item) { return item.active; };
+var defaultGetItemHref = function (item) { return item.href; };
+var defaultGetItemOnClick = function (item) { return item.onClick; };
+export function withDefaultGetters(props) {
+    return __assign(__assign({}, props), { getItemLabel: props.getItemLabel || defaultGetItemLabel, getItemActive: props.getItemActive || defaultGetItemActive, getItemHref: props.getItemHref || defaultGetItemHref, getItemOnClick: props.getItemOnClick || defaultGetItemOnClick, getItemIcon: props.getItemIcon || defaultGetItemIcon });
+}
+export function getItemClick(item, getItemOnClick, onItemClick) {
+    return function (e) {
+        var _a;
+        onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick({ e: e, item: item });
+        (_a = getItemOnClick(item)) === null || _a === void 0 ? void 0 : _a(e);
+    };
+}

package/__internal__/src/components/BreadcrumbsCanary/types.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { IconComponent } from '../../icons/Icon/Icon';
+import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
+export declare const breadcrumbPropSize: readonly ["m", "xs", "s", "l"];
+export declare type BreadcrumbPropSize = typeof breadcrumbPropSize[number];
+export declare const breadcrumbPropSizeDefault: "m";
+export declare type BreadcrumbsPropGetItemLabel<ITEM> = (item: ITEM) => string | React.ReactNode;
+export declare type BreadcrumbsPropGetItemActive<ITEM> = (item: ITEM) => boolean | undefined;
+export declare type BreadcrumbsPropGetItemHref<ITEM> = (item: ITEM) => string | undefined;
+export declare type BreadcrumbsPropGetItemIcon<ITEM> = (item: ITEM) => IconComponent | undefined;
+export declare type BreadcrumbsPropGetItemOnClick<ITEM> = (item: ITEM) => React.MouseEventHandler | undefined;
+export declare type BreadcrumbsPropOnItemClick<ITEM> = (props: {
+    item: ITEM;
+    e: React.MouseEvent;
+}) => void;
+export declare type DefaultItem = {
+    label: string;
+    active?: boolean;
+    icon?: IconComponent;
+    href?: string;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+};
+export declare type BreadcrumbsProps<ITEM = DefaultItem> = {
+    items: ITEM[];
+    getItemLabel?: BreadcrumbsPropGetItemLabel<ITEM>;
+    getItemActive?: BreadcrumbsPropGetItemActive<ITEM>;
+    getItemHref?: BreadcrumbsPropGetItemHref<ITEM>;
+    getItemIcon?: BreadcrumbsPropGetItemIcon<ITEM>;
+    getItemOnClick?: BreadcrumbsPropGetItemOnClick<ITEM>;
+    onItemClick?: BreadcrumbsPropOnItemClick<ITEM>;
+    size?: BreadcrumbPropSize;
+    maxCount?: number;
+    onlyIconRoot?: boolean;
+    className?: string;
+};
+export declare type BreadcrumbsComponent = <ITEM>(props: PropsWithHTMLAttributesAndRef<BreadcrumbsProps<ITEM>, HTMLUListElement>) => React.ReactElement | null;

package/__internal__/src/components/BreadcrumbsCanary/types.js

@@ -0,0 +1,2 @@
+export var breadcrumbPropSize = ['m', 'xs', 's', 'l'];
+export var breadcrumbPropSizeDefault = breadcrumbPropSize[0];

package/__internal__/src/components/DatePickerCanary/DatePickerFieldTypeDate/DatePickerFieldTypeDate.js

@@ -137,5 +137,5 @@ export var DatePickerFieldTypeDate = React.forwardRef(function (props, ref) {
         var _a;
         (_a = imaskRef.current) === null || _a === void 0 ? void 0 : _a.updateValue();
     }, [stringValue]);
-    return (React.createElement(TextField, __assign({}, otherProps, { type: "text", ref: ref, inputRef: useForkRef([inputRef, inputRefProp]), value: stringValue, placeholder: placeholder })));
+    return (React.createElement(TextField, __assign({}, otherProps, { type: "text", inputContainerRef: ref, inputRef: useForkRef([inputRef, inputRefProp]), value: stringValue, placeholder: placeholder })));
 });

package/__internal__/src/components/EventInterceptor/eventInterceptorMap.d.ts

@@ -62,6 +62,7 @@ export declare const eventInterceptorMap: {
         required?: boolean | undefined;
         step?: string | number | undefined;
         tabIndex?: number | undefined;
+        inputContainerRef?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         inputRef?: ((instance: HTMLInputElement | HTMLTextAreaElement | null) => void) | import("react").RefObject<HTMLInputElement | HTMLTextAreaElement> | null | undefined;
         ariaLabel?: string | undefined;
         iconSize?: "xs" | "s" | "m" | undefined;

package/__internal__/src/components/EventInterceptor/propsHandlers/useTextFieldEventsHandler.d.ts

@@ -71,6 +71,7 @@ export declare const useTextFieldEventsHandler: <P extends {
     required?: boolean | undefined;
     step?: string | number | undefined;
     tabIndex?: number | undefined;
+    inputContainerRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
     inputRef?: ((instance: HTMLInputElement | HTMLTextAreaElement | null) => void) | React.RefObject<HTMLInputElement | HTMLTextAreaElement> | null | undefined;
     ariaLabel?: string | undefined;
     iconSize?: "xs" | "s" | "m" | undefined;

package/__internal__/src/components/TextField/TextField.js

@@ -17,7 +17,7 @@ export var cnTextField = cn(COMPONENT_NAME);
 export function TextFieldRender(props, ref) {
     var textFieldRef = React.useRef(null);
     var inputRef = React.useRef(null);
-    var _a = usePropsHandler(COMPONENT_NAME, props, textFieldRef), className = _a.className, _b = _a.type, type = _b === void 0 ? 'text' : _b, value = _a.value, onChange = _a.onChange, id = _a.id, name = _a.name, rows = _a.rows, cols = _a.cols, minRows = _a.minRows, maxRows = _a.maxRows, inputRefProp = _a.inputRef, maxLength = _a.maxLength, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? textFieldPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? textFieldPropViewDefault : _d, _e = _a.form, form = _e === void 0 ? textFieldPropFormDefault : _e, state = _a.state, status = _a.status, _f = _a.width, width = _f === void 0 ? textFieldPropWidthDefault : _f, onBlur = _a.onBlur, onFocus = _a.onFocus, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, placeholder = _a.placeholder, leftSide = _a.leftSide, rightSide = _a.rightSide, autoComplete = _a.autoComplete, withClearButton = _a.withClearButton, max = _a.max, min = _a.min, readOnly = _a.readOnly, required = _a.required, _h = _a.step, step = _h === void 0 ? 1 : _h, tabIndex = _a.tabIndex, ariaLabel = _a.ariaLabel, label = _a.label, _j = _a.labelPosition, labelPosition = _j === void 0 ? 'top' : _j, caption = _a.caption, iconSizeProp = _a.iconSize, focused = _a.focused, onClick = _a.onClick, otherProps = __rest(_a, ["className", "type", "value", "onChange", "id", "name", "rows", "cols", "minRows", "maxRows", "inputRef", "maxLength", "disabled", "size", "view", "form", "state", "status", "width", "onBlur", "onFocus", "autoFocus", "placeholder", "leftSide", "rightSide", "autoComplete", "withClearButton", "max", "min", "readOnly", "required", "step", "tabIndex", "ariaLabel", "label", "labelPosition", "caption", "iconSize", "focused", "onClick"]);
+    var _a = usePropsHandler(COMPONENT_NAME, props, textFieldRef), className = _a.className, _b = _a.type, type = _b === void 0 ? 'text' : _b, value = _a.value, onChange = _a.onChange, id = _a.id, name = _a.name, rows = _a.rows, cols = _a.cols, minRows = _a.minRows, maxRows = _a.maxRows, inputRefProp = _a.inputRef, maxLength = _a.maxLength, disabled = _a.disabled, _c = _a.size, size = _c === void 0 ? textFieldPropSizeDefault : _c, _d = _a.view, view = _d === void 0 ? textFieldPropViewDefault : _d, _e = _a.form, form = _e === void 0 ? textFieldPropFormDefault : _e, state = _a.state, status = _a.status, _f = _a.width, width = _f === void 0 ? textFieldPropWidthDefault : _f, onBlur = _a.onBlur, onFocus = _a.onFocus, _g = _a.autoFocus, autoFocus = _g === void 0 ? false : _g, placeholder = _a.placeholder, leftSide = _a.leftSide, rightSide = _a.rightSide, autoComplete = _a.autoComplete, withClearButton = _a.withClearButton, max = _a.max, min = _a.min, readOnly = _a.readOnly, required = _a.required, _h = _a.step, step = _h === void 0 ? 1 : _h, tabIndex = _a.tabIndex, ariaLabel = _a.ariaLabel, label = _a.label, inputContainerRef = _a.inputContainerRef, _j = _a.labelPosition, labelPosition = _j === void 0 ? 'top' : _j, caption = _a.caption, iconSizeProp = _a.iconSize, focused = _a.focused, onClick = _a.onClick, otherProps = __rest(_a, ["className", "type", "value", "onChange", "id", "name", "rows", "cols", "minRows", "maxRows", "inputRef", "maxLength", "disabled", "size", "view", "form", "state", "status", "width", "onBlur", "onFocus", "autoFocus", "placeholder", "leftSide", "rightSide", "autoComplete", "withClearButton", "max", "min", "readOnly", "required", "step", "tabIndex", "ariaLabel", "label", "inputContainerRef", "labelPosition", "caption", "iconSize", "focused", "onClick"]);
     var _k = __read(useState(autoFocus), 2), focus = _k[0], setFocus = _k[1];
     var textarea = type === 'textarea';
     var LeftIcon = leftSide;
@@ -113,7 +113,7 @@ export function TextFieldRender(props, ref) {
     return (React.createElement("div", __assign({ className: cnTextField({ labelPosition: labelPosition, size: size, view: view, width: width }, [className]), ref: useForkRef([ref, textFieldRef]) }, rootProps, otherProps),
         label && (React.createElement(FieldLabel, { required: required, className: cnTextField('Label', { labelPosition: labelPosition }), size: size }, label)),
         React.createElement("div", { className: cnTextField('Body') },
-            React.createElement("div", { className: cnTextField('InputContainer', {
+            React.createElement("div", { ref: inputContainerRef, className: cnTextField('InputContainer', {
                     view: view,
                     form: form,
                     status: status || state,

package/__internal__/src/components/TextField/helpers.d.ts

@@ -74,6 +74,7 @@ export declare type TextFieldProps<TYPE extends string> = PropsWithHTMLAttribute
     required?: boolean;
     step?: number | string;
     tabIndex?: number;
+    inputContainerRef?: React.Ref<HTMLDivElement>;
     inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;
     ariaLabel?: string;
     iconSize?: IconPropSize;

package/__internal__/src/mixs/MixCard/MixCard.css

@@ -8,104 +8,6 @@
             box-shadow: var(--shadow-group);
   }
 
-  .MixCard_verticalSpace_xs,
-    .MixCard_verticalSpace_s,
-    .MixCard_verticalSpace_m,
-    .MixCard_verticalSpace_l,
-    .MixCard_verticalSpace_xl,
-    .MixCard_verticalSpace_2xl,
-    .MixCard_verticalSpace_3xl,
-    .MixCard_verticalSpace_4xl,
-    .MixCard_verticalSpace_5xl {
-      padding-top: var(--vertical-space);
-      padding-bottom: var(--vertical-space);
-    }
-
-  .MixCard_verticalSpace_xs {
-      --vertical-space: var(--space-xs);
-    }
-
-  .MixCard_verticalSpace_s {
-      --vertical-space: var(--space-s);
-    }
-
-  .MixCard_verticalSpace_m {
-      --vertical-space: var(--space-m);
-    }
-
-  .MixCard_verticalSpace_l {
-      --vertical-space: var(--space-l);
-    }
-
-  .MixCard_verticalSpace_xl {
-      --vertical-space: var(--space-xl);
-    }
-
-  .MixCard_verticalSpace_2xl {
-      --vertical-space: var(--space-2xl);
-    }
-
-  .MixCard_verticalSpace_3xl {
-      --vertical-space: var(--space-3xl);
-    }
-
-  .MixCard_verticalSpace_4xl {
-      --vertical-space: var(--space-4xl);
-    }
-
-  .MixCard_verticalSpace_5xl {
-      --vertical-space: var(--space-5xl);
-    }
-
-  .MixCard_horizontalSpace_xs,
-    .MixCard_horizontalSpace_s,
-    .MixCard_horizontalSpace_m,
-    .MixCard_horizontalSpace_l,
-    .MixCard_horizontalSpace_xl,
-    .MixCard_horizontalSpace_2xl,
-    .MixCard_horizontalSpace_3xl,
-    .MixCard_horizontalSpace_4xl,
-    .MixCard_horizontalSpace_5xl {
-      padding-right: var(--horizontal-space);
-      padding-left: var(--horizontal-space);
-    }
-
-  .MixCard_horizontalSpace_xs {
-      --horizontal-space: var(--space-xs);
-    }
-
-  .MixCard_horizontalSpace_s {
-      --horizontal-space: var(--space-s);
-    }
-
-  .MixCard_horizontalSpace_m {
-      --horizontal-space: var(--space-m);
-    }
-
-  .MixCard_horizontalSpace_l {
-      --horizontal-space: var(--space-l);
-    }
-
-  .MixCard_horizontalSpace_xl {
-      --horizontal-space: var(--space-xl);
-    }
-
-  .MixCard_horizontalSpace_2xl {
-      --horizontal-space: var(--space-2xl);
-    }
-
-  .MixCard_horizontalSpace_3xl {
-      --horizontal-space: var(--space-3xl);
-    }
-
-  .MixCard_horizontalSpace_4xl {
-      --horizontal-space: var(--space-4xl);
-    }
-
-  .MixCard_horizontalSpace_5xl {
-      --horizontal-space: var(--space-5xl);
-    }
-
   .MixCard_form_round,
     .MixCard_form_square {
       border-radius: var(--border-radius);

package/__internal__/src/mixs/MixCard/MixCard.d.ts

@@ -11,6 +11,6 @@ declare type Props = {
     form?: FormMap;
     status?: CardStatus;
 };
-declare type CnCard = (elemNameOrBlockMods?: Props | string | null, elemModsOrBlockMix?: Props | Array<string | undefined> | null, elemMix?: Array<string | undefined>) => string;
+declare type CnCard = (props: Props, classNames?: Array<string | undefined>) => string;
 export declare const cnMixCard: CnCard;
 export {};

package/__internal__/src/mixs/MixCard/MixCard.js

@@ -1,5 +1,14 @@
+import { __assign, __read, __rest, __spread } from "tslib";
 import './MixCard.css';
 import { cn } from '../../utils/bem';
+import { cnMixSpace } from '../MixSpace/MixSpace';
 var formMap = ['round', 'square'];
 var cardStatus = ['alert', 'success', 'warning'];
-export var cnMixCard = cn('MixCard');
+var cnCard = cn('MixCard');
+export var cnMixCard = function (props, classNames) {
+    if (classNames === void 0) { classNames = []; }
+    var verticalSpace = props.verticalSpace, horizontalSpace = props.horizontalSpace, otherProps = __rest(props, ["verticalSpace", "horizontalSpace"]);
+    return cnCard(__assign({}, otherProps), __spread([
+        cnMixSpace({ pV: verticalSpace, pH: horizontalSpace })
+    ], classNames));
+};

package/createIcon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createIcon",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/createResponsesImage/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/createResponsesImage",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "keywords": [
     "ui-kit",
     "design-system",
@@ -30,6 +30,7 @@
     "Badge",
     "BasicSelectDeprecated",
     "Breadcrumbs",
+    "BreadcrumbsCanary",
     "Button",
     "Calendar",
     "Card",

package/useBreakpoints/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useBreakpoints",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroup/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroup",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useChoiceGroupIndexed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useChoiceGroupIndexed",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useClickOutside/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useClickOutside",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useComponentSize/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useComponentSize",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useDebounce",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useFlag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useFlag",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useForkRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useForkRef",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useGlobalKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useGlobalKeys",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useKeys/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useKeys",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useMutableRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useMutableRef",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useOverflow/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useOverflow",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/usePrevious/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/usePrevious",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useResizeObserved/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useResizeObserved",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollElements/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollElements",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useScrollPosition",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useSelect",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useThemeVars/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useThemeVars",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/useTimer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/useTimer",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [

package/withTooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@consta/uikit/withTooltip",
-  "version": "3.12.4",
+  "version": "3.13.0",
   "main": "index.js",
   "module": "es.js",
   "sideEffects": [