@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/useBottomSheetBaseSnaps.js

@@ -0,0 +1,99 @@
+import { useEffect } from 'react';
+import { useEventListener } from '../../../../hooks/useEventListener';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { animateNumberValue } from '../../../../utils/animateProperty';
+import { clamp } from '../../../../utils/math';
+import { BOTTOM_SHEET_BASE_CSS_VARIABLE } from '../../constants';
+import { useBottomSheetBaseCSSValue } from '../../hooks';
+export var useBottomSheetBaseSnaps = function (_a) {
+    var minSnap = _a.minSnap, maxSnap = _a.maxSnap, defaultSnap = _a.defaultSnap, rootRef = _a.rootRef, onAnimationStart = _a.onAnimationStart, onAnimationFinish = _a.onAnimationFinish, isReady = _a.isReady, findClosestSnap = _a.findClosestSnap;
+    var y = useBottomSheetBaseCSSValue({
+        defaultValue: -defaultSnap,
+        variableName: BOTTOM_SHEET_BASE_CSS_VARIABLE.Y,
+        rootRef: rootRef,
+        formatValue: function (value) { return "".concat(value, "px"); },
+    });
+    var height = useBottomSheetBaseCSSValue({
+        defaultValue: defaultSnap,
+        variableName: BOTTOM_SHEET_BASE_CSS_VARIABLE.HEIGHT,
+        rootRef: rootRef,
+        formatValue: function (value) { return "".concat(value, "px"); },
+    });
+    var openPercent = useBottomSheetBaseCSSValue({
+        defaultValue: 0,
+        variableName: BOTTOM_SHEET_BASE_CSS_VARIABLE.OPEN_PERCENT,
+        rootRef: rootRef,
+    });
+    var point = useStoredValue(function () { return height.value.current + y.value.current; });
+    var setSnapPoint = function (newPoint) {
+        if (newPoint === point.current) {
+            return;
+        }
+        point.current = newPoint;
+        height.setValue(clamp(newPoint, minSnap, maxSnap));
+        y.setValue(newPoint - height.value.current);
+        var newOpenPercent = (function () {
+            if (newPoint === 0 && minSnap === 0) {
+                return 0;
+            }
+            return clamp((newPoint / minSnap) * 100, 0, 100);
+        })();
+        openPercent.setValue(newOpenPercent);
+    };
+    var snapTo = function (newPoint) {
+        setSnapPoint(newPoint);
+    };
+    var snapToAnimated = function (newPoint, options) {
+        onAnimationStart === null || onAnimationStart === void 0 ? void 0 : onAnimationStart();
+        animateNumberValue(function (value) {
+            snapTo(value);
+        }, point.current, newPoint, {
+            onFinish: function () {
+                var _a;
+                (_a = options === null || options === void 0 ? void 0 : options.onFinish) === null || _a === void 0 ? void 0 : _a.call(options);
+                onAnimationFinish === null || onAnimationFinish === void 0 ? void 0 : onAnimationFinish();
+            },
+        });
+    };
+    var snapToClosed = function (isAnimated) {
+        if (isAnimated) {
+            snapToAnimated(0);
+        }
+        else {
+            snapTo(0);
+        }
+    };
+    var snapToDefault = function (isAnimated) {
+        if (isAnimated) {
+            snapToAnimated(defaultSnap);
+        }
+        else {
+            snapTo(defaultSnap);
+        }
+    };
+    var previousReady = useStoredValue(isReady);
+    // Перерасчет текущей точки при изменении minSnap, maxSnap
+    useEffect(function () {
+        if (!isReady) {
+            return;
+        }
+        if (previousReady.current) {
+            snapTo(findClosestSnap.current(point.current));
+        }
+        previousReady.current = isReady;
+    }, [minSnap, maxSnap, isReady]);
+    useEventListener({
+        eventName: 'resize',
+        handler: function () {
+            var closestSnap = findClosestSnap.current(point.current);
+            snapTo(closestSnap);
+        },
+    });
+    return {
+        to: snapTo,
+        point: point,
+        toAnimated: snapToAnimated,
+        toClosed: snapToClosed,
+        toDefault: snapToDefault,
+    };
+};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseVisibility.d.ts

@@ -0,0 +1,4 @@
+export declare const useBottomSheetBaseVisibility: ({ isAnimating, isOpen, }: {
+    isAnimating: boolean;
+    isOpen: boolean;
+}) => boolean;

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseVisibility.js

