@salutejs/plasma-new-hope 0.78.0-canary.1203.8970261959.0 → 0.78.0-dev.0

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ElementType, ReactNode } from 'react';
+export declare const getValidComponent: (element: ElementType | ReactNode, props: object) => string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -2,14 +2,14 @@ import React from 'react';
 import { RootProps } from '../../engines';
 import type { DropdownProps } from './Dropdown.types';
 /**
- * Выпадающий список без внешнего контроля видимости.
+ * Выпадающий список.
  */
-export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Dropdown.types").CustomDropdownProps & React.RefAttributes<HTMLDivElement>>;
+export declare const dropdownRoot: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 export declare const dropdownConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Dropdown.types").CustomDropdownProps & React.RefAttributes<HTMLDivElement>>;
-    base: string;
+    layout: (Root: RootProps<HTMLDivElement, DropdownProps>) => React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {
             css: import("@linaria/core").LinariaClassName;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF1E,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAU1C,OAAO,KAAK,EAAE,aAAa,EAA0B,MAAM,kBAAkB,CAAC;AAK9E;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,yFAgItE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAlIQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAmJ1E,CAAC"}

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

@@ -1,8 +1,15 @@
 /// <reference types="react" />
+import { DropdownProps } from './Dropdown.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 StyledDropdown: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Ul: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & {
+    listHeight: DropdownProps['listHeight'];
+    listOverflow: DropdownProps['listOverflow'];
+    isInnerUl?: boolean | undefined;
+    listWidth?: DropdownProps['listWidth'];
+}>;
+export declare const base: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=Dropdown.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAUA,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAY1B,CAAC"}
+{"version":3,"file":"Dropdown.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,eAAO,MAAM,aAAa;;;;4JAIzB,CAAC;AAEF,eAAO,MAAM,EAAE;gBACC,aAAa,CAAC,YAAY,CAAC;kBACzB,aAAa,CAAC,cAAc,CAAC;;gBAE/B,aAAa,CAAC,WAAW,CAAC;EAczC,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC"}

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

