@alfalab/core-components 48.22.1-beta.2 → 48.22.1-beta.3

package/password-input/cssm/component.d.ts

@@ -11,13 +11,6 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -33,13 +26,6 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/cssm/component.js

@@ -26,25 +26,23 @@ var SIZE_TO_CLASSNAME_MAP = {
     72: 'size-72',
 };
 var PasswordInput = React.forwardRef(function (_a, ref) {
-    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, _c = _a.passwordHint, passwordHint = _c === void 0 ? {
-        visible: 'Скрыть',
-        hidden: 'Показать',
-    } : _c, className = _a.className, restProps = tslib.__rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "passwordHint", "className"]);
-    var visible = passwordHint.visible, hidden = passwordHint.hidden;
+    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, className = _a.className, restProps = tslib.__rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "className"]);
     var uncontrolled = passwordVisible === undefined;
-    var _d = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _d[0], setStatePasswordVisible = _d[1];
+    var _c = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
     var handleButtonClick = React.useCallback(function () {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (prevVisible) { return !prevVisible; });
+            setStatePasswordVisible(function (visible) { return !visible; });
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default.default(className, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
             rightAddons,
-            React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles__default.default.addons, inputClassName: styles__default.default.input })));
+            React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
+                    ? 'Скрыть введённые цифры'
+                    : 'Показать введённые цифры' })), addonsClassName: styles__default.default.addons, inputClassName: styles__default.default.input })));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/esm/component.d.ts

@@ -11,13 +11,6 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -33,13 +26,6 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/esm/component.js

@@ -20,25 +20,23 @@ var SIZE_TO_CLASSNAME_MAP = {
     72: 'size-72',
 };
 var PasswordInput = forwardRef(function (_a, ref) {
-    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, _c = _a.passwordHint, passwordHint = _c === void 0 ? {
-        visible: 'Скрыть',
-        hidden: 'Показать',
-    } : _c, className = _a.className, restProps = __rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "passwordHint", "className"]);
-    var visible = passwordHint.visible, hidden = passwordHint.hidden;
+    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, className = _a.className, restProps = __rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "className"]);
     var uncontrolled = passwordVisible === undefined;
-    var _d = useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _d[0], setStatePasswordVisible = _d[1];
+    var _c = useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
     var handleButtonClick = useCallback(function () {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (prevVisible) { return !prevVisible; });
+            setStatePasswordVisible(function (visible) { return !visible; });
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React.createElement(Input, __assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React.createElement(React.Fragment, null,
             rightAddons,
-            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input })));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
+                    ? 'Скрыть введённые цифры'
+                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input })));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/modern/component.d.ts

@@ -11,13 +11,6 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -33,13 +26,6 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/modern/component.js

@@ -18,11 +18,7 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, passwordHint = {
-    visible: 'Скрыть',
-    hidden: 'Показать',
-}, className, ...restProps }, ref) => {
-    const { visible, hidden } = passwordHint;
+const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, className, ...restProps }, ref) => {
     const uncontrolled = passwordVisible === undefined;
     const [statePasswordVisible, setStatePasswordVisible] = useState(uncontrolled ? false : passwordVisible);
     const handleButtonClick = useCallback(() => {
@@ -30,13 +26,15 @@ const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, di
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible((prevVisible) => !prevVisible);
+            setStatePasswordVisible((visible) => !visible);
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     const isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React.createElement(Input, { ...restProps, disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React.createElement(React.Fragment, null,
             rightAddons,
-            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input }));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
+                    ? 'Скрыть введённые цифры'
+                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input }));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/moderncssm/component.d.ts

