@ozen-ui/kit 0.76.0 → 0.78.0

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-xs);
+  --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>;

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

@@ -27,4 +27,5 @@ export type DrawerDeviceTypeProps<DeviceType extends DrawerDeviceType | undefine
     /** Тип устройства */
     deviceType?: undefined;
 });
-export type DrawerProps = DrawerDeviceTypeProps<'mobile'> | DrawerDeviceTypeProps<'desktop'> | DrawerDeviceTypeProps<undefined>;
+export type DrawerOmittedProps<OmittingKeys extends keyof DrawerBaseProps | ''> = Omit<DrawerDeviceTypeProps<'mobile'>, OmittingKeys> | Omit<DrawerDeviceTypeProps<'desktop'>, OmittingKeys> | Omit<DrawerDeviceTypeProps<undefined>, OmittingKeys>;
+export type DrawerProps = DrawerOmittedProps<''>;

package/__inner__/esm/components/ImageBase/ImageBase.css

@@ -0,0 +1,24 @@
+.ImageBase {
+  position: relative;
+  inline-size: 100%;
+  overflow: hidden;
+}
+
+  .ImageBase-Image {
+    position: absolute;
+    display: block;
+    inline-size: 100%;
+    block-size: 100%;
+    object-fit: contain;
+    object-position: center;
+    opacity: 1;
+    transition: var(--transition-default) opacity ease-in;
+  }
+
+  .ImageBase-Loader, .ImageBase-Placeholder {
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-start: 0;
+    inline-size: 100%;
+    block-size: 100%;
+  }

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

@@ -0,0 +1,4 @@
+import './ImageBase.css';
+import type { ImageBaseBaseProps } from './types';
+export declare const cnImageBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const ImageBase: import("../../utils").PolymorphicComponentWithRef<ImageBaseBaseProps, "div", "as">;

package/__inner__/esm/components/ImageBase/ImageBase.js

@@ -0,0 +1,43 @@
+import { __assign, __read, __rest } from "tslib";
+import './ImageBase.css';
+import React from 'react';
+import { logger } from '@ozen-ui/logger';
+import { AnimatePresence, motion } from 'framer-motion';
+import { cn, polymorphicComponentWithRef } from '../../utils';
+import { ImageBasePicture } from './components';
+import { IMAGE_BASE_DEFAULT_ELEMENT } from './constants';
+import { useImageBaseStatus } from './hooks';
+import { ImageBaseLoader } from './modules';
+export var cnImageBase = cn('ImageBase');
+export var ImageBase = polymorphicComponentWithRef(function (_a, ref) {
+    var className = _a.className, src = _a.src, _b = _a.as, Tag = _b === void 0 ? IMAGE_BASE_DEFAULT_ELEMENT : _b, alt = _a.alt, placeholder = _a.placeholder, _c = _a.loading, loading = _c === void 0 ? 'lazy' : _c, _d = _a.loader, loader = _d === void 0 ? React.createElement(ImageBaseLoader, null) : _d, style = _a.style, _e = _a.decoding, decoding = _e === void 0 ? 'async' : _e, aspectRatio = _a.aspectRatio, sources = _a.sources, pictureRef = _a.pictureRef, imgRef = _a.imgRef, other = __rest(_a, ["className", "src", "as", "alt", "placeholder", "loading", "loader", "style", "decoding", "aspectRatio", "sources", "pictureRef", "imgRef"]);
+    var _f = useImageBaseStatus(src), onLoad = _f.onLoad, onError = _f.onError, isError = _f.isError, isLoading = _f.isLoading;
+    var paddingBottom = (function () {
+        if (!aspectRatio) {
+            return undefined;
+        }
+        var _a = __read(aspectRatio.split('x'), 2), width = _a[0], height = _a[1];
+        if (!width || !height) {
+            logger.error("\u041D\u0435\u0432\u0435\u0440\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u043D \"aspectRatio\", \u043E\u043D \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 `${number}x${number}`");
+            return undefined;
+        }
+        return "".concat((Number.parseFloat(height) / Number.parseFloat(width)) * 100, "%");
+    })();
+    var isShowPlaceholder = !!placeholder && (isError || !src);
+    var isShowLoader = isLoading && !isShowPlaceholder && !!src;
+    return (React.createElement(Tag, __assign({}, other, { ref: ref, role: "img", className: cnImageBase('', className), style: __assign(__assign({}, style), { paddingBlockEnd: paddingBottom }) }),
+        React.createElement(AnimatePresence, null, isShowLoader && (React.createElement(motion.div, { className: cnImageBase('Loader'), initial: "hidden", animate: "visible", exit: "hidden", variants: {
+                visible: { opacity: 1 },
+                hidden: { opacity: 0 },
+            } }, loader))),
+        React.createElement(AnimatePresence, null, isShowPlaceholder && (React.createElement(motion.div, { className: cnImageBase('Placeholder'), initial: "hidden", animate: "visible", exit: "hidden", variants: {
+                visible: { opacity: 1 },
+                hidden: { opacity: 0 },
+            } }, placeholder))),
+        src && (React.createElement(ImageBasePicture, { ref: pictureRef, sources: sources },
+            React.createElement(motion.img, { key: src, ref: imgRef, className: cnImageBase('Image'), onLoad: onLoad, onError: onError, alt: alt, src: src, decoding: decoding, loading: loading, initial: "hidden", animate: isShowLoader || isShowPlaceholder ? 'hidden' : 'visible', variants: {
+                    visible: { opacity: 1 },
+                    hidden: { opacity: 0 },
+                } })))));
+});
+ImageBase.displayName = 'ImageBase';

package/__inner__/esm/components/ImageBase/components/ImageBasePicture/ImageBasePicture.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { ImageBasePictureProps } from './types';
+export declare const ImageBasePicture: React.ForwardRefExoticComponent<ImageBasePictureProps & React.RefAttributes<HTMLElement>>;

package/__inner__/esm/components/ImageBase/components/ImageBasePicture/ImageBasePicture.js

@@ -0,0 +1,17 @@
+import React, { forwardRef } from 'react';
+import { isString } from '../../../../utils';
+export var ImageBasePicture = forwardRef(function (_a, ref) {
+    var children = _a.children, sources = _a.sources;
+    if (sources) {
+        return (React.createElement("picture", { ref: ref },
+            sources.map(function (sourceInfo) {
+                if (isString(sourceInfo)) {
+                    return React.createElement("source", { key: sourceInfo, srcSet: sourceInfo });
+                }
+                return (React.createElement("source", { key: sourceInfo.srcSet, srcSet: sourceInfo.srcSet, type: sourceInfo.type, media: sourceInfo.media }));
+            }),
+            children));
+    }
+    return children;
+});
+ImageBasePicture.displayName = 'ImageBasePicture';

package/__inner__/esm/components/ImageBase/components/ImageBasePicture/index.d.ts

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

package/__inner__/esm/components/ImageBase/components/ImageBasePicture/index.js

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