@salutejs/plasma-new-hope 0.91.0-dev.0 → 0.92.0-canary.1233.9662754485.0

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelectPerPage.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,oBAAY,2BAA2B,GAAG;IAItC,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAKtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,aAAa,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,oBAAY,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,2BAA2B,CAAC"}
+{"version":3,"file":"PaginationSelectPerPage.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,oBAAY,2BAA2B,GAAG;IAItC,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAKvB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,aAAa,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAE9B,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAEF,oBAAY,4BAA4B,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,2BAA2B,CAAC"}

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

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

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,KAAkF,MAAM,OAAO,CAAC;AAGvG,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAY1C,OAAO,KAAK,EAAwB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGxE;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,UAAU,iBAAiB,EAAE,WAAW,CAAC,0FAyNrE,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBA3NQ,UAAU,iBAAiB,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;CA+OzE,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;AAY1C,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,0FAiQnF,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAnQQ,UAAU,iBAAiB,EAAE,KAAK,WAAW,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;CAqRxF,CAAC"}

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

@@ -1,12 +1,17 @@
 /// <reference types="react" />
-export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledPopover: import("@linaria/react").StyledComponent<{
-    selectWidth?: number | undefined;
-} & import("../../engines/types").PropsType<{
+import { SelectProps } from './Select.types';
+export declare const StyledPopover: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<{
     view: {
         css: import("@linaria/core").LinariaClassName;
     };
 }> & import("react").HTMLAttributes<HTMLDivElement> & import("../Popover/Popover.types").CustomPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const StyledNativeSelect: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & Record<never, unknown>>;
+export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    listOverflow?: SelectProps['listOverflow'];
+    listHeight?: SelectProps['listHeight'];
+    listWidth?: SelectProps['listWidth'];
+    isInnerUl?: boolean | undefined;
+}>;
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const OuterLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & Record<never, unknown>>;
+export declare const HelperText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=Select.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,UAAU,qKAWtB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAaxB,CAAC;AAKF,eAAO,MAAM,aAAa;;;;;;4JAMzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iLAwB9B,CAAC"}
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,EAAE;mBACI,WAAW,CAAC,cAAc,CAAC;iBAC7B,WAAW,CAAC,YAAY,CAAC;gBAC1B,WAAW,CAAC,WAAW,CAAC;;EAevC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,UAAU,8KAWtB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAStB,CAAC"}

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

