@ozen-ui/kit 0.80.0 → 0.81.0

package/__inner__/cjs/components/Dialog/Dialog.d.ts

@@ -34,6 +34,7 @@ export declare const Dialog: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/cjs/components/DialogNext/components/DialogModal/DialogModal.d.ts

@@ -30,6 +30,7 @@ export declare const DialogModal: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../../../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/cjs/components/DialogNext/types.d.ts

@@ -6,7 +6,7 @@ import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
 import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
 export type DialogRef = HTMLDivElement;
 export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
-export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
+export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className' | 'children'>;
 export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant' | 'children'>;
 export type DialogBaseProps = {
     /** Если `true`, будет отображаться окно диалога */

package/__inner__/cjs/components/Drawer/Drawer.d.ts

@@ -35,6 +35,7 @@ export declare const Drawer: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/cjs/components/Modal/Modal.d.ts

@@ -24,6 +24,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];
+    closeOnlyOnTop?: boolean;
 } & {
     container?: import("../../hooks/usePortalContainer").PortalContainer;
 } & Omit<import("../PortalBase").PortalBaseBaseProps, "container"> & {

package/__inner__/cjs/components/Modal/Modal.js

@@ -12,6 +12,7 @@ var useFocusTrap_1 = require("../../hooks/useFocusTrap");
 var useLockBodyScroll_1 = require("../../hooks/useLockBodyScroll");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var usePortalContainer_1 = require("../../hooks/usePortalContainer");
+var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var isKey_1 = require("../../utils/isKey");
 var Backdrop_1 = require("../Backdrop");
@@ -20,8 +21,12 @@ var components_1 = require("./components");
 var constants_1 = require("./constants");
 var index_1 = require("./index");
 exports.cnModal = (0, classname_1.cn)('Modal');
-exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
-    var _b = _a.open, open = _b === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _c, _d = _a.hideBackdrop, hideBackdrop = _d === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _d, _e = _a.disableScrollLock, disableScrollLock = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _e, _f = _a.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = _a.disableEscapeKeyDown, disableEscapeKeyDown = _g === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _g, children = _a.children, onEnter = _a.onEnter, onEntered = _a.onEntered, onExit = _a.onExit, onExitedProp = _a.onExited, onClose = _a.onClose, backdropProps = _a.backdropProps, windowProps = _a.windowProps, transitionProps = _a.transitionProps, className = _a.className, ignoreClickOutsideRefs = _a.ignoreClickOutsideRefs, _h = _a.container, containerProp = _h === void 0 ? constants_1.MODAL_DEFAULT_PORTAL_CONTAINER : _h, other = tslib_1.__rest(_a, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container"]);
+exports.Modal = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        name: 'Modal',
+        props: inProps,
+    });
+    var _a = props.open, open = _a === void 0 ? constants_1.MODAL_DEFAULT_OPEN : _a, _b = props.keepMounted, keepMounted = _b === void 0 ? constants_1.MODAL_DEFAULT_KEEP_MOUNTED : _b, _c = props.hideBackdrop, hideBackdrop = _c === void 0 ? constants_1.MODAL_DEFAULT_HIDE_BACKDROP : _c, _d = props.disableScrollLock, disableScrollLock = _d === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_SCROLL_LOCK : _d, _e = props.disableClickOutside, disableClickOutside = _e === void 0 ? constants_1.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE : _e, _f = props.disableEscapeKeyDown, disableEscapeKeyDown = _f === void 0 ? constants_1.MODAL_DEFAULT_ESCAPE_KEY_DOWN : _f, children = props.children, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, onClose = props.onClose, backdropProps = props.backdropProps, windowProps = props.windowProps, transitionProps = props.transitionProps, className = props.className, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, _g = props.container, containerProp = _g === void 0 ? constants_1.MODAL_DEFAULT_PORTAL_CONTAINER : _g, _h = props.closeOnlyOnTop, closeOnlyOnTop = _h === void 0 ? constants_1.MODAL_DEFAULT_CLOSE_ONLY_ON_TOP : _h, other = tslib_1.__rest(props, ["open", "keepMounted", "hideBackdrop", "disableScrollLock", "disableClickOutside", "disableEscapeKeyDown", "children", "onEnter", "onEntered", "onExit", "onExited", "onClose", "backdropProps", "windowProps", "transitionProps", "className", "ignoreClickOutsideRefs", "container", "closeOnlyOnTop"]);
     var hasBackdrop = !hideBackdrop;
     var rootRef = (0, react_1.useRef)(null);
     var windowInnerRef = (0, react_1.useRef)(null);
