@ozen-ui/kit 0.80.0 → 0.81.0

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

@@ -0,0 +1,78 @@
+import { useMemo, useEffect } from 'react';
+import { useEventBus } from '../../../../hooks/useEventBus';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { cnCollapse } from '../../../Collapse';
+export var useStepperVerticalStepsStructure = function (ref, stepsControl, children) {
+    var eventBus = useEventBus();
+    var structure = 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(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 });
+    };
+    useEffect(function () {
+        recalculate();
+    }, [children]);
+    return useMemo(function () { return ({ value: structure, eventBus: eventBus }); }, []);
+};

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

@@ -1,5 +1,6 @@
-import { CheckCircleFilledIcon, CircleFillIcon, ClockFilledIcon, CrossCircleFilledIcon, MinusCircleFilledIcon, WarningCircleFilledIcon, } from '@ozen-ui/icons';
+import { CheckCircleFilledIcon, CircleFillIcon, ClockFilledIcon, CrossCircleFilledIcon, DotBigIcon, MinusCircleFilledIcon, WarningCircleFilledIcon, } from '@ozen-ui/icons';
 export var STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = {
+    default: DotBigIcon,
     refusal: MinusCircleFilledIcon,
     blocked: CrossCircleFilledIcon,
     warning: WarningCircleFilledIcon,

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css

@@ -27,6 +27,18 @@
     padding-block: var(--spacing-xs);
   }
 
+  .StepperVerticalStep-Substeps .Collapse-Inner {
+      display: flex;
+      flex-direction: column;
+    }
+
+  .StepperVerticalStep_variant_default {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-action-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-action);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
   .StepperVerticalStep_variant_refusal {
     --stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
     --stepper-vertical-indicator-color-current: var(--color-background-error);
@@ -91,22 +103,48 @@
       white-space: nowrap;
     }
 
-.StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path {
+  .StepperVerticalStep-Path {
     position: relative;
   }
 
-.StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path::after {
+  .StepperVerticalStep-Path::before {
+    content: '';
+    box-sizing: border-box;
+    display: block;
+    block-size: var(--stepper-vertical-indicator-icon-inset-top);
+    inline-size: 2px;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 50%;
+    transform: translate(-50%, 0);
+    background-color: var(--color-background-secondary);
+    border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
+    transition: var(--transition-default);
+    transition-property: block-size, clip-path;
+    clip-path: inset(100% 0 0 0);
+  }
+
+  .StepperVerticalStep-Path::after {
     --stepper-vertical-indicator-icon-stroke-gap: 1px;
     --stepper-vertical-indicator-inset-top: calc(var(--stepper-vertical-indicator-icon-size) + var(--stepper-vertical-indicator-icon-inset-top) + var(--stepper-vertical-indicator-icon-stroke-gap));
     content: '';
     box-sizing: border-box;
     display: block;
-    block-size: calc(100% - var(--stepper-vertical-indicator-inset-top) + var(--stepper-vertical-indicator-icon-inset-top) - var(--stepper-vertical-indicator-icon-stroke-gap));
+    block-size: 0;
     inline-size: 2px;
     position: absolute;
     inset-block-start: var(--stepper-vertical-indicator-inset-top);
     inset-inline-start: 50%;
     transform: translate(-50%, 0);
     background-color: var(--color-background-secondary);
-    border-radius: var(--border-radius-xs);
+    border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
+    transition: var(--transition-default) block-size;
   }
+
+  .StepperVerticalStep_hasPrevious .StepperVerticalStep-Path::before {
+      clip-path: inset(0% 0 0 0);
+    }
+
+  .StepperVerticalStep_hasNext .StepperVerticalStep-Path::after {
+      block-size: calc(100% - var(--stepper-vertical-indicator-inset-top) + 1px);
+    }

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.d.ts

@@ -1,3 +1,2 @@
 import type { StepperVerticalStepBaseProps } from './types';
-export declare const cnStepperVerticalStep: import("@bem-react/classname").ClassNameFormatter;
 export declare const StepperVerticalStep: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepBaseProps, "div", "as">;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js

@@ -1,38 +1,68 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
+import React, { useEffect, useMemo } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
 import { useThemeProps } from '../../../../hooks/useThemeProps';
-import { cn, polymorphicComponentWithRef } from '../../../../utils';
+import { isArray, polymorphicComponentWithRef, resolveChildren, } from '../../../../utils';
+import { Collapse } from '../../../Collapse';
 import { Stack } from '../../../Stack';
 import { Typography } from '../../../Typography';
+import { useStepperVerticalStepHelper, useStepperVerticalCreateStep, } from '../../hooks';
 import { useStepperVerticalContext } from '../../StepperVerticalContext';
 import { StepperVerticalIconIndicator } from '../StepperVerticalIconIndicator';
+import { cnStepperVerticalStep } from './classNames';
 import { STEPPER_VERTICAL_STEP_DEFAULT_TAG, STEPPER_VERTICAL_STEP_DEFAULT_CURRENT, STEPPER_VERTICAL_STEP_DEFAULT_VARIANT, } from './constants';
 import { StepperVerticalStepContext } from './StepperVerticalStepContext';
-export var cnStepperVerticalStep = cn('StepperVerticalStep');
+import { StepperVerticalStepRootContext, useStepperVerticalStepRootContext, } from './StepperVerticalStepRootContext';
 export var StepperVerticalStep = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         name: 'StepperVerticalStep',
         props: inProps,
     });
