@salutejs/plasma-new-hope 0.89.0-canary.1225.9545827287.0 → 0.89.0-canary.1233.9546931519.0

package/styled-components/es/examples/plasma_web/components/Select/style.css

@@ -0,0 +1,38 @@
+
+.container {
+    width: 100%;
+}
+
+table {
+    border-collapse: collapse;
+    box-shadow: 0 0 20px rgba(0,0,0,0.1);
+}
+
+th,
+td {
+    padding: 15px;
+}
+
+th {
+    text-align: left;
+}
+
+table, th, td {
+    border: 1px solid lightgray;
+    border-collapse: collapse;
+}
+
+thead {
+    th {
+        background-color: #55608f;
+        color: #fff;
+    }
+}
+
+tbody {
+
+    td {
+        position: relative;
+
+    }
+}

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

@@ -2,4 +2,5 @@ export { useUniqId } from './useUniqId';
 export { usePreviousValue } from './usePreviousValue';
 export { useForceUpdate } from './useForceUpdate';
 export { useDidMountEffect } from './useDidMountEffect';
+export { useOutsideClick } from './useOutsideClick';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';

package/styled-components/es/hooks/useOutsideClick.js

@@ -0,0 +1,18 @@
+import { useEffect, useRef } from 'react';
+export var useOutsideClick = function useOutsideClick(callback) {
+  var ref = useRef(null);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        callback();
+      }
+    };
+    document.addEventListener('mouseup', handleClickOutside);
+    document.addEventListener('touchend', handleClickOutside);
+    return function () {
+      document.removeEventListener('mouseup', handleClickOutside);
+      document.removeEventListener('touchend', handleClickOutside);
+    };
+  }, [callback]);
+  return ref;
+};

package/styled-components/es/index.js

@@ -46,7 +46,6 @@ export * from './components/Progress';
 export * from './components/Select';
 export * from './components/Divider';
 export * from './components/Toolbar';
-export * from './components/Sheet';
 export * from './components/Slider';
 export * from './components/Range';
 export * from './components/Accordion';

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

@@ -3,6 +3,7 @@ export { extractTextFrom } from './extractTextFrom';
 export { getSizeValueFromProp } from './getSizeValueFromProp';
 export { IS_REACT_18, safeUseId } from './react';
 export { isNumber } from './isNumber';