@@ -35,6 +40,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
         active: isTop,
         focusinTrap: false,
     });
+    var isCloseHandlersActive = closeOnlyOnTop ? isTop : true;
     var modalConsumerMultiRef = (0, useMultiRef_1.useMultiRef)([
         windowInnerRef,
         trapRef,
@@ -45,7 +51,7 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
             windowInnerRef
         ], tslib_1.__read(refsClickOutside), false), tslib_1.__read((ignoreClickOutsideRefs || [])), false),
         handler: onClose,
-        active: open && !disableClickOutside,
+        active: open && !disableClickOutside && isCloseHandlersActive,
     });
     // Блокирует прокрутку основного окна приложения
     (0, useLockBodyScroll_1.useLockBodyScroll)(opened && !disableScrollLock);
@@ -81,13 +87,15 @@ exports.Modal = (0, react_1.forwardRef)(function (_a, ref) {
                 return;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: isTop && !disableEscapeKeyDown,
+        active: isCloseHandlersActive && !disableEscapeKeyDown,
     });
     if (!container) {
         return null;
     }
     return (react_1.default.createElement(react_transition_group_1.CSSTransition, tslib_1.__assign({ classNames: (0, exports.cnModal)({ animation: true }), nodeRef: rootRef, timeout: 300 }, transitionProps, { in: openState, onEnter: onEnter, onEntered: onEntered, onExit: onExit, onExited: onExited, unmountOnExit: !keepMounted, appear: true }),
-        react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, other, { container: container, className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [className]), ref: portalMultiRef }),
+        react_1.default.createElement(PortalBase_1.PortalBase, tslib_1.__assign({}, other, { container: container, className: (0, exports.cnModal)({ hidden: keepMounted && !openState, hasBackdrop: hasBackdrop }, [
+                className,
+            ]), ref: portalMultiRef }),
             !hideBackdrop && (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({ zIndex: -1, open: openState }, backdropProps, { className: backdropProps === null || backdropProps === void 0 ? void 0 : backdropProps.className }))),
             react_1.default.createElement(components_1.ModalConsumer, tslib_1.__assign({}, windowProps, { ref: modalConsumerMultiRef }), children))));
 });

package/__inner__/cjs/components/Modal/constants.d.ts

@@ -5,3 +5,4 @@ export declare const MODAL_DEFAULT_DISABLE_SCROLL_LOCK = false;
 export declare const MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
 export declare const MODAL_DEFAULT_PORTAL_CONTAINER: () => HTMLElement;
+export declare const MODAL_DEFAULT_CLOSE_ONLY_ON_TOP = true;

package/__inner__/cjs/components/Modal/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MODAL_DEFAULT_PORTAL_CONTAINER = exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
+exports.MODAL_DEFAULT_CLOSE_ONLY_ON_TOP = exports.MODAL_DEFAULT_PORTAL_CONTAINER = exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = exports.MODAL_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.MODAL_DEFAULT_DISABLE_SCROLL_LOCK = exports.MODAL_DEFAULT_HIDE_BACKDROP = exports.MODAL_DEFAULT_KEEP_MOUNTED = exports.MODAL_DEFAULT_OPEN = void 0;
 exports.MODAL_DEFAULT_OPEN = false;
 exports.MODAL_DEFAULT_KEEP_MOUNTED = false;
 exports.MODAL_DEFAULT_HIDE_BACKDROP = false;
@@ -10,3 +10,4 @@ exports.MODAL_DEFAULT_ESCAPE_KEY_DOWN = false;
 exports.MODAL_DEFAULT_PORTAL_CONTAINER = (function () {
     return window.document.body;
 });
+exports.MODAL_DEFAULT_CLOSE_ONLY_ON_TOP = true;

package/__inner__/cjs/components/Modal/types.d.ts

