@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

package/phone-input/cssm/Component.js

@@ -107,5 +107,6 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
     }, [clearableCountryCode]);
     return (React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
 });
+PhoneInput.displayName = 'PhoneInputs';
 
 exports.PhoneInput = PhoneInput;

package/phone-input/esm/Component.js

@@ -100,5 +100,6 @@ var PhoneInput = React.forwardRef(function (_a, ref) {
     }, [clearableCountryCode]);
     return (React.createElement(MaskedInput, __assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs([ref, inputRef]) })));
 });
+PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };

package/phone-input/modern/Component.js

@@ -99,5 +99,6 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
     }, [clearableCountryCode]);
     return (React.createElement(MaskedInput, { ...restProps, defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs([ref, inputRef]) }));
 });
+PhoneInput.displayName = 'PhoneInputs';
 
 export { PhoneInput };

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-cc406ff0";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/Component.responsive.js

@@ -18,5 +18,6 @@ var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
     ], 'desktop')[0];
     return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
+PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 
 exports.PickerButtonResponsive = PickerButtonResponsive;

package/picker-button/cssm/Component-cc406ff0.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-cc406ff0";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/cssm/Component.responsive.js

@@ -18,5 +18,6 @@ var PickerButtonResponsive = React.forwardRef(function (_a, ref) {
     ], 'desktop')[0];
     return view === 'desktop' ? (React__default.default.createElement(desktop_Component_desktop.PickerButtonDesktop, tslib.__assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React__default.default.createElement(mobile_Component_mobile.PickerButtonMobile, tslib.__assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
+PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 
 exports.PickerButtonResponsive = PickerButtonResponsive;

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-1fe708ea";
+import { FieldProps as BaseFieldProps } from "../typings-cc406ff0";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/cssm/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -63,7 +63,5 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck, PortalContext };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
 export * from "./browser-a216f694";

package/picker-button/cssm/index-bdb4c6b9.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -202,6 +202,9 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
+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 SavedStyle = {
     value: string;
     key: string;
@@ -223,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/cssm/{typings-1fe708ea.d.ts → typings-cc406ff0.d.ts}

@@ -881,6 +881,14 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptgroupProps = {
     /**
@@ -900,6 +908,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик выбранных вариантов
+     */
+    setSelectedItems?: (items: OptionShape[]) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptionProps = {
     /**

package/picker-button/cssm/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cc406ff0";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-cc406ff0";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

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

@@ -24,5 +24,6 @@ var PickerButtonResponsive = forwardRef(function (_a, ref) {
     ], 'desktop')[0];
     return view === 'desktop' ? (React.createElement(PickerButtonDesktop, __assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(PickerButtonMobile, __assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint }, restProps)));
 });
+PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 
 export { PickerButtonResponsive };

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-1fe708ea";
+import { FieldProps as BaseFieldProps } from "../typings-cc406ff0";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/esm/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -63,7 +63,5 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck, PortalContext };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
 export * from "./browser-a216f694";

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

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -202,6 +202,9 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
+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 SavedStyle = {
     value: string;
     key: string;
@@ -223,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/esm/{typings-1fe708ea.d.ts → typings-cc406ff0.d.ts}

@@ -881,6 +881,14 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptgroupProps = {
     /**
@@ -900,6 +908,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик выбранных вариантов
+     */
+    setSelectedItems?: (items: OptionShape[]) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptionProps = {
     /**

package/picker-button/esm/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cc406ff0";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "../../button";
-import { FieldProps as BaseFieldProps } from "../typings-1fe708ea";
+import { FieldProps as BaseFieldProps } from "../typings-cc406ff0";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -63,7 +63,5 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck, PortalContext };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
 export * from "./browser-a216f694";

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

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -202,6 +202,9 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
+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 SavedStyle = {
     value: string;
     key: string;
@@ -223,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/modern/Component-cc406ff0.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { OptgroupProps } from "./typings-cc406ff0";
+declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
+export { Optgroup };

package/picker-button/modern/Component.responsive.js

@@ -22,5 +22,6 @@ const PickerButtonResponsive = forwardRef(({ OptionsList, onScroll, footer, swip
     ], 'desktop');
     return view === 'desktop' ? (React.createElement(PickerButtonDesktop, { ref: ref, OptionsList: OptionsList, onScroll: onScroll, ...restProps })) : (React.createElement(PickerButtonMobile, { ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps, breakpoint: breakpoint, ...restProps }));
 });
+PickerButtonResponsive.displayName = 'PickerButtonResponsive';
 
 export { PickerButtonResponsive };

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

@@ -2,7 +2,7 @@
 import React from 'react';
 import { ComponentType, SVGProps } from "react";
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-1fe708ea";
+import { FieldProps as BaseFieldProps } from "../typings-cc406ff0";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/modern/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -63,7 +63,5 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-type PortalContextType = () => Element | null;
-declare const PortalContext: import("react").Context<PortalContextType>;
-export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck, PortalContext };
+export { isClient, os, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
 export * from "./browser-a216f694";

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

@@ -2,7 +2,7 @@
 /// <reference types="react-transition-group" />
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
 import React from "react";
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, FC, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BackdropProps } from "./index-ebda875c";
 type PortalProps = {
@@ -202,6 +202,9 @@ declare const Stack: FC<StackProps>;
 declare const lockScroll: () => void;
 declare const unlockScroll: () => void;
 declare const syncHeight: () => void;
+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 SavedStyle = {
     value: string;
     key: string;
@@ -223,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

package/picker-button/modern/{typings-1fe708ea.d.ts → typings-cc406ff0.d.ts}

@@ -881,6 +881,14 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptgroupProps = {
     /**
@@ -900,6 +908,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик выбранных вариантов
+     */
+    setSelectedItems?: (items: OptionShape[]) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptionProps = {
     /**

package/picker-button/modern/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cc406ff0";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/picker-button/{typings-1fe708ea.d.ts → typings-cc406ff0.d.ts}

@@ -881,6 +881,14 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptgroupProps = {
     /**
@@ -900,6 +908,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик выбранных вариантов
+     */
+    setSelectedItems?: (items: OptionShape[]) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
+    /**
+     * Возможность выбрать несколько значений
+     */
+    multiple?: boolean;
 };
 type OptionProps = {
     /**

package/picker-button/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-1fe708ea";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-cc406ff0";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/plate/Component.responsive.js

@@ -17,5 +17,6 @@ var Plate = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.PlateDesktop : mobile_Component_mobile.PlateMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Plate.displayName = 'Plate';
 
 exports.Plate = Plate;

package/plate/cssm/Component.responsive.js

@@ -17,5 +17,6 @@ var Plate = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.PlateDesktop : mobile_Component_mobile.PlateMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Plate.displayName = 'Plate';
 
 exports.Plate = Plate;

package/plate/esm/Component.responsive.js

@@ -19,5 +19,6 @@ var Plate = forwardRef(function (_a, ref) {
     var Component = isDesktop ? PlateDesktop : PlateMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });
+Plate.displayName = 'Plate';
 
 export { Plate };

package/plate/modern/Component.responsive.js

@@ -17,5 +17,6 @@ const Plate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) =>
     const Component = isDesktop ? PlateDesktop : PlateMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
+Plate.displayName = 'Plate';
 
 export { Plate };

package/popover/Component.js

@@ -159,5 +159,6 @@ var Popover = React.forwardRef(function (_a, ref) {
             (_a = transition === null || transition === void 0 ? void 0 : transition.onEntering) === null || _a === void 0 ? void 0 : _a.call(transition, node, isAppearing);
         } }), renderContent(computedZIndex))) : (open && renderContent(computedZIndex)))); }));
 });
+Popover.displayName = 'Popover';
 
 exports.Popover = Popover;

package/popover/cssm/Component.js

@@ -158,5 +158,6 @@ var Popover = React.forwardRef(function (_a, ref) {
             (_a = transition === null || transition === void 0 ? void 0 : transition.onEntering) === null || _a === void 0 ? void 0 : _a.call(transition, node, isAppearing);
         } }), renderContent(computedZIndex))) : (open && renderContent(computedZIndex)))); }));
 });
+Popover.displayName = 'Popover';
 
 exports.Popover = Popover;

package/popover/esm/Component.js

@@ -150,5 +150,6 @@ var Popover = forwardRef(function (_a, ref) {
             (_a = transition === null || transition === void 0 ? void 0 : transition.onEntering) === null || _a === void 0 ? void 0 : _a.call(transition, node, isAppearing);
         } }), renderContent(computedZIndex))) : (open && renderContent(computedZIndex)))); }));
 });
+Popover.displayName = 'Popover';
 
 export { Popover };

package/popover/modern/Component.js

@@ -146,5 +146,6 @@ const Popover = forwardRef(({ children, getPortalContainer, transition = DEFAULT
             transition?.onEntering?.(node, isAppearing);
         } }, renderContent(computedZIndex))) : (open && renderContent(computedZIndex))))));
 });
+Popover.displayName = 'Popover';
 
 export { Popover };

package/popup-sheet/Component.js

@@ -132,5 +132,6 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
         hasCloser && (React__default.default.createElement(shared.Closer, { view: 'mobile', className: styles.closer, onClick: onClose, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer') })),
         children));
 });
+PopupSheet.displayName = 'PopupSheet';
 
 exports.PopupSheet = PopupSheet;

package/popup-sheet/cssm/Component.js

@@ -131,5 +131,6 @@ var PopupSheet = React.forwardRef(function (_a, ref) {
         hasCloser && (React__default.default.createElement(shared.Closer, { view: 'mobile', className: styles__default.default.closer, onClick: onClose, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'closer') })),
         children));
 });
+PopupSheet.displayName = 'PopupSheet';
 
 exports.PopupSheet = PopupSheet;

package/popup-sheet/esm/Component.js

@@ -126,5 +126,6 @@ var PopupSheet = forwardRef(function (_a, ref) {
         hasCloser && (React.createElement(Closer, { view: 'mobile', className: styles.closer, onClick: onClose, dataTestId: getDataTestId(dataTestId, 'closer') })),
         children));
 });
+PopupSheet.displayName = 'PopupSheet';
 
 export { PopupSheet };

package/popup-sheet/modern/Component.js

@@ -132,5 +132,6 @@ const PopupSheet = forwardRef(({ children, hasCloser, className, onClose, transi
         hasCloser && (React.createElement(Closer, { view: 'mobile', className: styles.closer, onClick: onClose, dataTestId: getDataTestId(dataTestId, 'closer') })),
         children));
 });
+PopupSheet.displayName = 'PopupSheet';
 
 export { PopupSheet };

package/portal/Component.js

@@ -2,15 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var react = require('react');
 var reactDom = require('react-dom');
-var hooks_usePortalContainer = require('./hooks/usePortalContainer.js');
 var utils = require('./utils.js');
 
-var Portal = react.forwardRef(function (props, ref) {
-    var portalContainer = hooks_usePortalContainer.usePortalContainer();
-    var _a = props.getPortalContainer, getPortalContainer = _a === void 0 ? portalContainer : _a, _b = props.immediateMount, immediateMount = _b === void 0 ? false : _b, children = props.children;
-    var _c = react.useState(function () {
+var Portal = react.forwardRef(function (_a, ref) {
+    var _b = _a.getPortalContainer, getPortalContainer = _b === void 0 ? utils.getDefaultPortalContainer : _b, _c = _a.immediateMount, immediateMount = _c === void 0 ? false : _c, children = _a.children;
+    var _d = react.useState(function () {
         return typeof window !== 'undefined' && immediateMount ? getPortalContainer() : null;
-    }), mountNode = _c[0], setMountNode = _c[1];
+    }), mountNode = _d[0], setMountNode = _d[1];
     react.useEffect(function () {
         setMountNode(getPortalContainer());
     }, [getPortalContainer]);
@@ -25,5 +23,6 @@ var Portal = react.forwardRef(function (props, ref) {
     }, [ref, mountNode]);
     return mountNode ? reactDom.createPortal(children, mountNode) : mountNode;
 });
+Portal.displayName = 'Portal';
 
 exports.Portal = Portal;