@@ -0,0 +1,31 @@
+import { __read } from "tslib";
+import { useEffect, useState } from 'react';
+import { useStoredValue } from '../../../hooks/useStoredValue';
+export var useBottomSheetBaseVisibility = function (_a) {
+    var isAnimating = _a.isAnimating, isOpen = _a.isOpen;
+    var _b = __read(useState(isOpen), 2), isVisible = _b[0], setIsVisible = _b[1];
+    var isFirstRender = useStoredValue(true);
+    var isClosingStarted = useStoredValue(false);
+    useEffect(function () {
+        if (isOpen) {
+            isClosingStarted.current = false;
+            setIsVisible(true);
+            return;
+        }
+        if (isFirstRender.current) {
+            return;
+        }
+        isClosingStarted.current = true;
+    }, [isOpen]);
+    useEffect(function () {
+        if (!isClosingStarted.current || isAnimating) {
+            return;
+        }
+        isClosingStarted.current = false;
+        setIsVisible(false);
+    }, [isAnimating]);
+    useEffect(function () {
+        isFirstRender.current = false;
+    }, []);
+    return isVisible;
+};

package/__inner__/esm/components/BottomSheetBase/index.d.ts

@@ -0,0 +1,5 @@
+export * from './context';
+export * from './entities';
+export * from './modules';
+export * from './BottomSheetBase';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/index.js

@@ -0,0 +1,5 @@
+export * from './context';
+export * from './entities';
+export * from './modules';
+export * from './BottomSheetBase';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.css