@@ -49,5 +49,7 @@ export type ModalProps = {
     'data-testid'?: string;
     /** Список ссылок на элементы при клике на которые Modal не будет закрываться (см. хук useClickOutside) */
     ignoreClickOutsideRefs?: RefObject<HTMLElement>[];
+    /** Закрыть только если окно находится на самом верхнем слое */
+    closeOnlyOnTop?: boolean;
 } & PortalProps;
 export type ModalRef = PortalRef;

package/__inner__/cjs/components/OzenProvider/providers/theme/entities/defaultProps.d.ts

@@ -66,7 +66,7 @@ import type { SelectIconButtonProps, SelectProps } from '../../../../Select';
 import type { SliderProps } from '../../../../Slider';
 import type { SnackbarProviderProps } from '../../../../Snackbar';
 import type { StackProps } from '../../../../Stack';
-import type { StepperVerticalProps, StepperVerticalStepButtonProps, StepperVerticalStepProps, StepperVerticalIndicatorProps, StepperVerticalIconIndicatorProps } from '../../../../StepperVertical';
+import type { StepperVerticalStepSubstepButtonProps, StepperVerticalProps, StepperVerticalStepButtonProps, StepperVerticalStepProps, StepperVerticalIndicatorProps, StepperVerticalIconIndicatorProps } from '../../../../StepperVertical';
 import type { TableContainerProps, TableProps, TableCaptionProps, TableCellProps } from '../../../../Table';
 import type { TagProps } from '../../../../Tag';
 import type { TagProps as TagPropsNext } from '../../../../TagNext';
@@ -193,6 +193,7 @@ export type ThemeDefaultProps = {
     StepperVertical?: Partial<StepperVerticalProps>;
     StepperVerticalStep?: Partial<StepperVerticalStepProps>;
     StepperVerticalStepButton?: Partial<StepperVerticalStepButtonProps>;
+    StepperVerticalStepSubstepButton?: Partial<StepperVerticalStepSubstepButtonProps>;
     StepperVerticalIconIndicator?: Partial<StepperVerticalIconIndicatorProps>;
     StepperVerticalIndicator?: Partial<StepperVerticalIndicatorProps>;
     Table?: Partial<TableProps>;

package/__inner__/cjs/components/StepperVertical/StepperVertical.d.ts

@@ -2,6 +2,7 @@ import './StepperVertical.css';
 import './modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css';
 import './modules/StepperVerticalIndicator/StepperVerticalIndicator.css';
 import './modules/StepperVerticalStep/StepperVerticalStep.css';
+import './modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css';
 import type { StepperVerticalBaseProps } from './types';
 export declare const cnStepperVertical: import("@bem-react/classname").ClassNameFormatter;
 export declare const StepperVertical: import("../../utils").PolymorphicComponentWithRef<StepperVerticalBaseProps, "div", "as">;

package/__inner__/cjs/components/StepperVertical/StepperVertical.js

@@ -6,16 +6,27 @@ require("./StepperVertical.css");
 require("./modules/StepperVerticalIconIndicator/StepperVerticalIconIndicator.css");
 require("./modules/StepperVerticalIndicator/StepperVerticalIndicator.css");
 require("./modules/StepperVerticalStep/StepperVerticalStep.css");
-var react_1 = tslib_1.__importDefault(require("react"));
+require("./modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var utils_1 = require("../../utils");
 var Stack_1 = require("../Stack");
 var constants_1 = require("./constants");
+var hooks_1 = require("./hooks");
 var StepperVerticalContext_1 = require("./StepperVerticalContext");
 exports.cnStepperVertical = (0, utils_1.cn)('StepperVertical');
 exports.StepperVertical = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ name: 'StepperVertical', props: inProps });
     var children = props.children, _a = props.as, as = _a === void 0 ? constants_1.STEPPER_VERTICAL_DEFAULT_TAG : _a, _b = props.ellipsis, ellipsis = _b === void 0 ? constants_1.STEPPER_VERTICAL_DEFAULT_ELLIPSIS : _b, className = props.className, fullWidth = props.fullWidth, other = tslib_1.__rest(props, ["children", "as", "ellipsis", "className", "fullWidth"]);
