@ozen-ui/kit 0.65.0 → 0.67.0

package/__inner__/cjs/components/BottomSheetBase/context/BottomSheetBaseContextProvider.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseContextProvider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useStoredValue_1 = require("../../../hooks/useStoredValue");
+var hooks_1 = require("../hooks");
+var utils_1 = require("../utils");
+var BottomSheetBaseContext_1 = require("./BottomSheetBaseContext");
+var BottomSheetBaseContextProvider = function (_a) {
+    var children = _a.children, isOpen = _a.isOpen, snapsProp = _a.snaps, maxHeightProp = _a.maxHeight, defaultSnapProp = _a.defaultSnap, onClose = _a.onClose, isClosable = _a.isClosable, setIsAnimating = _a.setIsAnimating;
+    var rootRef = (0, react_1.useRef)(null);
+    var scrollRef = (0, react_1.useRef)(null);
+    var contentRef = (0, react_1.useRef)(null);
+    var blocksRefs = (0, useStoredValue_1.useStoredValue)({});
+    var _b = (0, hooks_1.useBottomSheetBaseReady)(), isReady = _b.isReady, registerReady = _b.registerReady;
+    var canDrag = (0, useStoredValue_1.useStoredValue)(true);
+    var _c = (0, hooks_1.useBottomSheetBaseHeight)({
+        customMaxHeight: maxHeightProp,
+        contentRef: contentRef,
+        registerReady: registerReady,
+        blocksRefs: blocksRefs,
+    }), minHeight = _c.minHeight, maxHeight = _c.maxHeight, recalculateHeight = _c.recalculateHeight;
+    var addBlockRef = function (id, instance) {
+        blocksRefs.current[id] = instance;
+        recalculateHeight();
+    };
+    var _d = (0, utils_1.bottomSheetCalculateSnaps)({
+        minHeight: minHeight,
+        maxHeight: maxHeight,
+        isReady: isReady,
+        snaps: snapsProp,
+        defaultSnap: defaultSnapProp,
+    }), minSnap = _d.minSnap, maxSnap = _d.maxSnap, defaultSnap = _d.defaultSnap, snaps = _d.snaps, findClosestSnapFn = _d.findClosestSnap;
+    var findClosestSnap = (0, useStoredValue_1.useStoredValue)(function () { return findClosestSnapFn; });
+    (0, react_1.useEffect)(function () {
+        findClosestSnap.current = findClosestSnapFn;
+    }, [findClosestSnapFn]);
+    var snapsControl = (0, hooks_1.useBottomSheetBaseSnaps)({
+        minSnap: minSnap,
+        maxSnap: maxSnap,
+        defaultSnap: defaultSnap,
+        rootRef: rootRef,
+        onAnimationStart: function () {
+            canDrag.current = false;
+            setIsAnimating(true);
+        },
+        onAnimationFinish: function () {
+            canDrag.current = true;
+            setIsAnimating(false);
+        },
+        isReady: isReady,
+        findClosestSnap: findClosestSnap,
+    });
+    (0, react_1.useEffect)(function () {
+        if (!isReady) {
+            return;
+        }
+        if (isOpen) {
+            snapsControl.toDefault(true);
+        }
+        else {
+            snapsControl.toClosed(true);
+        }
+    }, [isOpen, isReady]);
+    return (react_1.default.createElement(BottomSheetBaseContext_1.BottomSheetBaseContext.Provider, { value: {
+            rootRef: rootRef,
+            contentRef: contentRef,
+            scrollRef: scrollRef,
+            addBlockRef: addBlockRef,
+            blocksRefs: blocksRefs,
+            minSnap: minSnap,
+            maxSnap: maxSnap,
+            snaps: snaps,
+            defaultSnap: defaultSnap !== null && defaultSnap !== void 0 ? defaultSnap : minSnap,
+            onClose: onClose,
+            isClosable: isClosable,
+            canDrag: canDrag,
+            snapsControl: snapsControl,
+            findClosestSnap: findClosestSnap,
+        } }, children));
+};
+exports.BottomSheetBaseContextProvider = BottomSheetBaseContextProvider;

package/__inner__/cjs/components/BottomSheetBase/context/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/context/index.js

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

