@ozen-ui/kit 0.79.0 → 0.81.0

package/__inner__/cjs/components/Select/modules/SelectIconButton/SelectIconButton.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectIconButton = exports.cnSelectIconButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var useThemeProps_1 = require("../../../../hooks/useThemeProps");
+var utils_1 = require("../../../../utils");
+var IconButtonNext_1 = require("../../../IconButtonNext");
+var classNames_1 = require("../../classNames");
+var SelectContext_1 = require("../../SelectContext");
+var constants_1 = require("./constants");
+exports.cnSelectIconButton = (0, utils_1.cn)('SelectIconButton');
+exports.SelectIconButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'SelectIconButton',
+    });
+    var icon = props.icon, onClick = props.onClick, className = props.className, _a = props.as, as = _a === void 0 ? constants_1.SELECT_ICON_BUTTON_DEFAULT_TAG : _a, _b = props.tabIndex, tabIndex = _b === void 0 ? constants_1.SELECT_ICON_BUTTON_DEFAULT_TAB_INDEX : _b, other = tslib_1.__rest(props, ["icon", "onClick", "className", "as", "tabIndex"]);
+    var size = (0, SelectContext_1.useSelectContext)().size;
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({}, other, { ref: ref, as: as, tabIndex: tabIndex, size: size, variant: "function", icon: icon, color: "tertiary", onClick: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        }, compressed: true, className: (0, exports.cnSelectIconButton)('', [(0, classNames_1.cnSelect)('Suffix'), className]) })));
+});
+exports.SelectIconButton.displayName = constants_1.SELECT_ICON_BUTTON_DISPLAY_NAME;

package/__inner__/cjs/components/Select/modules/SelectIconButton/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const SELECT_ICON_BUTTON_DEFAULT_TAG = "button";
+export declare const SELECT_ICON_BUTTON_DEFAULT_TAB_INDEX = -1;
+export declare const SELECT_ICON_BUTTON_DISPLAY_NAME = "SelectIconButton";

package/__inner__/cjs/components/Select/modules/SelectIconButton/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SELECT_ICON_BUTTON_DISPLAY_NAME = exports.SELECT_ICON_BUTTON_DEFAULT_TAB_INDEX = exports.SELECT_ICON_BUTTON_DEFAULT_TAG = void 0;
+var IconButtonNext_1 = require("../../../IconButtonNext");
+exports.SELECT_ICON_BUTTON_DEFAULT_TAG = IconButtonNext_1.ICON_BUTTON_DEFAULT_TAG;
+exports.SELECT_ICON_BUTTON_DEFAULT_TAB_INDEX = -1;
+exports.SELECT_ICON_BUTTON_DISPLAY_NAME = 'SelectIconButton';

package/__inner__/cjs/components/Select/modules/SelectIconButton/index.d.ts

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

package/__inner__/cjs/components/Select/modules/SelectIconButton/index.js

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

package/__inner__/cjs/components/Select/modules/SelectIconButton/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils';
+import type { IconButtonBaseProps } from '../../../IconButtonNext';
+import type { SELECT_ICON_BUTTON_DEFAULT_TAG } from './constants';
+export type SelectIconButtonBaseProps = Omit<IconButtonBaseProps, 'size' | 'color' | 'variant' | 'compressed'>;
+export type SelectIconButtonProps<As extends ElementType = typeof SELECT_ICON_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<SelectIconButtonBaseProps, As>;
+export type SelectIconButtonRef<As extends ElementType = typeof SELECT_ICON_BUTTON_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/Select/modules/SelectIconButton/types.js

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

package/__inner__/cjs/components/Select/modules/index.d.ts

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

package/__inner__/cjs/components/Select/modules/index.js

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

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,

package/__inner__/cjs/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__/cjs/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">;