@salutejs/plasma-new-hope 0.110.0-dev.0 → 0.110.1-dev.0

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

@@ -1,187 +1,100 @@
 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;
+    targetTextfieldBorderColor: 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;
+};
+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;
+    textfieldBorderSize: string;
+    opacity: string;
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    fontLetterSpacing: string;
+    fontLineHeight: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC"}

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

@@ -1,99 +1,136 @@
-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 './ui/Inner/ui/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-like или textfield-like.
+     * @default textfield-like
      */
-    target?: TargetType;
+    target?: 'textfield-like';
+    view?: 'default' | 'positive' | 'warning' | 'negative';
     /**
-     * Текст лейбла.
+     * Слот для контента слева.
+     */
+    contentLeft?: React.ReactNode;
+    /**
+     * Метка-подпись к элементу.
      */
     label?: string;
     /**
-     * Тип перечисления выбранных значений.
-     * Варианты: comma, chips
+     * Расположение лейбла.
+     * @default outer
+     */
+    labelPlacement?: 'outer' | 'inner';
+    /**
+     * Placeholder.
      */
-    enumerationType?: EnumerationType;
+    placeholder?: string;
+    /**
+     * Вспомогательный текст снизу слева для поля ввода.
+     */
+    helperText?: string;
+} | {
+    target?: 'button-like';
+    view?: 'default' | 'accent' | 'secondary' | 'clear' | 'positive' | 'warning' | 'negative' | 'dark' | 'black' | 'white';
+    contentLeft?: never;
+    label?: never;
+    labelPlacement?: never;
+    placeholder?: never;
+    helperText?: never;
+};
+declare type IsMultiselect = {
+    multiselect?: false;
+    value?: string;
+    onChange?: (value: string) => void;
     /**
-     * Находится ли в портале.
+     * Если включено - будет выведено общее количество выбранных элементов вместо перечисления.
+     * @default false
      */
-    usePortal?: boolean;
+    isTargetAmount?: never | false;
+} | {
+    multiselect: true;
+    value?: Array<string>;
+    onChange?: (value: Array<string>) => void;
+    isTargetAmount?: boolean;
+};
+export interface BasicProps {
     /**
-     * Дропдаун открыт или нет.
-     * @default
-     *  false
+     * Список элементов.
      */
-    opened?: boolean;
+    items: Array<ItemOption>;
     /**
      * Сторона открытия дропдауна относительно target элемента.
-     * @default
-     *  auto
+     * @default bottom
      */
-    placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
+    placement?: SelectPlacement | Array<SelectPlacementBasic>;
     /**
-     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
+     * Компонент неактивен.
+     * @default false
      */
-    frame?: 'document' | string | React.RefObject<HTMLElement>;
+    disabled?: boolean;
     /**
-     * Размер компонента.
+     * Коллбэк для определения достижения скроллом конца списка.
      */
-    size?: string;
+    onScrollBottom?: (e: React.UIEvent<HTMLUListElement>) => void;
     /**
-     * Вид компонента.
+     * Вариант: обычный или сжатый
+     * @default normal
      */
-    view?: string;
+    variant?: 'normal' | 'tight';
     /**
-     * Событие сворачивания/разворачивания дропдауна.
+     * Значение css overflow для выпадающего меню.
+     * @example listOverflow="scroll"
      */
-    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
-}
-export declare type valueTypeSeparation = {
+    listOverflow?: CSSProperties['overflow'];
     /**
-     * Тип селекта.
-     * Варианты: single, multiple, native
+     * Значение css height для выпадающего меню.
+     * @example listHeight="11", listHeight="auto", listHeight={11}
      */
-    valueType?: 'single' | 'native';
-    value?: SelectPrimitiveValue;
+    listHeight?: number | CSSProperties['height'];
     /**
-     * Обработчик изменения выбранного значения.
+     * Значение css width для выпадающего списка.
+     * @example width="200px"
      */
-    onChangeValue?: (value?: SelectPrimitiveValue) => void;
-} | {
+    listWidth?: CSSProperties['width'];
     /**
-     * Тип селекта.
-     * Варианты: single, multiple, native
+     * Портал для выпадающего списка. Принимает id контейнера или ref.
      */
-    valueType: 'multiple';
-    value?: Array<SelectPrimitiveValue>;
+    portal?: string | React.RefObject<HTMLElement>;
     /**
-     * Обработчик изменения выбранного значения.
+     * Callback для кастомной настройки значения в селекте
      */
-    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;
+    renderValue?: (value: ItemOption['value'], label: ItemOption['label']) => string;
+    /**
+     * Callback для кастомной настройки айтема в выпадающем списке
+     */
+    renderItem?: (value: ItemOption['value'], label: ItemOption['label']) => React.ReactNode;
+    /**
+     * Размер компонента.
+     */
+    size?: string;
+    /**
+     * Вид компонента.
+     */
+    view?: string;
+    /**
+     * Внешний вид чипа в варианте textfield-like multiselect.
+     */
+    chipView?: string;
 }