package/__inner__/cjs/components/BottomSheetBase/context/types.d.ts

@@ -0,0 +1,29 @@
+import type { PropsWithChildren, RefObject } from 'react';
+import type { StoredValue } from '../../../hooks/useStoredValue';
+import type { BottomSheetBaseAddBlockRef, BottomSheetBaseBlocksRefs, BottomSheetBaseContentRef, BottomSheetBaseGetMaxHeight, BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseMaxHeight, BottomSheetBaseRootRef, BottomSheetBaseScrollRef, BottomSheetBaseSnap, BottomSheetBaseSnaps, BottomSheetBaseOnClose } from '../entities';
+import type { BottomSheetBaseFindClosestSnap, BottomSheetBaseSnapsControl } from '../hooks';
+export type BottomSheetBaseContextValue = {
+    rootRef: RefObject<BottomSheetBaseRootRef>;
+    scrollRef: RefObject<BottomSheetBaseScrollRef>;
+    contentRef: RefObject<BottomSheetBaseContentRef>;
+    blocksRefs: StoredValue<BottomSheetBaseBlocksRefs>;
+    maxSnap: BottomSheetBaseSnap;
+    minSnap: BottomSheetBaseSnap;
+    defaultSnap: number;
+    snaps: BottomSheetBaseSnaps;
+    onClose: () => void;
+    isClosable: boolean;
+    canDrag: StoredValue<boolean>;
+    snapsControl: BottomSheetBaseSnapsControl;
+    findClosestSnap: StoredValue<BottomSheetBaseFindClosestSnap>;
+    addBlockRef: BottomSheetBaseAddBlockRef;
+};
+export type BottomSheetBaseContextProviderProps = PropsWithChildren<{
+    isOpen: boolean;
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    setIsAnimating: (isAnimating: boolean) => void;
+    defaultSnap?: BottomSheetBaseSnap | BottomSheetBaseGetSnap;
+    onClose: BottomSheetBaseOnClose;
+    isClosable: boolean;
+    maxHeight?: BottomSheetBaseMaxHeight | BottomSheetBaseGetMaxHeight;
+}>;

package/__inner__/cjs/components/BottomSheetBase/entities/index.d.ts

@@ -0,0 +1,4 @@
+export * from './maxHeight';
+export * from './onClose';
+export * from './refs';
+export * from './snap';

package/__inner__/cjs/components/BottomSheetBase/entities/index.js

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

package/__inner__/cjs/components/BottomSheetBase/entities/maxHeight.d.ts

@@ -0,0 +1,6 @@
+export type BottomSheetBaseMaxHeight = number;
+export type BottomSheetBaseGetMaxHeightParams = {
+    minHeight: number;
+    maxHeight: number;
+};
+export type BottomSheetBaseGetMaxHeight = (params: BottomSheetBaseGetMaxHeightParams) => BottomSheetBaseMaxHeight;

package/__inner__/cjs/components/BottomSheetBase/entities/maxHeight.js

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

package/__inner__/cjs/components/BottomSheetBase/entities/onClose.d.ts

@@ -0,0 +1 @@
+export type BottomSheetBaseOnClose = () => void;

package/__inner__/cjs/components/BottomSheetBase/entities/onClose.js

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

package/__inner__/cjs/components/BottomSheetBase/entities/refs.d.ts

@@ -0,0 +1,7 @@
+export type BottomSheetBaseRef = HTMLDivElement;
+export type BottomSheetBaseRootRef = HTMLDivElement;
+export type BottomSheetBaseScrollRef = HTMLDivElement;
+export type BottomSheetBaseContentRef = HTMLDivElement;
+export type BottomSheetBaseBlockRef = HTMLDivElement;
+export type BottomSheetBaseAddBlockRef = (id: string, instance: BottomSheetBaseBlockRef | null) => void;
+export type BottomSheetBaseBlocksRefs = Record<string, BottomSheetBaseBlockRef | null>;

package/__inner__/cjs/components/BottomSheetBase/entities/refs.js

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

package/__inner__/cjs/components/BottomSheetBase/entities/snap.d.ts

