@salutejs/plasma-new-hope 0.326.1-canary.2043.15852251108.0 → 0.327.0-canary.1741.15775036215.0

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

@@ -19,13 +19,12 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../utils");
-var _utils1 = require("../../../utils");
 var _hooks = require("../../../hooks");
-var _utils2 = require("../../Select/utils");
+var _utils1 = require("../../Select/utils");
 var _Comboboxtokens = require("./Combobox.tokens");
 var _FloatingPopover = require("./FloatingPopover");
 var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
-var _utils3 = require("./utils");
+var _utils2 = require("./utils");
 var _ui = require("./ui");
 var _reducers = require("./reducers");
 var _getPathMaps = require("./hooks/getPathMaps");
@@ -264,7 +263,7 @@ var comboboxRoot = function(Root) {
             "onToggle"
         ]);
         var transformedItems = (0, _react.useMemo)(function() {
-            return (0, _utils3.initialItemsTransform)(items || []);
+            return (0, _utils2.initialItemsTransform)(items || []);
         }, [
             items
         ]);
@@ -280,10 +279,10 @@ var comboboxRoot = function(Root) {
         var inputRef = (0, _react.useRef)(null);
         var floatingPopoverRef = (0, _react.useRef)(null);
         var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
-        var treeId = (0, _utils.safeUseId)();
+        var treeId = (0, _plasmacore.safeUseId)();
         var filteredItems = (0, _react.useMemo)(function() {
             var _valueToItemMap_get;
-            return (0, _utils3.filterItems)(transformedItems, textValue, ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value, filter);
+            return (0, _utils2.filterItems)(transformedItems, textValue, ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value, filter);
         }, [
             transformedItems,
             textValue,
@@ -321,7 +320,7 @@ var comboboxRoot = function(Root) {
             // Если изменилось, то возвращаем label выбранного айтема.
             // Если нет выбранного элемента, то стираем значение инпута.
             if (textValue !== value) {
-                if ((0, _utils1.isEmpty)(value)) {
+                if ((0, _utils.isEmpty)(value)) {
                     setTextValue('');
                 } else if (multiple) {
                     setTextValue('');
@@ -399,7 +398,7 @@ var comboboxRoot = function(Root) {
                         resultValues.splice(index, 1);
                     }
                 });
-                var removedItemValue = (0, _utils3.getRemovedElement)(value, resultValues, isTargetAmount);
+                var removedItemValue = (0, _utils2.getRemovedElement)(value, resultValues, isTargetAmount);
                 onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
                     value: removedItemValue,
                     label: removedItemValue.toString()
@@ -409,7 +408,7 @@ var comboboxRoot = function(Root) {
                     var _labelToItemMap_get;
                     return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
                 });
-                var removedItemValue1 = (0, _utils3.getRemovedElement)(value, newValues, isTargetAmount);
+                var removedItemValue1 = (0, _utils2.getRemovedElement)(value, newValues, isTargetAmount);
                 onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
                     value: removedItemValue1,
                     label: removedItemValue1.toString()
@@ -445,12 +444,12 @@ var comboboxRoot = function(Root) {
             var checkedCopy = new Map(checked);
             if (!checkedCopy.get(item.value)) {
                 checkedCopy.set(item.value, true);
-                (0, _utils3.updateDescendants)(item, checkedCopy, true, valueToItemMap);
+                (0, _utils2.updateDescendants)(item, checkedCopy, true, valueToItemMap);
             } else {
                 checkedCopy.set(item.value, false);
-                (0, _utils3.updateDescendants)(item, checkedCopy, false);
+                (0, _utils2.updateDescendants)(item, checkedCopy, false);
             }
-            (0, _utils3.updateAncestors)(item, checkedCopy);
+            (0, _utils2.updateAncestors)(item, checkedCopy);
             var newValues = [];
             valueToItemMap.forEach(function(item, key) {
                 if (checkedCopy.get(key)) {
@@ -479,7 +478,7 @@ var comboboxRoot = function(Root) {
         };
         // Обработчик клика по айтему выпадающего списка
         var handleItemClick = function(item, e) {
-            if (!(0, _utils1.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
+            if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
                 return;
             }
             if (multiple) {
@@ -525,7 +524,7 @@ var comboboxRoot = function(Root) {
             return [];
         };
         var handlePressDown = function(item, e) {
-            if ((0, _utils1.isEmpty)(item.items)) {
+            if ((0, _utils.isEmpty)(item.items)) {
                 handleItemClick(item, e);
             } else if (multiple) {
                 handleCheckboxChange(item);
@@ -557,14 +556,14 @@ var comboboxRoot = function(Root) {
             checkedCopy.forEach(function(_, key) {
                 checkedCopy.set(key, false);
             });
-            if (!(0, _utils1.isEmpty)(value)) {
+            if (!(0, _utils.isEmpty)(value)) {
                 if (Array.isArray(value)) {
                     value.forEach(function(val) {
                         // Только если value находится в items, т.к. value может и не существовать в items.
                         if (valueToItemMap.has(val)) {
                             checkedCopy.set(val, true);
-                            (0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
-                            (0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
+                            (0, _utils2.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
+                            (0, _utils2.updateAncestors)(valueToItemMap.get(val), checkedCopy);
                         }
                     });
                 } else {
@@ -572,7 +571,7 @@ var comboboxRoot = function(Root) {
                     // eslint-disable-next-line no-lonely-if
                     if (valueToItemMap.has(value)) {
                         checkedCopy.set(value, 'done');
-                        (0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
+                        (0, _utils2.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
                     }
                 }
             }
@@ -583,8 +582,7 @@ var comboboxRoot = function(Root) {
         // А переменную, содержащую сложные типы данных, нельзя помещать в deps.
         }, [
             outerValue,
-            internalValue,
-            items
+            internalValue
         ]);
         (0, _react.useLayoutEffect)(function() {
             if (defaultValue) {
@@ -651,7 +649,7 @@ var comboboxRoot = function(Root) {
                         onClick: handleClickArrow
                     }, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
                         color: "inherit",
-                        size: (0, _utils2.sizeToIconSize)(size),
+                        size: (0, _utils1.sizeToIconSize)(size),
                         className: withArrowInverse
                     })),
                     textBefore: textBefore,
@@ -664,7 +662,7 @@ var comboboxRoot = function(Root) {
                     "aria-autocomplete": "list",
                     "aria-controls": "".concat(treeId, "_tree_level_1"),
                     "aria-expanded": isCurrentListOpen,
-                    "aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : '',
+                    "aria-activedescendant": activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue) : '',
                     labelPlacement: labelPlacement,
                     keepPlaceholder: keepPlaceholder
                 }, multiple ? {
@@ -697,7 +695,7 @@ var comboboxRoot = function(Root) {
             virtual: virtual,
             listOverflow: listOverflow,
             onScroll: virtual ? undefined : onScroll
-        }, beforeList, (0, _utils1.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
+        }, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
             className: _Comboboxtokens.classes.emptyStateWrapper,
             size: size,
             description: emptyStateDescription || 'Ничего не найдено'

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FloatingPopover", {
 });
 var _react = require("@floating-ui/react");
 var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -137,7 +137,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
             })
         ]
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
-    var wrappedId = (0, _utils.safeUseId)();
+    var wrappedId = (0, _plasmacore.safeUseId)();
     var handleClick = function() {
         if (onToggle) {
             onToggle(!opened);

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

@@ -9,9 +9,9 @@ Object.defineProperty(exports, "Inner", {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _utils = require("../../../../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 var _FloatingPopover = require("../../FloatingPopover");
-var _utils1 = require("../../../../../utils");
+var _utils = require("../../../../../utils");
 var _Comboboxstyles = require("../../Combobox.styles");
 var _ui = require("./ui");
 function _interop_require_default(obj) {
@@ -36,10 +36,10 @@ var Inner = function(param) {
         }
     };
     var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-    var treeId = (0, _utils.safeUseId)();
+    var treeId = (0, _plasmacore.safeUseId)();
     var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
     var nextLevel = currentLevel + 1;
-    if (!(0, _utils1.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
+    if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
         var _item_items;
         return /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
             placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',

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

@@ -19,9 +19,8 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../utils");
-var _utils1 = require("../../../utils");
 var _hooks = require("../../../hooks");
-var _utils2 = require("./utils");
+var _utils1 = require("./utils");
 var _hooks1 = require("./hooks");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
@@ -196,7 +195,7 @@ var comboboxRoot = function(Root) {
         ]);
         var _targetRef_current;
         var forceUpdate = (0, _hooks.useForceUpdate)();
-        var uniqId = (0, _utils.safeUseId)();
+        var uniqId = (0, _plasmacore.safeUseId)();
         var innerId = id || uniqId;
         var _rest_valueType = rest.valueType, valueType = _rest_valueType === void 0 ? 'single' : _rest_valueType, value = rest.value;
         var offset = [
@@ -268,11 +267,11 @@ var comboboxRoot = function(Root) {
             var _item_dataset = item.dataset, newValue = _item_dataset.value;
             if (rest.valueType === 'multiple') {
                 var _rest_onChangeValue1;
-                var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, rest.valueType);
+                var newSelected = (0, _utils1.getNewSelected)(rest.value, newValue, rest.valueType);
                 (_rest_onChangeValue1 = rest.onChangeValue) === null || _rest_onChangeValue1 === void 0 ? void 0 : _rest_onChangeValue1.call(rest, newSelected);
                 return;
             }
-            var newSelected1 = (0, _utils2.getNewSelected)(rest.value, newValue, 'single');
+            var newSelected1 = (0, _utils1.getNewSelected)(rest.value, newValue, 'single');
             (_rest_onChangeValue = rest.onChangeValue) === null || _rest_onChangeValue === void 0 ? void 0 : _rest_onChangeValue.call(rest, newSelected1);
             onInnerToggle === null || onInnerToggle === void 0 ? void 0 : onInnerToggle(alwaysOpened || false, event);
             closedWithoutChanges.current = false;
@@ -302,11 +301,11 @@ var comboboxRoot = function(Root) {
             updateValue: updateValue
         }), onKeyDownTarget = _useKeyNavigation.onKeyDownTarget, onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
         var childrenArray = _react.Children.toArray(children);
-        var childrenMemo = (0, _utils2.getChildren)(childrenArray, {
+        var childrenMemo = (0, _utils1.getChildren)(childrenArray, {
             onClick: onClickChildrenItem,
             childrenRefs: itemsRefs
         }, value, filterValue, filterFunction).filter(Boolean);
-        var values = (0, _utils2.getValues)(childrenArray, value);
+        var values = (0, _utils1.getValues)(childrenArray, value);
         var onSearch = function(newSearch, newOpened) {
             setSearch(newSearch);
             setFilterValue(newSearch);
@@ -359,10 +358,10 @@ var comboboxRoot = function(Root) {
                 onSearch: onSearch,
                 onKeyDown: onKeyDownHandle
             }, rest)),
-            className: (0, _utils1.cx)(ref === null || ref === void 0 ? void 0 : ref.classList.toString()),
+            className: (0, _utils.cx)(ref === null || ref === void 0 ? void 0 : ref.classList.toString()),
             id: innerId,
             offset: offset,
-            placement: (0, _utils1.getPlacements)(placement),
+            placement: (0, _utils.getPlacements)(placement),
             usePortal: usePortal,
             selectWidth: dynamicTargetWidth,
             frame: frame,

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

@@ -17,10 +17,10 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../../../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 var _Comboboxtokens = require("../../Combobox.tokens");
-var _utils1 = require("../../utils");
-var _utils2 = require("../../../../../utils");
+var _utils = require("../../utils");
+var _utils1 = require("../../../../../utils");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _ComboboxItemstyles = require("./ComboboxItem.styles");
@@ -141,7 +141,7 @@ var comboboxItemRoot = function(Root) {
             "onClick",
             "onChange"
         ]);
-        var uniqId = (0, _utils.safeUseId)();
+        var uniqId = (0, _plasmacore.safeUseId)();
         var innerId = id || uniqId;
         var withComboboxItemIsSelected = checked || isSelected ? _Comboboxtokens.classes.comboboxItemIsSelected : undefined;
         var withComboboxItemIsDisabled = disabled ? _Comboboxtokens.classes.comboboxItemIsDisabled : undefined;
@@ -179,19 +179,19 @@ var comboboxItemRoot = function(Root) {
             onChange: handleOnChange
         });
         var ContentLeft = (0, _react.useMemo)(function() {
-            return (0, _utils1.getValidComponent)(ContentLeftComponent, contentProps);
+            return (0, _utils.getValidComponent)(ContentLeftComponent, contentProps);
         }, [
             ContentRightComponent,
             contentProps
         ]);
         var ContentRight = (0, _react.useMemo)(function() {
-            return (0, _utils1.getValidComponent)(ContentRightComponent, contentProps);
+            return (0, _utils.getValidComponent)(ContentRightComponent, contentProps);
         }, [
             ContentRightComponent,
             contentProps
         ]);
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
-            className: (0, _utils2.cx)(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
+            className: (0, _utils1.cx)(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
             view: view,
             size: size,
             id: innerId,

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

@@ -17,8 +17,8 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../utils");
-var _utils1 = require("../../utils");
 var _hooks = require("../../hooks");
 var _pathReducer = require("./reducers/pathReducer");
 var _focusedPathReducer = require("./reducers/focusedPathReducer");
@@ -26,7 +26,7 @@ var _ui = require("./ui");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _Dropdownstyles = require("./Dropdown.styles");
-var _utils2 = require("./utils");
+var _utils1 = require("./utils");
 var _Dropdowntokens = require("./Dropdown.tokens");
 var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
 var _useHashMaps = require("./hooks/useHashMaps");
@@ -211,9 +211,9 @@ var dropdownRoot = function(Root) {
         var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_focusedPathReducer.focusedPathReducer, []), 2), focusedPath = _useReducer1[0], dispatchFocusedPath = _useReducer1[1];
         var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
         var _useHashMaps1 = _sliced_to_array((0, _useHashMaps.useHashMaps)(items), 2), pathMap = _useHashMaps1[0], focusedToValueMap = _useHashMaps1[1];
-        var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
+        var activeDescendantItemValue = ((_getItemByFocused = (0, _utils1.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
         var floatingPopoverRef = (0, _react.useRef)(null);
-        var treeId = (0, _utils.safeUseId)();
+        var treeId = (0, _plasmacore.safeUseId)();
         // Логика работы при клике за пределами выпадающего списка
         var targetRef = (0, _hooks.useOutsideClick)(function(event) {
             if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {
@@ -288,22 +288,22 @@ var dropdownRoot = function(Root) {
             ref: floatingPopoverRef,
             opened: isCurrentListOpen,
             onToggle: handleGlobalToggle,
-            placement: (0, _utils2.getPlacement)(placement),
+            placement: (0, _utils1.getPlacement)(placement),
             offset: offset,
             portal: portal,
             trigger: trigger,
-            target: (0, _utils2.childrenWithProps)(children, {
+            target: (0, _utils1.childrenWithProps)(children, {
                 role: 'combobox',
                 'aria-controls': "".concat(treeId, "_tree_level_1"),
                 'aria-expanded': isCurrentListOpen,
-                'aria-activedescendant': activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue.toString()) : '',
+                'aria-activedescendant': activeDescendantItemValue ? (0, _utils1.getItemId)(treeId, activeDescendantItemValue.toString()) : '',
                 onKeyDown: onKeyDown,
                 onContextMenu: openByRightClick ? onContextMenu : undefined
             }),
             zIndex: zIndex,
             isInner: false
         }, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
-            className: (0, _utils1.cx)(className, _Dropdowntokens.classes.dropdownRoot),
+            className: (0, _utils.cx)(className, _Dropdowntokens.classes.dropdownRoot),
             ref: ref,
             view: view,
             size: size,

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FloatingPopover", {
 });
 var _react = require("@floating-ui/react");
 var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -137,7 +137,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
             (0, _react.shift)()
         ]
     }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
-    var wrappedId = (0, _utils.safeUseId)();
+    var wrappedId = (0, _plasmacore.safeUseId)();
     var handleTargetClick = function(event) {
         if (trigger === 'hover') {
             return;

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "DropdownInner", {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _utils = require("../../../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 var _DropdownItem = require("../DropdownItem/DropdownItem");
 var _Dropdownstyles = require("../../Dropdown.styles");
 var _FloatingPopover = require("../../FloatingPopover");
-var _utils1 = require("../../utils");
+var _utils = require("../../utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -36,12 +36,12 @@ var DropdownInner = function(param) {
         }
     };
     var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-    var treeId = (0, _utils.safeUseId)();
+    var treeId = (0, _plasmacore.safeUseId)();
     var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
     var nextLevel = currentLevel + 1;
     if (item === null || item === void 0 ? void 0 : item.items) {
         return /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
-            placement: (0, _utils1.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
+            placement: (0, _utils.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
             opened: isCurrentListOpen,
             onToggle: handleToggle,
             trigger: item.trigger || trigger,

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

@@ -17,8 +17,9 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 var _Dropdowntokens = require("../../Dropdown.tokens");
+var _utils = require("../../../../utils");
 var _utils1 = require("../../utils");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
@@ -140,7 +141,7 @@ var dropdownItemOldRoot = function(Root) {
             "onClick",
             "onChange"
         ]);
-        var uniqId = (0, _utils.safeUseId)();
+        var uniqId = (0, _plasmacore.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 _utils = require("../../../../utils");
 var _hooks = require("../../../../hooks");
+var _utils = require("../../../../utils");
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _Dropdownstyles = require("./Dropdown.styles");

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 _utils = require("../../utils");
 var _Checkboxstyles = require("../Checkbox/Checkbox.styles");
+var _utils = require("../../utils");
 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, _utils.safeUseId)();
+        var uniqId = (0, _plasmacore.safeUseId)();
         var uniqLabelId = "label-".concat(uniqId);
         var uniqDescriptionId = "description-".concat(uniqId);
         var radioboxId = id || "input-".concat(uniqId);

package/styled-components/cjs/components/Rating/Rating.styles.js

@@ -78,37 +78,37 @@ var base = (0, _styledcomponents.css)([
 ]);
 var Score = _styledcomponents.default.div.withConfig({
     displayName: "Rating.styles__Score",
-    componentId: "sc-649ec277-0"
+    componentId: "sc-855501ec-0"
 })([
     ""
 ]);
 var Wrapper = _styledcomponents.default.div.withConfig({
     displayName: "Rating.styles__Wrapper",
-    componentId: "sc-649ec277-1"
+    componentId: "sc-855501ec-1"
 })([
-    "display:flex;align-items:flex-start;flex-direction:column;"
+    "display:flex;align-items:start;flex-direction:column;"
 ]);
 var Content = _styledcomponents.default.div.withConfig({
     displayName: "Rating.styles__Content",
-    componentId: "sc-649ec277-2"
+    componentId: "sc-855501ec-2"
 })([
     "display:flex;align-items:center;width:fit-content;"
 ]);
 var StarsWrapper = _styledcomponents.default.div.withConfig({
     displayName: "Rating.styles__StarsWrapper",
-    componentId: "sc-649ec277-3"
+    componentId: "sc-855501ec-3"
 })([
     "display:flex;"
 ]);
 var Star = _styledcomponents.default.div.withConfig({
     displayName: "Rating.styles__Star",
-    componentId: "sc-649ec277-4"
+    componentId: "sc-855501ec-4"
 })([
     "display:flex;"
 ]);
 var HelperText = _styledcomponents.default.span.withConfig({
     displayName: "Rating.styles__HelperText",
-    componentId: "sc-649ec277-5"
+    componentId: "sc-855501ec-5"
 })([
     "word-break:break-word;"
 ]);

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

@@ -20,9 +20,10 @@ _export(exports, {
     }
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _utils = require("../../../../utils");
+var _plasmacore = require("@salutejs/plasma-core");
 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");
@@ -207,7 +208,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, _utils.safeUseId)();
+        var uniqId = (0, _plasmacore.safeUseId)();
         var segmentGroupId = id || uniqId;
         var canClip = clip && !stretch;
         var isVertical = orientation === 'vertical';

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

@@ -17,6 +17,7 @@ _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");
@@ -137,7 +138,7 @@ var segmentItemRoot = function(Root) {
             'aria-label'
         ]);
         var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(), disabledGroup = _useSegmentInner.disabledGroup, handleSelect = _useSegmentInner.handleSelect, selectedSegmentItems = _useSegmentInner.selectedSegmentItems;
-        var uniqId = (0, _utils.safeUseId)();
+        var uniqId = (0, _plasmacore.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 _utils = require("../../utils");
-var _utils1 = require("./utils");
+var _plasmacore = require("@salutejs/plasma-core");
+var _utils = 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, _utils1.getPlacement)(placement),
+        placement: (0, _utils.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, _utils1.getFallbackPlacements)(placement)
+                fallbackPlacements: (0, _utils.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, _utils.safeUseId)();
+    var wrappedId = (0, _plasmacore.safeUseId)();
     var handleClick = function() {
         if (onToggle) {
             onToggle(!opened);

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

@@ -17,6 +17,7 @@ _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");
@@ -264,7 +265,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, _utils.safeUseId)();
+        var treeId = (0, _plasmacore.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,6 +9,7 @@ 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");
@@ -35,7 +36,7 @@ var Inner = function(param) {
         }
     };
     var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-    var treeId = (0, _utils.safeUseId)();
+    var treeId = (0, _plasmacore.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)) {