@@ -0,0 +1,11 @@
+.BottomSheetBaseBackdrop {
+  opacity: calc(var(--bottom-sheet-base-open-percent, 0) / 100);
+}
+
+  .BottomSheetBaseBackdrop_draggable {
+    touch-action: none;
+    cursor: pointer;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.d.ts

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import './BottomSheetBaseBackdrop.css';
+import React, { useRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Backdrop } from '../../../Backdrop';
+import { useBottomSheetBaseDrag } from '../../hooks';
+import { BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseBackdrop = cn('BottomSheetBaseBackdrop');
+export var BottomSheetBaseBackdrop = polymorphicComponentWithRef(function (_a, ref) {
+    var as = _a.as, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG : _b, className = _a.className, other = __rest(_a, ["as", "expandOnDrag", "className"]);
+    var internalRef = useRef(null);
+    useBottomSheetBaseDrag(internalRef, {
+        isCloseOnTap: true,
+        isDraggable: expandOnDrag,
+    });
+    return (React.createElement(Backdrop, __assign({}, other, { ref: useMultiRef([ref, internalRef]), as: as, transitionProps: {
+            classNames: cnBottomSheetBaseBackdrop({ animation: true }),
+        }, open: true, className: cnBottomSheetBaseBackdrop({
+            draggable: expandOnDrag,
+        }, [className]) })));
+});

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG = "div";
+export declare const BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/constants.js

@@ -0,0 +1,2 @@
+export var BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG = 'div';
+export var BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/index.d.ts

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/index.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/types.d.ts

@@ -0,0 +1,9 @@
+import type { ElementType } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { BackdropBaseProps } from '../../../Backdrop';
+import type { BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG } from './constants';
+export type BottomSheetBaseBackdropBaseProps = ExtendableProps<{
+    expandOnDrag?: boolean;
+}, Omit<BackdropBaseProps, 'transitionProps' | 'open'>>;
+export type BottomSheetBaseBackdropProps<As extends ElementType = typeof BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<BottomSheetBaseBackdropBaseProps, As>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/types.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.css

@@ -0,0 +1,11 @@
+.BottomSheetBaseBlock {
+  flex-shrink: 0;
+}
+
+  .BottomSheetBaseBlock_draggable {
+    touch-action: none;
+    cursor: ns-resize;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.d.ts

@@ -0,0 +1,6 @@
+import './BottomSheetBaseBlock.css';
+import React from 'react';
+export declare const cnBottomSheetBaseBlock: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseBlock: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.js

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import './BottomSheetBaseBlock.css';
+import React, { forwardRef, useRef } from 'react';
+import { useUniqueId } from '../../../../hooks/useUniqueId';
+import { cn } from '../../../../utils/classname';
+import { setRef } from '../../../../utils/setRef';
+import { useBottomSheetBaseContext } from '../../context';
+import { useBottomSheetBaseDrag } from '../../hooks';
+import { BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseBlock = cn('BottomSheetBaseBlock');
+export var BottomSheetBaseBlock = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG : _b, other = __rest(_a, ["children", "className", "expandOnDrag"]);
+    var internalRef = useRef(null);
+    var addBlockRef = useBottomSheetBaseContext().addBlockRef;
+    var blockId = useUniqueId('BaseBottomSheetBlock-');
+    useBottomSheetBaseDrag(internalRef, {
+        isDraggable: expandOnDrag,
+    });
+    return (React.createElement("div", __assign({}, other, { ref: function (instance) {
+            setRef(ref, instance);
+            setRef(internalRef, instance);
+            addBlockRef(blockId, instance);
+        }, className: cnBottomSheetBaseBlock({
+            draggable: expandOnDrag,
+        }, [className]) }), children));
+});
+BottomSheetBaseBlock.displayName = 'BottomSheetBaseBlock';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG = false;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/constants.js

@@ -0,0 +1 @@
+export var BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG = false;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/index.d.ts

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/index.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+export type BottomSheetBaseBlockProps = ExtendableProps<{
+    expandOnDrag?: boolean;
+}, ComponentPropsWithoutRef<'div'>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.css

@@ -0,0 +1,5 @@
+.BottomSheetBaseContent-Wrapper {
+  flex-shrink: 1;
+  flex-grow: 1;
+  overflow: auto;
+}

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.d.ts

@@ -0,0 +1,4 @@
+import './BottomSheetBaseContent.css';
+import React from 'react';
+export declare const cnBottomSheetBaseContent: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import './BottomSheetBaseContent.css';
+import React, { forwardRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { cn } from '../../../../utils/classname';
+import { useBottomSheetBaseContext } from '../../context';
+export var cnBottomSheetBaseContent = cn('BottomSheetBaseContent');
+export var BottomSheetBaseContent = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useBottomSheetBaseContext(), scrollRef = _b.scrollRef, contentRef = _b.contentRef;
+    return (React.createElement("div", __assign({}, other, { ref: useMultiRef([ref, scrollRef]), className: cnBottomSheetBaseContent('Wrapper', [className]) }),
+        React.createElement("div", { ref: contentRef, className: cnBottomSheetBaseContent() }, children)));
+});
+BottomSheetBaseContent.displayName = 'BottomSheetBaseContent';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/index.d.ts

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/index.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/types.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type BottomSheetBaseContentProps = ComponentPropsWithoutRef<'div'>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/types.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnBottomSheetBaseFooter: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseFooter: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseBlock } from '../BottomSheetBaseBlock';
+import { BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseFooter = cn('BottomSheetBaseFooter');
+export var BottomSheetBaseFooter = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG : _b, other = __rest(_a, ["children", "className", "expandOnDrag"]);
+    return (React.createElement(BottomSheetBaseBlock, __assign({}, other, { ref: ref, className: cnBottomSheetBaseFooter('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+BottomSheetBaseFooter.displayName = 'BottomSheetBaseFooter';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/constants.js

@@ -0,0 +1 @@
+export var BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/index.d.ts

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/index.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.d.ts

@@ -0,0 +1,4 @@
+import type { BottomSheetBaseBlockRef } from '../../entities';
+import type { BottomSheetBaseBlockProps } from '../BottomSheetBaseBlock';
+export type BottomSheetBaseFooterRef = BottomSheetBaseBlockRef;
+export type BottomSheetBaseFooterProps = BottomSheetBaseBlockProps;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnBottomSheetBaseHeader: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseHeader: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseBlock } from '../BottomSheetBaseBlock';
+import { BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseHeader = cn('BottomSheetBaseHeader');
+export var BottomSheetBaseHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG : _b, other = __rest(_a, ["children", "className", "expandOnDrag"]);
+    return (React.createElement(BottomSheetBaseBlock, __assign({}, other, { ref: ref, className: cnBottomSheetBaseHeader('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+BottomSheetBaseHeader.displayName = 'BottomSheetBaseHeader';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/constants.js

@@ -0,0 +1 @@
+export var BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/index.d.ts

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/index.js

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

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.d.ts

@@ -0,0 +1,4 @@
+import type { BottomSheetBaseBlockRef } from '../../entities';
+import type { BottomSheetBaseBlockProps } from '../BottomSheetBaseBlock';
+export type BottomSheetBaseHeaderRef = BottomSheetBaseBlockRef;
+export type BottomSheetBaseHeaderProps = BottomSheetBaseBlockProps;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.js

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

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

@@ -0,0 +1,5 @@
+export * from './BottomSheetBaseBackdrop';
+export * from './BottomSheetBaseBlock';
+export * from './BottomSheetBaseContent';
+export * from './BottomSheetBaseFooter';
+export * from './BottomSheetBaseHeader';

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

@@ -0,0 +1,5 @@
+export * from './BottomSheetBaseBackdrop';
+export * from './BottomSheetBaseBlock';
+export * from './BottomSheetBaseContent';
+export * from './BottomSheetBaseFooter';
+export * from './BottomSheetBaseHeader';

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

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { PortalProps } from '../Portal';
+import type { BottomSheetBaseGetMaxHeight, BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseMaxHeight, BottomSheetBaseOnClose, BottomSheetBaseSnap, BottomSheetBaseSnaps } from './entities';
+export type BottomSheetBaseProps = {
+    /** Точки привязки. */
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    /** Текущее состояние открытости. Если `true`, шторка отображается. */
+    open: boolean;
+    /** Дефолтная точка привязки. */
+    defaultSnap?: BottomSheetBaseSnap | BottomSheetBaseGetSnap;
+    /** Максимальная высота. */
+    maxHeight?: BottomSheetBaseMaxHeight | BottomSheetBaseGetMaxHeight;
+    /** Функция, которая вызывается при закрытии. */
+    onClose?: BottomSheetBaseOnClose;
+    /** При `true` шторка будет закрываемой. */
+    closable?: boolean;
+    /** Компонент backdrop. */
+    backdrop?: ReactNode;
+    /** Если `true` backdrop будет скрыт. */
+    hideBackdrop?: boolean;
+    /** Если `true` отключает блокировку прокрутки основного экрана приложения. */
+    disableScrollLock?: boolean;
+    /** Дополнительные CSS-классы шторки */
+    bottomSheetClassName?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+} & PortalProps;

package/__inner__/esm/components/BottomSheetBase/types.js

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

package/__inner__/esm/components/BottomSheetBase/utils/index.d.ts

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

package/__inner__/esm/components/BottomSheetBase/utils/index.js

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

package/__inner__/esm/components/BottomSheetBase/utils/utils.d.ts

@@ -0,0 +1,16 @@
+import type { BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseSnap, BottomSheetBaseSnaps } from '../entities';
+import type { BottomSheetBaseFindClosestSnap } from '../hooks';
+export declare const cnBottomSheetBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const bottomSheetCalculateSnaps: ({ minHeight, maxHeight, snaps: snapsProp, isReady, defaultSnap: defaultSnapProp, }: {
+    minHeight: number;
+    maxHeight: number;
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    isReady: boolean;
+    defaultSnap: BottomSheetBaseSnap | BottomSheetBaseGetSnap | undefined;
+}) => {
+    minSnap: number;
+    maxSnap: number;
+    snaps: number[];
+    defaultSnap: number;
+    findClosestSnap: BottomSheetBaseFindClosestSnap;
+};

package/__inner__/esm/components/BottomSheetBase/utils/utils.js

@@ -0,0 +1,56 @@
+import { __read, __spreadArray } from "tslib";
+import { logger } from '@ozen-ui/logger';
+import { cn } from '../../../utils/classname';
+import { isFunction } from '../../../utils/isFunction';
+import { clamp } from '../../../utils/math';
+import { isNaN, isNumber } from '../../../utils/number';
+export var cnBottomSheetBase = cn('BottomSheetBase');
+export var bottomSheetCalculateSnaps = function (_a) {
+    var minHeight = _a.minHeight, maxHeight = _a.maxHeight, snapsProp = _a.snaps, isReady = _a.isReady, defaultSnapProp = _a.defaultSnap;
+    var getSnapParams = {
+        minHeight: minHeight,
+        maxHeight: maxHeight,
+    };
+    var snapsRaw = (function () {
+        if (!isReady) {
+            return [0];
+        }
+        if (isFunction(snapsProp)) {
+            return snapsProp(getSnapParams);
+        }
+        return snapsProp;
+    })();
+    var snapsSet = snapsRaw.reduce(function (acc, snapPoint) {
+        if (isNaN(snapPoint)) {
+            logger.error('Компонент "BottomSheetBase" имеет NaN в prop "snaps"');
+            return acc;
+        }
+        acc.add(clamp(snapPoint, 0, maxHeight));
+        return acc;
+    }, new Set());
+    var snaps = __spreadArray([], __read(snapsSet), false);
+    var minSnap = Math.min.apply(Math, __spreadArray([], __read(snaps), false));
+    var maxSnap = Math.min(maxHeight, Math.max.apply(Math, __spreadArray([], __read(snaps), false)));
+    var findClosestSnap = function (point) {
+        return snaps.reduce(function (prev, curr) {
+            return Math.abs(curr - point) < Math.abs(prev - point) ? curr : prev;
+        }, minSnap);
+    };
+    var defaultSnapRaw = (function () {
+        if (isFunction(defaultSnapProp)) {
+            return defaultSnapProp(getSnapParams);
+        }
+        if (isNumber(defaultSnapProp)) {
+            return defaultSnapProp;
+        }
+        return minSnap;
+    })();
+    var defaultSnap = findClosestSnap(clamp(defaultSnapRaw, minSnap, maxSnap));
+    return {
+        minSnap: minSnap,
+        maxSnap: maxSnap,
+        snaps: snaps,
+        defaultSnap: defaultSnap,
+        findClosestSnap: findClosestSnap,
+    };
+};

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

@@ -2,5 +2,5 @@ import type { ElementType } from 'react';
 import type { PolymorphicComponentPropsWithoutRef } from '../../../utils/polymorphicComponentWithRef';
 import type { ButtonProps } from '../../ButtonNext';
 import type { BREADCRUMB_ITEM_DEFAULT_TAG } from '../constants';
-export type BreadcrumbItemBaseProps = Pick<ButtonProps, 'disabled' | 'iconLeft' | 'iconRight'>;
+export type BreadcrumbItemBaseProps = Pick<ButtonProps, 'disabled' | 'iconLeft' | 'iconRight' | 'data-testid'>;
 export type BreadcrumbItemProps<As extends ElementType = typeof BREADCRUMB_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<BreadcrumbItemBaseProps, As>;

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

@@ -14,4 +14,6 @@ export type BreadcrumbsProps = ExtendableComponentPropsWithRef<{
     separator?: BreadcrumbsSeparatorComponent;
     /** Размер */
     size?: BreadcrumbsSizeVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 }, 'nav'>;

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

@@ -2,4 +2,7 @@ import './Checkbox.css';
 import React from 'react';
 import type { CheckboxProps } from './index';
 export declare const cnCheckbox: import("@bem-react/classname").ClassNameFormatter;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxNext
+ */
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/__inner__/esm/components/Checkbox/Checkbox.js

@@ -8,6 +8,9 @@ import { FormControlLabel } from '../FormControlLabel';
 import { CheckboxIcon } from './components';
 import { CHECKBOX_DEFAULT_ALIGN, CHECKBOX_DEFAULT_LABEL_PLACEMENT, CHECKBOX_DEFAULT_SIZE, } from './constants';
 export var cnCheckbox = cn('Checkbox');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxNext
+ */
 export var Checkbox = forwardRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,

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

@@ -1,4 +1,7 @@
 import './CheckboxGroup.css';
 import type { CheckboxGroupBaseProps } from './index';
 export declare const cnCheckboxGroup: import("@bem-react/classname").ClassNameFormatter;
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxGroupNext
+ */
 export declare const CheckboxGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<CheckboxGroupBaseProps, "div">;

package/__inner__/esm/components/CheckboxGroup/CheckboxGroup.js

@@ -10,6 +10,9 @@ import { FormTitle } from '../FormTitle';
 import { CheckboxGroupContext } from './CheckboxGroupContext';
 import { CHECKBOX_GROUP_DEFAULT_DIRECTION, CHECKBOX_GROUP_DEFAULT_SIZE, CHECKBOX_GROUP_DEFAULT_AS, } from './constants';
 export var cnCheckboxGroup = cn('CheckboxGroup');
+/**
+ * @deprecated Компонент устарел. Для замены используйте компонент CheckboxGroupNext
+ */
 export var CheckboxGroup = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
         props: inProps,