@@ -0,0 +1,8 @@
+export type BottomSheetBaseSnap = number;
+export type BottomSheetBaseSnaps = BottomSheetBaseSnap[];
+export type BottomSheetBaseGetSnapParams = {
+    minHeight: number;
+    maxHeight: number;
+};
+export type BottomSheetBaseGetSnap = (params: BottomSheetBaseGetSnapParams) => BottomSheetBaseSnap;
+export type BottomSheetBaseGetSnaps = (params: BottomSheetBaseGetSnapParams) => BottomSheetBaseSnap[];

package/__inner__/cjs/components/BottomSheetBase/entities/snap.js

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

package/__inner__/cjs/components/BottomSheetBase/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useBottomSheetBaseCSSValue';
+export * from './useBottomSheetBaseDrag';
+export * from './useBottomSheetBaseHeight';
+export * from './useBottomSheetBaseReady';
+export * from './useBottomSheetBaseSnaps';
+export * from './useBottomSheetBaseVisibility';

package/__inner__/cjs/components/BottomSheetBase/hooks/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useBottomSheetBaseCSSValue"), exports);
+tslib_1.__exportStar(require("./useBottomSheetBaseDrag"), exports);
+tslib_1.__exportStar(require("./useBottomSheetBaseHeight"), exports);
+tslib_1.__exportStar(require("./useBottomSheetBaseReady"), exports);
+tslib_1.__exportStar(require("./useBottomSheetBaseSnaps"), exports);
+tslib_1.__exportStar(require("./useBottomSheetBaseVisibility"), exports);

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseCSSValue.d.ts

@@ -0,0 +1,11 @@
+import type { RefObject } from 'react';
+import { type BottomSheetBaseCSSVariable } from '../constants';
+export declare const useBottomSheetBaseCSSValue: <Value extends string | number>({ rootRef, defaultValue, variableName, formatValue, }: {
+    rootRef: RefObject<HTMLElement>;
+    defaultValue: Value;
+    variableName: BottomSheetBaseCSSVariable;
+    formatValue?: (value: Value) => string;
+}) => {
+    value: import("../../../hooks/useStoredValue").StoredValue<Value>;
+    setValue: (newValue: Value) => void;
+};

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseCSSValue.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseCSSValue = void 0;
+var react_1 = require("react");
+var useStoredValue_1 = require("../../../hooks/useStoredValue");
+var css_1 = require("../../../utils/css");
+var useBottomSheetBaseCSSValue = function (_a) {
+    var rootRef = _a.rootRef, defaultValue = _a.defaultValue, variableName = _a.variableName, formatValue = _a.formatValue;
+    var value = (0, useStoredValue_1.useStoredValue)(defaultValue);
+    var setPropertyValue = function (value) {
+        (0, css_1.setCSSProperty)({
+            element: rootRef.current,
+            variableName: variableName,
+            value: formatValue ? formatValue(value) : value,
+        });
+    };
+    var setValue = function (newValue) {
+        value.current = newValue;
+        setPropertyValue(newValue);
+    };
+    (0, react_1.useEffect)(function () {
+        setPropertyValue(value.current);
+    }, [rootRef.current]);
+    return {
+        value: value,
+        setValue: setValue,
+    };
+};
+exports.useBottomSheetBaseCSSValue = useBottomSheetBaseCSSValue;

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseDrag.d.ts

