@alfalab/core-components 34.0.1-beta.0 → 35.0.0-beta.0

package/picker-button/esm/desktop.js

@@ -1,10 +1,10 @@
-import './tslib.es6-38b99d67.js';
+import './tslib.es6-9be487f4.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';
 import '../../button/esm';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';

package/picker-button/esm/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-0c26e5eb";
+import { FieldProps as BaseFieldProps } from "../typings-56379e19";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/esm/field/Component.js

@@ -1,14 +1,14 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-38b99d67.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-9be487f4.js';
 import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../button/esm';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import { getIcon } from '../utils/index.js';
 
-var styles = {"iconContainer":"picker-button__iconContainer_18rgk","open":"picker-button__open_18rgk"};
+var styles = {"iconContainer":"picker-button__iconContainer_1kekc","open":"picker-button__open_1kekc"};
 require('./index.css');
 
 var Field = function (_a) {

package/picker-button/esm/field/index.css

@@ -1,4 +1,4 @@
-/* hash: 1h4fj */
+/* hash: 1d0t1 */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_18rgk {
+.picker-button__iconContainer_1kekc {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_18rgk {
+.picker-button__open_1kekc {
     transform: var(--arrow-transform);
 }

package/picker-button/esm/field/index.js

@@ -1,9 +1,9 @@
-import '../tslib.es6-38b99d67.js';
+import '../tslib.es6-9be487f4.js';
 import 'react';
 import 'classnames';
 import '../../../button/esm';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import '../utils/index.js';

package/picker-button/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 990bf */
+/* hash: 133ix */
 :root {
 
     /* Hard */
@@ -8,28 +8,29 @@
     /* Hard up */
 }
 :root {
+    --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-m: 16px;
 }
 :root {
-    --border-radius-s: 4px;
+    --border-radius-m: 8px;
 }
-.picker-button__container_87o6z {
+.picker-button__container_d6yk0 {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_87o6z {
-        padding: var(--gap-xs) 0
+.cc-picker-button.picker-button__optionsPopover_d6yk0 {
+        padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_87o6z.picker-button__sideGap_87o6z {
+.cc-picker-button.picker-button__optionsPopover_d6yk0.picker-button__sideGap_d6yk0 {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_87o6z {
-        border-radius: var(--border-radius-s);
+.cc-picker-button .picker-button__optionsListContainer_d6yk0 {
+        border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_87o6z {
+.cc-picker-button .picker-button__option_d6yk0 {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_87o6z:before {
+.cc-picker-button .picker-button__option_d6yk0:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

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

@@ -1,2 +1,2 @@
 export * from "./Component.responsive";
-export { PickerButtonProps, PickerButtonSize, PickerButtonVariant } from "./Component";
+export { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component";

package/picker-button/esm/index.js

@@ -1,10 +1,10 @@
-import './tslib.es6-38b99d67.js';
+import './tslib.es6-9be487f4.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';
 import '../../button/esm';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';

package/picker-button/esm/mobile.js

@@ -1,10 +1,10 @@
-import './tslib.es6-38b99d67.js';
+import './tslib.es6-9be487f4.js';
 import 'react';
 import '../../select/esm';
 import 'classnames';
 import '../../button/esm';
-import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-0c26e5eb";
-import { OptionProps as BaseOptionProps } from "../typings-0c26e5eb";
+import { OptionShape } from "../typings-56379e19";
+import { OptionProps as BaseOptionProps } from "../typings-56379e19";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/picker-button/esm/option/Component.js

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign } from '../tslib.es6-38b99d67.js';
+import { _ as __rest, a as __assign } from '../tslib.es6-9be487f4.js';
 import React from 'react';
 import { Option as Option$1 } from '../../../select/esm';
 
-var styles = {"container":"picker-button__container_zvce6","icon":"picker-button__icon_zvce6","content":"picker-button__content_zvce6"};
+var styles = {"container":"picker-button__container_14umr","icon":"picker-button__icon_14umr","content":"picker-button__content_14umr"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/esm/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 8e5zd */
+/* hash: 60voi */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_zvce6 {
+.picker-button__container_14umr {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_zvce6 {
+.picker-button__icon_14umr {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_zvce6 {
+.picker-button__content_14umr {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/esm/option/index.js

@@ -1,4 +1,4 @@
-import '../tslib.es6-38b99d67.js';
+import '../tslib.es6-9be487f4.js';
 import 'react';
 import '../../../select/esm';
 export { Option } from './Component.js';

package/picker-button/esm/tslib.es6-9be487f4.d.ts

@@ -0,0 +1,36 @@
+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;
+/** @deprecated */
+declare function __spread(...args: any[]): any[];
+/** @deprecated */
+declare function __spreadArrays(...args: any[]): any[];
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
+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, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
+declare function __assign(...args: any[]): any;
+declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/{modal/esm/tslib.es6-122abf07.js → picker-button/esm/tslib.es6-9be487f4.js}

@@ -1,4 +1,4 @@
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/picker-button/{modern/typings-0c26e5eb.d.ts → esm/typings-56379e19.d.ts}

@@ -1,103 +1,9 @@
-/// <reference types="react-transition-group" />
 /// <reference types="react" />
+/// <reference types="react-transition-group" />
 import React from "react";
-import { CSSProperties, MutableRefObject, ReactNode, InputHTMLAttributes, ChangeEvent, MouseEvent, FC, RefObject, HTMLAttributes, RefAttributes, AriaAttributes, FocusEvent, ReactElement } from "react";
+import { ChangeEvent, InputHTMLAttributes, MouseEvent, ReactNode, CSSProperties, MutableRefObject, HTMLAttributes, FC, RefObject, AriaAttributes, FocusEvent, ReactElement, RefAttributes } from "react";
 import { CSSTransitionProps } from "react-transition-group/CSSTransition";
 import { BasePlacement, VariationPlacement } from "@popperjs/core";
-type RefElement = HTMLElement | null;
-type Position = BasePlacement | VariationPlacement;
-type PopoverProps = {
-    /**
-     * Управление состоянием поповера (открыт/закрыт)
-     */
-    open: boolean;
-    /**
-     * Элемент, относительного которого появляется поповер
-     */
-    anchorElement: RefElement;
-    /**
-     * Использовать ширину родительского элемента
-     */
-    useAnchorWidth?: boolean;
-    /**
-     * Позиционирование поповера
-     */
-    position?: Position;
-    /**
-     * Запрещает поповеру менять свою позицию.
-     * Например, если места снизу недостаточно,то он все равно будет показан снизу
-     */
-    preventFlip?: boolean;
-    /**
-     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     */
-    preventOverflow?: boolean;
-    /**
-     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     */
-    availableHeight?: boolean;
-    /**
-     * Если `true`, будет отрисована стрелочка
-     */
-    withArrow?: boolean;
-    /**
-     * Смещение поповера.
-     * Если позиционирование top, bottom, то [x, y].
-     * Если позиционирование left, right то [y, x].
-     */
-    offset?: [number, number];
-    /**
-     * Дополнительный класс для поповера
-     */
-    popperClassName?: string;
-    /**
-     * Дополнительный класс для стрелочки
-     */
-    arrowClassName?: string;
-    /**
-     * Функция, возвращающая контейнер, в который будет рендериться поповер
-     */
-    getPortalContainer?: () => HTMLElement;
-    /**
-     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
-     */
-    transition?: CSSTransitionProps;
-    /**
-     * Выставляет кастомное свойство transition-duration
-     */
-    transitionDuration?: CSSProperties["transitionDuration"];
-    /**
-     * Рендерит компонент, обернутый в Transition
-     */
-    withTransition?: boolean;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Хранит функцию, с помощью которой можно обновить положение компонента
-     */
-    update?: MutableRefObject<() => void>;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
-     * по очереди для каждой позиции из этого списка.
-     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
-     */
-    fallbackPlacements?: Position[];
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-};
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
@@ -218,20 +124,20 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
      */
     dataTestId?: string;
 };
-declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "disabled" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "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" | "form" | "pattern" | "list" | "step" | "height" | "name" | "width" | "multiple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
+declare const Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "type" | "value" | "enterKeyHint"> & {
     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;
+    error?: ReactNode | boolean;
     success?: boolean | undefined;
-    hint?: React.ReactNode;
+    hint?: ReactNode;
     label?: React.ReactNode;
     labelView?: "inner" | "outer" | undefined;
     type?: "number" | "text" | "tel" | "email" | "card" | "money" | "password" | undefined;
-    wrapperRef?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    wrapperRef?: React.Ref<HTMLDivElement> | undefined;
     leftAddons?: React.ReactNode;
     rightAddons?: React.ReactNode;
     bottomAddons?: React.ReactNode;
@@ -242,56 +148,112 @@ declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttribu
     addonsClassName?: string | undefined;
     focusedClassName?: string | undefined;
     filledClassName?: string | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, payload: {
+    onChange?: ((event: 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;
+    onClear?: ((event: MouseEvent<HTMLButtonElement>) => void) | undefined;
+    onClick?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    onMouseDown?: ((event: MouseEvent<HTMLDivElement>) => void) | undefined;
+    onMouseUp?: ((event: MouseEvent<HTMLDivElement>) => 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 = {
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
     /**
-     * Render prop, в который передается функция.
-     * Функция принимает аргумент со значением z-index из текущего контекста.
+     * Управление состоянием поповера (открыт/закрыт)
      */
-    children: (value: number) => ReactNode;
+    open: boolean;
     /**
-     * Исходное значение для z-index.
-     * @default 5
+     * Элемент, относительного которого появляется поповер
      */
-    value?: number;
-};
-declare const Stack: FC<StackProps>;
-type PortalProps = {
-    /** Контент */
-    children?: ReactNode;
+    anchorElement: RefElement;
     /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     * Использовать ширину родительского элемента
      */
-    getPortalContainer?: () => Element;
+    useAnchorWidth?: boolean;
     /**
-     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     * Позиционирование поповера
      */
-    immediateMount?: boolean;
+    position?: Position;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
+    preventFlip?: boolean;
+    /**
+     * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
+     */
+    preventOverflow?: boolean;
+    /**
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
+     */
+    availableHeight?: boolean;
+    /**
+     * Если `true`, будет отрисована стрелочка
+     */
+    withArrow?: boolean;
+    /**
+     * Смещение поповера.
+     * Если позиционирование top, bottom, то [x, y].
+     * Если позиционирование left, right то [y, x].
+     */
+    offset?: [
+        number,
+        number
+    ];
+    /**
+     * Дополнительный класс для поповера
+     */
+    popperClassName?: string;
+    /**
+     * Дополнительный класс для стрелочки
+     */
+    arrowClassName?: string;
+    /**
+     * Функция, возвращающая контейнер, в который будет рендериться поповер
+     */
+    getPortalContainer?: () => HTMLElement;
+    /**
+     * CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
+     */
+    transition?: CSSTransitionProps;
+    /**
+     * Выставляет кастомное свойство transition-duration
+     */
+    transitionDuration?: CSSProperties["transitionDuration"];
+    /**
+     * Рендерит компонент, обернутый в Transition
+     */
+    withTransition?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение компонента
+     */
+    update?: MutableRefObject<() => void>;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * z-index компонента
+     */
+    zIndex?: number;
+    /**
+     * Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
+     * по очереди для каждой позиции из этого списка.
+     * Если не передавать, то поповер открывается в противоположном направлении от переданного position.
+     */
+    fallbackPlacements?: Position[];
+    /**
+     * Контент
+     */
+    children?: ReactNode;
 };
-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;
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 type FormControlProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Растягивает компонент на ширину контейнера
@@ -309,6 +271,10 @@ type FormControlProps = HTMLAttributes<HTMLDivElement> & {
      * Заблокированное состояние
      */
     disabled?: boolean;
+    /**
+     * Cостояние только для чтения
+     */
+    readOnly?: boolean;
     /**
      * Заполненное состояние
      */
@@ -375,22 +341,64 @@ declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<
     size?: "s" | "m" | "l" | "xl" | undefined;
     colors?: "default" | "inverted" | undefined;
     disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
     filled?: boolean | undefined;
     focused?: boolean | undefined;
-    error?: React.ReactNode;
-    hint?: React.ReactNode;
-    label?: React.ReactNode;
+    error?: ReactNode | boolean;
+    hint?: ReactNode;
+    label?: ReactNode;
     labelView?: "inner" | "outer" | undefined;
-    leftAddons?: React.ReactNode;
-    rightAddons?: React.ReactNode;
-    bottomAddons?: React.ReactNode;
+    leftAddons?: ReactNode;
+    rightAddons?: ReactNode;
+    bottomAddons?: ReactNode;
     className?: string | undefined;
     fieldClassName?: string | undefined;
     labelClassName?: string | undefined;
     addonsClassName?: string | undefined;
     dataTestId?: string | undefined;
-    children?: React.ReactNode;
+    children?: ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
+type PortalProps = {
+    /** Контент */
+    children?: ReactNode;
+    /**
+     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
+     */
+    getPortalContainer?: () => Element;
+    /**
+     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
+     */
+    immediateMount?: boolean;
+};
+declare const Portal: import("react").ForwardRefExoticComponent<PortalProps & import("react").RefAttributes<Element>>;
+/**
+ * Набор констант для 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>;
+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 OptionShape = {
     /**
      * Текстовое представление пункта
@@ -932,4 +940,4 @@ type CheckmarkProps = {
      */
     icon?: React.FC<React.SVGProps<SVGSVGElement>>;
 };
-export { Position, PopoverProps, Popover, InputProps, Input, stackingOrder, StackingContext, StackProps, Stack, PortalProps, Portal, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, FormControlProps, FormControl, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { InputProps, Input, Position, PopoverProps, Popover, FormControlProps, FormControl, PortalProps, Portal, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

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

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

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

@@ -1,5 +1,5 @@
-import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';
 import { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';