@@ -1,45 +1,35 @@
 export declare const classes: {
-    dropdownItemIsSelected: string;
+    dropdownRoot: string;
+    dropdownItemIsFocused: string;
     dropdownItemIsDisabled: string;
+    dropdownItemIsActive: string;
+    dropdownItemIsSelected: string;
 };
 export declare const tokens: {
     background: string;
     boxShadow: string;
     width: string;
-    height: string;
     borderRadius: string;
-    paddingTop: string;
-    paddingRight: string;
-    paddingBottom: string;
-    paddingLeft: string;
+    padding: string;
+    disclosureIconColor: string;
     itemBackground: string;
     itemColor: string;
     itemBackgroundHover: string;
-    itemBackgroundSelected: string;
-    itemColorSelected: string;
-    itemBackgroundSelectedHover: string;
-    itemColorSelectedHover: string;
-    itemWidth: string;
-    itemHeight: string;
     itemBorderRadius: string;
     itemPaddingTop: string;
+    itemPaddingTopTight: string;
     itemPaddingRight: string;
     itemPaddingBottom: string;
+    itemPaddingBottomTight: 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;
+    disabledOpacity: string;
+    focusColor: string;
     footerBackground: string;
     footerWidth: string;
     footerHeight: string;
@@ -107,7 +97,19 @@ export declare const tokens: {
     groupLabelMarginRight: string;
     groupLabelMarginBottom: string;
     groupLabelMarginLeft: string;
-    disabledOpacity: string;
-    focusColor: 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;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHlB,CAAC"}

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

@@ -1,76 +1,100 @@
-import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+import type { CSSProperties, HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+import { DropdownItemOption } from './ui/DropdownItem/DropdownItem.type';
 export declare type DropdownPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
 export declare type DropdownPlacement = DropdownPlacementBasic | 'auto';
 export declare type DropdownTrigger = 'hover' | 'click';
-export declare type CustomDropdownProps = {
+export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
     /**
-     * Дропдаун открыт или нет.
-     * @default
-     *  false
+     * Список элементов.
      */
-    isOpen?: boolean;
+    items: Array<DropdownItemOption>;
+    /**
+     * Target для открытия.
+     */
+    children?: ReactNode;
+    /**
+     * WAI-ARIA role элемента меню.
+     * @default option
+     */
+    itemRole?: string;
+    /**
+     * Обработчик наведения на item.
+     */
+    onHover?: (index: number) => void;
+    /**
+     * Обработчик выбора item.
+     */
+    onItemSelect?: (item: DropdownItemOption, event: SyntheticEvent) => void;
     /**
      * Способ открытия дропдауна окна - наведение или клик мышью.
-     * @default
-     *  click
+     * @default click
      */
     trigger?: DropdownTrigger;
     /**
      * Сторона открытия дропдауна относительно target элемента.
-     * @default
-     *  auto
+     * @default bottom
      */
     placement?: DropdownPlacement | Array<DropdownPlacementBasic>;
     /**
      * Отступ дропдауна относительно элемента, у которого оно вызвано.
-     * @default
-     * [0, 0]
+     * @default [0, 0]
      */
     offset?: [number, number];
     /**
-     * Предотвратить автоматическое изменение положения при ресайзе.
+     * Значение css width для выпадающего списка.
+     * @example width="200px"
      */
-    preventOverflow?: boolean;
+    listWidth?: CSSProperties['width'];
     /**
-     * Элемент, рядом с которым произойдет вызов дропдауна.
+     * Стрелка у выпадающего списка.
+     * @default true
      */
-    target?: ReactNode;
+    hasArrow?: boolean;
     /**
-     * Стрелка над элементом.
+     * Закрыть выпадающий список после выбора.
+     * @default true
      */
-    hasArrow?: boolean;
+    closeOnSelect?: boolean;
     /**
-     * Контент всплывающего окна.
+     * Закрывать окно при нажатии вне области дропдауна.
+     * @default true
      */
-    children?: ReactNode;
+    closeOnOverlayClick?: boolean;
     /**
-     * Блокировать ли фокус на дропдауне.
-     * @default
-     * true
+     * Событие сворачивания/разворачивания дропдауна.
      */
-    isFocusTrapped?: boolean;
+    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+    size?: string;
+    view?: string;
     /**
-     * Закрывать окно при нажатии вне области дропдауна.
-     * @default
-     * true
+     * Вариант: обычный или сжатый
+     * @default normal
      */
-    closeOnOverlayClick?: boolean;
+    variant?: 'normal' | 'tight';
     /**
-     * Закрывать окно при нажатии ESC.
-     * @default
-     * true
+     * Обработчик клика по item.
+     * @deprecated использовать onItemSelect.
      */
-    closeOnEsc?: boolean;
+    onItemClick?: (item: DropdownItemOption, event: SyntheticEvent) => void;
     /**
-     * Событие сворачивания/разворачивания дропдауна.
+     * Значение css overflow для выпадающего меню.
+     * @default initial
+     * @deprecated
+     * @example listOverflow="scroll"
      */
-    onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+    listOverflow?: CSSProperties['overflow'];
     /**
-     * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
+     * Значение css height для выпадающего меню.
+     * @default initial
+     * @deprecated
+     * @example listHeight="11", listHeight="auto", listHeight={11}
      */
-    frame?: 'document' | string | React.RefObject<HTMLElement>;
-    size?: string;
-    view?: string;
-};
-export declare type DropdownProps = HTMLAttributes<HTMLDivElement> & CustomDropdownProps;
+    listHeight?: number | CSSProperties['height'];
+    /**
+     * Индекс элемента при наведении
+     * @deprecated использовать onHover
+     */
+    hoverIndex?: number;
+}
+export declare type HandleGlobalToggleType = (opened: boolean, event: Event | SyntheticEvent<Element, Event>) => void;
 //# sourceMappingURL=Dropdown.types.d.ts.map

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,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,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,oBAAY,mBAAmB,GAAG;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,mBAAmB,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,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"}

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

@@ -0,0 +1,6 @@
+import { DropdownProps } from '../Dropdown.types';
+import { DropdownItemOption } from '../ui/DropdownItem/DropdownItem.type';
+export declare type PathMapType = Map<string | number, number>;
+export declare type FocusedToValueMapType = Map<string, DropdownItemOption>;
+export declare const useHashMaps: (items: DropdownProps['items']) => [PathMapType, FocusedToValueMapType];
+//# sourceMappingURL=useHashMaps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHashMaps.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useHashMaps.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,oBAAY,WAAW,GAAG,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;AACvD,oBAAY,qBAAqB,GAAG,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AAKpE,eAAO,MAAM,WAAW,UAAW,aAAa,CAAC,OAAO,CAAC,yCAwBxD,CAAC"}

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

@@ -0,0 +1,37 @@
+import type { Dispatch } from 'react';
+import { PathAction, PathState } from '../reducers/pathReducer';
+import { FocusedPathAction, FocusedPathState } from '../reducers/focusedPathReducer';
+import { HandleGlobalToggleType, DropdownProps } from '../Dropdown.types';
+import { PathMapType, FocusedToValueMapType } from './useHashMaps';
+export declare const keys: {
+    Enter: string;
+    Space: string;
+    Tab: string;
+    Escape: 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;
+    handleGlobalToggle: HandleGlobalToggleType;
+    closeOnSelect: DropdownProps['closeOnSelect'];
+    onItemSelect: DropdownProps['onItemSelect'];
+    onItemClick: DropdownProps['onItemClick'];
+}
+interface ReturnedProps {
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+}
+export declare const useKeyNavigation: ({ focusedPath, dispatchFocusedPath, path, dispatchPath, pathMap, focusedToValueMap, handleGlobalToggle, closeOnSelect, onItemSelect, onItemClick, }: Props) => ReturnedProps;
+export {};
+//# sourceMappingURL=useKeyboardNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAInE,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAahB,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,kBAAkB,EAAE,sBAAsB,CAAC;IAC3C,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C;AAED,UAAU,aAAa;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,eAAO,MAAM,gBAAgB,wJAW1B,KAAK,KAAG,aAwKV,CAAC"}

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

@@ -1,5 +1,7 @@
 export { dropdownRoot, dropdownConfig } from './Dropdown';
 export { classes as dropdownClasses, tokens as dropdownTokens } from './Dropdown.tokens';
-export * from './ui';
+export { useKeyNavigation as useDropdownKeyNavigation } from './hooks/useKeyboardNavigation';
 export type { DropdownProps, DropdownPlacementBasic, DropdownPlacement, DropdownTrigger } from './Dropdown.types';
+export type { DropdownItemProps, DropdownItemOption } from './ui/DropdownItem/DropdownItem.type';
+export * from './ui';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,cAAc,MAAM,CAAC;AACrB,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAClH,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AACjG,cAAc,MAAM,CAAC"}

package/types/components/Dropdown/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/Dropdown/reducers/focusedPathReducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusedPathReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/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/Dropdown/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

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

@@ -0,0 +1 @@
+{"version":3,"file":"pathReducer.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/reducers/pathReducer.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AAEtC,oBAAY,UAAU,GAChB;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,GACjB;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAC1D;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9C,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAG,SAAS,CA8B3E"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownInner.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAkHzC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts

@@ -0,0 +1,26 @@
+import type { SyntheticEvent, Dispatch } from 'react';
+import type { DropdownItemOption } from '../DropdownItem/DropdownItem.type';
+import type { DropdownProps } from '../../Dropdown.types';
+import type { FocusedPathState } from '../../reducers/focusedPathReducer';
+import type { PathState, PathAction } from '../../reducers/pathReducer';
+export interface DropdownInnerProps {
+    item: DropdownItemOption;
+    currentLevel: number;
+    focusedPath: FocusedPathState;
+    path: PathState;
+    dispatchPath: Dispatch<PathAction>;
+    index: number;
+    trigger: DropdownProps['trigger'];
+    itemRole: string;
+    listHeight: DropdownProps['listHeight'];
+    listOverflow: DropdownProps['listOverflow'];
+    handleGlobalToggle: (opened: boolean, event: Event | SyntheticEvent<Element, Event>) => void;
+    closeOnSelect: DropdownProps['closeOnSelect'];
+    onHover: DropdownProps['onHover'];
+    onItemSelect: DropdownProps['onItemSelect'];
+    onItemClick: DropdownProps['onItemClick'];
+    listWidth: DropdownProps['listWidth'];
+    variant: DropdownProps['variant'];
+    hasArrow: DropdownProps['hasArrow'];
+}
+//# sourceMappingURL=DropdownInner.type.d.ts.map

package/types/components/Dropdown/ui/DropdownInner/DropdownInner.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownInner.type.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownInner/DropdownInner.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExE,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;IAC7F,aAAa,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC9C,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,OAAO,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACvC"}

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

@@ -1,58 +1,4 @@
-import React from 'react';
-import { RootProps } from '../../../../engines';
+import { FC } from 'react';
 import type { DropdownItemProps } from './DropdownItem.type';
-/**
- * Элемент выпадающего списка
- */
-export declare const dropdownItemRoot: (Root: RootProps<HTMLDivElement, DropdownItemProps>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-    id?: string | undefined;
-    disabled?: boolean | undefined;
-    label?: React.ReactNode;
-    role?: string | undefined;
-    contentLeft?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
-    contentRight?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
-    name?: string | undefined;
-    checked?: boolean | undefined;
-    text?: string | undefined;
-    value?: string | number | boolean | undefined;
-    isSelected?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onSelect?: ((value?: any, text?: any) => void) | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const dropdownItemConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, DropdownItemProps>) => React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-        id?: string | undefined;
-        disabled?: boolean | undefined;
-        label?: React.ReactNode;
-        role?: string | undefined;
-        contentLeft?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
-        contentRight?: string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal | React.ComponentClass<any, any> | React.FunctionComponent<any> | null | undefined;
-        name?: string | undefined;
-        checked?: boolean | undefined;
-        text?: string | undefined;
-        value?: string | number | boolean | undefined;
-        isSelected?: boolean | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-        onSelect?: ((value?: any, text?: any) => void) | undefined;
-        size?: string | undefined;
-        view?: string | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        view: string;
-        size: string;
-    };
-};
+export declare const DropdownItem: FC<DropdownItemProps>;
 //# sourceMappingURL=DropdownItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;wCA2G9E,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA7GQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HlF,CAAC"}
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAqB,EAAE,EAAE,MAAM,OAAO,CAAC;AAarD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4F9C,CAAC"}

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
+import { DropdownProps } from '../../Dropdown.types';
 export declare const StyledContentLeft: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledContentRight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const DisclosureIconWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const baseContent: string;
-export declare const base: import("@linaria/core").LinariaClassName;
+export declare const Wrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
+    variant: DropdownProps['variant'];
+}>;
 //# sourceMappingURL=DropdownItem.styles.d.ts.map

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,iBAAiB,qKAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAM9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC;AAGF,eAAO,MAAM,WAAW,QA0DvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC"}
+{"version":3,"file":"DropdownItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,qKAGjC,CAAC;AAEF,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,OAAO;aAAwB,aAAa,CAAC,SAAS,CAAC;EAoDnE,CAAC"}