-    return (react_1.default.createElement(StepperVerticalContext_1.StepperVerticalContext.Provider, { value: { ellipsis: ellipsis } },
-        react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: ref, as: as, className: (0, exports.cnStepperVertical)('', [className]), direction: "column", display: fullWidth ? 'block' : 'inline' }), children)));
+    var internalRef = (0, react_1.useRef)(null);
+    var stepsControl = (0, hooks_1.useStepperVerticalStepsControl)();
+    var structure = (0, hooks_1.useStepperVerticalStepsStructure)(internalRef, stepsControl, children);
+    var memoizedContextValue = (0, react_1.useMemo)(function () { return ({
+        ellipsis: ellipsis,
+        stepsControl: stepsControl,
+        structure: structure,
+    }); }, [ellipsis, stepsControl, structure]);
+    return (react_1.default.createElement(StepperVerticalContext_1.StepperVerticalContext.Provider, { value: memoizedContextValue },
+        react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([internalRef, ref]), as: as, className: (0, exports.cnStepperVertical)('', [className]), direction: "column", display: fullWidth ? 'block' : 'inline' }), children)));
 });

package/__inner__/cjs/components/StepperVertical/StepperVerticalContext.d.ts

@@ -1,5 +1,13 @@
+import type { StoredValue } from '../../hooks/useStoredValue';
+import { EventBus } from '../../utils';
+import type { StepperVerticalStepsControl, StepperVerticalStepsStructure, StepperVerticalStepsStructureEvents } from './hooks';
 export type StepperVerticalContextValue = {
     ellipsis: boolean;
+    stepsControl: StepperVerticalStepsControl;
+    structure: {
+        value: StoredValue<StepperVerticalStepsStructure>;
+        eventBus: EventBus<StepperVerticalStepsStructureEvents>;
+    };
 };
 export declare const StepperVerticalContextDefaultValue: StepperVerticalContextValue;
 export declare const StepperVerticalContext: import("react").Context<StepperVerticalContextValue>;

package/__inner__/cjs/components/StepperVertical/StepperVerticalContext.js

@@ -3,9 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStepperVerticalContext = exports.StepperVerticalContext = exports.StepperVerticalContextDefaultValue = void 0;
 var react_1 = require("react");
 var environment_1 = require("../../constants/environment");
