@alfalab/core-components 46.0.0-beta.3 → 46.0.0-beta.5

package/notification/Component.js

@@ -9,7 +9,6 @@ var elementClosest = require('element-closest');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
 var desktop = require('../toast-plate/desktop');
-var stackContext = require('@alfalab/stack-context');
 var utils_index = require('./utils/index.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -24,7 +23,7 @@ require('./index.css');
 
 var notificationClassNameSelector = ".".concat(styles.notificationComponent);
 var Notification = React.forwardRef(function (_a, ref) {
-    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? stackContext.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);

package/notification/cssm/Component.js

@@ -9,7 +9,6 @@ var elementClosest = require('element-closest');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
 var desktop = require('../../toast-plate/cssm/desktop');
-var stackContext = require('@alfalab/stack-context');
 var utils_index = require('./utils/index.js');
 var styles = require('./index.module.css');
 
@@ -23,7 +22,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var notificationClassNameSelector = ".".concat(styles__default.default.notificationComponent);
 var Notification = React.forwardRef(function (_a, ref) {
-    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? stackContext.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
+    var className = _a.className, actionSectionClassName = _a.actionSectionClassName, children = _a.children, visible = _a.visible, _b = _a.offset, offset = _b === void 0 ? 108 : _b, _c = _a.hasCloser, hasCloser = _c === void 0 ? true : _c, _d = _a.autoCloseDelay, autoCloseDelay = _d === void 0 ? 5000 : _d, _e = _a.usePortal, usePortal = _e === void 0 ? true : _e, _f = _a.zIndex, zIndex = _f === void 0 ? coreComponentsStack.stackingOrder.TOAST : _f, style = _a.style, onClose = _a.onClose, onCloseTimeout = _a.onCloseTimeout, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onClickOutside = _a.onClickOutside, restProps = tslib.__rest(_a, ["className", "actionSectionClassName", "children", "visible", "offset", "hasCloser", "autoCloseDelay", "usePortal", "zIndex", "style", "onClose", "onCloseTimeout", "onMouseEnter", "onMouseLeave", "onClickOutside"]);
     var notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);

package/notification/esm/Component.js

@@ -5,9 +5,8 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/esm';
-import { Stack } from '../../stack/esm';
+import { stackingOrder, Stack } from '../../stack/esm';
 import { ToastPlateDesktop } from '../../toast-plate/esm/desktop';
-import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
 var styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};

package/notification/esm/index.js

@@ -8,5 +8,4 @@ import 'element-closest';
 import '../../portal/esm';
 import '../../stack/esm';
 import '../../toast-plate/esm/desktop';
-import '@alfalab/stack-context';
 import './utils/index.js';

package/notification/modern/Component.js

@@ -4,9 +4,8 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/modern';
-import { Stack } from '../../stack/modern';
+import { Stack, stackingOrder } from '../../stack/modern';
 import { ToastPlateDesktop } from '../../toast-plate/modern/desktop';
-import { stackingOrder } from '@alfalab/stack-context';
 import { useClickOutside } from './utils/index.js';
 
 const styles = {"notificationComponent":"notification__notificationComponent_x5voa","isVisible":"notification__isVisible_x5voa","isClosing":"notification__isClosing_x5voa","toastContent":"notification__toastContent_x5voa","actionSection":"notification__actionSection_x5voa"};

package/notification/modern/index.js

@@ -7,5 +7,4 @@ import 'element-closest';
 import '../../portal/modern';
 import '../../stack/modern';
 import '../../toast-plate/modern/desktop';
-import '@alfalab/stack-context';
 import './utils/index.js';

package/notification-manager/component.js

@@ -6,7 +6,6 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
-var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -26,7 +25,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/cssm/component.js

@@ -6,7 +6,6 @@ var reactTransitionGroup = require('react-transition-group');
 var cn = require('classnames');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
-var stackContext = require('@alfalab/stack-context');
 var components_notification_component = require('./components/notification/component.js');
 var styles = require('./index.module.css');
 
@@ -25,7 +24,7 @@ var TIMEOUT = {
     enter: 400,
 };
 var NotificationManager = React.forwardRef(function (_a, ref) {
-    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? stackContext.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
+    var notifications = _a.notifications, className = _a.className, dataTestId = _a.dataTestId, _b = _a.zIndex, zIndex = _b === void 0 ? coreComponentsStack.stackingOrder.TOAST : _b, _c = _a.style, style = _c === void 0 ? {} : _c, offset = _a.offset, onRemoveNotification = _a.onRemoveNotification, container = _a.container, restProps = tslib.__rest(_a, ["notifications", "className", "dataTestId", "zIndex", "style", "offset", "onRemoveNotification", "container"]);
     return (React__default.default.createElement(coreComponentsStack.Stack, { value: zIndex }, function (computedZIndex) { return (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container },
         React__default.default.createElement("div", tslib.__assign({ className: cn__default.default(styles__default.default.component, className), ref: ref, "data-test-id": dataTestId, style: tslib.__assign({ zIndex: computedZIndex, top: offset }, style) }, restProps),
             React__default.default.createElement(reactTransitionGroup.TransitionGroup, null, notifications.map(function (element, index) {

package/notification-manager/esm/component.js

@@ -3,8 +3,7 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/esm';
-import { Stack } from '../../stack/esm';
-import { stackingOrder } from '@alfalab/stack-context';
+import { stackingOrder, Stack } from '../../stack/esm';
 import { Notification } from './components/notification/component.js';
 
 var styles = {"component":"notification-manager__component_1xrx7","notification":"notification-manager__notification_1xrx7","withoutMargin":"notification-manager__withoutMargin_1xrx7","enter":"notification-manager__enter_1xrx7","enterActive":"notification-manager__enterActive_1xrx7"};

package/notification-manager/esm/index.js

@@ -5,5 +5,4 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/esm';
 import '../../stack/esm';
-import '@alfalab/stack-context';
 import './components/notification/component.js';

package/notification-manager/modern/component.js

@@ -2,8 +2,7 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/modern';
-import { Stack } from '../../stack/modern';
-import { stackingOrder } from '@alfalab/stack-context';
+import { Stack, stackingOrder } from '../../stack/modern';
 import { Notification } from './components/notification/component.js';
 
 const styles = {"component":"notification-manager__component_1xrx7","notification":"notification-manager__notification_1xrx7","withoutMargin":"notification-manager__withoutMargin_1xrx7","enter":"notification-manager__enter_1xrx7","enterActive":"notification-manager__enterActive_1xrx7"};

package/notification-manager/modern/index.js

@@ -4,5 +4,4 @@ import 'react-transition-group';
 import 'classnames';
 import '../../portal/modern';
 import '../../stack/modern';
-import '@alfalab/stack-context';
 import './components/notification/component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "46.0.0-beta.3",
+  "version": "46.0.0-beta.5",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -56,7 +56,6 @@
     "@alfalab/hooks": "^1.13.0",
     "@alfalab/icons-glyph": "^2.139.0",
     "@alfalab/icons-logotype": "^2.27.0",
-    "@alfalab/stack-context": "^1.16.0",
     "@alfalab/utils": "^1.15.2",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^7.0.2",

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

@@ -174,6 +174,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
+/**
+ * Набор констант для 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, в который передается функция.
@@ -214,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, 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/index-bdb4c6b9.d.ts

@@ -174,6 +174,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
+/**
+ * Набор констант для 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, в который передается функция.
@@ -214,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, 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/index-bdb4c6b9.d.ts

@@ -174,6 +174,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
+/**
+ * Набор констант для 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, в который передается функция.
@@ -214,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, 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/index-bdb4c6b9.d.ts

@@ -174,6 +174,18 @@ declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement, shouldIOSLock?: boolean) => void;
+/**
+ * Набор констант для 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, в который передается функция.
@@ -214,5 +226,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, 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/popover/Component.js

@@ -11,7 +11,6 @@ var maxSize = require('popper-max-size-modifier');
 var coreComponentsPortal = require('../portal');
 var coreComponentsStack = require('../stack');
 var hooks = require('@alfalab/hooks');
-var stackContext = require('@alfalab/stack-context');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -66,7 +65,7 @@ function getArrowPadding(_a) {
     return 0;
 }
 var Popover = React.forwardRef(function (_a, ref) {
-    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? stackContext.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
+    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
     var _l = React.useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
     var _m = React.useState(null), popperElement = _m[0], setPopperElement = _m[1];
     var _o = React.useState(null), arrowElement = _o[0], setArrowElement = _o[1];

package/popover/cssm/Component.js

@@ -11,7 +11,6 @@ var maxSize = require('popper-max-size-modifier');
 var coreComponentsPortal = require('../../portal/cssm');
 var coreComponentsStack = require('../../stack/cssm');
 var hooks = require('@alfalab/hooks');
-var stackContext = require('@alfalab/stack-context');
 var styles = require('./index.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -65,7 +64,7 @@ function getArrowPadding(_a) {
     return 0;
 }
 var Popover = React.forwardRef(function (_a, ref) {
-    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? stackContext.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
+    var children = _a.children, getPortalContainer = _a.getPortalContainer, _b = _a.transition, transition = _b === void 0 ? DEFAULT_TRANSITION : _b, anchorElement = _a.anchorElement, useAnchorWidth = _a.useAnchorWidth, _c = _a.offset, offset = _c === void 0 ? DEFAULT_OFFSET : _c, _d = _a.withArrow, withArrow = _d === void 0 ? false : _d, _e = _a.withTransition, withTransition = _e === void 0 ? true : _e, _f = _a.position, position = _f === void 0 ? 'left' : _f, preventFlip = _a.preventFlip, popperClassName = _a.popperClassName, arrowClassName = _a.arrowClassName, className = _a.className, open = _a.open, dataTestId = _a.dataTestId, update = _a.update, _g = _a.transitionDuration, transitionDuration = _g === void 0 ? "".concat(transition.timeout, "ms") : _g, _h = _a.zIndex, zIndex = _h === void 0 ? coreComponentsStack.stackingOrder.POPOVER : _h, fallbackPlacements = _a.fallbackPlacements, _j = _a.preventOverflow, preventOverflow = _j === void 0 ? true : _j, _k = _a.availableHeight, availableHeight = _k === void 0 ? false : _k;
     var _l = React.useState(anchorElement), referenceElement = _l[0], setReferenceElement = _l[1];
     var _m = React.useState(null), popperElement = _m[0], setPopperElement = _m[1];
     var _o = React.useState(null), arrowElement = _o[0], setArrowElement = _o[1];

package/popover/esm/Component.js

@@ -7,9 +7,8 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/esm';
-import { Stack } from '../../stack/esm';
+import { stackingOrder, Stack } from '../../stack/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { stackingOrder } from '@alfalab/stack-context';
 
 var styles = {"component":"popover__component_6dkfc","inner":"popover__inner_6dkfc","scrollableContent":"popover__scrollableContent_6dkfc","arrow":"popover__arrow_6dkfc","enter":"popover__enter_6dkfc","enterActive":"popover__enterActive_6dkfc","exit":"popover__exit_6dkfc","exitActive":"popover__exitActive_6dkfc"};
 require('./index.css');

package/popover/esm/index.js

@@ -10,4 +10,3 @@ import 'popper-max-size-modifier';
 import '../../portal/esm';
 import '../../stack/esm';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/popover/modern/Component.js

@@ -6,9 +6,8 @@ import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import maxSize from 'popper-max-size-modifier';
 import { Portal } from '../../portal/modern';
-import { Stack } from '../../stack/modern';
+import { Stack, stackingOrder } from '../../stack/modern';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
-import { stackingOrder } from '@alfalab/stack-context';
 
 const styles = {"component":"popover__component_6dkfc","inner":"popover__inner_6dkfc","scrollableContent":"popover__scrollableContent_6dkfc","arrow":"popover__arrow_6dkfc","enter":"popover__enter_6dkfc","enterActive":"popover__enterActive_6dkfc","exit":"popover__exit_6dkfc","exitActive":"popover__exitActive_6dkfc"};
 require('./index.css');

package/popover/modern/index.js

@@ -9,4 +9,3 @@ import 'popper-max-size-modifier';
 import '../../portal/modern';
 import '../../stack/modern';
 import '@alfalab/hooks';
-import '@alfalab/stack-context';

package/select/esm/Component.responsive.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-74e64a0c.js';
+import './hook-43f97773.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/index.js

@@ -41,7 +41,7 @@ import '../../base-modal/esm';
 import '../../button/esm/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-74e64a0c.js';
+import './hook-43f97773.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/esm/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-74e64a0c.js';
+import { u as useSelectWithApply } from '../hook-43f97773.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/esm/mobile/Component.modal.mobile.js

@@ -37,7 +37,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-74e64a0c.js';
+import '../hook-43f97773.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/mobile/index.js

@@ -38,7 +38,7 @@ import '../../../input/esm';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-74e64a0c.js';
+import '../hook-43f97773.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/esm/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/esm/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-74e64a0c.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-43f97773.js';
 import 'tslib';
 import 'react';
 import '../../../skeleton/esm';

package/select/esm/presets/useSelectWithApply/hook.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../../shared/esm';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-74e64a0c.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-43f97773.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,7 +1,7 @@
 import 'tslib';
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-74e64a0c.js';
+export { O as OptionsListWithApply } from '../../../hook-43f97773.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-74e64a0c";
+export * from "../../../hook-43f97773";

package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-74e64a0c.js';
+export { O as OptionsListWithApply } from '../../../hook-43f97773.js';
 import 'tslib';
 import 'react';
 import '../../../utils.js';

package/select/esm/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-74e64a0c.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-43f97773.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/mobile/Component.mobile.js

@@ -14,7 +14,7 @@ var components_option_Component = require('../components/option/Component.js');
 var components_optionsList_Component = require('../components/options-list/Component.js');
 var components_search_Component = require('../components/search/Component.js');
 var components_virtualOptionsList_Component = require('../components/virtual-options-list/Component.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-47df637e.js');
 var presets_useSelectWithApply_optionsListWithApply_header_Component = require('../presets/useSelectWithApply/options-list-with-apply/header/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/select/modern/Component.responsive.js

@@ -40,7 +40,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-6af684e1.js';
+import './hook-72d63281.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/index.js

@@ -40,7 +40,7 @@ import '../../base-modal/modern';
 import '../../button/modern/mobile';
 import './components/virtual-options-list/Component.js';
 import 'react-virtual';
-import './hook-6af684e1.js';
+import './hook-72d63281.js';
 import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../button/modern/desktop';
 import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { Option } from '../components/option/Component.js';
 import { OptionsList } from '../components/options-list/Component.js';
 import { Search } from '../components/search/Component.js';
 import { VirtualOptionsList } from '../components/virtual-options-list/Component.js';
-import { u as useSelectWithApply } from '../hook-6af684e1.js';
+import { u as useSelectWithApply } from '../hook-72d63281.js';
 import { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

package/select/modern/mobile/Component.modal.mobile.js

@@ -36,7 +36,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-6af684e1.js';
+import '../hook-72d63281.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/mobile/index.js

@@ -37,7 +37,7 @@ import '../../../input/modern';
 import '@alfalab/icons-glyph/MagnifierMIcon';
 import '../components/virtual-options-list/Component.js';
 import 'react-virtual';
-import '../hook-6af684e1.js';
+import '../hook-72d63281.js';
 import '../presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
 import '../../../button/modern/desktop';
 import '../presets/useSelectWithApply/options-list-with-apply/header/Component.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-6af684e1.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-72d63281.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';

package/select/modern/presets/useSelectWithApply/hook.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../../shared/modern';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-6af684e1.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-72d63281.js';
 import '../../utils.js';
 import '../../components/options-list/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../../../components/options-list/Component.js';
-export { O as OptionsListWithApply } from '../../../hook-6af684e1.js';
+export { O as OptionsListWithApply } from '../../../hook-72d63281.js';
 import './footer/Component.js';
 import './header/Component.js';
 import 'react-merge-refs';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../hook-6af684e1";
+export * from "../../../hook-72d63281";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../hook-6af684e1.js';
+export { O as OptionsListWithApply } from '../../../hook-72d63281.js';
 import 'react';
 import '../../../utils.js';
 import '../../../../../shared/modern';

package/select/modern/shared/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from '../presets/useSelectWithLoading/hook.js';
 export { useLazyLoading } from '../presets/useLazyLoading/hook.js';
-export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-6af684e1.js';
+export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../hook-72d63281.js';
 export { defaultAccessor, defaultFilterFn, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from '../utils.js';
 export { Option } from '../components/option/Component.js';
 export { BaseOption } from '../components/base-option/Component.js';

package/select/presets/index.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-47df637e.js');
 
 
 

package/select/presets/useSelectWithApply/hook.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-0bb52889.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-47df637e.js');