@salutejs/plasma-new-hope 0.121.0-canary.1347.10314776748.0 → 0.122.0-canary.1349.10334109595.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.121.0-canary.1347.10314776748.0",
+  "version": "0.122.0-canary.1349.10334109595.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -118,5 +118,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "aa554c7d16e716e2a465e14812aa65c30b1a432e"
+  "gitHead": "a3e57f1be98d97a87183c3877a2ded1b8c3a7382"
 }

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

@@ -16,7 +16,7 @@ var _usePathMaps3 = /*#__PURE__*/require("./hooks/usePathMaps");
 var _Select = /*#__PURE__*/require("./Select.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
-var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -62,6 +62,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       portal = props.portal,
       renderValue = props.renderValue,
       renderItem = props.renderItem,
+      status = props.status,
+      onItemSelect = props.onItemSelect,
+      separator = props.separator,
       rest = _objectWithoutProperties(props, _excluded);
     var _useState = (0, _react.useState)(outerValue || props.multiselect ? [] : ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -75,7 +78,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
       setInternalValue(e);
     };
     var transformedItems = (0, _react.useMemo)(function () {
-      return (0, _utils2.initialItemsTransform)(items);
+      return (0, _utils2.initialItemsTransform)(items || []);
     }, [items]);
     var _usePathMaps = (0, _usePathMaps3.usePathMaps)(transformedItems),
       _usePathMaps2 = _slicedToArray(_usePathMaps, 4),
@@ -167,6 +170,9 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         if (onChange) {
           onChange(isCurrentChecked ? '' : item.value);
         }
+        if (onItemSelect) {
+          onItemSelect(item);
+        }
       }
     };
     var handleChipClick = function handleChipClick(currentValue) {
@@ -228,7 +234,7 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: ref,
       size: size,
-      view: view,
+      view: status ? (0, _utils2.getView)(status) : view,
       chipView: chipView
     }, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/_react["default"].createElement(_Select.OuterLabel, null, label), /*#__PURE__*/_react["default"].createElement(Context.Provider, {
       value: {
@@ -265,11 +271,12 @@ var selectRoot = exports.selectRoot = function selectRoot(Root) {
         size: size,
         contentLeft: contentLeft,
         disabled: disabled,
-        renderValue: renderValue
+        renderValue: renderValue,
+        separator: separator
       }),
       preventOverflow: false,
       closeOnOverlayClick: true
-    }, /*#__PURE__*/_react["default"].createElement(Root, _extends({
+    }, items && /*#__PURE__*/_react["default"].createElement(Root, _extends({
       size: size
     }, rest), /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
       role: "tree",

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

@@ -11,10 +11,10 @@ var usePathMaps = exports.usePathMaps = function usePathMaps(items) {
   var focusedToValueMap = new Map();
   var valueToCheckedMap = new Map();
   var valueToItemMap = new Map();
-  pathMap.set('root', items.length);
+  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
   var rec = function rec(items) {
     var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items.forEach(function (item, index) {
+    items === null || items === void 0 || items.forEach(function (item, index) {
       var value = item.value,
         innerItems = item.items;
       var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');

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

@@ -88,7 +88,7 @@ var Item = exports.Item = function Item(_ref) {
   }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
-  })), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
+  })), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value.toString(), label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
     size: (0, _utils.sizeToIconSize)(size, variant),
     color: "inherit"
   })));

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

@@ -23,7 +23,8 @@ var Target = exports.Target = function Target(_ref) {
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
-    selectProps = _ref.selectProps;
+    selectProps = _ref.selectProps,
+    separator = _ref.separator;
   return selectProps.target === 'button-like' ? /*#__PURE__*/_react["default"].createElement(_ui.Button, {
     opened: opened,
     value: value,
@@ -35,7 +36,8 @@ var Target = exports.Target = function Target(_ref) {
     renderValue: renderValue,
     focusedPath: focusedPath,
     focusedToValueMap: focusedToValueMap,
-    selectProps: selectProps
+    selectProps: selectProps,
+    separator: separator
   }) : /*#__PURE__*/_react["default"].createElement(_ui.Textfield, {
     opened: opened,
     value: value,

package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.js

@@ -21,7 +21,8 @@ var Button = exports.Button = function Button(_ref) {
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
-    selectProps = _ref.selectProps;
+    selectProps = _ref.selectProps,
+    separator = _ref.separator;
   var withArrowInverse = opened ? _Select.classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
@@ -51,6 +52,7 @@ var Button = exports.Button = function Button(_ref) {
     valueToItemMap: valueToItemMap,
     label: label,
     renderValue: renderValue,
-    selectProps: selectProps
+    selectProps: selectProps,
+    separator: separator
   }))));
 };

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