+var utils_1 = require("../../utils");
 var constants_1 = require("./constants");
 exports.StepperVerticalContextDefaultValue = {
     ellipsis: constants_1.STEPPER_VERTICAL_DEFAULT_ELLIPSIS,
+    stepsControl: {
+        steps: { current: {} },
+        initializeStep: function () { },
+        deleteStep: function () { },
+    },
+    structure: {
+        value: { current: { nodes: [], nodeById: {} } },
+        eventBus: new utils_1.EventBus(),
+    },
 };
 exports.StepperVerticalContext = (0, react_1.createContext)(exports.StepperVerticalContextDefaultValue);
 var useStepperVerticalContext = function () {

package/__inner__/cjs/components/StepperVertical/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useStepperVerticalCreateStep';
+export * from './useStepperVerticalStepsControl';
+export * from './useStepperVerticalStepsStructure';
+export * from './useStepperVerticalStepHelper';

package/__inner__/cjs/components/StepperVertical/hooks/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useStepperVerticalCreateStep"), exports);
+tslib_1.__exportStar(require("./useStepperVerticalStepsControl"), exports);
+tslib_1.__exportStar(require("./useStepperVerticalStepsStructure"), exports);
+tslib_1.__exportStar(require("./useStepperVerticalStepHelper"), exports);

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalCreateStep/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalCreateStep';

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalCreateStep/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./useStepperVerticalCreateStep"), exports);

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalCreateStep/types.d.ts

@@ -0,0 +1,11 @@
+import type { Dispatch, RefObject, SetStateAction } from 'react';
+export type StepperVerticalStepControl = {
+    id: string;
+    ref: RefObject<HTMLElement | null>;
+    root: StepperVerticalStepControl | null;
+    substeps: Record<string, StepperVerticalStepControl>;
+    registerSubstep: (substep: StepperVerticalStepControl) => void;
+    unregisterSubstep: (substep: StepperVerticalStepControl) => void;
+    isSubStepsOpen: boolean;
+    setIsSubStepsOpen: Dispatch<SetStateAction<boolean>>;
+};

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalCreateStep/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalCreateStep/useStepperVerticalCreateStep.d.ts

@@ -0,0 +1,2 @@
+import type { StepperVerticalStepControl } from './types';
+export declare const useStepperVerticalCreateStep: (root?: StepperVerticalStepControl) => StepperVerticalStepControl;

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalCreateStep/useStepperVerticalCreateStep.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalCreateStep = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var useUniqueId_1 = require("../../../../hooks/useUniqueId");
+var StepperVerticalContext_1 = require("../../StepperVerticalContext");
+var useStepperVerticalCreateStep = function (root) {
+    var id = (0, useUniqueId_1.useUniqueId)();
+    var _a = tslib_1.__read((0, react_1.useState)(false), 2), isSubStepsOpen = _a[0], setIsSubStepsOpen = _a[1];
+    var stepperVerticalContext = (0, StepperVerticalContext_1.useStepperVerticalContext)();
+    var ref = (0, react_1.useRef)(null);
+    var step = (0, useStoredValue_1.useStoredValue)(function () { return ({
+        id: id,
+        root: root !== null && root !== void 0 ? root : null,
+        ref: ref,
+        isSubStepsOpen: isSubStepsOpen,
+        setIsSubStepsOpen: setIsSubStepsOpen,
+        unregisterSubstep: function () { },
+        registerSubstep: function () { },
+        substeps: {},
+    }); });
+    var registerSubstep = (0, react_1.useCallback)(function (substep) {
+        step.current.substeps[substep.id] = substep;
+    }, []);
+    var unregisterSubstep = (0, react_1.useCallback)(function (substep) {
+        delete step.current.substeps[substep.id];
+    }, []);
+    step.current.isSubStepsOpen = isSubStepsOpen;
+    step.current.root = root !== null && root !== void 0 ? root : null;
+    step.current.registerSubstep = registerSubstep;
+    step.current.unregisterSubstep = unregisterSubstep;
+    (0, react_1.useEffect)(function () {
+        stepperVerticalContext.stepsControl.initializeStep(step.current);
+        if (root) {
+            root.registerSubstep(step.current);
+        }
+        return function () {
+            stepperVerticalContext.stepsControl.deleteStep(step.current);
+            if (root) {
+                root.unregisterSubstep(step.current);
+            }
+        };
+    }, []);
+    return step.current;
+};
+exports.useStepperVerticalCreateStep = useStepperVerticalCreateStep;

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepHelper.d.ts

@@ -0,0 +1,5 @@
+import type { StepperVerticalStepControl } from './useStepperVerticalCreateStep';
+export declare const useStepperVerticalStepHelper: (step: StepperVerticalStepControl) => {
+    hasPrevious: boolean;
+    hasNext: boolean;
+};

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepHelper.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalStepHelper = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useEventBusEvents_1 = require("../../../hooks/useEventBusEvents");
+var StepperVerticalContext_1 = require("../StepperVerticalContext");
+var useStepperVerticalStepHelper = function (step) {
+    var _a;
+    var structure = (0, StepperVerticalContext_1.useStepperVerticalContext)().structure;
+    var _b = tslib_1.__read((0, react_1.useState)(false), 2), hasPrevious = _b[0], setHasPrevious = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(false), 2), hasNext = _c[0], setHasNext = _c[1];
+    var getStructureNode = function (forStep) {
+        var _a;
+        if (forStep === void 0) { forStep = step; }
+        var node = (_a = structure.value.current.nodeById[forStep.id]) !== null && _a !== void 0 ? _a : null;
+        return node;
+    };
+    var getNodeIndex = function (node) {
+        if (!node.root) {
+            return structure.value.current.nodes.indexOf(node);
+        }
+        return node.root.substeps.indexOf(node);
+    };
+    var checkHasNext = function (forStep) {
+        if (forStep === void 0) { forStep = step; }
+        if (forStep.isSubStepsOpen) {
+            return true;
+        }
+        var node = getStructureNode(forStep);
+        if (!node) {
+            return false;
+        }
+        var nodeIndex = getNodeIndex(node);
+        if (!node.root) {
+            return !!structure.value.current.nodes[nodeIndex + 1];
+        }
+        var sameLevelNext = node.root.substeps[nodeIndex + 1];
+        if (sameLevelNext) {
+            return true;
+        }
+        var checkHasTopLevelNext = function (node) {
+            if (!node.root) {
+                return false;
+            }
+            var rootIndex = getNodeIndex(node.root);
+            var nextStep = node.root.root
+                ? node.root.root.substeps[rootIndex + 1]
+                : structure.value.current.nodes[rootIndex + 1];
+            if (nextStep) {
+                return true;
+            }
+            return checkHasTopLevelNext(node.root);
+        };
+        var otherLevelNext = checkHasTopLevelNext(node);
+        return otherLevelNext;
+    };
+    var checkHasPrevious = function (forStep) {
+        if (forStep === void 0) { forStep = step; }
+        var node = getStructureNode(forStep);
+        if (!node) {
+            return false;
+        }
+        var nodeIndex = getNodeIndex(node);
+        if (!node.root) {
+            return !!structure.value.current.nodes[nodeIndex - 1];
+        }
+        var rootHasNext = checkHasNext(node.root.step);
+        if (rootHasNext) {
+            return true;
+        }
+        if (nodeIndex === 0) {
+            return node.root.step.isSubStepsOpen;
+        }
+        return true;
+    };
+    var recalculate = function () {
+        setHasPrevious(checkHasPrevious());
+        setHasNext(checkHasNext());
+    };
+    (0, useEventBusEvents_1.useEventBusEvents)(structure.eventBus, {
+        update: recalculate,
+    });
+    (0, react_1.useEffect)(function () {
+        recalculate();
+    }, [step.isSubStepsOpen, (_a = step.root) === null || _a === void 0 ? void 0 : _a.isSubStepsOpen]);
+    return {
+        hasPrevious: hasPrevious,
+        hasNext: hasNext,
+    };
+};
+exports.useStepperVerticalStepHelper = useStepperVerticalStepHelper;

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsControl/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalStepsControl';

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsControl/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./useStepperVerticalStepsControl"), exports);

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsControl/types.d.ts