@@ -0,0 +1,5 @@
+import type { RefObject } from 'react';
+export declare const useBottomSheetBaseDrag: (target: RefObject<HTMLElement>, options?: {
+    isCloseOnTap?: boolean;
+    isDraggable?: boolean;
+}) => void;

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseDrag.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseDrag = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("@use-gesture/react");
+var math_1 = require("../../../utils/math");
+var number_1 = require("../../../utils/number");
+var constants_1 = require("../constants");
+var context_1 = require("../context");
+var useBottomSheetBaseCSSValue_1 = require("./useBottomSheetBaseCSSValue");
+var rubberbandIfOutOfBoundsConstant = 0.55;
+var useBottomSheetBaseDrag = function (target, options) {
+    var _a = options !== null && options !== void 0 ? options : {}, _b = _a.isCloseOnTap, isCloseOnTap = _b === void 0 ? false : _b, _c = _a.isDraggable, isDraggable = _c === void 0 ? true : _c;
+    var _d = (0, context_1.useBottomSheetBaseContext)(), minSnap = _d.minSnap, onCloseContext = _d.onClose, canDrag = _d.canDrag, maxSnap = _d.maxSnap, isClosable = _d.isClosable, snapsControl = _d.snapsControl, findClosestSnap = _d.findClosestSnap, rootRef = _d.rootRef;
+    var userSelect = (0, useBottomSheetBaseCSSValue_1.useBottomSheetBaseCSSValue)({
+        rootRef: rootRef,
+        defaultValue: 'auto',
+        variableName: constants_1.BOTTOM_SHEET_BASE_CSS_VARIABLE.USER_SELECT,
+    });
+    var onClose = function () {
+        snapsControl.toClosed(true);
+        onCloseContext === null || onCloseContext === void 0 ? void 0 : onCloseContext();
+    };
+    var calculateAnimationTime = function (pxChange, velocity) {
+        var rawTime = Math.abs(pxChange / velocity);
+        if ((0, number_1.isNaN)(rawTime)) {
+            return 0;
+        }
+        return (0, math_1.clamp)(rawTime, 200, 500);
+    };
+    var onDragStart = function () {
+        userSelect.setValue('none');
+    };
+    var onDragFinish = function () {
+        userSelect.setValue('auto');
+    };
+    (0, react_1.useDrag)(function (params) {
+        var cancel = params.cancel, down = params.down, first = params.first, last = params.last, _a = params.memo, memo = _a === void 0 ? snapsControl.point.current : _a, _b = tslib_1.__read(params.movement, 2), _my = _b[1], tap = params.tap, _c = tslib_1.__read(params.velocity, 2), velocity = _c[1];
+        var my = _my * -1;
+        if (!canDrag.current) {
+            cancel();
+            return memo;
+        }
+        if (isClosable && isCloseOnTap && tap) {
+            cancel();
+            setTimeout(function () { return onClose(); }, 0);
+            return memo;
+        }
+        if (tap) {
+            return memo;
+        }
+        if (first) {
+            onDragStart();
+        }
+        var rawOffset = memo + my;
+        var predictedDistance = my * velocity;
+        var predictedPoint = Math.max(minSnap, Math.min(maxSnap, rawOffset + predictedDistance * 2));
+        if (last && isClosable && rawOffset + predictedDistance < minSnap / 2) {
+            onDragFinish();
+            onClose();
+            return memo;
+        }
+        var newOffset = (function () {
+            if (!down) {
+                return predictedPoint;
+            }
+            if (!isClosable && minSnap === maxSnap) {
+                if (rawOffset < minSnap) {
+                    return (0, react_1.rubberbandIfOutOfBounds)(rawOffset, minSnap, maxSnap * 1.5, rubberbandIfOutOfBoundsConstant);
+                }
+                return (0, react_1.rubberbandIfOutOfBounds)(rawOffset, minSnap / 1.5, maxSnap, rubberbandIfOutOfBoundsConstant);
+            }
+            return (0, react_1.rubberbandIfOutOfBounds)(rawOffset, isClosable ? 0 : minSnap, maxSnap, rubberbandIfOutOfBoundsConstant);
+        })();
+        if (last) {
+            var closestSnap = findClosestSnap.current(newOffset);
+            snapsControl.toAnimated(closestSnap, {
+                duration: calculateAnimationTime(Math.abs(closestSnap - snapsControl.point.current), velocity),
+            });
+            onDragFinish();
+            return memo;
+        }
+        snapsControl.to(newOffset);
+        return memo;
+    }, {
+        target: isDraggable
+            ? target
+            : {
+                current: null,
+            },
+    });
+};
+exports.useBottomSheetBaseDrag = useBottomSheetBaseDrag;

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseHeight.d.ts

