@salutejs/plasma-new-hope 0.330.0-canary.1655.16067895478.0 → 0.330.0-canary.2050.16051901455.0

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

@@ -1,3 +1,11 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+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 _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -53,30 +88,86 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-import React, { forwardRef } from "react";
-import { NumericFormat } from "react-number-format";
+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 _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import React, { forwardRef, useEffect, useRef, useState } from "react";
+import { NumericFormat, numericFormatter } from "react-number-format";
+import { useForkRef } from "@salutejs/plasma-core";
 export var composeNumberFormat = function(InputComponent) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        var _param_thousandSeparator = _param.thousandSeparator, thousandSeparator = _param_thousandSeparator === void 0 ? ' ' : _param_thousandSeparator, _param_decimalScale = _param.decimalScale, decimalScale = _param_decimalScale === void 0 ? 3 : _param_decimalScale, _param_decimalSeparator = _param.decimalSeparator, decimalSeparator = _param_decimalSeparator === void 0 ? '.' : _param_decimalSeparator, disabled = _param.disabled, value = _param.value, onChange = _param.onChange, onPaste = _param.onPaste, rest = _object_without_properties(_param, [
             "thousandSeparator",
             "decimalScale",
             "decimalSeparator",
-            "onChange"
+            "disabled",
+            "value",
+            "onChange",
+            "onPaste"
         ]);
+        var inputRef = useRef(null);
+        var inputForkRef = useForkRef(inputRef, outerRef);
+        var _useState = _sliced_to_array(useState(value ? numericFormatter(String(value), {
+            thousandSeparator: thousandSeparator,
+            decimalScale: decimalScale,
+            decimalSeparator: decimalSeparator
+        }) : ''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
         var handleChangeValue = function(values, sourceInfo) {
             if (onChange) {
                 var changeEvent = sourceInfo.event;
+                setInnerValue(values.value);
                 onChange(changeEvent, values);
             }
         };
+        var handlePaste = function(event) {
+            if (disabled) {
+                return;
+            }
+            if (decimalSeparator !== '.' && inputRef.current) {
+                if (!Number.isNaN(Number(event.clipboardData.getData('text/plain')))) {
+                    event.preventDefault();
+                    var pastedValue = event.clipboardData.getData('text/plain').replace('.', decimalSeparator);
+                    var input = event.target;
+                    var startPos = input.selectionStart || 0;
+                    var newCursorPos = startPos + pastedValue.length;
+                    setInnerValue(pastedValue);
+                    setTimeout(function() {
+                        var _inputRef_current;
+                        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(newCursorPos, newCursorPos);
+                    }, 10);
+                }
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+        };
+        useEffect(function() {
+            setInnerValue(value ? numericFormatter(String(value), {
+                thousandSeparator: thousandSeparator,
+                decimalScale: decimalScale,
+                decimalSeparator: decimalSeparator
+            }) : '');
+        }, [
+            value
+        ]);
         return /*#__PURE__*/ React.createElement(NumericFormat, _object_spread({
+            value: innerValue,
             thousandSeparator: thousandSeparator,
             decimalScale: decimalScale,
             decimalSeparator: decimalSeparator,
             customInput: InputComponent,
-            getInputRef: outerRef,
+            getInputRef: inputForkRef,
             _textEllipsisDisable: true,
-            onValueChange: handleChangeValue
+            onValueChange: handleChangeValue,
+            onPaste: handlePaste
         }, rest));
     });
 };

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

@@ -101,15 +101,12 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useRef } from "react";
 import { useForkRef } from "@salutejs/plasma-core";
-// import Draggable from 'react-draggable';
-import { Resizable } from "re-resizable";
 import { canUseDOM, cx, safeUseId } from "../../utils";
 import { Portal } from "../Portal";
-import { getRatioBasedOnPlacement, getResizeDirections, getHandleStyles } from "./utils";
 import { PopupRoot } from "./PopupRoot";
 import { usePopup } from "./hooks";
 import { classes } from "./Popup.tokens";