-    var _a = props.variant, variant = _a === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_CURRENT : _b, ellipsisProp = props.ellipsis, hint = props.hint, children = props.children, caption = props.caption, action = props.action, _c = props.indicator, indicator = _c === void 0 ? React.createElement(StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, other = __rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as"]);
+    var _a = props.variant, variant = _a === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_CURRENT : _b, ellipsisProp = props.ellipsis, hint = props.hint, children = props.children, caption = props.caption, action = props.action, _c = props.indicator, indicator = _c === void 0 ? React.createElement(StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, substeps = props.substeps, other = __rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as", "substeps"]);
     var stepperVerticalContext = useStepperVerticalContext();
+    var rootContext = useStepperVerticalStepRootContext();
+    var isSubstep = !!rootContext;
+    var hasSubsteps = (function () {
+        var resolved = resolveChildren(substeps);
+        if (isArray(resolved)) {
+            return resolved.length > 0;
+        }
+        return !!resolved;
+    })();
     var ellipsis = (function () {
         if (ellipsisProp !== undefined) {
             return ellipsisProp;
         }
         return stepperVerticalContext.ellipsis;
     })();
-    return (React.createElement(StepperVerticalStepContext.Provider, { value: { variant: variant, current: current } },
-        React.createElement(Stack, __assign({}, other, { ref: ref, as: as, className: cnStepperVerticalStep({ variant: variant, current: current, ellipsis: ellipsis }, [
-                className,
-            ]), gap: "m" }),
-            React.createElement("div", { className: cnStepperVerticalStep('Path') },
-                React.createElement("div", { className: cnStepperVerticalStep('Indicator') }, indicator)),
-            React.createElement(Stack, { direction: "column", className: cnStepperVerticalStep('Description') },
-                React.createElement(Stack, { className: cnStepperVerticalStep('Info'), direction: "column", gap: "xs" },
-                    children && (React.createElement(Typography, { className: cnStepperVerticalStep('Label'), color: "primary", variant: "text-m_1" }, children)),
-                    caption && (React.createElement(Typography, { className: cnStepperVerticalStep('Caption'), color: "primary", variant: "text-s" }, caption)),
-                    hint && (React.createElement(Typography, { className: cnStepperVerticalStep('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
-                action && (React.createElement("div", { className: cnStepperVerticalStep('Action') }, action))))));
+    var step = useStepperVerticalCreateStep(rootContext === null || rootContext === void 0 ? void 0 : rootContext.root);
+    var _e = useStepperVerticalStepHelper(step), hasNext = _e.hasNext, hasPrevious = _e.hasPrevious;
+    useEffect(function () {
+        if (rootContext && !(rootContext === null || rootContext === void 0 ? void 0 : rootContext.root.isSubStepsOpen)) {
+            step.setIsSubStepsOpen(false);
+        }
+    }, [rootContext === null || rootContext === void 0 ? void 0 : rootContext.root.isSubStepsOpen]);
+    var memoizedContext = useMemo(function () { return ({ variant: variant, current: current, hasSubsteps: hasSubsteps, step: step }); }, [variant, current, hasSubsteps, step, step.isSubStepsOpen, step.root]);
+    var memoizedRootContext = useMemo(function () { return ({ root: step }); }, [step, step.isSubStepsOpen, step.root]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StepperVerticalStepContext.Provider, { value: memoizedContext },
+            React.createElement(Stack, __assign({}, other, { ref: useMultiRef([step.ref, ref]), as: as, className: cnStepperVerticalStep({
+                    variant: variant,
+                    current: current,
+                    ellipsis: ellipsis,
+                    substep: isSubstep,
+                    hasNext: hasNext,
+                    hasPrevious: hasPrevious,
+                }, [className]), gap: "m" }),
+                React.createElement("div", { className: cnStepperVerticalStep('Path') },
+                    React.createElement("div", { className: cnStepperVerticalStep('Indicator') }, indicator)),
+                React.createElement(Stack, { direction: "column", className: cnStepperVerticalStep('Description') },
+                    React.createElement(Stack, { className: cnStepperVerticalStep('Info'), direction: "column", gap: "xs" },
+                        children && (React.createElement(Typography, { className: cnStepperVerticalStep('Label'), color: "primary", variant: "text-m_1" }, children)),
+                        caption && (React.createElement(Typography, { className: cnStepperVerticalStep('Caption'), color: "primary", variant: "text-s" }, caption)),
+                        hint && (React.createElement(Typography, { className: cnStepperVerticalStep('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
+                    action && (React.createElement("div", { className: cnStepperVerticalStep('Action') }, action))))),
+        hasSubsteps && (React.createElement(StepperVerticalStepRootContext.Provider, { value: memoizedRootContext },
+            React.createElement(Collapse, { className: cnStepperVerticalStep('Substeps'), expanded: step.isSubStepsOpen }, substeps)))));
 });
 StepperVerticalStep.displayName = 'StepperVerticalStep';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.d.ts

@@ -1,7 +1,10 @@
+import type { StepperVerticalStepControl } from '../../hooks';
 import type { StepperVerticalStepVariant } from './entities';
 export type StepperVerticalStepContextValue = {
     variant: StepperVerticalStepVariant;
     current: boolean;
+    hasSubsteps: boolean;
+    step: StepperVerticalStepControl;
 };
 export declare const StepperVerticalStepContextDefaultValue: StepperVerticalStepContextValue;
 export declare const StepperVerticalStepContext: import("react").Context<StepperVerticalStepContextValue>;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepContext.js

@@ -4,6 +4,17 @@ import { STEPPER_VERTICAL_STEP_DEFAULT_VARIANT } from './constants';
 export var StepperVerticalStepContextDefaultValue = {
     variant: STEPPER_VERTICAL_STEP_DEFAULT_VARIANT,
     current: false,
+    hasSubsteps: false,
+    step: {
+        id: '',
+        setIsSubStepsOpen: function () { },
+        ref: { current: null },
+        isSubStepsOpen: false,
+        root: null,
+        substeps: {},
+        unregisterSubstep: function () { },
+        registerSubstep: function () { },
+    },
 };
 export var StepperVerticalStepContext = createContext(StepperVerticalStepContextDefaultValue);
 export var useStepperVerticalStepContext = function () {

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepRootContext.d.ts

@@ -0,0 +1,7 @@
+import type { StepperVerticalStepControl } from '../../hooks';
+export type StepperVerticalStepRootContextValue = {
+    root: StepperVerticalStepControl;
+};
+export declare const StepperVerticalStepRootContextDefaultValue: StepperVerticalStepRootContextValue | null;
+export declare const StepperVerticalStepRootContext: import("react").Context<StepperVerticalStepRootContextValue | null>;
+export declare const useStepperVerticalStepRootContext: () => StepperVerticalStepRootContextValue | null;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStepRootContext.js

@@ -0,0 +1,11 @@
+import { useContext, createContext } from 'react';
+import { isDev } from '../../../../constants/environment';
+export var StepperVerticalStepRootContextDefaultValue = null;
+export var StepperVerticalStepRootContext = createContext(StepperVerticalStepRootContextDefaultValue);
+export var useStepperVerticalStepRootContext = function () {
+    return useContext(StepperVerticalStepRootContext);
+};
+// Именованный провайдер
+if (isDev) {
+    StepperVerticalStepRootContext.displayName = 'StepperVerticalStepRootContext';
+}

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/classNames.d.ts

@@ -0,0 +1 @@
+export declare const cnStepperVerticalStep: import("@bem-react/classname").ClassNameFormatter;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/classNames.js

@@ -0,0 +1,2 @@
+import { cn } from '../../../../utils';
+export var cnStepperVerticalStep = cn('StepperVerticalStep');

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts

@@ -1,2 +1,2 @@
-export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
+export declare const stepperVerticalStepVariant: readonly ["default", "refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
 export type StepperVerticalStepVariant = (typeof stepperVerticalStepVariant)[number];

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js

@@ -1,4 +1,5 @@
 export var stepperVerticalStepVariant = [
+    'default',
     'refusal',
     'blocked',
     'warning',

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/index.d.ts

@@ -1,5 +1,7 @@
 export * from './entities';
+export * from './classNames';
 export * from './constants';
 export * from './StepperVerticalStep';
 export * from './StepperVerticalStepContext';
+export * from './StepperVerticalStepRootContext';
 export * from './types';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/index.js

@@ -1,5 +1,7 @@
 export * from './entities';
+export * from './classNames';
 export * from './constants';
 export * from './StepperVerticalStep';
 export * from './StepperVerticalStepContext';
+export * from './StepperVerticalStepRootContext';
 export * from './types';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/types.d.ts

@@ -19,6 +19,8 @@ export type StepperVerticalStepBaseProps = {
     current?: boolean;
     /** Если `true`, обрезает текст и добавляет многоточие */
     ellipsis?: boolean;
+    /** Подшаги */
+    substeps?: ReactNode;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.css

@@ -0,0 +1,10 @@
+.StepperVerticalStepSubstepButton_open {
+    --stepper-vertical-step-substep-button-icon-rotate: 0deg;
+  }
+  .StepperVerticalStepSubstepButton_closed {
+    --stepper-vertical-step-substep-button-icon-rotate: 180deg;
+  }
+  .StepperVerticalStepSubstepButton-Icon {
+    transform: rotate(var(--stepper-vertical-step-substep-button-icon-rotate));
+    transition: var(--transition-default) transform;
+  }

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.d.ts

@@ -0,0 +1,3 @@
+import type { StepperVerticalStepSubstepButtonBaseProps } from './types';
+export declare const cnStepperVerticalStepSubstepButton: import("@bem-react/classname").ClassNameFormatter;
+export declare const StepperVerticalStepSubstepButton: import("../../../../utils").PolymorphicComponentWithRef<StepperVerticalStepSubstepButtonBaseProps, "button", "as">;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/StepperVerticalStepSubstepButton.js

@@ -0,0 +1,28 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { ChevronUpIcon } from '@ozen-ui/icons';
+import { useThemeProps } from '../../../../hooks/useThemeProps';
+import { cn, polymorphicComponentWithRef, renderContent, } from '../../../../utils';
+import { useStepperVerticalStepContext } from '../StepperVerticalStep';
+import { StepperVerticalStepButton } from '../StepperVerticalStepButton';
+import { STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR, STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG, } from './constants';
+export var cnStepperVerticalStepSubstepButton = cn('StepperVerticalStepSubstepButton');
+export var StepperVerticalStepSubstepButton = polymorphicComponentWithRef(function (inProps, ref) {
+    var props = useThemeProps({
+        name: 'StepperVerticalStepSubstepButton',
+        props: inProps,
+    });
+    var _a = props.color, color = _a === void 0 ? STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR : _a, className = props.className, _b = props.as, as = _b === void 0 ? STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG : _b, onClick = props.onClick, text = props.text, other = __rest(props, ["color", "className", "as", "onClick", "text"]);
+    var _c = useStepperVerticalStepContext(), hasSubsteps = _c.hasSubsteps, step = _c.step;
+    if (!hasSubsteps) {
+        return null;
+    }
+    return (React.createElement(StepperVerticalStepButton, __assign({}, other, { as: as, ref: ref, color: color, iconRight: React.createElement(ChevronUpIcon, { className: cnStepperVerticalStepSubstepButton('Icon') }), className: cnStepperVerticalStepSubstepButton({ open: step.isSubStepsOpen, closed: !step.isSubStepsOpen }, [className]), onClick: function (event) {
+            step.setIsSubStepsOpen(function (prevState) { return !prevState; });
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        } }), renderContent({
+        content: text,
+        props: { isOpen: step.isSubStepsOpen },
+    })));
+});
+StepperVerticalStepSubstepButton.displayName = 'StepperVerticalStepButton';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR = "primary";
+export declare const STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG = "button";

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/constants.js

@@ -0,0 +1,3 @@
+import { STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR, STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG, } from '../StepperVerticalStepButton';
+export var STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_COLOR = STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR;
+export var STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG = STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/content.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export type StepperVerticalStepSubstepButtonContent = (props: {
+    isOpen: boolean;
+}) => ReactNode;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/content.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/index.d.ts

@@ -0,0 +1 @@
+export * from './content';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/entities/index.js

@@ -0,0 +1 @@
+export * from './content';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './StepperVerticalStepSubstepButton';
+export * from './types';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './StepperVerticalStepSubstepButton';
+export * from './types';

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/types.d.ts

@@ -0,0 +1,11 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { StepperVerticalStepButtonBaseProps, StepperVerticalStepButtonRef } from '../StepperVerticalStepButton';
+import type { STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG } from './constants';
+import type { StepperVerticalStepSubstepButtonContent } from './entities';
+export type StepperVerticalStepSubstepButtonRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG> = StepperVerticalStepButtonRef<As>;
+export type StepperVerticalStepSubstepButtonBaseProps = {
+    /** Текст кнопки */
+    text: StepperVerticalStepSubstepButtonContent;
+} & Omit<StepperVerticalStepButtonBaseProps, 'iconRight' | 'children'>;
+export type StepperVerticalStepSubstepButtonProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_SUBSTEP_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepSubstepButtonBaseProps, As>;

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStepSubstepButton/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/StepperVertical/modules/index.d.ts

@@ -2,3 +2,4 @@ export * from './StepperVerticalIconIndicator';
 export * from './StepperVerticalIndicator';
 export * from './StepperVerticalStep';
 export * from './StepperVerticalStepButton';
+export * from './StepperVerticalStepSubstepButton';

package/__inner__/esm/components/StepperVertical/modules/index.js

@@ -2,3 +2,4 @@ export * from './StepperVerticalIconIndicator';
 export * from './StepperVerticalIndicator';
 export * from './StepperVerticalStep';
 export * from './StepperVerticalStepButton';
+export * from './StepperVerticalStepSubstepButton';

package/__inner__/esm/hooks/useEventBus/index.d.ts

@@ -0,0 +1 @@
+export * from './useEventBus';

package/__inner__/esm/hooks/useEventBus/index.js

@@ -0,0 +1 @@
+export * from './useEventBus';

package/__inner__/esm/hooks/useEventBus/useEventBus.d.ts

@@ -0,0 +1,3 @@
+import type { EventBusEvents } from '../../utils';
+import { EventBus } from '../../utils';
+export declare const useEventBus: <Events extends EventBusEvents>() => EventBus<Events>;

package/__inner__/esm/hooks/useEventBus/useEventBus.js

@@ -0,0 +1,5 @@
+import { EventBus } from '../../utils';
+import { useStoredValue } from '../useStoredValue';
+export var useEventBus = function () {
+    return useStoredValue(function () { return new EventBus(); }).current;
+};

package/__inner__/esm/hooks/useEventBusEvents/index.d.ts

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

package/__inner__/esm/hooks/useEventBusEvents/index.js

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

package/__inner__/esm/hooks/useEventBusEvents/types.d.ts

@@ -0,0 +1,4 @@
+import type { EventBusEvents } from '../../utils';
+export type UseEventBusEventsSubscribes<Events extends EventBusEvents> = {
+    [key in keyof Events]?: (data: Events[key]) => void;
+};

package/__inner__/esm/hooks/useEventBusEvents/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/hooks/useEventBusEvents/useEventBusEvents.d.ts

@@ -0,0 +1,5 @@
+import type { EventBus, EventBusEvents, ExtractEventBusEvents } from '../../utils';
+import type { UseEventBusEventsSubscribes } from './types';
+export declare const useEventBusEvents: <TEventBus extends EventBus<EventBusEvents>>(eventBus: TEventBus, subscribes: UseEventBusEventsSubscribes<ExtractEventBusEvents<TEventBus>>, params?: {
+    layoutEffect?: boolean;
+}) => void;

package/__inner__/esm/hooks/useEventBusEvents/useEventBusEvents.js

@@ -0,0 +1,36 @@
+import { __read } from "tslib";
+import { useEffect } from 'react';
+import { logger } from '@ozen-ui/logger';
+import { useDevEffect } from '../useDevEffect';
+import { useIsomorphicEffect } from '../useIsomorphicEffect';
+import { useStoredValue } from '../useStoredValue';
+export var useEventBusEvents = function (eventBus, subscribes, params) {
+    var _a = (params !== null && params !== void 0 ? params : {}).layoutEffect, layoutEffect = _a === void 0 ? false : _a;
+    var savedLayoutEffect = useStoredValue(layoutEffect);
+    useDevEffect(function () {
+        if (savedLayoutEffect.current !== layoutEffect) {
+            logger.warn('Свойство "layoutEffect" не может отличаться между рендерами.');
+        }
+    }, [layoutEffect]);
+    var clearSubscribes = useStoredValue(function () { return function () { }; });
+    var useNeededEffect = savedLayoutEffect.current
+        ? useIsomorphicEffect
+        : useEffect;
+    useNeededEffect(function () {
+        clearSubscribes.current();
+        var clearSubscribesCallbacks = [];
+        Object.entries(subscribes).forEach(function (_a) {
+            var _b = __read(_a, 2), event = _b[0], callback = _b[1];
+            var unsubscribe = eventBus.subscribe(event, callback);
+            clearSubscribesCallbacks.push(unsubscribe);
+        });
+        clearSubscribes.current = function () {
+            clearSubscribesCallbacks.forEach(function (unsubscribe) {
+                unsubscribe();
+            });
+        };
+        return function () {
+            clearSubscribes.current();
+        };
+    }, [eventBus, subscribes]);
+};

package/__inner__/esm/utils/eventBus/EventBus.d.ts

@@ -0,0 +1,8 @@
+import type { EventBusEvents, EventBusListenerCallback } from './types';
+export declare class EventBus<Events extends EventBusEvents> {
+    private listenersByEvent;
+    subscribe<Event extends keyof Events>(event: Event, callback: EventBusListenerCallback<Events[Event]>, isClearAfterCall?: boolean): () => void;
+    publish<Event extends keyof Events>(event: Event, payload: Events[Event]): void;
+    clear(event: keyof Events): void;
+    private unsubscribe;
+}

package/__inner__/esm/utils/eventBus/EventBus.js

@@ -0,0 +1,48 @@
+var EventBus = /** @class */ (function () {
+    function EventBus() {
+        this.listenersByEvent = {};
+    }
+    EventBus.prototype.subscribe = function (event, callback, isClearAfterCall) {
+        var _this = this;
+        if (isClearAfterCall === void 0) { isClearAfterCall = false; }
+        var listener = {
+            callback: callback,
+            isClearAfterCall: isClearAfterCall,
+        };
+        if (!this.listenersByEvent[event]) {
+            this.listenersByEvent[event] = new Set();
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        this.listenersByEvent[event].add(listener);
+        return function () {
+            _this.unsubscribe(event, listener);
+        };
+    };
+    EventBus.prototype.publish = function (event, payload) {
+        var _this = this;
+        var listeners = this.listenersByEvent[event];
+        if (!listeners) {
+            return;
+        }
+        listeners.forEach(function (listener) {
+            var callback = listener.callback, isClearAfterCall = listener.isClearAfterCall;
+            callback(payload);
+            if (isClearAfterCall) {
+                _this.unsubscribe(event, listener);
+            }
+        });
+    };
+    EventBus.prototype.clear = function (event) {
+        var _a;
+        (_a = this.listenersByEvent[event]) === null || _a === void 0 ? void 0 : _a.clear();
+    };
+    EventBus.prototype.unsubscribe = function (event, listener) {
+        var listeners = this.listenersByEvent[event];
+        if (!listeners) {
+            return;
+        }
+        listeners.delete(listener);
+    };
+    return EventBus;
+}());
+export { EventBus };

package/__inner__/esm/utils/eventBus/index.d.ts

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

package/__inner__/esm/utils/eventBus/index.js

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

package/__inner__/esm/utils/eventBus/types/EventBusEvents.d.ts

@@ -0,0 +1 @@
+export type EventBusEvents = Record<string, any>;

package/__inner__/esm/utils/eventBus/types/EventBusEvents.js

@@ -0,0 +1 @@
+export {};