@@ -0,0 +1,8 @@
+import type { StoredValue } from '../../../../hooks/useStoredValue';
+import type { StepperVerticalStepControl } from '../useStepperVerticalCreateStep';
+export type StepperVerticalSteps = Record<string, StepperVerticalStepControl>;
+export type StepperVerticalStepsControl = {
+    initializeStep: (step: StepperVerticalStepControl) => void;
+    deleteStep: (step: StepperVerticalStepControl) => void;
+    steps: StoredValue<StepperVerticalSteps>;
+};

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsControl/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsControl/useStepperVerticalStepsControl.d.ts

@@ -0,0 +1,2 @@
+import type { StepperVerticalStepsControl } from './types';
+export declare const useStepperVerticalStepsControl: () => StepperVerticalStepsControl;

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsControl/useStepperVerticalStepsControl.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalStepsControl = void 0;
+var react_1 = require("react");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var useStepperVerticalStepsControl = function () {
+    var steps = (0, useStoredValue_1.useStoredValue)({});
+    var initializeStep = (0, react_1.useCallback)(function (step) {
+        if (steps.current[step.id]) {
+            return;
+        }
+        steps.current[step.id] = step;
+    }, []);
+    var deleteStep = (0, react_1.useCallback)(function (step) {
+        if (!steps.current[step.id]) {
+            return;
+        }
+        delete steps.current[step.id];
+    }, []);
+    return (0, react_1.useMemo)(function () { return ({
+        deleteStep: deleteStep,
+        initializeStep: initializeStep,
+        steps: steps,
+    }); }, []);
+};
+exports.useStepperVerticalStepsControl = useStepperVerticalStepsControl;

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsStructure/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './useStepperVerticalStepsStructure';

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsStructure/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./useStepperVerticalStepsStructure"), exports);

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsStructure/types.d.ts

