@ozen-ui/kit 0.76.0 → 0.77.0

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperVerticalIndicator = exports.cnStepperVerticalIndicator = 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 Stack_1 = require("../../../Stack");
+var StepperVerticalStep_1 = require("../StepperVerticalStep");
+var constants_1 = require("./constants");
+exports.cnStepperVerticalIndicator = (0, utils_1.cn)('StepperVerticalIndicator');
+exports.StepperVerticalIndicator = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        props: inProps,
+        name: 'StepperVerticalIndicator',
+    });
+    var children = props.children, className = props.className, as = props.as, other = tslib_1.__rest(props, ["children", "className", "as"]);
+    var variant = (0, StepperVerticalStep_1.useStepperVerticalStepContext)().variant;
+    var Tag = as !== null && as !== void 0 ? as : constants_1.STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG;
+    return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnStepperVerticalIndicator)({ variant: variant }, [className]) }),
+        react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnStepperVerticalIndicator)('Content'), align: "center", justify: "center" }, children)));
+});
+exports.StepperVerticalIndicator.displayName = 'StepperVerticalIndicator';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/constants.d.ts

@@ -0,0 +1 @@
+export declare const STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG = "div";

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG = void 0;
+exports.STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/index.d.ts

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/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("./StepperVerticalIndicator"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG } from './constants';
+export type StepperVerticalIndicatorRef<As extends ElementType = typeof STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG> = ComponentRef<As>;
+export type StepperVerticalIndicatorBaseProps = {
+    /** Контент */
+    children: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type StepperVerticalIndicatorProps<As extends ElementType = typeof STEPPER_VERTICAL_INDICATOR_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalIndicatorBaseProps, As>;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIndicator/types.js

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

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

@@ -0,0 +1,105 @@
+.StepperVerticalStep {
+  --stepper-vertical-indicator-icon-size: 24px;
+  --stepper-vertical-indicator-icon-inset-top: var(--spacing-2xs);
+  --stepper-vertical-indicator-color-non-current: transparent;
+  --stepper-vertical-indicator-color-current: transparent;
+  --stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-non-current);
+  --stepper-vertical-indicator-text-color-non-current: transparent;
+  --stepper-vertical-indicator-text-color-current: transparent;
+  --stepper-vertical-indicator-text-color: var(--stepper-vertical-indicator-text-color-non-current);
+  box-sizing: border-box;
+}
+
+  .StepperVerticalStep-Indicator {
+    box-sizing: border-box;
+    margin-block-start: var(--stepper-vertical-indicator-icon-inset-top);
+  }
+
+  .StepperVerticalStep-Info {
+    box-sizing: border-box;
+  }
+
+  .StepperVerticalStep-Action {
+    margin-block-start: var(--spacing-2xs);
+  }
+
+  .StepperVerticalStep-Description {
+    padding-block: var(--spacing-xs);
+  }
+
+  .StepperVerticalStep_variant_refusal {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-error);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-error-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_blocked {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-error-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-error);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-error-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_warning {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-warning-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-warning);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-warning-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_awaiting {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-info-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-info);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-info-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_inProcessing {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-action-secondary-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-accent-action-secondary-light);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-secondary-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_success {
+    --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_current {
+    --stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-current);
+    --stepper-vertical-indicator-text-color: var(--stepper-vertical-indicator-text-color-current);
+  }
+
+  .StepperVerticalStep_ellipsis .StepperVerticalStep-Description {
+      overflow: hidden;
+    }
+
+  .StepperVerticalStep_ellipsis .StepperVerticalStep-Label, .StepperVerticalStep_ellipsis .StepperVerticalStep-Caption, .StepperVerticalStep_ellipsis .StepperVerticalStep-Hint, .StepperVerticalStep_ellipsis .StepperVerticalStep-Action {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+.StepperVerticalStep:not(:last-child) .StepperVerticalStep-Path {
+    position: relative;
+  }
+
+.StepperVerticalStep:not(:last-child) .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));
+    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);
+  }

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

