@alfalab/core-components 25.2.0-beta.0 → 25.4.0

package/picker-button/{esm/Component-02914ce8.d.ts → modern/typings-a22d6eaf.d.ts}

@@ -1,42 +1,9 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { ReactNode, FC, RefAttributes, AriaAttributes, FocusEvent, MouseEvent, ReactElement, CSSProperties, MutableRefObject, InputHTMLAttributes, ChangeEvent, RefObject, HTMLAttributes } from "react";
+import { CSSProperties, MutableRefObject, ReactNode, InputHTMLAttributes, ChangeEvent, MouseEvent, FC, RefObject, HTMLAttributes, RefAttributes, AriaAttributes, FocusEvent, ReactElement } from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-import { ButtonProps } from "../../button";
-import { PickerButtonSize } from "./index";
-declare function __extends(d: any, b: any): void;
-declare function __rest(s: any, e: any): {};
-declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
-declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
-declare function __metadata(metadataKey: any, metadataValue: any): any;
-declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
-declare function __generator(thisArg: any, body: any): {
-    next: (v: any) => any;
-    throw: (v: any) => any;
-    return: (v: any) => any;
-};
-declare function __exportStar(m: any, o: any): void;
-declare function __values(o: any): any;
-declare function __read(o: any, n: any): any;
-declare function __spread(...args: any[]): any[];
-declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
-declare class __await {
-    constructor(v: any);
-    v: any;
-}
-declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
-declare function __asyncDelegator(o: any): {};
-declare function __asyncValues(o: any): any;
-declare function __makeTemplateObject(cooked: any, raw: any): any;
-declare function __importStar(mod: any): any;
-declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
-declare function __assign(...args: any[]): any;
-declare function __createBinding(o: any, m: any, k: any, k2: any): void;
 type RefElement = HTMLElement | null;
 type Position = BasePlacement | VariationPlacement;
 type PopoverProps = {
@@ -130,6 +97,7 @@ type PopoverProps = {
      */
     children?: ReactNode;
 };
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
     /**
      * Значение поля ввода
@@ -246,6 +214,169 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
      */
     dataTestId?: string;
 };
+declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "height" | "width" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
+    value?: string | undefined;
+    defaultValue?: string | undefined;
+    block?: boolean | undefined;
+    clear?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    error?: React.ReactNode;
+    success?: boolean | undefined;
+    hint?: React.ReactNode;
+    label?: React.ReactNode;
+    type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
+    wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    leftAddons?: React.ReactNode;
+    rightAddons?: React.ReactNode;
+    bottomAddons?: React.ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    inputClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    focusedClassName?: string | undefined;
+    filledClassName?: string | undefined;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+        value: string;
+    }) => void) | undefined;
+    onClear?: ((event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
+    onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
+    onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => void) | undefined;
+    dataTestId?: string | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Набор констант для z-index соответствующих классов компонентов.
+ * Значения выбраны по приоритету.
+ */
+declare const stackingOrder: {
+    FOCUSED: number;
+    DEFAULT: number;
+    POPOVER: number;
+    MODAL: number;
+    TOAST: number;
+};
+declare const StackingContext: import("react").Context<number>;
+type StackProps = {
+    /**
+     * Render prop, в который передается функция.
+     * Функция принимает аргумент со значением z-index из текущего контекста.
+     */
+    children: (value: number) => ReactNode;
+    /**
+     * Исходное значение для z-index.
+     * @default 5
+     */
+    value?: number;
+};
+declare const Stack: FC<StackProps>;
+type PortalProps = {
+    /** Контент */
+    children?: ReactNode;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
+    getPortalContainer?: () => Element;
+};
+declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
+declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
+declare const getDefaultPortalContainer: () => Element;
+declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
+type FormControlProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
+    block?: boolean;
+    /**
+     * Размер компонента
+     */
+    size?: "s" | "m" | "l" | "xl";
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted";
+    /**
+     * Заблокированное состояние
+     */
+    disabled?: boolean;
+    /**
+     * Заполненное состояние
+     */
+    filled?: boolean;
+    /**
+     * Выбранное (фокус) состояние
+     */
+    focused?: boolean;
+    /**
+     * Отображение ошибки
+     */
+    error?: ReactNode | boolean;
+    /**
+     * Текст подсказки
+     */
+    hint?: ReactNode;
+    /**
+     * Лейбл компонента
+     */
+    label?: ReactNode;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Слот под полем
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для поля
+     */
+    fieldClassName?: string;
+    /**
+     * Дополнительный класс для лейбла
+     */
+    labelClassName?: string;
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Компонент поля (инпут, textarea и пр.)
+     */
+    children?: ReactNode;
+};
+declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    block?: boolean | undefined;
+    size?: "s" | "m" | "l" | "xl" | undefined;
+    colors?: "default" | "inverted" | undefined;
+    disabled?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    error?: React.ReactNode;
+    hint?: React.ReactNode;
+    label?: React.ReactNode;
+    leftAddons?: React.ReactNode;
+    rightAddons?: React.ReactNode;
+    bottomAddons?: React.ReactNode;
+    className?: string | undefined;
+    fieldClassName?: string | undefined;
+    labelClassName?: string | undefined;
+    addonsClassName?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -262,7 +393,6 @@ type OptionShape = {
     /**
      * Дополнительные данные
      */
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     value?: any;
 };
 type GroupShape = {
@@ -331,11 +461,11 @@ type BaseSelectProps = {
     /**
      * Размер компонента
      */
-    size?: "s" | "m" | "l" | "xl";
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Размер пунктов меню
      */
-    optionsSize?: "s" | "m" | "l" | "xl";
+    optionsSize?: 's' | 'm' | 'l' | 'xl';
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -344,7 +474,7 @@ type BaseSelectProps = {
      * Управляет шириной выпадающего меню.
      * Ширину определяет контент, либо ширина равна ширине поля
      */
-    optionsListWidth?: "content" | "field";
+    optionsListWidth?: 'content' | 'field';
     /**
      * Лейбл поля
      */
@@ -393,7 +523,7 @@ type BaseSelectProps = {
     /**
      * Позиционирование выпадающего списка
      */
-    popoverPosition?: PopoverProps["position"];
+    popoverPosition?: PopoverProps['position'];
     /**
      * Количество видимых пунктов меню (5 = 5.5)
      */
@@ -401,7 +531,7 @@ type BaseSelectProps = {
     /**
      * Кастомный рендер выбранного пункта
      */
-    valueRenderer?: ({ selected, selectedMultiple }: {
+    valueRenderer?: ({ selected, selectedMultiple, }: {
         selected?: OptionShape;
         selectedMultiple: OptionShape[];
     }) => ReactNode;
@@ -468,17 +598,16 @@ type BaseSelectProps = {
     /**
      * Хранит функцию, с помощью которой можно обновить положение поповера
      */
-    updatePopover?: PopoverProps["update"];
+    updatePopover?: PopoverProps['update'];
     /**
      * z-index поповера
      */
-    zIndexPopover?: PopoverProps["zIndex"];
+    zIndexPopover?: PopoverProps['zIndex'];
     /**
      * Показывать OptionsList, если он пустой
      */
     showEmptyOptionsList?: boolean;
 };
-// TODO: использовать InputProps
 type FieldProps = {
     /**
      * Дополнительный класс
@@ -487,7 +616,7 @@ type FieldProps = {
     /**
      * Размер компонента
      */
-    size?: "s" | "m" | "l" | "xl";
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Выбранный пункт
      */
@@ -543,7 +672,7 @@ type FieldProps = {
     /**
      * Кастомный рендер выбранного пункта
      */
-    valueRenderer?: BaseSelectProps["valueRenderer"];
+    valueRenderer?: BaseSelectProps['valueRenderer'];
     /**
      * Внутренние свойства, которые должны быть установлены компоненту.
      */
@@ -577,7 +706,7 @@ type OptionsListProps = {
     /**
      * Размер компонента
      */
-    size?: "s" | "m" | "l" | "xl";
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Компонент пункта меню
      */
@@ -625,7 +754,7 @@ type OptionsListProps = {
     /**
      * Компонент группы
      */
-    Optgroup?: BaseSelectProps["Optgroup"];
+    Optgroup?: BaseSelectProps['Optgroup'];
     /**
      * Будет отображаться, если компонент пустой
      */
@@ -651,7 +780,7 @@ type OptgroupProps = {
     /**
      * Размер компонента
      */
-    size?: "s" | "m" | "l" | "xl";
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Заголовок группы
      */
@@ -669,7 +798,7 @@ type OptionProps = {
     /**
      * Размер компонента
      */
-    size?: "s" | "m" | "l" | "xl";
+    size?: 's' | 'm' | 'l' | 'xl';
     /**
      * Контент пункта меню
      */
@@ -733,142 +862,6 @@ type CheckmarkProps = {
     /**
      * Расположение отметки
      */
-    position?: "before" | "after";
-};
-/**
- * Набор констант для z-index соответствующих классов компонентов.
- * Значения выбраны по приоритету.
- */
-declare const stackingOrder: {
-    FOCUSED: number;
-    DEFAULT: number;
-    POPOVER: number;
-    MODAL: number;
-    TOAST: number;
-};
-declare const StackingContext: import("react").Context<number>;
-type StackProps = {
-    /**
-     * Render prop, в который передается функция.
-     * Функция принимает аргумент со значением z-index из текущего контекста.
-     */
-    children: (value: number) => ReactNode;
-    /**
-     * Исходное значение для z-index.
-     * @default 5
-     */
-    value?: number;
-};
-declare const Stack: FC<StackProps>;
-type PortalProps = {
-    /** Контент */
-    children?: ReactNode;
-    /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
-     */
-    getPortalContainer?: () => Element;
-};
-declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-type FormControlProps = HTMLAttributes<HTMLDivElement> & {
-    /**
-     * Растягивает компонент на ширину контейнера
-     */
-    block?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "s" | "m" | "l" | "xl";
-    /**
-     * Набор цветов для компонента
-     */
-    colors?: "default" | "inverted";
-    /**
-     * Заблокированное состояние
-     */
-    disabled?: boolean;
-    /**
-     * Заполненное состояние
-     */
-    filled?: boolean;
-    /**
-     * Выбранное (фокус) состояние
-     */
-    focused?: boolean;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode | boolean;
-    /**
-     * Текст подсказки
-     */
-    hint?: ReactNode;
-    /**
-     * Лейбл компонента
-     */
-    label?: ReactNode;
-    /**
-     * Слот слева
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Слот под полем
-     */
-    bottomAddons?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс для поля
-     */
-    fieldClassName?: string;
-    /**
-     * Дополнительный класс для лейбла
-     */
-    labelClassName?: string;
-    /**
-     * Дополнительный класс для аддонов
-     */
-    addonsClassName?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Компонент поля (инпут, textarea и пр.)
-     */
-    children?: ReactNode;
-};
-declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    block?: boolean | undefined;
-    size?: "s" | "m" | "l" | "xl" | undefined;
-    colors?: "default" | "inverted" | undefined;
-    disabled?: boolean | undefined;
-    filled?: boolean | undefined;
-    focused?: boolean | undefined;
-    error?: React.ReactNode;
-    hint?: React.ReactNode;
-    label?: React.ReactNode;
-    leftAddons?: React.ReactNode;
-    rightAddons?: React.ReactNode;
-    bottomAddons?: React.ReactNode;
-    className?: string | undefined;
-    fieldClassName?: string | undefined;
-    labelClassName?: string | undefined;
-    addonsClassName?: string | undefined;
-    dataTestId?: string | undefined;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-type BaseFieldProps = FieldProps;
-type FieldProps$0 = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
-    buttonSize?: PickerButtonSize;
+    position?: 'before' | 'after';
 };
-declare const Field: ({ buttonSize, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }: FieldProps$0) => JSX.Element;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, Field };
+export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/picker-button/modern/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { FC, SVGProps } from 'react';
+import { PickerButtonVariant } from "../index";
+declare const getIcon: (variant: PickerButtonVariant, size: "s" | "xxs" | "xs" | "m" | "l" | "xl") => FC<SVGProps<SVGSVGElement>>;
+export { getIcon };

package/picker-button/modern/utils/index.js

@@ -0,0 +1,13 @@
+import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
+import { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';
+import { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';
+
+const getIcon = (variant, size) => {
+    if (variant === 'compact') {
+        return size === 'xxs' ? MoreSIcon : MoreMIcon;
+    }
+    return size === 'xxs' ? ChevronDownCompactSIcon : ChevronDownMIcon;
+};
+
+export { getIcon };

package/picker-button/option/Component.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FC, SVGProps } from 'react';
+import { OptionShape } from "../typings-a22d6eaf";
+import { OptionProps as BaseOptionProps } from "../typings-a22d6eaf";
+type OptionProps = Omit<BaseOptionProps, 'option'> & {
+    option: OptionShape & {
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+};
+declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
+export { Option };

package/picker-button/option/Component.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('../tslib.es6-b5c82847.js');
+var React = require('react');
+var coreComponentsSelect = require('../../select');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var styles = {"container":"picker-button__container_ez0vh","icon":"picker-button__icon_ez0vh","content":"picker-button__content_ez0vh"};
+require('./index.css');
+
+var Option = function (_a) {
+    var option = _a.option, children = _a.children, restProps = tslib_es6.__rest(_a, ["option", "children"]);
+    var content = children || option.content || option.key;
+    var Icon = option.icon;
+    return (React__default['default'].createElement(coreComponentsSelect.Option, tslib_es6.__assign({ option: option }, restProps),
+        React__default['default'].createElement("div", { className: styles.container },
+            Icon && React__default['default'].createElement(Icon, { className: styles.icon }),
+            React__default['default'].createElement("div", { className: styles.content }, content))));
+};
+
+exports.Option = Option;

package/picker-button/option/index.css

@@ -0,0 +1,25 @@
+/* hash: wiwip */
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-s: 12px;
+}
+.picker-button__container_ez0vh {
+    display: flex;
+    align-items: center;
+}
+.picker-button__icon_ez0vh {
+    display: flex;
+    margin-right: var(--gap-s);
+}
+.picker-button__content_ez0vh {
+    overflow: hidden;
+    flex: 1;
+    text-overflow: ellipsis;
+}

package/picker-button/option/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/picker-button/option/index.js

@@ -0,0 +1,10 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('../tslib.es6-b5c82847.js');
+require('react');
+require('../../select');
+var option_Component = require('./Component.js');
+
+
+
+exports.Option = option_Component.Option;