@@ -0,0 +1,15 @@
+import type { StepperVerticalStepControl } from '../useStepperVerticalCreateStep';
+export type StepperVerticalStepsStructureNode = {
+    root: StepperVerticalStepsStructureNode | null;
+    step: StepperVerticalStepControl;
+    substeps: StepperVerticalStepsStructureNode[];
+};
+export type StepperVerticalStepsStructure = {
+    nodeById: Record<string, StepperVerticalStepsStructureNode>;
+    nodes: StepperVerticalStepsStructureNode[];
+};
+export type StepperVerticalStepsStructureEvents = {
+    update: {
+        structure: StepperVerticalStepsStructure;
+    };
+};

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsStructure/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsStructure/useStepperVerticalStepsStructure.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode, RefObject } from 'react';
+import type { StepperVerticalRef } from '../../types';
+import type { StepperVerticalStepsControl } from '../useStepperVerticalStepsControl';
+import type { StepperVerticalStepsStructure, StepperVerticalStepsStructureEvents } from './types';
+export declare const useStepperVerticalStepsStructure: (ref: RefObject<StepperVerticalRef>, stepsControl: StepperVerticalStepsControl, children: ReactNode) => {
+    value: import("../../../../hooks/useStoredValue").StoredValue<StepperVerticalStepsStructure>;
+    eventBus: import("../../../../utils").EventBus<StepperVerticalStepsStructureEvents>;
+};

package/__inner__/cjs/components/StepperVertical/hooks/useStepperVerticalStepsStructure/useStepperVerticalStepsStructure.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalStepsStructure = void 0;
+var react_1 = require("react");
+var useEventBus_1 = require("../../../../hooks/useEventBus");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var Collapse_1 = require("../../../Collapse");
+var useStepperVerticalStepsStructure = function (ref, stepsControl, children) {
+    var eventBus = (0, useEventBus_1.useEventBus)();
+    var structure = (0, useStoredValue_1.useStoredValue)({
+        nodes: [],
+        nodeById: {},
+    });
+    var calculate = function () {
+        var element = ref.current;
+        if (!element) {
+            return { nodes: [], nodeById: {} };
+        }
+        var nodeById = {};
+        var nodes = [];
+        var stepsControlSteps = Object.values(stepsControl.steps.current);
+        var collectNodeSubsteps = function (node, element) {
+            var substeps = Object.values(node.step.substeps);
+            if (substeps.length === 0) {
+                return;
+            }
+            var nextElement = element.nextElementSibling;
+            if (!nextElement) {
+                throw new Error('Ожидается следующий элемент для шага с подшагами');
+            }
+            var isNextElementCollapse = nextElement.classList.contains((0, Collapse_1.cnCollapse)());
+            if (!isNextElementCollapse) {
+                throw new Error('Ожидается collapse для подшагов');
+            }
+            var collapseInner = nextElement.firstElementChild;
+            if (!collapseInner) {
+                throw new Error('Не удалось получить inner для collapse');
+            }
+            Array.from(collapseInner.childNodes).forEach(function (collapseStep) {
+                var relatedSubstep = substeps.find(function (substep) { return substep.ref.current === collapseStep; });
+                if (!relatedSubstep) {
+                    return;
+                }
+                var newNode = {
+                    root: node,
+                    step: relatedSubstep,
+                    substeps: [],
+                };
+                nodeById[relatedSubstep.id] = newNode;
+                node.substeps.push(newNode);
+                if (Object.keys(relatedSubstep.substeps).length > 0) {
+                    collectNodeSubsteps(newNode, relatedSubstep.ref.current);
+                }
+            });
+        };
+        element.childNodes.forEach(function (node) {
+            var relatedStep = stepsControlSteps.find(function (step) { return step.ref.current === node; });
+            if (!relatedStep) {
+                return;
+            }
+            var newNode = {
+                root: null,
+                step: relatedStep,
+                substeps: [],
+            };
+            nodeById[relatedStep.id] = newNode;
+            nodes.push(newNode);
+            collectNodeSubsteps(newNode, newNode.step.ref.current);
+        });
+        return { nodeById: nodeById, nodes: nodes };
+    };
+    var recalculate = function () {
+        var newStructure = calculate();
+        structure.current = newStructure;
+        eventBus.publish('update', { structure: structure.current });
+    };
+    (0, react_1.useEffect)(function () {
+        recalculate();
+    }, [children]);
+    return (0, react_1.useMemo)(function () { return ({ value: structure, eventBus: eventBus }); }, []);
+};
+exports.useStepperVerticalStepsStructure = useStepperVerticalStepsStructure;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = void 0;
 var icons_1 = require("@ozen-ui/icons");
 exports.STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = {
+    default: icons_1.DotBigIcon,
     refusal: icons_1.MinusCircleFilledIcon,
     blocked: icons_1.CrossCircleFilledIcon,
     warning: icons_1.WarningCircleFilledIcon,