@@ -18,7 +18,8 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
     valueToItemMap = _ref3.valueToItemMap,
     label = _ref3.label,
     renderValue = _ref3.renderValue,
-    selectProps = _ref3.selectProps;
+    selectProps = _ref3.selectProps,
+    separator = _ref3.separator;
   if ((0, _utils.isEmpty)(value)) {
     return label || '';
   }
@@ -32,7 +33,7 @@ var getButtonLabel = exports.getButtonLabel = function getButtonLabel(_ref3) {
         valueToItemMap: valueToItemMap,
         renderValue: renderValue
       });
-    }).join(', ');
+    }).join(separator || ', ');
   }
   return getLabel({
     renderValue: renderValue,

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getView = void 0;
+var getView = exports.getView = function getView(status) {
+  switch (status) {
+    case 'success':
+      {
+        return 'positive';
+      }
+    case 'error':
+      {
+        return 'negative';
+      }
+    case 'warning':
+      {
+        return 'warning';
+      }
+    default:
+      {
+        return 'default';
+      }
+  }
+};

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

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "getCorrectHeight", {
     return _getCorrectHeight.getCorrectHeight;
   }
 });
+Object.defineProperty(exports, "getView", {
+  enumerable: true,
+  get: function get() {
+    return _getView.getView;
+  }
+});
 Object.defineProperty(exports, "initialItemsTransform", {
   enumerable: true,
   get: function get() {
@@ -51,4 +57,5 @@ var _updateAncestors = /*#__PURE__*/require("./updateAncestors");
 var _updateSingleAncestors = /*#__PURE__*/require("./updateSingleAncestors");
 var _sizeToIconSize = /*#__PURE__*/require("./sizeToIconSize");
 var _getCorrectHeight = /*#__PURE__*/require("./getCorrectHeight");
-var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
+var _getButtonLabel = /*#__PURE__*/require("./getButtonLabel");
+var _getView = /*#__PURE__*/require("./getView");

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

@@ -1,4 +1,4 @@
-var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem"];
+var _excluded = ["value", "onChange", "target", "items", "placement", "label", "labelPlacement", "placeholder", "helperText", "disabled", "view", "size", "listOverflow", "listHeight", "listWidth", "contentLeft", "onScrollBottom", "chipView", "variant", "portal", "renderValue", "renderItem", "status", "onItemSelect", "separator"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -12,7 +12,7 @@ import React, { forwardRef, useState, useReducer, useMemo, createContext, useLay
 import { isEmpty, getPlacements } from '../../utils';
 import { useOutsideClick } from '../../hooks';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation';
-import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors } from './utils';
+import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, getView } from './utils';
 import { Inner, Target } from './ui';
 import { pathReducer, focusedPathReducer, focusedChipIndexReducer } from './reducers';
 import { usePathMaps } from './hooks/usePathMaps';
@@ -53,6 +53,9 @@ export var selectRoot = function selectRoot(Root) {
       portal = props.portal,
       renderValue = props.renderValue,
       renderItem = props.renderItem,
+      status = props.status,
+      onItemSelect = props.onItemSelect,
+      separator = props.separator,
       rest = _objectWithoutProperties(props, _excluded);
     var _useState = useState(outerValue || props.multiselect ? [] : ''),
       _useState2 = _slicedToArray(_useState, 2),
@@ -66,7 +69,7 @@ export var selectRoot = function selectRoot(Root) {
       setInternalValue(e);
     };
     var transformedItems = useMemo(function () {
-      return initialItemsTransform(items);
+      return initialItemsTransform(items || []);
     }, [items]);
     var _usePathMaps = usePathMaps(transformedItems),
       _usePathMaps2 = _slicedToArray(_usePathMaps, 4),
@@ -158,6 +161,9 @@ export var selectRoot = function selectRoot(Root) {
         if (onChange) {
           onChange(isCurrentChecked ? '' : item.value);
         }
+        if (onItemSelect) {
+          onItemSelect(item);
+        }
       }
     };
     var handleChipClick = function handleChipClick(currentValue) {
@@ -219,7 +225,7 @@ export var selectRoot = function selectRoot(Root) {
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: ref,
       size: size,
-      view: view,
+      view: status ? getView(status) : view,
       chipView: chipView
     }, rest), label && labelPlacement === 'outer' && target !== 'button-like' && /*#__PURE__*/React.createElement(OuterLabel, null, label), /*#__PURE__*/React.createElement(Context.Provider, {
       value: {
@@ -256,11 +262,12 @@ export var selectRoot = function selectRoot(Root) {
         size: size,
         contentLeft: contentLeft,
         disabled: disabled,
-        renderValue: renderValue
+        renderValue: renderValue,
+        separator: separator
       }),
       preventOverflow: false,
       closeOnOverlayClick: true
-    }, /*#__PURE__*/React.createElement(Root, _extends({
+    }, items && /*#__PURE__*/React.createElement(Root, _extends({
       size: size
     }, rest), /*#__PURE__*/React.createElement(Ul, {
       role: "tree",

package/styled-components/es/components/Select/hooks/usePathMaps.js

@@ -5,10 +5,10 @@ export var usePathMaps = function usePathMaps(items) {
   var focusedToValueMap = new Map();
   var valueToCheckedMap = new Map();
   var valueToItemMap = new Map();
-  pathMap.set('root', items.length);
+  pathMap.set('root', (items === null || items === void 0 ? void 0 : items.length) || 0);
   var rec = function rec(items) {
     var prevIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    items.forEach(function (item, index) {
+    items === null || items === void 0 || items.forEach(function (item, index) {
       var value = item.value,
         innerItems = item.items;
       var currIndex = "".concat(prevIndex, "/").concat(index).replace(/^(\/)/, '');

package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js

@@ -79,7 +79,7 @@ export var Item = function Item(_ref) {
   }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/React.createElement(IconDone, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
-  })), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
+  })), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(StyledText, null, renderItem && renderItem(value.toString(), label) || label), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !isEmpty(item.items) && /*#__PURE__*/React.createElement(DisclosureIconWrapper, null, /*#__PURE__*/React.createElement(IconDisclosureRightCentered, {
     size: sizeToIconSize(size, variant),
     color: "inherit"
   })));

package/styled-components/es/components/Select/ui/Target/Target.js

@@ -16,7 +16,8 @@ export var Target = function Target(_ref) {
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
-    selectProps = _ref.selectProps;
+    selectProps = _ref.selectProps,
+    separator = _ref.separator;
   return selectProps.target === 'button-like' ? /*#__PURE__*/React.createElement(Button, {
     opened: opened,
     value: value,
@@ -28,7 +29,8 @@ export var Target = function Target(_ref) {
     renderValue: renderValue,
     focusedPath: focusedPath,
     focusedToValueMap: focusedToValueMap,
-    selectProps: selectProps
+    selectProps: selectProps,
+    separator: separator
   }) : /*#__PURE__*/React.createElement(Textfield, {
     opened: opened,
     value: value,

package/styled-components/es/components/Select/ui/Target/ui/Button/Button.js

@@ -14,7 +14,8 @@ export var Button = function Button(_ref) {
     renderValue = _ref.renderValue,
     focusedPath = _ref.focusedPath,
     focusedToValueMap = _ref.focusedToValueMap,
-    selectProps = _ref.selectProps;
+    selectProps = _ref.selectProps,
+    separator = _ref.separator;
   var withArrowInverse = opened ? classes.arrowInverse : undefined;
   var getActiveDescendant = function getActiveDescendant() {
     var _focusedToValueMap$ge;
@@ -44,6 +45,7 @@ export var Button = function Button(_ref) {
     valueToItemMap: valueToItemMap,
     label: label,
     renderValue: renderValue,
-    selectProps: selectProps
+    selectProps: selectProps,
+    separator: separator
   }))));
 };

package/styled-components/es/components/Select/utils/getButtonLabel.js

@@ -12,7 +12,8 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
     valueToItemMap = _ref3.valueToItemMap,
     label = _ref3.label,
     renderValue = _ref3.renderValue,
-    selectProps = _ref3.selectProps;
+    selectProps = _ref3.selectProps,
+    separator = _ref3.separator;
   if (isEmpty(value)) {
     return label || '';
   }
@@ -26,7 +27,7 @@ export var getButtonLabel = function getButtonLabel(_ref3) {
         valueToItemMap: valueToItemMap,
         renderValue: renderValue
       });
-    }).join(', ');
+    }).join(separator || ', ');
   }
   return getLabel({
     renderValue: renderValue,

package/styled-components/es/components/Select/utils/getView.js

@@ -0,0 +1,20 @@
+export var getView = function getView(status) {
+  switch (status) {
+    case 'success':
+      {
+        return 'positive';
+      }
+    case 'error':
+      {
+        return 'negative';
+      }
+    case 'warning':
+      {
+        return 'warning';
+      }
+    default:
+      {
+        return 'default';
+      }
+  }
+};

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

@@ -4,4 +4,5 @@ export { updateAncestors } from './updateAncestors';
 export { updateSingleAncestors } from './updateSingleAncestors';
 export { sizeToIconSize } from './sizeToIconSize';
 export { getCorrectHeight } from './getCorrectHeight';
-export { getButtonLabel } from './getButtonLabel';
+export { getButtonLabel } from './getButtonLabel';
+export { getView } from './getView';

package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts

@@ -1,57 +1,153 @@
 /// <reference types="react" />
 export declare const SelectPerPageRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((import("../../../Select/Select.types").BasicProps & {
+export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & (({
+    target?: "textfield-like" | undefined;
+    view?: "default" | "warning" | "positive" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "inner" | "outer" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & {
     multiselect?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
+    separator?: undefined;
 } & {
+    value: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "error" | "success" | "warning" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((value: string, label: string) => string) | undefined;
+    renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
     target?: "textfield-like" | undefined;
     view?: "default" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: import("react").ReactNode;
     labelPlacement?: "inner" | "outer" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
-    multiselect?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
 } & {
+    multiselect?: true | undefined;
+    separator?: string | undefined;
+} & {
+    value: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "error" | "success" | "warning" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((value: string, label: string) => string) | undefined;
+    renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
     target?: "button-like" | undefined;
     view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: undefined;
     labelPlacement?: undefined;
     placeholder?: undefined;
     helperText?: undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
-    multiselect: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
 } & {
-    target?: "textfield-like" | undefined;
-    view?: "default" | "warning" | "positive" | "negative" | undefined;
-    contentLeft?: import("react").ReactNode;
-    labelPlacement?: "inner" | "outer" | undefined;
+    multiselect?: false | undefined;
+    separator?: undefined;
+} & {
+    value: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "error" | "success" | "warning" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("../../../Select/Select.types").BasicProps & {
-    multiselect: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
+    disabled?: boolean | undefined;
+    items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
-} & {
+    renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((value: string, label: string) => string) | undefined;
+    renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
     target?: "button-like" | undefined;
     view?: "default" | "black" | "white" | "dark" | "clear" | "accent" | "secondary" | "warning" | "positive" | "negative" | undefined;
     contentLeft?: undefined;
     labelPlacement?: undefined;
     placeholder?: undefined;
     helperText?: undefined;
+} & {
+    multiselect?: true | undefined;
+    separator?: string | undefined;
+} & {
+    value: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "error" | "success" | "warning" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("../../../Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: any) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("left" | "right" | "top" | "bottom")) | ("left" | "right" | "top" | "bottom")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((value: string, label: string) => string) | undefined;
+    renderItem?: ((value: string, label: string) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onResize" | "onResizeCapture" | "nonce" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
 export declare const SelectPerPageTypography: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=PaginationSelectPerPage.styles.d.ts.map

package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAOnC,CAAC"}
+{"version":3,"file":"PaginationSelectPerPage.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wLAsB/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qKAOnC,CAAC"}

package/types/components/Select/Select.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { RootProps } from '../../engines';
-import type { SelectProps, ItemContext } from './Select.types';
+import type { ItemContext, MergedSelectProps } from './Select.types';
 export declare const Context: React.Context<ItemContext>;
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.
  */
-export declare const selectRoot: (Root: RootProps<HTMLButtonElement, Omit<SelectProps, 'items'>>) => React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const selectRoot: (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) => React.ForwardRefExoticComponent<MergedSelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
 export declare const selectConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLButtonElement, Omit<SelectProps, 'items'>>) => React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+    layout: (Root: RootProps<HTMLButtonElement, Omit<MergedSelectProps, 'items'>>) => React.ForwardRefExoticComponent<MergedSelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK/D,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,KAAK,WAAW,EAAE,OAAO,CAAC,CAAC,0FA2QnF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA7QQ,UAAU,iBAAiB,EAAE,KAAK,WAAW,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CA+RxF,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoF,MAAM,OAAO,CAAC;AAEzG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKrE,eAAO,MAAM,OAAO,4BAAgD,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC,qGAqRzF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAvRQ,UAAU,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CAyS9F,CAAC"}