@@ -0,0 +1,14 @@
+import type { RefObject } from 'react';
+import type { StoredValue } from '../../../hooks/useStoredValue';
+import type { BottomSheetBaseBlocksRefs, BottomSheetBaseContentRef, BottomSheetBaseGetMaxHeight, BottomSheetBaseMaxHeight } from '../entities';
+import type { BottomSheetBaseRegisterReady } from '../hooks';
+export declare const useBottomSheetBaseHeight: ({ contentRef, blocksRefs, customMaxHeight: customMaxHeightProp, registerReady, }: {
+    contentRef: RefObject<BottomSheetBaseContentRef>;
+    blocksRefs: StoredValue<BottomSheetBaseBlocksRefs>;
+    customMaxHeight: BottomSheetBaseMaxHeight | BottomSheetBaseGetMaxHeight | undefined;
+    registerReady: BottomSheetBaseRegisterReady;
+}) => {
+    minHeight: number;
+    maxHeight: number;
+    recalculateHeight: () => void;
+};

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseHeight.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseHeight = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var environment_1 = require("../../../constants/environment");
+var useEventListener_1 = require("../../../hooks/useEventListener");
+var useMultipleResizeObserver_1 = require("../../../hooks/useMultipleResizeObserver");
+var isFunction_1 = require("../../../utils/isFunction");
+var number_1 = require("../../../utils/number");
+var useBottomSheetBaseHeight = function (_a) {
+    var contentRef = _a.contentRef, blocksRefs = _a.blocksRefs, customMaxHeightProp = _a.customMaxHeight, registerReady = _a.registerReady;
+    var setReadyContentHeight = (0, react_1.useMemo)(function () { return registerReady('contentHeight'); }, [registerReady]);
+    var setReadyMaxHeight = (0, react_1.useMemo)(function () { return registerReady('maxHeight'); }, [registerReady]);
+    var getElementHeight = function (element) {
+        var _a;
+        var rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+        return (_a = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a !== void 0 ? _a : 0;
+    };
+    var getRawMaxHeight = function () {
+        if (environment_1.isServer) {
+            return 0;
+        }
+        return window.innerHeight;
+    };
+    var _b = tslib_1.__read((0, react_1.useState)(0), 2), minHeight = _b[0], setMinHeight = _b[1];
+    var getCustomMaxHeight = function () {
+        if ((0, isFunction_1.isFunction)(customMaxHeightProp)) {
+            return customMaxHeightProp({
+                maxHeight: getRawMaxHeight(),
+                minHeight: minHeight,
+            });
+        }
+        return customMaxHeightProp;
+    };
+    var checkHasCustomMaxHeight = function (customMaxHeight) { return (0, number_1.isNumber)(customMaxHeight); };
+    var calculateMaxHeight = function () {
+        var customMaxHeight = getCustomMaxHeight();
+        if (checkHasCustomMaxHeight(customMaxHeight)) {
+            return customMaxHeight;
+        }
+        return getRawMaxHeight();
+    };
+    var _c = tslib_1.__read((0, react_1.useState)(function () { return calculateMaxHeight(); }), 2), maxHeight = _c[0], setMaxHeightState = _c[1];
+    var calculateMinHeight = function (maxHeight) {
+        var contentHeight = getElementHeight(contentRef.current);
+        var notContentBlocksHeight = 0;
+        Object.values(blocksRefs.current).forEach(function (element) {
+            notContentBlocksHeight += getElementHeight(element);
+        });
+        return Math.max(0, Math.min(maxHeight - notContentBlocksHeight, contentHeight) +
+            notContentBlocksHeight);
+    };
+    var recalculateHeight = function () {
+        var newMaxHeight = calculateMaxHeight();
+        setMaxHeightState(newMaxHeight);
+        setMinHeight(calculateMinHeight(newMaxHeight));
+    };
+    (0, useMultipleResizeObserver_1.useMultipleResizeObserver)(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(Object.values(blocksRefs.current)), false), [contentRef.current], false), function () {
+        recalculateHeight();
+    });
+    (0, react_1.useEffect)(function () {
+        setReadyContentHeight();
+    }, []);
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'resize',
+        handler: function () {
+            recalculateHeight();
+        },
+    });
+    (0, react_1.useEffect)(function () {
+        recalculateHeight();
+        setReadyMaxHeight();
+    }, [getCustomMaxHeight()]);
+    return {
+        minHeight: minHeight,
+        maxHeight: maxHeight,
+        recalculateHeight: recalculateHeight,
+    };
+};
+exports.useBottomSheetBaseHeight = useBottomSheetBaseHeight;

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseReady/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseReady/index.js

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

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseReady/types.d.ts

