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

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-8f4bb5c4.js';
+import { l as layoutStyles } from '../../layout.module-5977466c.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_e5vdf","sticky":"modal__sticky_e5vdf","fullscreen":"modal__fullscreen_e5vdf","size-500":"modal__size-500_e5vdf","size-600":"modal__size-600_e5vdf","size-800":"modal__size-800_e5vdf","size-1140":"modal__size-1140_e5vdf"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-8f4bb5c4.js';
+import '../layout.module-5977466c.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-8f4bb5c4.js';
+import '../layout.module-5977466c.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-8f4bb5c4.js';
+import './layout.module-5977466c.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

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

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-8f4bb5c4.js';
+import '../layout.module-5977466c.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-8f4bb5c4.js';
+import '../layout.module-5977466c.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-6bc66458.js';
+import './layout.module-565c309a.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-6bc66458.js';
+import { l as layoutStyles } from '../../layout.module-565c309a.js';
 
 const styles = {"component":"modal__component_6629a"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-6bc66458.js';
+import '../../layout.module-565c309a.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-6bc66458.js';
+import { l as layoutStyles } from '../../layout.module-565c309a.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_e5vdf","sticky":"modal__sticky_e5vdf","fullscreen":"modal__fullscreen_e5vdf","size-500":"modal__size-500_e5vdf","size-600":"modal__size-600_e5vdf","size-800":"modal__size-800_e5vdf","size-1140":"modal__size-1140_e5vdf"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-6bc66458.js';
+import '../layout.module-565c309a.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-6bc66458.js';
+import '../layout.module-565c309a.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-6bc66458.js';
+import './layout.module-565c309a.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

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

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-6bc66458.js';
+import '../layout.module-565c309a.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-6bc66458.js';
+import '../layout.module-565c309a.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/notification/Component.js

@@ -9,6 +9,7 @@ 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 }; }
@@ -23,7 +24,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 ? 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 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 notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);

package/notification/cssm/Component.js

@@ -9,6 +9,7 @@ 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');
 
@@ -22,7 +23,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 ? 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 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 notificationRef = React.useRef(null);
     var autoCloseTimeoutRef = React.useRef(0);
     var closeTimeoutRef = React.useRef(0);

package/notification/esm/Component.js

@@ -5,8 +5,9 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { 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,4 +8,5 @@ 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,8 +4,9 @@ import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import elementClosest from 'element-closest';
 import { Portal } from '../../portal/modern';
-import { Stack, stackingOrder } from '../../stack/modern';
+import { Stack } 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,4 +7,5 @@ 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,6 +6,7 @@ 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 }; }
@@ -25,7 +26,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 ? 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"]);
+    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"]);
     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,6 +6,7 @@ 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');
 
@@ -24,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 ? 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"]);
+    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"]);
     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,7 +3,8 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/esm';
-import { stackingOrder, Stack } from '../../stack/esm';
+import { Stack } from '../../stack/esm';
+import { stackingOrder } from '@alfalab/stack-context';
 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,4 +5,5 @@ 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,7 +2,8 @@ import React, { forwardRef } from 'react';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 import { Portal } from '../../portal/modern';
-import { Stack, stackingOrder } from '../../stack/modern';
+import { Stack } from '../../stack/modern';
+import { stackingOrder } from '@alfalab/stack-context';
 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,4 +4,5 @@ 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": "47.0.0-beta.1",
+  "version": "47.0.0-beta.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -56,6 +56,7 @@
     "@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/Component-0f35b62f.d.ts

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

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

@@ -58,7 +58,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
     /**
      * Атрибут type
      */
-    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
     /**
      * Ref для обертки input
      */
@@ -196,7 +196,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
     /**
      * Атрибут type
      */
-    type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+    type?: "number" | "text" | "tel" | "email" | "password" | "money" | undefined;
     /**
      * Ref для обертки input
      */

package/picker-button/cssm/Component-0f35b62f.d.ts

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

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

@@ -58,7 +58,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
     /**
      * Атрибут type
      */
-    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
     /**
      * Ref для обертки input
      */
@@ -196,7 +196,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
     /**
      * Атрибут type
      */
-    type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+    type?: "number" | "text" | "tel" | "email" | "password" | "money" | undefined;
     /**
      * Ref для обертки input
      */

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-0f35b62f";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

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

@@ -174,18 +174,6 @@ 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, в который передается функция.
@@ -226,5 +214,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

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

@@ -881,6 +881,18 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -900,6 +912,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 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-0f35b62f";
 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-0f35b62f.d.ts

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

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

@@ -58,7 +58,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
     /**
      * Атрибут type
      */
-    type?: 'number' | 'card' | 'email' | 'money' | 'password' | 'tel' | 'text';
+    type?: 'number' | 'email' | 'money' | 'password' | 'tel' | 'text';
     /**
      * Ref для обертки input
      */
@@ -196,7 +196,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
     /**
      * Атрибут type
      */
-    type?: "number" | "text" | "tel" | "email" | "password" | "card" | "money" | undefined;
+    type?: "number" | "text" | "tel" | "email" | "password" | "money" | undefined;
     /**
      * Ref для обертки input
      */

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-0f35b62f";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

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

@@ -174,18 +174,6 @@ 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, в который передается функция.
@@ -226,5 +214,5 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, StackProps, Stack, lockScroll, unlockScroll, syncHeight, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore };
 export type { SavedStyle };

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

@@ -881,6 +881,18 @@ type OptionsListProps = {
      * Указать индекс пункта для hover состояния
      */
     setHighlightedIndex?: (index: number) => void;
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 type OptgroupProps = {
     /**
@@ -900,6 +912,26 @@ type OptgroupProps = {
      * Дочерние элементы
      */
     children?: ReactNode;
+    /**
+     * Список вариантов выбора в группе
+     */
+    options?: OptionShape[];
+    /**
+     * Список выбранных вариантов в группе
+     */
+    selectedItems?: OptionShape[];
+    /**
+     * Обработчик добавления в список выбранных вариантов
+     */
+    addSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Обработчик удаления из списка выбранных вариантов
+     */
+    removeSelectedItem?: (item: OptionShape) => void;
+    /**
+     * Значение поиска
+     */
+    search?: string;
 };
 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-0f35b62f";
 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-0f35b62f";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;