-import { StyledPortalContainer, base, IconResizeDiagonalStyled } from "./Popup.styles";
+import { StyledPortalContainer } from "./Popup.styles";
 export var handlePosition = function(placement, offset) {
     var x = '0rem';
     var y = '0rem';
@@ -173,7 +170,7 @@ export var handlePosition = function(placement, offset) {
             0,
             0
         ] : _param_offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, children = _param.children, overlay = _param.overlay, // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, _param_draggable = _param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
+        role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, rest = _object_without_properties(_param, [
             "id",
             "isOpen",
             "opened",
@@ -186,12 +183,8 @@ export var handlePosition = function(placement, offset) {
             "zIndex",
             "popupInfo",
             "withAnimation",
-            "className",
-            "draggable",
-            "handle",
-            "resizable"
+            "className"
         ]);
-        var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
         var innerIsOpen = isOpen || opened;
         var uniqId = safeUseId();
         var innerId = id || uniqId;
@@ -204,10 +197,10 @@ export var handlePosition = function(placement, offset) {
         var portalRef = useRef(null);
         var contentRef = useRef(null);
         var innerRef = useForkRef(contentRef, outerRootRef);
-        var cls = cx(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? classes.endTransition : '');
         if (!isVisible && !innerIsOpen) {
             return null;
         }
+        var cls = cx(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? classes.endTransition : '');
         var rootNode = /*#__PURE__*/ React.createElement(Root, {
             className: cls
         }, overlay, /*#__PURE__*/ React.createElement(PopupRoot, _object_spread({
@@ -218,39 +211,7 @@ export var handlePosition = function(placement, offset) {
             frame: frame,
             animationInfo: animationInfo,
             setVisible: setVisible
-        }, rest), /*#__PURE__*/ React.createElement(Resizable, {
-            enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
-            resizeRatio: getRatioBasedOnPlacement(placement),
-            defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
-            minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
-            minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
-            maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
-            maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
-            handleComponent: {
-                topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
-                    className: classes.resizableTopRightIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
-                    className: classes.resizableBottomRightIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
-                    className: classes.resizableBottomLeftIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                }),
-                topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
-                    className: classes.resizableTopLeftIcon,
-                    color: "inherit",
-                    size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
-                })
-            },
-            className: classes.resizableContainer,
-            handleStyles: getHandleStyles(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
-        }, children)));
+        }, rest), children));
         if (typeof frame !== 'string' && frame && frame.current && canUseDOM) {
             return /*#__PURE__*/ React.createElement(Portal, {
                 container: frame.current
@@ -277,7 +238,7 @@ export var popupConfig = {
     name: 'Popup',
     tag: 'div',
     layout: popupRoot,
-    base: base,
+    base: '',
     variations: {},
     defaults: {}
 };

package/styled-components/es/components/Popup/Popup.styles.js

@@ -1,32 +1,26 @@
 import styled from "styled-components";
-import { css } from "styled-components";
-import { IconResizeDiagonal } from "../_Icon";
-import { classes } from "./Popup.tokens";
 import { DEFAULT_Z_INDEX } from "./utils";
-export var base = css([
-    ""
-]);
 export var StyledPortal = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortal",
-    componentId: "sc-53e4f17f-0"
+    componentId: "sc-9d33eb36-0"
 })([
     ""
 ]);
 export var StyledPortalContainer = styled.div.withConfig({
     displayName: "Popup.styles__StyledPortalContainer",
-    componentId: "sc-53e4f17f-1"
+    componentId: "sc-9d33eb36-1"
 })([
     "width:0;"
 ]);
 export var PopupView = styled.div.withConfig({
     displayName: "Popup.styles__PopupView",
-    componentId: "sc-53e4f17f-2"
+    componentId: "sc-9d33eb36-2"
 })([
     "position:relative;max-width:100%;pointer-events:all;"
 ]);
 export var PopupRootContainer = styled.div.withConfig({
     displayName: "Popup.styles__PopupRootContainer",
-    componentId: "sc-53e4f17f-3"
+    componentId: "sc-9d33eb36-3"
 })([
     "position:",
     ";z-index:",
@@ -58,13 +52,3 @@ export var PopupRootContainer = styled.div.withConfig({
     var position = param.position;
     return position.transform || '';
 });
-export var IconResizeDiagonalStyled = styled(IconResizeDiagonal).withConfig({
-    displayName: "Popup.styles__IconResizeDiagonalStyled",
-    componentId: "sc-53e4f17f-4"
-})([
-    "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
-    "{transform:rotate(-90deg);}&.",
-    "{transform:rotate(0);}&.",
-    "{transform:rotate(90deg);}&.",
-    "{transform:rotate(180deg);}"
-], classes.resizableTopRightIcon, classes.resizableBottomRightIcon, classes.resizableBottomLeftIcon, classes.resizableTopLeftIcon);

package/styled-components/es/components/Popup/Popup.tokens.js

@@ -3,10 +3,5 @@ export var classes = {
      * Класс корневого компонента PopupRoot: `popup-base-root`
      */ root: 'popup-base-root',
     endAnimation: 'popup-end-animation',
-    endTransition: 'popup-end-transition',
-    resizableContainer: 'resizable-container',
-    resizableTopRightIcon: 'resizable-top-right-icon',
-    resizableBottomRightIcon: 'resizable-bottom-right-icon',
-    resizableBottomLeftIcon: 'resizable-bottom-left-icon',
-    resizableTopLeftIcon: 'resizable-top-left-icon'
+    endTransition: 'popup-end-transition'
 };

package/styled-components/es/components/Popup/utils/index.js

@@ -1,4 +1 @@
-export * from "./getRatioBasedOnPlacement";
-export * from "./getResizeDirections";
-export * from "./getHandleStyles";
 export var DEFAULT_Z_INDEX = '9000';

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

@@ -134,7 +134,7 @@ export var textFieldRoot = function(Root) {
         hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
         view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, hasDivider = _param.hasDivider, // controlled
         outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // events
-        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, // Пропсы для внутреннего использования, не отдается наружу.
+        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
         _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
         _forceChipManipulationWithReadonly = _param._forceChipManipulationWithReadonly, rest = _object_without_properties(_param, [
@@ -184,6 +184,7 @@ export var textFieldRoot = function(Root) {
             "onKeyDown",
             "onFocus",
             "onBlur",
+            "onPaste",
             "_onEnterDisabled",
             "_forceChipManipulationWithReadonly"
         ]);
@@ -248,17 +249,6 @@ export var textFieldRoot = function(Root) {
             var value = event.target.value;
             setHasValue(Boolean(value));
         };
-        useEffect(function() {
-            if (hasTextAfter && inputRef.current) {
-                var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
-                inputRef.current.style.width = "".concat(textWidth, "px");
-            } else {
-                var _inputRef_current;
-                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.style.removeProperty('width');
-            }
-        }, [
-            hasTextAfter
-        ]);
         var handleFocus = function(event) {
             setHasFocus(true);
             onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
@@ -293,12 +283,31 @@ export var textFieldRoot = function(Root) {
             if (maxLength !== -1 && value.length > maxLength) {
                 return;
             }
-            onChange === null || onChange === void 0 ? void 0 : onChange(event);
+            if (onChange) {
+                onChange(event);
+            }
             if (hasTextAfter) {
                 var textWidth = getInputWidth(event.currentTarget, inputContainerRef.current);
                 event.currentTarget.style.width = "".concat(textWidth, "px");
             }
         };
+        var handlePaste = function(event) {
+            if (disabled || readOnly) {
+                return;
+            }
+            if (onPaste) {
+                onPaste(event);
+            }
+            if (hasTextAfter) {
+                setTimeout(function() {
+                    if (!inputRef.current) {
+                        return;
+                    }
+                    var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
+                    inputRef.current.style.width = "".concat(textWidth, "px");
+                });
+            }
+        };
         var updateChips = function(newChips, newValues) {
             setChips(newChips);
             onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
@@ -339,6 +348,18 @@ export var textFieldRoot = function(Root) {
                 onKeyDown(event);
             }
         };
+        useEffect(function() {
+            if (hasTextAfter && inputRef.current) {
+                var textWidth = getInputWidth(inputRef.current, inputContainerRef.current);
+                inputRef.current.style.width = "".concat(textWidth, "px");
+            } else {
+                var _inputRef_current;
+                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.style.removeProperty('width');
+            }
+        }, [
+            hasTextAfter,
+            outerValue
+        ]);
         useEffect(function() {
             if (!isChipEnumeration && !(values === null || values === void 0 ? void 0 : values.length)) {
                 return;
@@ -492,6 +513,7 @@ export var textFieldRoot = function(Root) {
             onKeyDown: handleOnKeyDown,
             onFocus: handleFocus,
             onBlur: handleBlur,
+            onPaste: handlePaste,
             "data-tour": true
         }, rest)), hasInnerLabel && /*#__PURE__*/ React.createElement(Label, {
             "data-root": true,

package/styled-components/es/components/_Icon/index.js

@@ -48,4 +48,3 @@ export { IconEditOutline } from "./Icons/IconEditOutline";
 export { IconResetOutline } from "./Icons/IconResetOutline";
 export { IconDoneCircleOutline } from "./Icons/IconDoneCircleOutline";
 export { IconTrash } from "./Icons/IconTrash";
-export { IconResizeDiagonal } from "./Icons/IconResizeDiagonal";

package/types/components/Breadcrumbs/utils/index.d.ts

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
-export declare const convertIconSize: (size?: string) => "xs" | "s";
+export declare const convertIconSize: (size?: string) => "s" | "xs";
 export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => ReactNode[];
 //# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts

@@ -1,3 +1,3 @@
 import { ComboboxProps } from '../Combobox.types';
-export declare const sizeToIconSize: (size?: string, variant?: ComboboxProps["variant"]) => "xs" | "s";
+export declare const sizeToIconSize: (size?: string, variant?: ComboboxProps["variant"]) => "s" | "xs";
 //# sourceMappingURL=sizeToIconSize.d.ts.map

package/types/components/Drawer/Drawer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { RootProps } from '../../engines';
 import type { DrawerProps } from './Drawer.types';
-export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<Omit<import("../Popup").PopupProps, "draggable" | "handle" | "resizable"> & Omit<import("../Panel").PanelProps, "draggable"> & {
+export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
     placement?: import("./Drawer.types").DrawerPlacement;
     asModal?: boolean;
     customBackgroundColor?: string;
@@ -18,7 +18,7 @@ export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>)
 export declare const drawerConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<Omit<import("../Popup").PopupProps, "draggable" | "handle" | "resizable"> & Omit<import("../Panel").PanelProps, "draggable"> & {
+    layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
         placement?: import("./Drawer.types").DrawerPlacement;
         asModal?: boolean;
         customBackgroundColor?: string;

package/types/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;6BAoC3D,MAAA,UAAK;sBAGC,MAAO,SAAS;oBAKR,MAAO,SAAS;;wCAkFrC,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAhIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;iCAoC3D,MAAA,UAAK;0BAGC,MAAO,SAAS;wBAKR,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;CAyGzC,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAUlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;6BAiC1D,MACD,UAAE;sBAGF,MAAM,SAAS;oBAMZ,MAAO,SAAS;;wCAmF1B,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAhIQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;iCAiC1D,MACD,UAAE;0BAGF,MAAM,SAAS;wBAMZ,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;CA0G9B,CAAC"}

package/types/components/Drawer/Drawer.types.d.ts

@@ -8,7 +8,7 @@ export declare const drawerPlacements: {
     left: string;
 };
 export type DrawerPlacement = keyof typeof drawerPlacements;
-export type DrawerProps = Omit<PopupProps, 'draggable' | 'handle' | 'resizable'> & Omit<PanelProps, 'draggable'> & {
+export type DrawerProps = PopupProps & PanelProps & {
     /**
      * Расположение Drawer.
      * @default

package/types/components/Drawer/Drawer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC,GAC5E,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}
+{"version":3,"file":"Drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG,UAAU,GAChC,UAAU,GAAG;IACT;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;OAEG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEN,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,WAAW,GAAG,QAAQ,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,cAAc,GAAG,SAAS,CAAC;IAChE,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/types/components/Modal/Modal.d.ts

@@ -10,7 +10,7 @@ export declare const modalConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, ModalProps>) => React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
-    base: import("@linaria/core").LinariaClassName;
+    base: string;
     variations: {
         view: {
             css: import("@linaria/core").LinariaClassName;

package/types/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAoHhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAtHQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CAmIpE,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAa,MAAM,aAAa,CAAC;AASnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAS3C;;;GAGG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFA6GhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA/GQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;CA4HpE,CAAC"}

package/types/components/Modal/Modal.styles.d.ts

@@ -1,7 +1,4 @@
-export declare const base: import("@linaria/core").LinariaClassName;
-export declare const ModalBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    isResizableEnabled: boolean;
-}>;
+export declare const ModalBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const ModalContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const CloseButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 //# sourceMappingURL=Modal.styles.d.ts.map

package/types/components/Modal/Modal.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,SAAS;wBAAoC,OAAO;EAQhE,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,iLAwCvB,CAAC"}
+{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS,qKAKrB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,iLAwCvB,CAAC"}

package/types/components/NumberFormat/NumberFormat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAE1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBAyBgyB,CAAC,uCAAuC,CAAC;mGADv6B,CAAC"}
+{"version":3,"file":"NumberFormat.d.ts","sourceRoot":"","sources":["../../../src/components/NumberFormat/NumberFormat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,WAAW,EAAE,EAAE,EAAkB,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,qBAAqB,CAAC;AAG1E,OAAO,KAAK,EAER,wBAAwB,EACxB,0BAA0B,EAC7B,MAAM,sBAAsB,CAAC;AAE9B,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,0BAA0B,kBAAkB,EAAE,CAAC,CAAC,CAAC;;;;;;;;;qBA2CvB,CAAC,uCACrC,CAAC;mGAmCpC,CAAC"}

package/types/components/Popup/Popup.d.ts

@@ -10,7 +10,7 @@ export declare const popupConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, PopupProps>) => React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<HTMLDivElement>>;
-    base: import("@linaria/core").LinariaClassName;
+    base: string;
     variations: {};
     defaults: {};
 };

package/types/components/Popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAM9C,OAAO,KAAK,EAAuB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAMxG,eAAO,MAAM,cAAc,cACZ,cAAc,UACjB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5C,iBA8DF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAwIhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA1IQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;CAiJpE,CAAC"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,OAAO,KAAK,EAAuB,cAAc,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAMxG,eAAO,MAAM,cAAc,cACZ,cAAc,UACjB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,KAC5C,iBA8DF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAwFhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA1FQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;CAiGpE,CAAC"}

package/types/components/Popup/Popup.styles.d.ts

@@ -1,8 +1,6 @@
 import type { PopupRootContainerProps } from './Popup.types';
-export declare const base: import("@linaria/core").LinariaClassName;
 export declare const StyledPortal: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledPortalContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PopupView: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PopupRootContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & PopupRootContainerProps>;
-export declare const IconResizeDiagonalStyled: import("@linaria/react").StyledMeta & import("react").FC<import("../_Icon/IconRoot").IconProps>;
 //# sourceMappingURL=Popup.styles.d.ts.map

package/types/components/Popup/Popup.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.styles.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B,eAAO,MAAM,YAAY,qKAAe,CAAC;AAEzC,eAAO,MAAM,qBAAqB,qKAEjC,CAAC;AAEF,eAAO,MAAM,SAAS,qKAIrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sKAQ9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,iGA0BpC,CAAC"}
+{"version":3,"file":"Popup.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,eAAO,MAAM,YAAY,qKAAe,CAAC;AAEzC,eAAO,MAAM,qBAAqB,qKAEjC,CAAC;AAEF,eAAO,MAAM,SAAS,qKAIrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sKAQ9B,CAAC"}

package/types/components/Popup/Popup.tokens.d.ts

@@ -2,10 +2,5 @@ export declare const classes: {
     root: string;
     endAnimation: string;
     endTransition: string;
-    resizableContainer: string;
-    resizableTopRightIcon: string;
-    resizableBottomRightIcon: string;
-    resizableBottomLeftIcon: string;
-    resizableTopLeftIcon: string;
 };
 //# sourceMappingURL=Popup.tokens.d.ts.map

package/types/components/Popup/Popup.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;CAYnB,CAAC"}
+{"version":3,"file":"Popup.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/Popup.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAOnB,CAAC"}

package/types/components/Popup/Popup.types.d.ts

@@ -1,7 +1,6 @@
 export type PopupPlacementBasic = 'center' | 'top' | 'bottom' | 'right' | 'left';
 export type PopupPlacementMixed = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 export type PopupPlacement = PopupPlacementBasic | PopupPlacementMixed;
-export type ResizeDirections = Omit<PopupPlacement, 'center'>[];
 export interface PopupInfo {
     id: string;
     info?: Record<string, any>;
@@ -55,63 +54,6 @@ export interface PopupProps extends React.HTMLAttributes<HTMLDivElement> {
      * Использовать ли анимацию.
      */
     withAnimation?: boolean;
-    /**
-     * Включение draggable.
-     * @default false
-     */
-    draggable?: boolean;
-    /**
-     * Селектор для управления перетягиванием.
-     * Только при draggable = true.
-     */
-    handle?: string;
-    /**
-     * Настройка resizable-режима.
-     */
-    resizable?: {
-        /**
-         * Включение/выключение ресайза.
-         * @default false
-         */
-        disabled?: boolean;
-        /**
-         * Направления для ресайза.
-         */
-        directions?: ResizeDirections;
-        /**
-         * Скрывать ли иконку для ресайза.
-         * @default false
-         */
-        hiddenIcons?: PopupPlacementMixed[];
-        /**
-         * Начальный размер окна ресайза.
-         */
-        defaultSize?: {
-            width?: number;
-            height?: number;
-        };
-        /**
-         * Минимальная ширина ресайза в px.
-         */
-        minWidth?: number;
-        /**
-         * Минимальная высота ресайза в px.
-         */
-        minHeight?: number;
-        /**
-         * Максимальная ширина ресайза в px.
-         */
-        maxWidth?: number;
-        /**
-         * Максимальная высота ресайза в px.
-         */
-        maxHeight?: number;
-        /**
-         * Размер иконки ресайза.
-         * @default s
-         */
-        iconSize?: 'xs' | 's' | 'm';
-    };
 }
 export interface PopupAnimationInfo {
     endAnimation: boolean;