@@ -0,0 +1,3 @@
+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__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperVerticalStep = exports.cnStepperVerticalStep = 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 Stack_1 = require("../../../Stack");
+var Typography_1 = require("../../../Typography");
+var StepperVerticalContext_1 = require("../../StepperVerticalContext");
+var StepperVerticalIconIndicator_1 = require("../StepperVerticalIconIndicator");
+var constants_1 = require("./constants");
+var StepperVerticalStepContext_1 = require("./StepperVerticalStepContext");
+exports.cnStepperVerticalStep = (0, utils_1.cn)('StepperVerticalStep');
+exports.StepperVerticalStep = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        name: 'StepperVerticalStep',
+        props: inProps,
+    });
+    var _a = props.variant, variant = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT : _a, _b = props.current, current = _b === void 0 ? constants_1.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_1.default.createElement(StepperVerticalIconIndicator_1.StepperVerticalIconIndicator, null) : _c, className = props.className, _d = props.as, as = _d === void 0 ? constants_1.STEPPER_VERTICAL_STEP_DEFAULT_TAG : _d, other = tslib_1.__rest(props, ["variant", "current", "ellipsis", "hint", "children", "caption", "action", "indicator", "className", "as"]);
+    var stepperVerticalContext = (0, StepperVerticalContext_1.useStepperVerticalContext)();
+    var ellipsis = (function () {
+        if (ellipsisProp !== undefined) {
+            return ellipsisProp;
+        }
+        return stepperVerticalContext.ellipsis;
+    })();
+    return (react_1.default.createElement(StepperVerticalStepContext_1.StepperVerticalStepContext.Provider, { value: { variant: variant, current: current } },
+        react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { ref: ref, as: as, className: (0, exports.cnStepperVerticalStep)({ variant: variant, current: current, ellipsis: ellipsis }, [
+                className,
+            ]), gap: "m" }),
+            react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Path') },
+                react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Indicator') }, indicator)),
+            react_1.default.createElement(Stack_1.Stack, { direction: "column", className: (0, exports.cnStepperVerticalStep)('Description') },
+                react_1.default.createElement(Stack_1.Stack, { className: (0, exports.cnStepperVerticalStep)('Info'), direction: "column", gap: "xs" },
+                    children && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Label'), color: "primary", variant: "text-m_1" }, children)),
+                    caption && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Caption'), color: "primary", variant: "text-s" }, caption)),
+                    hint && (react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnStepperVerticalStep)('Hint'), color: "secondary", variant: "text-2xs" }, hint))),
+                action && (react_1.default.createElement("div", { className: (0, exports.cnStepperVerticalStep)('Action') }, action))))));
+});
+exports.StepperVerticalStep.displayName = 'StepperVerticalStep';

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

@@ -0,0 +1,8 @@
+import type { StepperVerticalStepVariant } from './entities';
+export type StepperVerticalStepContextValue = {
+    variant: StepperVerticalStepVariant;
+    current: boolean;
+};
+export declare const StepperVerticalStepContextDefaultValue: StepperVerticalStepContextValue;
+export declare const StepperVerticalStepContext: import("react").Context<StepperVerticalStepContextValue>;
+export declare const useStepperVerticalStepContext: () => StepperVerticalStepContextValue;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalStepContext = exports.StepperVerticalStepContext = exports.StepperVerticalStepContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../../../constants/environment");
+var constants_1 = require("./constants");
+exports.StepperVerticalStepContextDefaultValue = {
+    variant: constants_1.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT,
+    current: false,
+};
+exports.StepperVerticalStepContext = (0, react_1.createContext)(exports.StepperVerticalStepContextDefaultValue);
+var useStepperVerticalStepContext = function () {
+    return (0, react_1.useContext)(exports.StepperVerticalStepContext);
+};
+exports.useStepperVerticalStepContext = useStepperVerticalStepContext;
+// Именованный провайдер
+if (environment_1.isDev) {
+    exports.StepperVerticalStepContext.displayName = 'StepperVerticalStepContext';
+}

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = "awaiting";
+export declare const STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = false;
+export declare const STEPPER_VERTICAL_STEP_DEFAULT_TAG = "div";

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STEPPER_VERTICAL_STEP_DEFAULT_TAG = exports.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = exports.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = void 0;
+exports.STEPPER_VERTICAL_STEP_DEFAULT_VARIANT = 'awaiting';
+exports.STEPPER_VERTICAL_STEP_DEFAULT_CURRENT = false;
+exports.STEPPER_VERTICAL_STEP_DEFAULT_TAG = 'div';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.d.ts

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/index.js

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

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

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

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stepperVerticalStepVariant = void 0;
+exports.stepperVerticalStepVariant = [
+    'refusal',
+    'blocked',
+    'warning',
+    'awaiting',
+    'inProcessing',
+    'success',
+];

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

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

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

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

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