+export { isEmpty } from './isEmpty';
 export var cx = function cx() {
   for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
     classes[_key] = arguments[_key];

package/styled-components/es/utils/isEmpty.js

@@ -0,0 +1,42 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var isEmpty = function isEmpty(obj) {
+  // null and undefined are "empty"
+  if (obj == null) {
+    return true;
+  }
+
+  // Assume if it has a length property with a non-zero value
+  // that that property is correct.
+  if (obj.length > 0) {
+    return false;
+  }
+  if (obj.length === 0) {
+    return true;
+  }
+
+  // If it isn't an object at this point
+  // it is empty, but it can't be anything *but* empty
+  // Is it empty?  Depends on your application.
+  if (_typeof(obj) !== 'object') {
+    return true;
+  }
+
+  // Otherwise, does it have any properties of its own?
+  // Note that this doesn't handle
+  // toString and valueOf enumeration bugs in IE < 9
+  for (var key in obj) {
+    if (hasOwnProperty.call(obj, key)) {
+      return false;
+    }
+  }
+  return true;
+};
+export { isEmpty };
+
+// Example
+// '' true
+// '{}' true
+// '[]' true
+// '123' false
+// '[123]' false

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

@@ -17,6 +17,8 @@ export declare const tokens: {
     focusColor: string;
     outlineSize: string;
     closeIconColor: string;
+    closeIconColorHover: string;
+    closeIconColorActive: string;
     borderRadius: string;
     pilledBorderRadius: string;
     width: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ClB,CAAC"}
+{"version":3,"file":"Chip.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ClB,CAAC"}

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

@@ -0,0 +1,99 @@
+import { MutableRefObject, SyntheticEvent } from 'react';
+import { InputHTMLAttributes } from '@salutejs/plasma-core';
+import { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown/Dropdown.types';
+export declare type SelectPrimitiveValue = string | number | boolean;
+export declare type SelectValue = SelectPrimitiveValue | Array<SelectPrimitiveValue>;
+export declare type ValueType = 'single' | 'multiple' | 'native';
+export declare type EnumerationType = 'comma' | 'chip';
+export declare type TargetType = 'button-like' | 'textField-like';
+export declare type ComponentType = 'select' | 'combobox';
+export interface CustomSelectProps {
+    /**
+     * Вид элемента, рядом с которым появляется список.
+     */
+    target?: TargetType;
+    /**
+     * Текст лейбла.
+     */
+    label?: string;
+    /**
+     * Тип перечисления выбранных значений.
+     * Варианты: comma, chips
+     */
+    enumerationType?: EnumerationType;
+    /**
+     * Находится ли в портале.
+     */
+    usePortal?: boolean;
+    /**
+     * Дропдаун открыт или нет.
+     * @default
+     *  false
+     */
+    opened?: boolean;
+    /**
+     * Сторона открытия дропдауна относительно target элемента.
+     * @default
+     *  auto
+     */
+    placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
+    /**
+     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
+     */
+    frame?: 'document' | string | React.RefObject<HTMLElement>;
+    /**
+     * Размер компонента.
+     */
+    size?: string;
+    /**
+     * Вид компонента.
+     */
+    view?: string;
+    /**
+     * Событие сворачивания/разворачивания дропдауна.
+     */
+    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+}
+export declare type valueTypeSeparation = {
+    /**
+     * Тип селекта.
+     * Варианты: single, multiple, native
+     */
+    valueType?: 'single' | 'native';
+    value?: SelectPrimitiveValue;
+    /**
+     * Обработчик изменения выбранного значения.
+     */
+    onChangeValue?: (value?: SelectPrimitiveValue) => void;
+} | {
+    /**
+     * Тип селекта.
+     * Варианты: single, multiple, native
+     */
+    valueType: 'multiple';
+    value?: Array<SelectPrimitiveValue>;
+    /**
+     * Обработчик изменения выбранного значения.
+     */
+    onChangeValue?: (value?: Array<SelectPrimitiveValue>) => void;
+};
+export declare type SelectProps = Omit<InputHTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'onChange'> & CustomSelectProps & valueTypeSeparation;
+export interface ControlledRefs {
+    targetRef: MutableRefObject<HTMLButtonElement | HTMLInputElement | null>;
+    chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
+    selectRef: MutableRefObject<HTMLDivElement | null>;
+    itemsRefs: MutableRefObject<Array<HTMLDivElement>>;
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+}
+export interface UseKeyNavigationProps {
+    controlledRefs: ControlledRefs;
+    opened: boolean;
+    valueType?: ValueType;
+    componentType?: ComponentType;
+    value?: SelectPrimitiveValue | SelectPrimitiveValue[];
+    search?: string;
+    enumerationType?: EnumerationType;
+    updateValue: (item: HTMLElement, event: SyntheticEvent | Event) => void;
+    updateOpened: (value: boolean, event: SyntheticEvent | Event) => void;
+}
+//# sourceMappingURL=Select.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Select.types.ts"],"names":[],"mappings":"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"}

package/types/components/Combobox/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { useFocusController } from './useFocusController';
+export { useKeyNavigation, Keys } from './useKeyNavigation';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC"}

package/types/components/Combobox/hooks/useKeyNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,eAAO,MAAM,IAAI;;;;;;;;;;;;CAYhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+KAU1B,qBAAqB;sCAoBR,cAAc,iBAAiB,GAAG,gBAAgB,CAAC;sCAuFnD,cAAc,cAAc,CAAC;CAqH5C,CAAC"}

package/types/components/Combobox/ui/ComboboxTarget/ComboboxTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAmB5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE;;GAEG;AACH,eAAO,MAAM,cAAc,8FAoM1B,CAAC"}
+{"version":3,"file":"ComboboxTarget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAkB5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE;;GAEG;AACH,eAAO,MAAM,cAAc,8FAoM1B,CAAC"}

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

@@ -1,4 +1,16 @@
 import React from 'react';
-import type { ElementType, ReactNode } from 'react';
+import type { ElementType, ReactNode, ReactElement } from 'react';
+import { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';
+import type { ComboboxItemProps } from '../ui/ComboboxItem/ComboboxItem.type';
 export declare const getValidComponent: (element: ElementType | ReactNode, props: object) => string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+declare type NewSelectedFunc = {
+    (selected?: undefined | null, newValue?: undefined | null, type?: undefined | null): undefined;
+    (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;
+    (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<SelectPrimitiveValue>;
+};
+export declare const getNewSelected: NewSelectedFunc;
+export declare const getValues: (items: ReactElement[], value?: SelectValue | undefined, result?: Array<Array<string>>) => string[][];
+export declare const updatePropsRecursively: (children?: React.ReactElement<ComboboxItemProps, string | React.JSXElementConstructor<any>>[] | undefined, externalProps?: Record<string, any> | undefined, value?: SelectValue | undefined, search?: string | undefined, filterFunction?: ((childText: string, filterValue?: string | undefined) => boolean) | undefined) => ReactNode[];
+export declare const getChildren: (children: ReactElement<ComboboxItemProps>[], externalProps: Record<string, any>, value?: SelectValue | undefined, search?: string | undefined, filterFunction?: (text: string, filterValue?: string) => boolean) => React.ReactNode[];
+export {};
 //# sourceMappingURL=index.d.ts.map

package/types/components/Combobox/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpD,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAM9E,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC;AAEF,aAAK,eAAe,GAAG;IACnB,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/F,CAAC,QAAQ,CAAC,EAAE,oBAAoB,EAAE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,oBAAoB,CAAC;IAC3G,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,EAAE,QAAQ,CAAC,EAAE,oBAAoB,EAAE,IAAI,CAAC,EAAE,SAAS,GAAG,KAAK,CAC9F,oBAAoB,CACvB,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAuB5B,CAAC;AAUF,eAAO,MAAM,SAAS,UAAW,YAAY,EAAE,4CAA+B,MAAM,MAAM,MAAM,CAAC,CAAC,eAiCjG,CAAC;AAOF,eAAO,MAAM,sBAAsB,2PAKF,MAAM,uCAA2B,OAAO,kBACtE,SAAS,EAuCN,CAAC;AAIP,eAAO,MAAM,WAAW,aACV,aAAa,iBAAiB,CAAC,EAAE,iBAC5B,OAAO,MAAM,EAAE,GAAG,CAAC,wFAJD,MAAM,wDAc1C,CAAC"}

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

@@ -12,24 +12,38 @@ export declare const tokens: {
     borderRadius: string;
     padding: string;
     disclosureIconColor: string;
+    disabledOpacity: string;
+    focusColor: string;
     itemBackground: string;
-    itemColor: string;
     itemBackgroundHover: string;
+    itemBackgroundSelected: string;
+    itemBackgroundSelectedHover: string;
+    itemColor: string;
+    itemColorSelected: string;
+    itemColorSelectedHover: string;
     itemBorderRadius: string;
+    itemWidth: string;
+    itemHeight: string;
+    itemMarginTop: string;
+    itemMarginRight: string;
+    itemMarginBottom: string;
+    itemMarginLeft: string;
     itemPaddingTop: string;
     itemPaddingTopTight: string;
     itemPaddingRight: string;
     itemPaddingBottom: string;
     itemPaddingBottomTight: string;
     itemPaddingLeft: string;
+    itemContentLeftWidth: string;
+    itemContentLeftColor: string;
+    itemContentRightWidth: string;
+    itemContentRightColor: string;
     itemFontFamily: string;
     itemFontSize: string;
     itemFontStyle: string;
     itemFontWeightBold: string;
     itemFontLetterSpacing: string;
     itemFontLineHeight: string;
-    disabledOpacity: string;
-    focusColor: string;
     footerBackground: string;
     footerWidth: string;
     footerHeight: string;
@@ -97,19 +111,5 @@ export declare const tokens: {
     groupLabelMarginRight: string;
     groupLabelMarginBottom: string;
     groupLabelMarginLeft: string;
-    itemBackgroundSelected: string;
-    itemColorSelected: string;
-    itemBackgroundSelectedHover: string;
-    itemColorSelectedHover: string;
-    itemContentLeftColor: string;
-    itemContentRightColor: string;
-    itemWidth: string;
-    itemHeight: string;
-    itemMarginTop: string;
-    itemMarginRight: string;
-    itemMarginBottom: string;
-    itemMarginLeft: string;
-    itemContentLeftWidth: string;
-    itemContentRightWidth: string;
 };
 //# sourceMappingURL=Dropdown.tokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHlB,CAAC"}
+{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgHlB,CAAC"}

package/types/components/Dropdown/Dropdown.types.d.ts

@@ -71,25 +71,21 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
      * @default normal
      */
     variant?: 'normal' | 'tight';
-    /**
-     * Обработчик клика по item.
-     * @deprecated использовать onItemSelect.
-     */
-    onItemClick?: (item: DropdownItemOption, event: SyntheticEvent) => void;
     /**
      * Значение css overflow для выпадающего меню.
-     * @default initial
-     * @deprecated
      * @example listOverflow="scroll"
      */
     listOverflow?: CSSProperties['overflow'];
     /**
      * Значение css height для выпадающего меню.
-     * @default initial
-     * @deprecated
      * @example listHeight="11", listHeight="auto", listHeight={11}
      */
     listHeight?: number | CSSProperties['height'];
+    /**
+     * Обработчик клика по item.
+     * @deprecated использовать onItemSelect.
+     */
+    onItemClick?: (item: DropdownItemOption, event: SyntheticEvent) => void;
     /**
      * Индекс элемента при наведении
      * @deprecated использовать onHover

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;;;;OAKG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC9C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC"}
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAE9C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IACxE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,sBAAsB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FAoK1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAtKQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CA0L9E,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FA4K1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA9KQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CAkM9E,CAAC"}

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

@@ -17,12 +17,18 @@ export declare const tokens: {
     paginationWidth: string;
     paginationColor: string;
     buttonBackgroundColor: string;
+    buttonBackgroundColorHover: string;
+    buttonBackgroundColorActive: string;
     buttonColor: string;
-    buttonHoverBackgroundColor: string;
+    buttonColorHover: string;
+    buttonColorActive: string;
     buttonHoverColor: string;
-    buttonActiveBackgroundColor: string;
     buttonActiveColor: string;
     buttonFocusColor: string;
+    buttonArrowColor: string;
+    buttonArrowColorHover: string;
+    buttonArrowColorActive: string;
+    buttonArrowMargin: string;
     paginationCurrentButtonBackgroundColor: string;
     paginationCurrentButtonColor: string;
     paginationCurrentButtonHoverBackgroundColor: string;
@@ -43,26 +49,18 @@ export declare const tokens: {
     paginationFontWeight: string;
     paginationLetterSpacing: string;
     paginationLineHeight: string;
-    selectWidth: string;
     selectHeight: string;
     selectPaddingTop: string;
     selectPaddingRight: string;
     selectPaddingBottom: string;
     selectPaddingLeft: string;
     selectBackgroundColor: string;
-    selectItemWidth: string;
     selectItemHeight: string;
-    selectItemPaddingTop: string;
-    selectItemPaddingRight: string;
-    selectItemPaddingBottom: string;
-    selectItemPaddingLeft: string;
+    selectItemPadding: string;
     selectItemContentLeftWidth: string;
     selectItemBackground: string;
     selectTargetArrowRight: string;
-    selectTargetWidth: string;
     selectTargetPadding: string;
-    selectTargetPaddingHasChips: string;
-    selectTargetPaddingWithInput: string;
     selectTargetInnerTop: string;
     selectTargetLabelInnerTop: string;
     inputBackgroundColor: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqElB,CAAC"}
+{"version":3,"file":"Pagination.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmElB,CAAC"}

package/types/components/Pagination/Pagination.types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, ReactNode } from 'react';
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
 import type { AsProps, NumericRange, CreateArrayWithLengthX } from '../../types';
 export declare type PaginationTypes = 'compact' | 'default';
 export declare type CustomPaginationProps = {
@@ -22,6 +22,11 @@ export declare type CustomPaginationProps = {
     placeholderQuickJump?: string;
     textQuickJump?: string;
     textPerPage?: string;
+    /**
+     * Значение css width для выпадающего списка.
+     * @example width="200px"
+     */
+    listWidth?: CSSProperties['width'];
     onChangePageValue?: (page?: number) => void;
     onChangePerPageValue?: (perpage?: number) => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKjF,oBAAY,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,oBAAY,qBAAqB,GAAG;IAIhC,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAKxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,IAAI,CAAC,EAAE,eAAe,CAAC;IAKvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,YAAY,CAAC,EAAE,OAAO,CAAC;IAKvB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAKvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAKzB,KAAK,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAKpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,qBAAqB;CAAG"}
+{"version":3,"file":"Pagination.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAKjF,oBAAY,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,oBAAY,qBAAqB,GAAG;IAIhC,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,eAAe,CAAC,EAAE,MAAM,CAAC;IAKzB,WAAW,CAAC,EAAE,SAAS,CAAC;IAKxB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,IAAI,CAAC,EAAE,eAAe,CAAC;IAKvB,IAAI,CAAC,EAAE,MAAM,CAAC;IAKd,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,YAAY,CAAC,EAAE,OAAO,CAAC;IAKvB,UAAU,CAAC,EAAE,OAAO,CAAC;IAKrB,OAAO,CAAC,EAAE,MAAM,CAAC;IAKjB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAKvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAKzB,KAAK,CAAC,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAKpD,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAK/B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAK9B,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAKnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,qBAAqB;CAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAQpF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAmC1E,CAAC"}
+{"version":3,"file":"PaginationSelectPerPage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAGpF,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAgC1E,CAAC"}

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

@@ -1,47 +1,57 @@
 /// <reference types="react" />
-export declare const SelectItem: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-    id?: string | undefined;
-    disabled?: boolean | undefined;
-    label?: import("react").ReactNode;
-    role?: string | undefined;
-    contentLeft?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
-    contentRight?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
-    name?: string | undefined;
-    checked?: boolean | undefined;
-    text?: string | undefined;
-    value?: string | number | boolean | undefined;
-    isSelected?: boolean | undefined;
-    onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onSelect?: ((value?: any, text?: any) => void) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
 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> & ((Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLSelectElement>, "onChange" | "value" | "size"> & import("../../../Select/Select.types").CustomSelectProps & {
-    valueType?: "single" | "native" | undefined;
-    value?: import("../../../Select").SelectPrimitiveValue | undefined;
-    onChangeValue?: ((value?: import("../../../Select").SelectPrimitiveValue | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLSelectElement>) | (Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLSelectElement>, "onChange" | "value" | "size"> & import("../../../Select/Select.types").CustomSelectProps & {
-    valueType: "multiple";
-    value?: import("../../../Select").SelectPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: import("../../../Select").SelectPrimitiveValue[] | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLSelectElement>))>;
-export declare const SelectPerPageSelectItem: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-    id?: string | undefined;
-    disabled?: boolean | undefined;
-    label?: import("react").ReactNode;
-    role?: string | undefined;
-    contentLeft?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
-    contentRight?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
-    name?: string | undefined;
-    checked?: boolean | undefined;
-    text?: string | undefined;
-    value?: string | number | boolean | undefined;
-    isSelected?: boolean | undefined;
-    onClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onSelect?: ((value?: any, text?: any) => void) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectPerPageSelect: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & ((import("../../../Select/Select.types").BasicProps & {
+    value: string;
+    onChange: (value: string) => void;
+    separator?: undefined;
+    isTargetAmount?: false | undefined;
+} & {
+    target?: "textfield" | undefined;
+    view?: "default" | "warning" | "positive" | "negative" | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    label?: string | undefined;
+    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 & {
+    value: string;
+    onChange: (value: string) => void;
+    separator?: undefined;
+    isTargetAmount?: false | undefined;
+} & {
+    target?: "button" | undefined;
+    view?: "default" | "accent" | "secondary" | "black" | "white" | "dark" | "clear" | "warning" | "positive" | "negative" | undefined;
+    contentLeft?: undefined;
+    label?: 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 & {
+    value: string[];
+    onChange: (value: string[]) => void;
+    separator?: string | undefined;
+    isTargetAmount?: boolean | undefined;
+} & {
+    target?: "textfield" | undefined;
+    view?: "default" | "warning" | "positive" | "negative" | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    label?: string | undefined;
+    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 & {
+    value: string[];
+    onChange: (value: string[]) => void;
+    separator?: string | undefined;
+    isTargetAmount?: boolean | undefined;
+} & {
+    target?: "button" | undefined;
+    view?: "default" | "accent" | "secondary" | "black" | "white" | "dark" | "clear" | "warning" | "positive" | "negative" | undefined;
+    contentLeft?: undefined;
+    label?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: 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":";AAUA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;kDAA8B,CAAC;AAEtD,eAAO,MAAM,iBAAiB,qKAI7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;uDAsC/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;kDAwBnC,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/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.d.ts

@@ -1,9 +1,12 @@
 import type { HTMLAttributes } from 'react';
+import type { PaginationProps } from '../../Pagination.types';
 export declare type PaginationSelectPerPageRoot = {
-    value?: number;
-    valuesList?: number[];
+    perPageValue?: number;
+    perPageList?: number[];
     textPerPage?: string;
     onChangeValue?: (page?: number) => void;
+    size: PaginationProps['size'];
+    listWidth: PaginationProps['listWidth'];
 };
 export declare type PaginationSelectPerPageProps = HTMLAttributes<HTMLDivElement> & PaginationSelectPerPageRoot;
 //# sourceMappingURL=PaginationSelectPerPage.types.d.ts.map