@@ -1,187 +1,93 @@
 export declare const classes: {
-    selectTarget: string;
-    selectTargeText: string;
-    selectTargetLabel: string;
+    dropdownItemIsFocused: string;
+    dropdownItemIsDisabled: string;
+    dropdownItemIsActive: string;
     selectTargetArrow: string;
     arrowInverse: string;
-    selectItemIsSelected: string;
-    selectItemIsDisabled: string;
-    nativeSelectVisible: string;
-    hasNoFocus: string;
-    hasChips: string;
-    innerLabelUp: string;
+    textfieldTarget: string;
+    selectChipIsFocused: string;
+    selectWithoutBoxShadow: string;
+    selectItemCheckbox: string;
+    selectSpinner: string;
 };
 export declare const tokens: {
-    background: string;
-    boxShadow: string;
-    width: string;
-    height: string;
     borderRadius: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
-    itemBackground: string;
-    itemColor: string;
-    itemBackgroundHover: string;
-    itemBackgroundSelected: string;
-    itemColorSelected: string;
-    itemBackgroundSelectedHover: string;
-    itemColorSelectedHover: string;
-    itemWidth: string;
+    padding: string;
+    focusOffset: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    fontLetterSpacing: string;
+    fontLineHeight: string;
     itemHeight: string;
     itemBorderRadius: string;
-    itemPaddingTop: string;
-    itemPaddingRight: string;
-    itemPaddingBottom: string;
-    itemPaddingLeft: string;
-    itemMarginTop: string;
-    itemMarginRight: string;
-    itemMarginBottom: string;
-    itemMarginLeft: string;
-    itemFontFamily: string;
-    itemFontSize: string;
-    itemFontStyle: string;
-    itemFontWeightBold: string;
-    itemFontLetterSpacing: string;
-    itemFontLineHeight: string;
-    itemContentLeftColor: string;
-    itemContentRightColor: string;
-    itemContentLeftWidth: string;
-    itemContentRightWidth: string;
-    footerBackground: string;
-    footerWidth: string;
-    footerHeight: string;
-    footerPaddingTop: string;
-    footerPaddingRight: string;
-    footerPaddingBottom: string;
-    footerPaddingLeft: string;
-    footerMarginTop: string;
-    footerMarginRight: string;
-    footerMarginBottom: string;
-    footerMarginLeft: string;
-    footerFontFamily: string;
-    footerFontSize: string;
-    footerFontStyle: string;
-    footerFontWeightBold: string;
-    footerFontLetterSpacing: string;
-    footerFontLineHeight: string;
-    headerBackground: string;
-    headerWidth: string;
-    headerHeight: string;
-    headerPaddingTop: string;
-    headerPaddingRight: string;
-    headerPaddingBottom: string;
-    headerPaddingLeft: string;
-    headerMarginTop: string;
-    headerMarginRight: string;
-    headerMarginBottom: string;
-    headerMarginLeft: string;
-    headerFontFamily: string;
-    headerFontSize: string;
-    headerFontStyle: string;
-    headerFontWeightBold: string;
-    headerFontLetterSpacing: string;
-    headerFontLineHeight: string;
-    dividerColor: string;
-    dividerWidth: string;
-    dividerHeight: string;
-    dividerMarginTop: string;
-    dividerMarginRight: string;
-    dividerMarginBottom: string;
-    dividerMarginLeft: string;
-    groupBackground: string;
-    groupWidth: string;
-    groupHeight: string;
-    groupPaddingTop: string;
-    groupPaddingRight: string;
-    groupPaddingBottom: string;
-    groupPaddingLeft: string;
-    groupMarginTop: string;
-    groupMarginRight: string;
-    groupMarginBottom: string;
-    groupMarginLeft: string;
-    groupLabelColor: string;
-    groupLabelFontFamily: string;
-    groupLabelFontSize: string;
-    groupLabelFontStyle: string;
-    groupLabelFontWeight: string;
-    groupLabelLetterSpacing: string;
-    groupLabelLineHeight: string;
-    groupLabelPaddingTop: string;
-    groupLabelPaddingRight: string;
-    groupLabelPaddingBottom: string;
-    groupLabelPaddingLeft: string;
-    groupLabelMarginTop: string;
-    groupLabelMarginRight: string;
-    groupLabelMarginBottom: string;
-    groupLabelMarginLeft: string;
-    targetColor: string;
-    targetLabelColor: string;
-    targetArrowColor: string;
-    targetArrowRight: string;
-    targetBackgroundColor: string;
-    targetBackgroundColorHover: string;
-    targetBackgroundColorActive: string;
-    targetBackgroundColorOpen: string;
-    targetBorderColor: string;
-    targetBorderColorHover: string;
-    targetBorderColorActive: string;
-    targetBorderColorOpen: string;
-    targetInnerTop: string;
-    targetPadding: string;
-    targetPaddingWithInput: string;
-    targetPaddingHasChips: string;
+    itemPadding: string;
+    itemPaddingTight: string;
+    itemIconSize: string;
+    itemIconSizeTight: string;
+    itemIconMargin: string;
+    checkboxTriggerSize: string;
+    checkboxTriggerSizeTight: string;
+    checkboxTriggerBorderRadius: string;
+    checkboxTriggerBorderRadiusTight: string;
+    checkboxFillColor: string;
+    checkboxIconColor: string;
+    checkboxTriggerBorderColor: string;
+    indicatorSize: string;
+    targetButtonColor: string;
+    targetButtonColorHover: string;
+    targetButtonColorActive: string;
+    targetButtonArrowColor: string;
+    targetButtonArrowColorHover: string;
+    targetButtonArrowColorActive: string;
+    targetTextfieldArrowColor: string;
+    targetTextfieldArrowColorHover: string;
+    targetTextfieldArrowColorActive: string;
+    targetButtonArrowMargin: string;
+    targetTextfieldArrowMargin: string;
+    targetButtonBackgroundColor: string;
+    targetButtonBackgroundColorHover: string;
+    targetButtonBackgroundColorActive: string;
+    targetTextfieldBackgroundColor: string;
+    targetTextfieldBackgroundColorOpened: string;
+    targetButtonPadding: string;
+    targetTextfieldPadding: string;
+    targetTextfieldChipPadding: string;
     targetHeight: string;
-    targetWidth: string;
-    targetRadius: string;
-    targetFontFamily: string;
-    targetFontSize: string;
-    targetFontStyle: string;
-    targetFontWeight: string;
-    targetLetterSpacing: string;
-    targetLineHeight: string;
-    targetLabelInnerTop: string;
-    targetLabelInnerFontFamily: string;
-    targetLabelInnerFontSize: string;
-    targetLabelInnerFontStyle: string;
-    targetLabelInnerFontWeight: string;
-    targetLabelInnerLetterSpacing: string;
-    targetLabelInnerLineHeight: string;
-    chipGap: string;
-    chipBackground: string;
     chipColor: string;
+    chipBackground: string;
     chipBackgroundHover: string;
-    chipColorHover: string;
-    chipScaleHover: string;
-    chipBackgroundReadOnly: string;
-    chipColorReadOnly: string;
-    chipBackgroundReadOnlyHover: string;
-    chipColorReadOnlyHover: string;
     chipBackgroundActive: string;
-    chipColorActive: string;
-    chipScaleActive: string;
-    chipFocusColor: string;
-    chipCloseIconColor: string;
-    chipOutlineSize: string;
+    chipGap: string;
     chipBorderRadius: string;
-    chipWidth: string;
     chipHeight: string;
-    chipPaddingTop: string;
     chipPaddingRight: string;
-    chipPaddingBottom: string;
     chipPaddingLeft: string;
     chipCloseIconSize: string;
-    chipFontFamily: string;
-    chipFontSize: string;
-    chipFontStyle: string;
-    chipFontWeight: string;
-    chipLetterSpacing: string;
-    chipLineHeight: string;
     chipClearContentMarginLeft: string;
     chipClearContentMarginRight: string;
-    chipOpacityReadonly: string;
-    disabledOpacity: string;
+    labelOffset: string;
+    innerLabelGap: string;
+    helperTextColor: string;
+    helperTextOffset: string;
+    spinnerSize: string;
+    spinnerSizeTight: string;
+    notFoundContentPadding: string;
+    notFoundContentGap: string;
+};
+export declare const constants: {
     focusColor: string;
+    focusSize: string;
+    background: string;
+    boxShadow: string;
+    disclosureIconColor: string;
+    disclosureIconColorHover: string;
+    itemBackground: string;
+    itemBackgroundHover: string;
+    textfieldTargetColor: string;
+    textfieldOuterLabelColor: string;
+    textfieldInnerLabelColor: string;
+    textfieldPlaceholderColor: string;
 };
 //# sourceMappingURL=Select.tokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLlB,CAAC"}