@@ -11,13 +11,6 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -33,13 +26,6 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
-    /**
-     * Управление текстом подсказки
-     */
-    passwordHint?: {
-        visible: string;
-        hidden: string;
-    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/moderncssm/component.js

@@ -16,11 +16,7 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, passwordHint = {
-    visible: 'Скрыть',
-    hidden: 'Показать',
-}, className, ...restProps }, ref) => {
-    const { visible, hidden } = passwordHint;
+const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, className, ...restProps }, ref) => {
     const uncontrolled = passwordVisible === undefined;
     const [statePasswordVisible, setStatePasswordVisible] = useState(uncontrolled ? false : passwordVisible);
     const handleButtonClick = useCallback(() => {
@@ -28,13 +24,15 @@ const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, di
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible((prevVisible) => !prevVisible);
+            setStatePasswordVisible((visible) => !visible);
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     const isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React.createElement(Input, { ...restProps, disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React.createElement(React.Fragment, null,
             rightAddons,
-            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input }));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
+                    ? 'Скрыть введённые цифры'
+                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input }));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/picker-button/cssm/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element | null;
+    getPortalContainer?: () => Element;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element;
+declare const usePortalContainer: () => () => Element | null;
 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;

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

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element | null;
+    getPortalContainer?: () => Element;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element;
+declare const usePortalContainer: () => () => Element | null;
 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;

package/picker-button/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element | null;
+    getPortalContainer?: () => Element;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element;
+declare const usePortalContainer: () => () => Element | null;
 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;

package/picker-button/modern/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element | null;
+    getPortalContainer?: () => Element;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element;
+declare const usePortalContainer: () => () => Element | null;
 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;

package/picker-button/moderncssm/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element | null;
+    getPortalContainer?: () => Element;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element;
+declare const usePortalContainer: () => () => Element | null;
 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;

package/plate/components/base-plate/Component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var warning = require('../../warning-bde58dcf.js');
+var warning = require('../../warning-030b2408.js');
 var hooks = require('@alfalab/hooks');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

package/plate/cssm/components/base-plate/Component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../../icon-button/cssm');
-var warning = require('../../warning-f6e0ddce.js');
+var warning = require('../../warning-9845719a.js');
 var hooks = require('@alfalab/hooks');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

package/plate/cssm/{index-7a60c8a5.d.ts → index-7f6b04c5.d.ts}

@@ -82,6 +82,7 @@ declare const exhaustiveCheck: (value: never) => never;
 declare function isFn<T>(value: T): value is T & Function;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
 export { useIsMounted } from "./useIsMounted-edf8408d";
+export * from "./warning-9845719a";
+export { PortalContext } from "./warning-9845719a";
 export * from "./isClient-22e50762";
-export * from "./warning-f6e0ddce";
 export * from "./fnUtils-edf8408d";

package/plate/cssm/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var warning = require('./warning-f6e0ddce.js');
+var warning = require('./warning-9845719a.js');
 require('react');
 require('@alfalab/hooks');
 

package/plate/{esm/warning-f767f1d8.d.ts → cssm/warning-9845719a.d.ts}

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
 declare function isMacOS(): boolean;