+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/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,43 @@
+import type { Dispatch } from 'react';
+import React from 'react';
+import { PathAction, PathState, FocusedPathAction, FocusedPathState, FocusedChipIndexState, FocusedChipIndexAction } from '../reducers';
+import { SelectProps } from '../Select.types';
+import type { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';
+import { PathMapType, FocusedToValueMapType, ValueToItemMapType } from './usePathMaps';
+export declare const keys: {
+    Enter: string;
+    Space: string;
+    Tab: string;
+    Escape: string;
+    Backspace: string;
+    ArrowLeft: string;
+    ArrowRight: string;
+    ArrowUp: string;
+    ArrowDown: string;
+    Home: string;
+    End: string;
+    PageUp: string;
+    PageDown: string;
+};
+interface Props {
+    focusedPath: FocusedPathState;
+    dispatchFocusedPath: Dispatch<FocusedPathAction>;
+    path: PathState;
+    dispatchPath: Dispatch<PathAction>;
+    pathMap: PathMapType;
+    focusedToValueMap: FocusedToValueMapType;
+    handleToggle: (opened: boolean) => void;
+    handlePressDown: (item: ItemOptionTransformed, e?: React.MouseEvent<HTMLElement>) => void;
+    focusedChipIndex: FocusedChipIndexState;
+    dispatchFocusedChipIndex: Dispatch<FocusedChipIndexAction>;
+    value: string | string[];
+    valueToItemMap: ValueToItemMapType;
+    multiselect: boolean;
+    isTargetAmount: SelectProps['isTargetAmount'];
+}
+interface ReturnedProps {
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+}
+export declare const useKeyNavigation: ({ focusedPath, dispatchFocusedPath, path, dispatchPath, pathMap, focusedToValueMap, handleToggle, handlePressDown, focusedChipIndex, dispatchFocusedChipIndex, value, valueToItemMap, multiselect, isTargetAmount, }: Props) => ReturnedProps;
+export {};
+//# sourceMappingURL=useKeyboardNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACzB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIvF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;CAchB,CAAC;AAQF,UAAU,KAAK;IACX,WAAW,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IACjD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,EAAE,qBAAqB,CAAC;IACzC,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,CAAC,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1F,gBAAgB,EAAE,qBAAqB,CAAC;IACxC,wBAAwB,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC;IAC3D,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,cAAc,EAAE,kBAAkB,CAAC;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;CACjD;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,yNAe1B,KAAK,KAAG,aAiQV,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SelectProps } from '../Select.types';
+import { ItemOptionTransformed } from '../ui/Inner/ui/Item/Item.types';
+export declare type PathMapType = Map<string | number, number>;
+export declare type FocusedToValueMapType = Map<string, ItemOptionTransformed>;
+export declare type ValueToCheckedMapType = Map<ItemOptionTransformed['value'], boolean | 'done' | 'dot' | 'indeterminate'>;
+export declare type ValueToItemMapType = Map<ItemOptionTransformed['value'], ItemOptionTransformed>;
+export declare const usePathMaps: (items: SelectProps['items']) => [PathMapType, FocusedToValueMapType, ValueToCheckedMapType, ValueToItemMapType];
+//# sourceMappingURL=usePathMaps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePathMaps.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/hooks/usePathMaps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,oBAAY,WAAW,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AACvD,oBAAY,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AACvE,oBAAY,qBAAqB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,eAAe,CAAC,CAAC;AACpH,oBAAY,kBAAkB,GAAG,GAAG,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC,CAAC;AAG5F,eAAO,MAAM,WAAW,UAAW,WAAW,CAAC,OAAO,CAAC,oFAiCtD,CAAC"}

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

@@ -1,5 +1,4 @@
 export { selectRoot, selectConfig } from './Select';
-export { classes as selectClasses, tokens as selectTokens } from './Select.tokens';
-export * from './ui';
-export type { SelectProps, SelectPrimitiveValue, SelectValue } from './Select.types';
+export type { SelectProps } from './Select.types';
+export { tokens as selectTokens } from './Select.tokens';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACnF,cAAc,MAAM,CAAC;AACrB,YAAY,EAAE,WAAW,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,11 @@
+export declare type FocusedChipIndexState = number | null;
+export declare type FocusedChipIndexAction = {
+    type: 'reset';
+} | {
+    type: 'moveLeft';
+} | {
+    type: 'moveRight';
+    total: number;
+};
+export declare function focusedChipIndexReducer(state: FocusedChipIndexState, action: FocusedChipIndexAction): FocusedChipIndexState;
+//# sourceMappingURL=focusedChipIndexReducer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusedChipIndexReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/reducers/focusedChipIndexReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,qBAAqB,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,oBAAY,sBAAsB,GAAG;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAErH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,qBAAqB,EAC5B,MAAM,EAAE,sBAAsB,GAC/B,qBAAqB,CAkCvB"}

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

@@ -0,0 +1,16 @@
+export declare type FocusedPathState = Array<number>;
+export declare type FocusedPathAction = {
+    type: 'reset';
+} | {
+    type: 'set_initial_focus';
+} | {
+    type: 'change_last_focus';
+    value: number;
+} | {
+    type: 'add_focus';
+    value: number;
+} | {
+    type: 'return_prev_focus';
+};
+export declare function focusedPathReducer(state: FocusedPathState, action: FocusedPathAction): FocusedPathState;
+//# sourceMappingURL=focusedPathReducer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"focusedPathReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/reducers/focusedPathReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAE7C,oBAAY,iBAAiB,GACvB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,GAC7B;IAAE,IAAI,EAAE,mBAAmB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpC;IAAE,IAAI,EAAE,mBAAmB,CAAA;CAAE,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,iBAAiB,GAAG,gBAAgB,CA0BvG"}

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

@@ -0,0 +1,4 @@
+export * from './pathReducer';
+export * from './focusedPathReducer';
+export * from './focusedChipIndexReducer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/reducers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC"}

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

@@ -0,0 +1,20 @@
+export declare type PathState = Array<string>;
+export declare type PathAction = {
+    type: 'reset';
+} | {
+    type: 'opened_first_level';
+} | {
+    type: 'added_next_level';
+    value: string;
+} | {
+    type: 'removed_last_level';
+} | {
+    type: 'changed_on_level';
+    value: string;
+    level: number;
+} | {
+    type: 'cut_by_level';
+    level: number;
+};
+export declare function pathReducer(state: PathState, action: PathAction): PathState;
+//# sourceMappingURL=pathReducer.d.ts.map