@salutejs/plasma-new-hope 0.327.0-canary.1741.15743877104.0 → 0.327.0-canary.1741.15776056320.0

package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js

@@ -17,9 +17,8 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
-var _Dropdowntokens = require("../../Dropdown.tokens");
 var _utils = require("../../../../utils");
+var _Dropdowntokens = require("../../Dropdown.tokens");
 var _utils1 = require("../../utils");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
@@ -141,7 +140,7 @@ var dropdownItemOldRoot = function(Root) {
             "onClick",
             "onChange"
         ]);
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
         var withDropdownItemIsSelected = checked || isSelected ? _Dropdowntokens.classes.dropdownItemIsSelected : undefined;
         var withDropdownItemIsDisabled = disabled ? _Dropdowntokens.classes.dropdownItemIsDisabled : undefined;

package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js

@@ -18,8 +18,8 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
-var _hooks = require("../../../../hooks");
 var _utils = require("../../../../utils");
+var _hooks = require("../../../../hooks");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _Dropdownstyles = require("./Dropdown.styles");

package/styled-components/cjs/components/Mask/Mask.js

@@ -158,14 +158,14 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var defaultFormatChars = [
-    {
-        str: '0',
-        regexp: /[0-9]/
-    },
     {
         str: '*',
         regexp: /./
     },
+    {
+        str: '0',
+        regexp: /[0-9]/
+    },
     {
         str: 'a',
         regexp: /[a-zA-Z]/

package/styled-components/cjs/components/Modal/Modal.js

@@ -18,11 +18,12 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
+var _utils = require("../../utils");
 var _engines = require("../../engines");
+var _hooks = require("../../hooks");
 var _Popup = require("../Popup");
 var _Overlay = require("../Overlay");
-var _utils = require("../Popup/utils");
-var _hooks = require("../../hooks");
+var _utils1 = require("../Popup/utils");
 var _IconClose = require("../_Icon/Icons/IconClose");
 var _Modaltokens = require("./Modal.tokens");
 var _hooks1 = require("./hooks");
@@ -154,7 +155,7 @@ var modalRoot = function(Root) {
         var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
         var popupController = (0, _Popup.usePopupContext)();
         var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
         var overlayBackgroundToken = withBlur ? "var(".concat(_Modaltokens.tokens.modalOverlayWithBlurColor, ")") : "var(".concat(_Modaltokens.tokens.modalOverlayColor, ")");
         var modalInfo = (0, _hooks1.useModal)({
@@ -166,7 +167,7 @@ var modalRoot = function(Root) {
             popupInfo: popupInfo
         }).modalInfo;
         var transparent = (0, _react.useMemo)(function() {
-            return (0, _ModalContext.getIdLastModal)(popupController.items) !== innerId;
+            return (0, _ModalContext.getIdLastModal)(Array.from(popupController.items.values())) !== innerId;
         }, [
             innerId,
             popupController.items
@@ -186,7 +187,7 @@ var modalRoot = function(Root) {
         ]);
         var overlayNode = /*#__PURE__*/ _react.default.createElement(_Overlay.Overlay, {
             className: _Modaltokens.classes.overlay,
-            zIndex: zIndex || _utils.DEFAULT_Z_INDEX,
+            zIndex: zIndex || _utils1.DEFAULT_Z_INDEX,
             backgroundColorProperty: overlayBackgroundToken,
             withBlur: withBlur,
             transparent: transparent,

package/styled-components/cjs/components/Modal/hooks/useModal.js

@@ -48,7 +48,7 @@ var useModal = function(param) {
         if (!closeOnEsc) {
             return;
         }
-        if (event.keyCode === ESCAPE_KEYCODE && (0, _ModalContext.getIdLastModal)(popupController.items) === id) {
+        if (event.keyCode === ESCAPE_KEYCODE && (0, _ModalContext.getIdLastModal)(Array.from(popupController.items.values())) === id) {
             if (onEscKeyDown) {
                 onEscKeyDown(event);
                 return;

package/styled-components/cjs/components/Popup/Popup.js

@@ -246,7 +246,7 @@ var popupRoot = function(Root) {
             "className"
         ]);
         var innerIsOpen = isOpen || opened;
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
         var _usePopup = (0, _hooks.usePopup)({
             isOpen: innerIsOpen,

package/styled-components/cjs/components/Popup/PopupContext.js

@@ -20,9 +20,9 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _utils = require("../../utils");
 var _Portal = require("../Portal");
 var _ModalContext = require("../Modal/ModalContext");
-var _utils = require("../../utils");
 var _ClientOnlyPortal = require("./ClientOnlyPortal");
 var _Popupstyles = require("./Popup.styles");
 function _array_like_to_array(arr, len) {
@@ -33,9 +33,6 @@ function _array_like_to_array(arr, len) {
 function _array_with_holes(arr) {
     if (Array.isArray(arr)) return arr;
 }
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -77,9 +74,6 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -107,15 +101,9 @@ function _iterable_to_array_limit(arr, i) {
 function _non_iterable_rest() {
     throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -125,9 +113,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var POPUP_PORTAL_ID = 'plasma-popup-root';
-var items = [];
+var initialItems = new Map();
 var PopupContext = /*#__PURE__*/ (0, _react.createContext)({
-    items: items,
+    items: initialItems,
     rootId: POPUP_PORTAL_ID,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     register: function register(_info) {
@@ -144,7 +132,7 @@ var usePopupContext = function() {
 var PopupProvider = function(param) {
     var children = param.children, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
     var prevBodyOverflowY = (0, _react.useRef)(_utils.canUseDOM ? document.body.style.overflowY : '');
-    var _useState = _sliced_to_array((0, _react.useState)([]), 2), items = _useState[0], setItems = _useState[1];
+    var _useState = _sliced_to_array((0, _react.useState)(initialItems), 2), items = _useState[0], setItems = _useState[1];
     var uuid = (0, _utils.safeUseId)();
     var rootId = "".concat(POPUP_PORTAL_ID, "-").concat(uuid);
     var register = function(info) {
@@ -153,13 +141,13 @@ var PopupProvider = function(param) {
         }
         setItems(function(prevItems) {
             var _info_info;
-            if (((_info_info = info.info) === null || _info_info === void 0 ? void 0 : _info_info.isModal) && !(0, _ModalContext.hasModals)(prevItems)) {
+            var newItems = new Map(prevItems);
+            if (((_info_info = info.info) === null || _info_info === void 0 ? void 0 : _info_info.isModal) && !(0, _ModalContext.hasModals)(Array.from(prevItems.values()))) {
                 prevBodyOverflowY.current = document.body.style.overflowY;
                 document.body.style.overflowY = 'hidden';
             }
-            return _to_consumable_array(prevItems).concat([
-                info
-            ]);
+            newItems.set(info.id, info);
+            return newItems;
         });
     };
     var unregister = function(id) {
@@ -167,19 +155,16 @@ var PopupProvider = function(param) {
             return;
         }
         setItems(function(prevItems) {
-            var index = prevItems.findIndex(function(item) {
-                return id === item.id;
-            });
-            if (index === -1) {
+            if (!prevItems.has(id)) {
                 return prevItems;
             }
-            var prevHasModals = (0, _ModalContext.hasModals)(prevItems);
-            prevItems.splice(index, 1);
-            if (prevHasModals && !(0, _ModalContext.hasModals)(prevItems)) {
+            var newItems = new Map(prevItems);
+            var prevHasModals = (0, _ModalContext.hasModals)(Array.from(newItems.values()));
+            newItems.delete(id);
+            if (prevHasModals && !(0, _ModalContext.hasModals)(Array.from(newItems.values()))) {
                 document.body.style.overflowY = prevBodyOverflowY.current;
             }
-            // при return prevItems не обновится контекст
-            return _to_consumable_array(prevItems);
+            return newItems;
         });
     };
     var context = {

package/styled-components/cjs/components/Radiobox/Radiobox.js

@@ -18,8 +18,8 @@ _export(exports, {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
-var _Checkboxstyles = require("../Checkbox/Checkbox.styles");
 var _utils = require("../../utils");
+var _Checkboxstyles = require("../Checkbox/Checkbox.styles");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _base2 = require("./variations/_disabled/base");
@@ -161,7 +161,7 @@ var radioboxRoot = function(Root) {
             "singleLine",
             'aria-label'
         ]);
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var uniqLabelId = "label-".concat(uniqId);
         var uniqDescriptionId = "description-".concat(uniqId);
         var radioboxId = id || "input-".concat(uniqId);

package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js

@@ -20,10 +20,9 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
+var _utils = require("../../../../utils");
 var _Icon = require("../../../_Icon");
 var _tokens = require("../../tokens");
-var _utils = require("../../../../utils");
 var _SegmentProvider = require("../../SegmentProvider/SegmentProvider");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
@@ -208,7 +207,7 @@ var segmentGroupRoot = function(Root) {
         var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(), setSelectionMode = _useSegmentInner.setSelectionMode, setDisabledGroup = _useSegmentInner.setDisabledGroup;
         var _useState = _sliced_to_array((0, _react.useState)(true), 2), firstItemVisible = _useState[0], setFirstItemVisible = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)(true), 2), lastItemVisible = _useState1[0], setLastItemVisible = _useState1[1];
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var segmentGroupId = id || uniqId;
         var canClip = clip && !stretch;
         var isVertical = orientation === 'vertical';

package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js

@@ -17,7 +17,6 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../../utils");
 var _tokens = require("../../tokens");
 var _SegmentProvider = require("../../SegmentProvider/SegmentProvider");
@@ -138,7 +137,7 @@ var segmentItemRoot = function(Root) {
             'aria-label'
         ]);
         var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(), disabledGroup = _useSegmentInner.disabledGroup, handleSelect = _useSegmentInner.handleSelect, selectedSegmentItems = _useSegmentInner.selectedSegmentItems;
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var segmentId = id || "label-".concat(uniqId);
         var ariaLabelDefault = (0, _react.useMemo)(function() {
             return (0, _utils.extractTextFrom)(label);

package/styled-components/cjs/components/Select/FloatingPopover.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "FloatingPopover", {
 });
 var _react = require("@floating-ui/react");
 var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
-var _utils = require("./utils");
+var _utils = require("../../utils");
+var _utils1 = require("./utils");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -117,7 +117,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
                 layoutShift: false
             });
         },
-        placement: (0, _utils.getPlacement)(placement),
+        placement: (0, _utils1.getPlacement)(placement),
         open: opened,
         middleware: [
             (0, _react.offset)({
@@ -125,7 +125,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
                 alignmentAxis: isInner ? -LIST_PADDING : 0
             }),
             (0, _react.flip)({
-                fallbackPlacements: (0, _utils.getFallbackPlacements)(placement)
+                fallbackPlacements: (0, _utils1.getFallbackPlacements)(placement)
             }),
             (0, _react.shift)(),
             (0, _react.size)({
@@ -138,7 +138,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
             })
         ]
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
-    var wrappedId = (0, _plasmacore.safeUseId)();
+    var wrappedId = (0, _utils.safeUseId)();
     var handleClick = function() {
         if (onToggle) {
             onToggle(!opened);

package/styled-components/cjs/components/Select/Select.js

@@ -17,7 +17,6 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
 var _hooks = require("../../hooks");
 var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
@@ -265,7 +264,7 @@ var selectRoot = function(Root) {
         var isCurrentListOpen = Boolean(path[0]);
         var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
         var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
-        var treeId = (0, _plasmacore.safeUseId)();
+        var treeId = (0, _utils.safeUseId)();
         var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils1.getView)(status, outerView);
         // Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
         var requiredProps = props.target === 'button-like' ? undefined : {

package/styled-components/cjs/components/Select/ui/Inner/Inner.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, "Inner", {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../../utils");
 var _Selectstyles = require("../../Select.styles");
 var _FloatingPopover = require("../../FloatingPopover");
@@ -36,7 +35,7 @@ var Inner = function(param) {
         }
     };
     var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-    var treeId = (0, _plasmacore.safeUseId)();
+    var treeId = (0, _utils.safeUseId)();
     var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
     var nextLevel = currentLevel + 1;
     if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {

package/styled-components/cjs/components/Spinner/Spinner.js

@@ -17,7 +17,7 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
+var _utils = require("../../utils");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _SpinnerSvg = require("./SpinnerSvg");
@@ -131,7 +131,7 @@ var spinnerRoot = function(Root) {
             svgHeight: 'var(--plasma-spinner-size)',
             color: 'currentColor'
         });
-        var uniqId = _plasmacore.safeUseId;
+        var uniqId = _utils.safeUseId;
         var innerId = id || uniqId();
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: ref,

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js

@@ -17,10 +17,9 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
+var _utils = require("../../../../../utils");
 var _Icon = require("../../../../_Icon");
 var _tokens = require("../../../tokens");
-var _utils = require("../../../../../utils");
 var _TabsContext = require("../../../TabsContext");
 var _utils1 = require("../../../utils");
 var _base = require("./variations/_size/base");
@@ -203,7 +202,7 @@ var horizontalTabsRoot = function(Root) {
         var refs = (0, _react.useMemo)(function() {
             return new _TabsContext.TabItemRefs(index);
         }, []);
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var tabsId = id || uniqId;
         var isFilled = view === 'filled'; // outer padding is only for filled view
         var pilledAttr = view !== 'clear' && pilled;

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js

@@ -17,9 +17,8 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _plasmacore = require("@salutejs/plasma-core");
-var _tokens = require("../../../tokens");
 var _utils = require("../../../../../utils");
+var _tokens = require("../../../tokens");
 var _TabsContext = require("../../../TabsContext");
 var _Icon = require("../../../../_Icon");
 var _utils1 = require("../../../utils");
@@ -197,7 +196,7 @@ var verticalTabsRoot = function(Root) {
         var refs = (0, _react.useMemo)(function() {
             return new _TabsContext.TabItemRefs(index);
         }, []);
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var tabsId = id || uniqId;
         var noDividerClass = !hasDivider ? _tokens.classes.tabsNoDivider : undefined;
         var hasTopArrowClass = !firstItemVisible ? _tokens.classes.tabsHasTopArrow : undefined;

package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, "HintComponent", {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _utils = require("../../../../utils");
 var _TextAreastyles = require("../../TextArea.styles");
 var _Icon = require("../../../_Icon");
-var _utils = require("../../../../utils");
 var _TextAreatokens = require("../../TextArea.tokens");
 function _define_property(obj, key, value) {
     if (key in obj) {

package/styled-components/cjs/components/TextField/TextField.js

@@ -264,10 +264,10 @@ var textFieldRoot = function(Root) {
         var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), hasFocus = _useState1[0], setHasFocus = _useState1[1];
         var _useState2 = _sliced_to_array((0, _react.useState)([]), 2), chips = _useState2[0], setChips = _useState2[1];
         var _useState3 = _sliced_to_array((0, _react.useState)(false), 2), isHintVisible = _useState3[0], setIsHintVisible = _useState3[1];
-        var uniqId = (0, _plasmacore.safeUseId)();
+        var uniqId = (0, _utils.safeUseId)();
         var innerId = id || uniqId;
-        var labelId = (0, _plasmacore.safeUseId)();
-        var helperTextId = (0, _plasmacore.safeUseId)();
+        var labelId = (0, _utils.safeUseId)();
+        var helperTextId = (0, _utils.safeUseId)();
         var isDefaultView = view === 'default' || readOnly || disabled;
         var isChipEnumeration = enumerationType === 'chip';
         var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);

package/styled-components/cjs/components/TextField/ui/Hint/Hint.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, "HintComponent", {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _utils = require("../../../../utils");
 var _TextFieldstyles = require("../../TextField.styles");
 var _Icon = require("../../../_Icon");
-var _utils = require("../../../../utils");
 var _TextFieldtokens = require("../../TextField.tokens");
 function _define_property(obj, key, value) {
     if (key in obj) {

package/styled-components/es/components/Autocomplete/Autocomplete.js

@@ -100,7 +100,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import React, { forwardRef, useState, useReducer, useLayoutEffect, useRef } from "react";
-import { safeUseId } from "@salutejs/plasma-core";
+import { safeUseId } from "../../utils";
 import { useDidMountEffect, useOutsideClick } from "../../hooks";
 import { FloatingPopover } from "./FloatingPopover";
 import { focusedReducer } from "./reducers/focusedReducer";

package/styled-components/es/components/Autocomplete/FloatingPopover.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
 }
 import { flip, shift, size, useFloating, FloatingPortal, autoUpdate } from "@floating-ui/react";
 import React, { forwardRef } from "react";
-import { safeUseId } from "@salutejs/plasma-core";
+import { safeUseId } from "../../utils";
 var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
     var target = param.target, children = param.children, opened = param.opened, portal = param.portal, listWidth = param.listWidth;
     var _useFloating = useFloating({

package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -193,6 +193,20 @@ import { IsOutOfRange, StyledCalendar } from "./CalendarBase.styles";
         }, [
             calendarState
         ]);
+        useEffect(function() {
+            if (prevType !== type) {
+                dispatch({
+                    type: ActionType.UPDATE_CALENDAR_STATE,
+                    payload: {
+                        calendarState: type,
+                        size: sizeMap[type].single
+                    }
+                });
+                setPrevType(type);
+            }
+        }, [
+            type
+        ]);
         useEffect(function() {
             if (value && prevValue && isValueUpdate(value, prevValue) || value && !prevValue) {
                 dispatch({

package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js

@@ -239,6 +239,20 @@ import { StyledCalendar, StyledSeparator, StyledWrapper } from "./CalendarDouble
         }, [
             calendarState
         ]);
+        useEffect(function() {
+            if (prevType !== type) {
+                dispatch({
+                    type: ActionType.UPDATE_CALENDAR_STATE,
+                    payload: {
+                        calendarState: type,
+                        size: sizeMap[type].double
+                    }
+                });
+                setPrevType(type);
+            }
+        }, [
+            type
+        ]);
         useEffect(function() {
             if (value && prevValue && isValueUpdate(value, prevValue) || value && !prevValue) {
                 var _getBoundaryDates = _sliced_to_array(getBoundaryDates(), 2), minVisibleDate = _getBoundaryDates[0], maxVisibleDate = _getBoundaryDates[1];

package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js

@@ -134,6 +134,9 @@ import { StyledCalendarDays, StyledCalendarDaysHint } from "./CalendarDays.style
     };
     var getRefs = function(element, isDayInCurrentMonth, i, j) {
         if (isDayInCurrentMonth) {
+            if (!outerRefs.current[i + offset]) {
+                outerRefs.current[i + offset] = [];
+            }
             outerRefs.current[i + offset][j] = element;
         }
     };

package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js

@@ -140,6 +140,9 @@ import { StyledCalendarMonths } from "./CalendarMonths.styles";
         return onHoverMonth === null || onHoverMonth === void 0 ? void 0 : onHoverMonth(undefined);
     };
     var getRefs = useCallback(function(element, i, j) {
+        if (!outerRefs.current[i + offset]) {
+            outerRefs.current[i + offset] = [];
+        }
         outerRefs.current[i + offset][j] = element;
     }, [
         offset,

package/styled-components/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -139,6 +139,9 @@ import { StyledCalendarQuarters } from "./CalendarQuarters.styles";
         return onHoverQuarter === null || onHoverQuarter === void 0 ? void 0 : onHoverQuarter(undefined);
     };
     var getRefs = useCallback(function(element, i, j) {
+        if (!outerRefs.current[i + offset]) {
+            outerRefs.current[i + offset] = [];
+        }
         outerRefs.current[i + offset][j] = element;
     }, [
         offset,

package/styled-components/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -140,6 +140,9 @@ import { StyledCalendarYears } from "./CalendarYears.styles";
         return onHoverYear === null || onHoverYear === void 0 ? void 0 : onHoverYear(undefined);
     };
     var getRefs = useCallback(function(element, i, j) {
+        if (!outerRefs.current[i + offset]) {
+            outerRefs.current[i + offset] = [];
+        }
         outerRefs.current[i + offset][j] = element;
     }, [
         outerRefs

package/styled-components/es/components/Checkbox/Checkbox.js

@@ -78,7 +78,8 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef, useEffect, useMemo, useRef } from "react";
-import { safeUseId, useForkRef, extractTextFrom } from "@salutejs/plasma-core";
+import { useForkRef, extractTextFrom } from "@salutejs/plasma-core";
+import { safeUseId } from "../../utils";
 import { cx } from "../../utils";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as sizeCSS } from "./variations/_size/base";

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -140,7 +140,8 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from "react";
-import { safeUseId, useForkRef } from "@salutejs/plasma-core";
+import { useForkRef } from "@salutejs/plasma-core";
+import { safeUseId } from "../../../utils";
 import { isEmpty } from "../../../utils";
 import { useOutsideClick } from "../../../hooks";
 import { sizeToIconSize } from "../../Select/utils";

package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
 }
 import { flip, shift, size, useFloating, FloatingPortal, offset as offsetMiddleware, autoUpdate } from "@floating-ui/react";
 import React, { forwardRef } from "react";
-import { safeUseId } from "@salutejs/plasma-core";
+import { safeUseId } from "../../../utils";
 // TODO: #2003
 var LIST_PADDING = 2;
 var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {

package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { safeUseId } from "@salutejs/plasma-core";
+import { safeUseId } from "../../../../../utils";
 import { FloatingPopover } from "../../FloatingPopover";
 import { isEmpty } from "../../../../../utils";
 import { Ul, ListWrapper } from "../../Combobox.styles";

package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js

@@ -100,7 +100,8 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import React, { Children, forwardRef, useEffect, useRef, useState } from "react";
-import { safeUseId, useForkRef } from "@salutejs/plasma-core";
+import { useForkRef } from "@salutejs/plasma-core";
+import { safeUseId } from "../../../utils";
 import { cx, getPlacements } from "../../../utils";
 import { useDidMountEffect, useForceUpdate } from "../../../hooks";
 import { getChildren, getNewSelected, getValues } from "./utils";

package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js

@@ -54,7 +54,7 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import React, { forwardRef, useCallback, useMemo } from "react";
-import { safeUseId } from "@salutejs/plasma-core";
+import { safeUseId } from "../../../../../utils";
 import { classes } from "../../Combobox.tokens";
 import { getValidComponent } from "../../utils";
 import { cx } from "../../../../../utils";