@@ -16,4 +19,4 @@ declare const browser: {
 declare function getDataTestId(dataTestId: string, element: string): string;
 declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
 declare function devWarning(message: string): void;
-export { os, browser, getDataTestId, devWarning };
+export { PortalContext, os, browser, getDataTestId, devWarning };

package/plate/cssm/{warning-f6e0ddce.js → warning-9845719a.js}

@@ -1,4 +1,5 @@
 var detectBrowser = require('detect-browser');
+var React = require('react');
 
 function getDataTestId(dataTestId, element) {
     var elementPart = element ? "-".concat(element.toLowerCase()) : '';
@@ -9,6 +10,8 @@ detectBrowser.detect();
 
 detectBrowser.detect();
 
+React.createContext(function () { return null; });
+
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/plate/esm/Component.responsive.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-f767f1d8.js';
+import './warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/components/base-plate/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../warning-f767f1d8.js';
+import { g as getDataTestId } from '../../warning-5cc6af8a.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/components/base-plate/index.js

@@ -4,7 +4,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/esm';
-import '../../warning-f767f1d8.js';
+import '../../warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-f767f1d8.js';
+import '../warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/desktop/index.js

@@ -5,7 +5,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-f767f1d8.js';
+import '../warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/{index-7a60c8a5.d.ts → index-7f6b04c5.d.ts}

@@ -82,6 +82,7 @@ declare const exhaustiveCheck: (value: never) => never;
 declare function isFn<T>(value: T): value is T & Function;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
 export { useIsMounted } from "./useIsMounted-edf8408d";
+export * from "./warning-5cc6af8a";
+export { PortalContext } from "./warning-5cc6af8a";
 export * from "./isClient-22e50762";
-export * from "./warning-f767f1d8";
 export * from "./fnUtils-edf8408d";

package/plate/esm/index.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-f767f1d8.js';
+import './warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/mobile/Component.mobile.js

@@ -4,7 +4,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-f767f1d8.js';
+import '../warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/mobile/index.js

@@ -5,7 +5,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-f767f1d8.js';
+import '../warning-5cc6af8a.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/esm/shared/index.js

@@ -1,5 +1,5 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-f767f1d8.js';
+import '../warning-5cc6af8a.js';
 import 'detect-browser';
 import 'react';
 import '@alfalab/hooks';

package/plate/esm/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-f767f1d8.js';
+import { g as getDataTestId } from './warning-5cc6af8a.js';
 import 'react';
 import '@alfalab/hooks';
 import 'detect-browser';

package/plate/{modern/warning-8ef1cad9.d.ts → esm/warning-5cc6af8a.d.ts}

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+type PortalContextType = () => Element | null;
+declare const PortalContext: import("react").Context<PortalContextType>;
 declare function isApplePlatform(): boolean;
 declare function isIOS(): boolean;
 declare function isMacOS(): boolean;
@@ -16,4 +19,4 @@ declare const browser: {
 declare function getDataTestId(dataTestId: string, element: string): string;
 declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
 declare function devWarning(message: string): void;
-export { os, browser, getDataTestId, devWarning };
+export { PortalContext, os, browser, getDataTestId, devWarning };

package/plate/esm/{warning-f767f1d8.js → warning-5cc6af8a.js}

@@ -1,4 +1,5 @@
 import { detect } from 'detect-browser';
+import { createContext } from 'react';
 
 function getDataTestId(dataTestId, element) {
     var elementPart = element ? "-".concat(element.toLowerCase()) : '';
@@ -9,6 +10,8 @@ detect();
 
 detect();
 
+createContext(function () { return null; });
+
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/plate/{index-7a60c8a5.d.ts → index-7f6b04c5.d.ts}

@@ -82,6 +82,7 @@ declare const exhaustiveCheck: (value: never) => never;
 declare function isFn<T>(value: T): value is T & Function;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
 export { useIsMounted } from "./useIsMounted-edf8408d";
+export * from "./warning-030b2408";
+export { PortalContext } from "./warning-030b2408";
 export * from "./isClient-22e50762";
-export * from "./warning-bde58dcf";
 export * from "./fnUtils-edf8408d";

package/plate/modern/Component.responsive.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-8ef1cad9.js';
+import './warning-ddcfdd3c.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/components/base-plate/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../warning-8ef1cad9.js';
+import { g as getDataTestId } from '../../warning-ddcfdd3c.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/components/base-plate/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../warning-8ef1cad9.js';
+import '../../warning-ddcfdd3c.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/desktop/Component.desktop.js

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-8ef1cad9.js';
+import '../warning-ddcfdd3c.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/desktop/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-8ef1cad9.js';
+import '../warning-ddcfdd3c.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/plate/modern/{index-7a60c8a5.d.ts → index-7f6b04c5.d.ts}

@@ -82,6 +82,7 @@ declare const exhaustiveCheck: (value: never) => never;
 declare function isFn<T>(value: T): value is T & Function;
 export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn };
 export { useIsMounted } from "./useIsMounted-edf8408d";
+export * from "./warning-ddcfdd3c";
+export { PortalContext } from "./warning-ddcfdd3c";
 export * from "./isClient-22e50762";
-export * from "./warning-8ef1cad9";
 export * from "./fnUtils-edf8408d";