@@ -0,0 +1,26 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { STEPPER_VERTICAL_STEP_DEFAULT_TAG } from './constants';
+import type { StepperVerticalStepVariant } from './entities';
+export type StepperVerticalStepBaseProps = {
+    /** Лейбл */
+    children?: ReactNode;
+    /** Подпись */
+    caption?: ReactNode;
+    /** Описание */
+    hint?: ReactNode;
+    /** Действие */
+    action?: ReactNode;
+    /** Вариант */
+    variant?: StepperVerticalStepVariant;
+    /** Индикатор */
+    indicator?: ReactNode;
+    /** Если `true` делает шаг текущим */
+    current?: boolean;
+    /** Если `true`, обрезает текст и добавляет многоточие */
+    ellipsis?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type StepperVerticalStepProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepBaseProps, As>;
+export type StepperVerticalStepRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_DEFAULT_TAG> = ComponentRef<As>;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/types.js

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

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

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperVerticalStepButton = exports.cnStepperVerticalStepButton = 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 ButtonNext_1 = require("../../../ButtonNext");
+var constants_1 = require("./constants");
+exports.cnStepperVerticalStepButton = (0, utils_1.cn)('StepperVerticalStepButton');
+exports.StepperVerticalStepButton = (0, utils_1.polymorphicComponentWithRef)(function (inProps, ref) {
+    var props = (0, useThemeProps_1.useThemeProps)({
+        name: 'StepperVerticalStepButton',
+        props: inProps,
+    });
+    var children = props.children, _a = props.color, color = _a === void 0 ? constants_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR : _a, _b = props.iconRight, iconRight = _b === void 0 ? constants_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT : _b, className = props.className, _c = props.as, as = _c === void 0 ? constants_1.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG : _c, other = tslib_1.__rest(props, ["children", "color", "iconRight", "className", "as"]);
+    return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, size: "2xs", variant: "function", color: color, iconRight: iconRight, className: (0, exports.cnStepperVerticalStepButton)('', [className]) }), children));
+});
+exports.StepperVerticalStepButton.displayName = 'StepperVerticalStepButton';

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = "primary";
+export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT: import("react").ForwardRefExoticComponent<Omit<import("@ozen-ui/icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = "button";

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT = exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = void 0;
+var icons_1 = require("@ozen-ui/icons");
+var ButtonNext_1 = require("../../../ButtonNext");
+exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_COLOR = 'primary';
+exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_ICON_RIGHT = icons_1.ChevronRightIcon;
+exports.STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG = ButtonNext_1.BUTTON_DEFAULT_TAG;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/index.d.ts

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/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("./StepperVerticalStepButton"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/types.d.ts

@@ -0,0 +1,7 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils';
+import type { ButtonProps, ButtonRef } from '../../../ButtonNext';
+import type { STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG } from './constants';
+export type StepperVerticalStepButtonRef<As extends ElementType = typeof STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG> = ButtonRef<As>;
+export type StepperVerticalStepButtonBaseProps = Omit<ButtonProps, 'variant' | 'size'>;
+export type StepperVerticalStepButtonProps<As extends ElementType = typeof STEPPER_VERTICAL_STEP_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalStepButtonBaseProps, As>;

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStepButton/types.js

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

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

@@ -0,0 +1,4 @@
+export * from './StepperVerticalIconIndicator';
+export * from './StepperVerticalIndicator';
+export * from './StepperVerticalStep';
+export * from './StepperVerticalStepButton';

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

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

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

@@ -0,0 +1,13 @@
+import type { ComponentRef, ElementType, PropsWithChildren } from 'react';
+import type { PolymorphicComponentPropsWithRef } from '../../utils';
+import type { STEPPER_VERTICAL_DEFAULT_TAG } from './constants';
+export type StepperVerticalBaseProps = PropsWithChildren & {
+    /** Если `true` отображает на всю ширину */
+    fullWidth?: boolean;
+    /** Если `true`, обрезает текст и добавляет многоточие */
+    ellipsis?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type StepperVerticalProps<As extends ElementType = typeof STEPPER_VERTICAL_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StepperVerticalBaseProps, As>;
+export type StepperVerticalRef<As extends ElementType = typeof STEPPER_VERTICAL_DEFAULT_TAG> = ComponentRef<As>;

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

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

package/__inner__/cjs/hooks/useLockBodyScroll/useLockBodyScroll.js

@@ -2,18 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FIXED_CLASSNAME = void 0;
 exports.useLockBodyScroll = useLockBodyScroll;
+var react_1 = require("react");
 var getScrollBarSize_1 = require("../../utils/getScrollBarSize");
 var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
 exports.FIXED_CLASSNAME = 'ScrollLock-fixed';
 var getPaddingRight = function (el) {
     return parseInt(window.getComputedStyle(el).paddingRight, 10) || 0;
 };
+var lockIds = new Set();
+var restoreStyleGlobal = { current: null };
 function useLockBodyScroll(active) {
     if (active === void 0) { active = false; }
-    (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
-        if (!active) {
-            return undefined;
-        }
+    var lockId = (0, react_1.useId)();
+    var lockBody = function () {
         var restoreStyle = [];
         // Вычисляем все фиксированные элементы
         var fixedBlocks = document.querySelectorAll(".".concat(exports.FIXED_CLASSNAME));
@@ -53,11 +54,30 @@ function useLockBodyScroll(active) {
                 el.style.setProperty('padding-right', "".concat(originalPaddingRight + paddingOffset, "px"));
             });
         }
-        return function () {
+        restoreStyleGlobal.current = function () {
             restoreStyle.forEach(function (_a) {
                 var el = _a.el, value = _a.value, property = _a.property;
                 el.style.setProperty(property, value || '');
             });
         };
+    };
+    (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
+        if (!active) {
+            return undefined;
+        }
+        var hasLock = lockIds.size > 0;
+        if (!hasLock) {
+            lockBody();
+        }
+        lockIds.add(lockId);
+        return function () {
+            var _a;
+            lockIds.delete(lockId);
+            if (lockIds.size > 0) {
+                return;
+            }
+            (_a = restoreStyleGlobal.current) === null || _a === void 0 ? void 0 : _a.call(restoreStyleGlobal);
+            restoreStyleGlobal.current = null;
+        };
     }, [active]);
 }

package/__inner__/esm/components/Autocomplete/helper.d.ts

@@ -38,16 +38,16 @@ export declare function withDefaultGetters<OPTION>(props: AutocompleteProps<OPTI
     label?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
+    className?: string | undefined | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    hint?: string | null | undefined;
+    hint?: string | null | undefined | undefined;
     disableStroke?: boolean | undefined;
-    renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
-    renderRight?: import("../FieldIcon").FieldIconProps["icon"];
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
     inputProps?: import("../FieldInput").FieldInputProps | undefined;
     bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
     hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;

package/__inner__/esm/components/AutocompleteBase/AutocompleteBase.d.ts

@@ -2,5 +2,6 @@ import './modules/AutocompleteBaseDropdown/AutocompleteBaseDropdown.css';
 import './modules/AutocompleteBaseInput/AutocompleteBaseInput.css';
 import './modules/AutocompleteBaseInputTag/AutocompleteBaseInputTag.css';
 import React from 'react';
+import { AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE } from './constants';
 import type { AutocompleteBaseProps } from './types';
-export declare const AutocompleteBase: <Option, Multiple extends boolean = false>(inProps: AutocompleteBaseProps<Option, Multiple>) => React.JSX.Element;
+export declare const AutocompleteBase: <Option, Multiple extends boolean = typeof AUTOCOMPLETE_BASE_DEFAULT_MULTIPLE>(inProps: AutocompleteBaseProps<Option, Multiple>) => React.JSX.Element;

package/__inner__/esm/components/AutocompleteNext/helpers.d.ts

@@ -44,16 +44,16 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     label?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
+    className?: string | undefined | undefined;
     onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
     required?: boolean | undefined;
     fullWidth?: boolean | undefined;
-    hint?: string | null | undefined;
+    hint?: string | null | undefined | undefined;
     disableStroke?: boolean | undefined;
-    renderLeft?: import("../FieldIcon").FieldIconProps["icon"];
-    renderRight?: import("../FieldIcon").FieldIconProps["icon"];
+    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
     inputProps?: import("../FieldInput").FieldInputProps | undefined;
     bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
     hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;

package/__inner__/esm/components/ButtonNext/types.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef, ElementType, ReactNode } from 'react';
+import type { ComponentPropsWithRef, ComponentRef, ElementType, ReactNode } from 'react';
 import type { IconProps } from '@ozen-ui/icons';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
@@ -46,3 +46,4 @@ export type ButtonBaseProps = {
     'data-testid'?: string;
 };
 export type ButtonProps<As extends ElementType = typeof BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseProps, As>;
+export type ButtonRef<As extends ElementType = typeof BUTTON_DEFAULT_TAG> = ComponentRef<As>;