@@ -0,0 +1 @@
+export type BottomSheetBaseRegisterReady = (key: string) => () => void;

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseReady/types.js

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

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseReady/useBottomSheetBaseReady.d.ts

@@ -0,0 +1,5 @@
+import type { BottomSheetBaseRegisterReady } from '../../hooks';
+export declare const useBottomSheetBaseReady: () => {
+    isReady: boolean;
+    registerReady: BottomSheetBaseRegisterReady;
+};

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseReady/useBottomSheetBaseReady.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseReady = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var useBottomSheetBaseReady = function () {
+    var _a = tslib_1.__read((0, react_1.useState)(false), 2), isReady = _a[0], setReady = _a[1];
+    var isReadyMap = (0, useStoredValue_1.useStoredValue)({});
+    var setIsReadyMap = function (map) {
+        isReadyMap.current = map;
+        var states = Object.values(isReadyMap.current);
+        if (states.length === 0) {
+            return;
+        }
+        var isReady = states.every(function (state) { return !!state; });
+        if (isReady) {
+            setReady(true);
+        }
+    };
+    var registerReady = (0, react_1.useCallback)(function (key) {
+        var _a;
+        setIsReadyMap(tslib_1.__assign(tslib_1.__assign({}, isReadyMap.current), (_a = {}, _a[key] = false, _a)));
+        return function () {
+            var _a;
+            if (isReadyMap.current[key]) {
+                return;
+            }
+            setIsReadyMap(tslib_1.__assign(tslib_1.__assign({}, isReadyMap.current), (_a = {}, _a[key] = true, _a)));
+        };
+    }, []);
+    return { isReady: isReady, registerReady: registerReady };
+};
+exports.useBottomSheetBaseReady = useBottomSheetBaseReady;

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/index.d.ts

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

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/index.js

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

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/types.d.ts

@@ -0,0 +1,14 @@
+import type { StoredValue } from '../../../../hooks/useStoredValue';
+import type { AnimatePropertyOptions } from '../../../../utils/animateProperty';
+export type BottomSheetBaseFindClosestSnap = (point: number) => number;
+export type BottomSheetBaseSnapsControlToClosed = (isAnimated?: boolean) => void;
+export type BottomSheetBaseSnapsControlToDefault = (isAnimated?: boolean) => void;
+export type BottomSheetBaseSnapsControlTo = (snap: number) => void;
+export type BottomSheetBaseSnapsControlToAnimated = (newPoint: number, options?: AnimatePropertyOptions) => void;
+export type BottomSheetBaseSnapsControl = {
+    point: StoredValue<number>;
+    to: BottomSheetBaseSnapsControlTo;
+    toAnimated: BottomSheetBaseSnapsControlToAnimated;
+    toClosed: BottomSheetBaseSnapsControlToClosed;
+    toDefault: BottomSheetBaseSnapsControlToDefault;
+};

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/types.js

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

package/__inner__/cjs/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/useBottomSheetBaseSnaps.d.ts

@@ -0,0 +1,14 @@
+import type { RefObject } from 'react';
+import type { StoredValue } from '../../../../hooks/useStoredValue';
+import type { BottomSheetBaseRootRef, BottomSheetBaseSnap } from '../../entities';
+import type { BottomSheetBaseFindClosestSnap, BottomSheetBaseSnapsControl } from '../../hooks';
+export declare const useBottomSheetBaseSnaps: ({ minSnap, maxSnap, defaultSnap, rootRef, onAnimationStart, onAnimationFinish, isReady, findClosestSnap, }: {
+    minSnap: BottomSheetBaseSnap;
+    maxSnap: BottomSheetBaseSnap;
+    defaultSnap: BottomSheetBaseSnap;
+    rootRef: RefObject<BottomSheetBaseRootRef>;
+    onAnimationStart?: () => void;
+    onAnimationFinish?: () => void;
+    isReady: boolean;
+    findClosestSnap: StoredValue<BottomSheetBaseFindClosestSnap>;
+}) => BottomSheetBaseSnapsControl;