+{"version":3,"file":"Select.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ElB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAarB,CAAC"}

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

@@ -1,46 +1,124 @@
-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 {
+import type { CSSProperties, ButtonHTMLAttributes } from 'react';
+import React from 'react';
+import { FocusedPathState } from './reducers';
+import { ItemOption, ItemOptionTransformed } from './elements/Inner/elements/Item/Item.types';
+import type { ValueToCheckedMapType } from './hooks/usePathMaps';
+export declare type SelectPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
+export declare type SelectPlacement = SelectPlacementBasic | 'auto';
+declare type Target = {
     /**
-     * Вид элемента, рядом с которым появляется список.
+     * Стиль селекта: button или textfield.
+     * @default textfield
      */
-    target?: TargetType;
+    target?: 'textfield';
+    view?: 'default' | 'positive' | 'warning' | 'negative';
     /**
-     * Текст лейбла.
+     * Слот для контента слева.
+     */
+    contentLeft?: React.ReactElement;
+    /**
+     * Метка-подпись к элементу.
      */
     label?: string;
     /**
-     * Тип перечисления выбранных значений.
-     * Варианты: comma, chips
+     * Расположение лейбла.
+     * @default outer
+     */
+    labelPlacement?: 'outer' | 'inner';
+    /**
+     * Placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Вспомогательный текст снизу слева для поля ввода.
+     */
+    helperText?: string;
+} | {
+    target?: 'button';
+    view?: 'default' | 'accent' | 'secondary' | 'clear' | 'positive' | 'warning' | 'negative' | 'dark' | 'black' | 'white';
+    contentLeft?: never;
+    label?: never;
+    labelPlacement?: never;
+    placeholder?: never;
+    helperText?: never;
+};
+declare type IsMultiselect = {
+    value: string;
+    onChange: (value: string) => void;
+    /**
+     * Разделитель выбранных значений.
      */
-    enumerationType?: EnumerationType;
+    separator?: never;
     /**
-     * Находится ли в портале.
+     * Если включено - будет выведено общее количество выбранных элементов вместо перечисления.
+     * @default false
      */
-    usePortal?: boolean;
+    isTargetAmount?: never | false;
+} | {
+    value: Array<string>;
+    onChange: (value: Array<string>) => void;
+    separator?: string;
+    isTargetAmount?: boolean;
+};
+export interface BasicProps {
     /**
-     * Дропдаун открыт или нет.
-     * @default
-     *  false
+     * Список элементов.
      */
-    opened?: boolean;
+    items: Array<ItemOption>;
     /**
      * Сторона открытия дропдауна относительно target элемента.
-     * @default
-     *  auto
+     * @default bottom
+     */
+    placement?: SelectPlacement | Array<SelectPlacementBasic>;
+    /**
+     * Компонент неактивен.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Коллбэк для определения достижения скроллом конца списка.
+     */
+    onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
+    /**
+     * Флаг лоадинга в конце списка.
+     */
+    isInfiniteLoading?: boolean;
+    /**
+     * Компонент выпадающего списка при пустом массиве items.
      */
-    placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
+    notFoundContent?: React.ReactElement;
     /**
-     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
+     * Вариант: обычный или сжатый
+     * @default normal
      */
-    frame?: 'document' | string | React.RefObject<HTMLElement>;
+    variant?: 'normal' | 'tight';
+    /**
+     * Значение css overflow для выпадающего меню.
+     * @example listOverflow="scroll"
+     */
+    listOverflow?: CSSProperties['overflow'];
+    /**
+     * Значение css height для выпадающего меню.
+     * @example listHeight="11", listHeight="auto", listHeight={11}
+     */
+    listHeight?: number | CSSProperties['height'];
+    /**
+     * Значение css width для выпадающего списка.
+     * @example width="200px"
+     */
+    listWidth?: CSSProperties['width'];
+    /**
+     * Портал для выпадающего списка. Принимает id контейнера или ref.
+     */
+    portal?: string | React.RefObject<HTMLElement>;
+    /**
+     * Callback для кастомной настройки значения в селекте
+     */
+    renderValue?: (value: ItemOption['value'], label: ItemOption['label']) => string;
+    /**
+     * Callback для кастомной настройки айтема в выпадающем списке
+     */
+    renderItem?: (value: ItemOption['value'], label: ItemOption['label']) => React.ReactNode;
     /**
      * Размер компонента.
      */
@@ -50,50 +128,35 @@ export interface CustomSelectProps {
      */
     view?: string;
     /**
-     * Событие сворачивания/разворачивания дропдауна.
+     * Внешний вид чипа в варианте textfield multiselect.
      */
-    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
-}
-export declare type valueTypeSeparation = {
+    chipView?: string;
     /**
-     * Тип селекта.
-     * Варианты: single, multiple, native
+     * Выбор нескольких значений.
+     * @deprecated Множественны выбор зависит от типа value и onChange.
      */
-    valueType?: 'single' | 'native';
-    value?: SelectPrimitiveValue;
+    multiselect?: boolean;
     /**
-     * Обработчик изменения выбранного значения.
+     * @default false
+     * @deprecated
      */
-    onChangeValue?: (value?: SelectPrimitiveValue) => void;
-} | {
+    isOpen?: boolean;
     /**
-     * Тип селекта.
-     * Варианты: single, multiple, native
+     * Статус селекта.
+     * @deprecated
      */
-    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;
+    status?: 'warning' | 'success' | 'error';
 }
+export declare type SelectProps = BasicProps & IsMultiselect & Target & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value' | 'onChange' | 'onResize' | 'onResizeCapture' | 'nonce'>;
+export declare type ItemContext = {
+    focusedPath: FocusedPathState;
+    checked: ValueToCheckedMapType;
+    multiselect: boolean;
+    size: SelectProps['size'];
+    handleCheckboxChange: (item: ItemOptionTransformed) => void;
+    handleItemClick: (item: ItemOptionTransformed, e: React.MouseEvent<HTMLElement>) => void;
+    variant: SelectProps['variant'];
+    renderItem: SelectProps['renderItem'];
+};
+export {};
 //# sourceMappingURL=Select.types.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SelectProps } from '../../Select.types';
+export declare const InfiniteLoader: ({ variant }: {
+    variant: SelectProps['variant'];
+}) => JSX.Element;
+//# sourceMappingURL=InfiniteLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteLoader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/elements/InfiniteLoader/InfiniteLoader.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAIjD,eAAO,MAAM,cAAc;aAA4B,WAAW,CAAC,SAAS,CAAC;iBAO5E,CAAC"}

package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import type { SelectProps } from '../../Select.types';
+export declare const StyledSpinner: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
+    size: {
+        css: import("@linaria/core").LinariaClassName;
+    };
+    view: {
+        css: import("@linaria/core").LinariaClassName;
+    };
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    width?: undefined;
+    height?: undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    width: number;
+    height: number;
+    size?: undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    width: string;
+    height: string;
+    size?: undefined;
+    view?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
+export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    variant: SelectProps['variant'];
+}>;
+//# sourceMappingURL=InfiniteLoader.styles.d.ts.map

package/types/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfiniteLoader.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAyB,WAAW,CAAC,SAAS,CAAC;EAmBlE,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import { InnerProps } from './Inner.type';
+export declare const Inner: FC<InnerProps>;
+//# sourceMappingURL=Inner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/elements/Inner/Inner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAuDhC,CAAC"}