@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/cjs/hooks/useResizeObserver/constants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.USE_RESIZE_OBSERVER_DEFAULT_STATE = void 0;
+exports.USE_RESIZE_OBSERVER_DEFAULT_STATE = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0,
+};

package/__inner__/cjs/hooks/useResizeObserver/types.d.ts

@@ -0,0 +1 @@
+export type UseResizeObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;

package/__inner__/cjs/hooks/useResizeObserver/types.js

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

package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.d.ts

@@ -1,3 +1,2 @@
-type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
-export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, ObserverRect];
-export {};
+import type { UseResizeObserverRect } from './types';
+export declare function useResizeObserver<T extends HTMLElement = any>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, UseResizeObserverRect];

package/__inner__/cjs/hooks/useResizeObserver/useResizeObserver.js

@@ -3,46 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useResizeObserver = useResizeObserver;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
-var defaultState = {
-    x: 0,
-    y: 0,
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    bottom: 0,
-    right: 0,
-};
+var useCreateResizeObserver_1 = require("../useCreateResizeObserver");
+var constants_1 = require("./constants");
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function useResizeObserver(options) {
-    var frameID = (0, react_1.useRef)(0);
     var ref = (0, react_1.useRef)(null);
-    var _a = tslib_1.__read((0, react_1.useState)(defaultState), 2), rect = _a[0], setRect = _a[1];
-    var observer = (0, react_1.useMemo)(function () {
-        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
-            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                new ResizeObserver(function (entries) {
-                    var entry = entries[0];
-                    if (entry) {
-                        cancelAnimationFrame(frameID.current);
-                        frameID.current = requestAnimationFrame(function () {
-                            if (ref.current) {
-                                setRect(entry.contentRect);
-                            }
-                        });
-                    }
-                })
-            : null;
-    }, []);
+    var _a = tslib_1.__read((0, react_1.useState)(constants_1.USE_RESIZE_OBSERVER_DEFAULT_STATE), 2), rect = _a[0], setRect = _a[1];
+    var observer = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function (entries) {
+        var entry = entries[0];
+        if (entry && ref.current) {
+            var newRect = entry.contentRect;
+            setRect(newRect);
+        }
+    });
     (0, react_1.useEffect)(function () {
         if (ref.current) {
             observer === null || observer === void 0 ? void 0 : observer.observe(ref.current, options);
         }
         return function () {
             observer === null || observer === void 0 ? void 0 : observer.disconnect();
-            if (frameID.current) {
-                cancelAnimationFrame(frameID.current);
-            }
         };
     }, [ref.current]);
     return [ref, rect];

package/__inner__/cjs/types/css/index.d.ts

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

package/__inner__/cjs/types/css/index.js

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

package/__inner__/cjs/types/css/variable.d.ts

@@ -0,0 +1,4 @@
+export type CSSVariableValue = string | number | null;
+export type CSSVariablePriority = 'important' | '' | undefined;
+export type CSSVariablesObject = Record<string, CSSVariableValue>;
+export type CSSVariablesObjectKey<Variables extends CSSVariablesObject> = string & keyof Variables;

package/__inner__/cjs/types/css/variable.js

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

package/__inner__/cjs/types/function/baseFunction.d.ts

@@ -0,0 +1 @@
+export type BaseFunction = (...args: any) => any;

package/__inner__/cjs/types/function/baseFunction.js

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

package/__inner__/cjs/types/function/index.d.ts

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

package/__inner__/cjs/types/function/index.js

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

package/__inner__/cjs/utils/animateProperty.d.ts

@@ -8,7 +8,10 @@ export type TimingFunction = keyof typeof timingFunctions;
 export interface AnimatePropertyOptions {
     timingFunction?: TimingFunction;
     duration?: number;
+    onFinish?: () => void;
 }
+/** Анимирует число, вызывая onAnimate при каждом кадре анимации */
+export declare const animateNumberValue: (onAnimate: (value: number, previousValue: number) => void, from: number | undefined, to: number, options?: AnimatePropertyOptions) => () => void;
 /** Анимирует числовое свойство элемента */
 export declare const animateProperty: (property: "scrollLeft", element: HTMLElement | null, to: number, options?: AnimatePropertyOptions) => (() => void);
 export {};

package/__inner__/cjs/utils/animateProperty.js

@@ -1,24 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.animateProperty = void 0;
+exports.animateProperty = exports.animateNumberValue = void 0;
 var timingFunctions = {
     linear: function (time) { return time; },
     'ease-in': function (time) { return Math.pow(time, 1.675); },
     'ease-out': function (time) { return 1 - Math.pow((1 - time), 1.675); },
     'ease-in-out': function (time) { return 0.5 * (Math.sin((time - 0.5) * Math.PI) + 1); },
 };
-/** Анимирует числовое свойство элемента */
-var animateProperty = function (property, element, to, options) {
+/** Анимирует число, вызывая onAnimate при каждом кадре анимации */
+var animateNumberValue = function (onAnimate, from, to, options) {
     if (options === void 0) { options = {}; }
-    var from = element === null || element === void 0 ? void 0 : element[property];
-    var _a = options.timingFunction, timingFunction = _a === void 0 ? 'ease-in-out' : _a, _b = options.duration, duration = _b === void 0 ? 300 : _b;
+    var _a = options.timingFunction, timingFunction = _a === void 0 ? 'ease-in-out' : _a, _b = options.duration, duration = _b === void 0 ? 300 : _b, onFinish = options.onFinish;
     var cancelled = false;
     var start = null;
     var cancel = function () {
         cancelled = true;
     };
-    if (!element || (!from && from !== 0))
+    if (!from && from !== 0) {
+        onFinish === null || onFinish === void 0 ? void 0 : onFinish();
         return cancel;
+    }
+    var previousValue = from;
     var step = function (timestamp) {
         if (cancelled)
             return;
@@ -27,15 +29,33 @@ var animateProperty = function (property, element, to, options) {
         }
         var time = Math.min(1, (timestamp - start) / duration);
         var selectedTimingFunction = timingFunctions[timingFunction];
-        // eslint-disable-next-line no-param-reassign
-        element[property] = selectedTimingFunction(time) * (to - from) + from;
-        if (time >= 1)
+        var newValue = selectedTimingFunction(time) * (to - from) + from;
+        onAnimate(newValue, previousValue);
+        previousValue = newValue;
+        if (time >= 1) {
+            onFinish === null || onFinish === void 0 ? void 0 : onFinish();
             return;
+        }
         requestAnimationFrame(step);
     };
-    if (from === to)
+    if (from === to) {
+        onFinish === null || onFinish === void 0 ? void 0 : onFinish();
         return cancel;
+    }
     requestAnimationFrame(step);
     return cancel;
 };
+exports.animateNumberValue = animateNumberValue;
+/** Анимирует числовое свойство элемента */
+var animateProperty = function (property, element, to, options) {
+    if (options === void 0) { options = {}; }
+    var from = element === null || element === void 0 ? void 0 : element[property];
+    return (0, exports.animateNumberValue)(function (value) {
+        if (!element) {
+            return;
+        }
+        // eslint-disable-next-line no-param-reassign
+        element[property] = value;
+    }, from, to, options);
+};
 exports.animateProperty = animateProperty;

package/__inner__/cjs/utils/array/{create-empty → createEmpty}/createEmptyArray.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createEmptyArray = void 0;
-var create_filled_1 = require("../create-filled");
+var createFilled_1 = require("../createFilled");
 var createEmptyArray = function (length) {
-    return (0, create_filled_1.createFilledArray)(length, null);
+    return (0, createFilled_1.createFilledArray)(length, null);
 };
 exports.createEmptyArray = createEmptyArray;

package/__inner__/cjs/utils/array/index.d.ts

@@ -1,2 +1,3 @@
-export * from './create-empty';
-export * from './create-filled';
+export * from './createEmpty';
+export * from './createFilled';
+export * from './isArray';

package/__inner__/cjs/utils/array/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./create-empty"), exports);
-tslib_1.__exportStar(require("./create-filled"), exports);
+tslib_1.__exportStar(require("./createEmpty"), exports);
+tslib_1.__exportStar(require("./createFilled"), exports);
+tslib_1.__exportStar(require("./isArray"), exports);

package/__inner__/cjs/utils/array/isArray/index.d.ts

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

package/__inner__/cjs/utils/array/isArray/index.js

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

package/__inner__/cjs/utils/array/isArray/isArray.d.ts

@@ -0,0 +1 @@
+export declare const isArray: (value: any) => value is any[];

package/__inner__/cjs/utils/array/isArray/isArray.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isArray = void 0;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var isArray = function (value) { return Array.isArray(value); };
+exports.isArray = isArray;

package/__inner__/cjs/utils/css/{generate-variable-name → generateCSSVariableName}/generateCSSVariableName.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateCSSVariableName = void 0;
-var is_variable_name_1 = require("../is-variable-name");
+var isCSSVariableName_1 = require("../isCSSVariableName");
 var generateCSSVariableName = function (variable) {
-    if ((0, is_variable_name_1.isCSSVariableName)(variable)) {
+    if ((0, isCSSVariableName_1.isCSSVariableName)(variable)) {
         return variable;
     }
     return "--".concat(variable);

package/__inner__/cjs/utils/css/{generate-variables → generateCSSVariables}/generateCSSVariables.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.generateCSSVariables = void 0;
 var tslib_1 = require("tslib");
-var generate_variable_name_1 = require("../generate-variable-name");
+var generateCSSVariableName_1 = require("../generateCSSVariableName");
 var generateCSSVariables = function (variables) {
     var formattedVariables = {};
     Object.entries(variables).forEach(function (_a) {
         var _b = tslib_1.__read(_a, 2), variableName = _b[0], value = _b[1];
-        formattedVariables[(0, generate_variable_name_1.generateCSSVariableName)(variableName)] = value;
+        formattedVariables[(0, generateCSSVariableName_1.generateCSSVariableName)(variableName)] = value;
     });
     return formattedVariables;
 };

package/__inner__/cjs/utils/css/index.d.ts

@@ -1,3 +1,4 @@
-export * from './generate-variable-name';
-export * from './generate-variables';
-export * from './is-variable-name';
+export * from './generateCSSVariableName';
+export * from './generateCSSVariables';
+export * from './isCSSVariableName';
+export * from './setCSSProperty';

package/__inner__/cjs/utils/css/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./generate-variable-name"), exports);
-tslib_1.__exportStar(require("./generate-variables"), exports);
-tslib_1.__exportStar(require("./is-variable-name"), exports);
+tslib_1.__exportStar(require("./generateCSSVariableName"), exports);
+tslib_1.__exportStar(require("./generateCSSVariables"), exports);
+tslib_1.__exportStar(require("./isCSSVariableName"), exports);
+tslib_1.__exportStar(require("./setCSSProperty"), exports);

package/__inner__/cjs/utils/css/setCSSProperty/index.d.ts

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

package/__inner__/cjs/utils/css/setCSSProperty/index.js

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

package/__inner__/cjs/utils/css/setCSSProperty/setCSSProperty.d.ts

@@ -0,0 +1,3 @@
+import type { CSSVariablesObject, CSSVariablesObjectKey } from '../../../types/css';
+import type { SetCSSPropertyArguments } from './types';
+export declare const setCSSProperty: <Variables extends CSSVariablesObject, VariableName extends CSSVariablesObjectKey<Variables>>({ element, variableName, value, priority, }: SetCSSPropertyArguments<Variables, VariableName>) => void;

package/__inner__/cjs/utils/css/setCSSProperty/setCSSProperty.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setCSSProperty = void 0;
+var number_1 = require("../../number");
+var generateCSSVariableName_1 = require("../generateCSSVariableName");
+var setCSSProperty = function (_a) {
+    var element = _a.element, variableName = _a.variableName, value = _a.value, priority = _a.priority;
+    if (!element) {
+        return;
+    }
+    element.style.setProperty((0, generateCSSVariableName_1.generateCSSVariableName)(variableName), (0, number_1.isNumber)(value) ? value.toString() : value, priority);
+};
+exports.setCSSProperty = setCSSProperty;

package/__inner__/cjs/utils/css/setCSSProperty/types.d.ts

@@ -0,0 +1,7 @@
+import type { CSSVariablePriority, CSSVariablesObject, CSSVariablesObjectKey } from '../../../types/css';
+export type SetCSSPropertyArguments<Variables extends CSSVariablesObject, VariableName extends CSSVariablesObjectKey<Variables>> = {
+    element: HTMLElement | null;
+    variableName: VariableName;
+    value: Variables[VariableName];
+    priority?: CSSVariablePriority;
+};

package/__inner__/cjs/utils/css/setCSSProperty/types.js

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

package/__inner__/cjs/utils/math/clamp/clamp.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (number: number, lower: number, upper: number) => number;

package/__inner__/cjs/utils/math/clamp/clamp.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.clamp = void 0;
+var number_1 = require("../../number");
+var clamp = function (number, lower, upper) {
+    if ((0, number_1.isNaN)(number)) {
+        return number;
+    }
+    var numberResult = number;
+    var safeUpper = (0, number_1.isNaN)(upper) ? 0 : upper;
+    var safeLower = (0, number_1.isNaN)(lower) ? 0 : lower;
+    numberResult = numberResult > safeUpper ? safeUpper : numberResult;
+    numberResult = numberResult < safeLower ? safeLower : numberResult;
+    return numberResult;
+};
+exports.clamp = clamp;

package/__inner__/cjs/utils/math/clamp/index.d.ts

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

package/__inner__/cjs/utils/math/clamp/index.js

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

package/__inner__/cjs/utils/math/index.d.ts

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

package/__inner__/cjs/utils/math/index.js

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

package/__inner__/cjs/utils/number/index.d.ts

@@ -0,0 +1,2 @@
+export * from './isNaN';
+export * from './isNumber';

package/__inner__/cjs/utils/number/index.js

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

package/__inner__/cjs/utils/number/isNaN.d.ts

@@ -0,0 +1 @@
+export declare const isNaN: (value: any) => boolean;

package/__inner__/cjs/utils/number/isNaN.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNaN = void 0;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var isNaN = function (value) { return Number.isNaN(value); };
+exports.isNaN = isNaN;

package/__inner__/cjs/utils/renderContent/renderContent.d.ts

@@ -3,4 +3,5 @@ export type RenderContentType<Props extends object> = {
     content?: string | number | FC<Props> | ReactElement<Props> | (() => ReactElement<Props>);
     props?: Props;
 };
+export type RenderContentTypeEmptyProps = RenderContentType<{}>;
 export declare function renderContent<Props extends object>({ content, props, }: RenderContentType<Props>): ReactNode;

package/__inner__/esm/components/Autocomplete/components/AutocompleteLoading/AutocompleteLoading.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getIconSizeToFormElement } from '../../../../utils/getIconSizeToFormElement';
-import { isNumber } from '../../../../utils/isNumber';
 import { isString } from '../../../../utils/isString';
+import { isNumber } from '../../../../utils/number';
 import { ListItem, ListItemIcon, ListItemText } from '../../../List';
 import { Loader } from '../../../Loader';
 import { AUTOCOMPLETE_DEFAULT_SIZE } from '../../constants';

package/__inner__/esm/components/Autocomplete/components/AutocompleteNoOptions/AutocompleteNoOptions.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { isNumber } from '../../../../utils/isNumber';
 import { isString } from '../../../../utils/isString';
+import { isNumber } from '../../../../utils/number';
 import { ListItem, ListItemText } from '../../../List';
 export var AutocompleteNoOptions = function (_a) {
     var showNoOptions = _a.showNoOptions, noOptionsText = _a.noOptionsText;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/components/AutocompleteDropdownLoading/AutocompleteDropdownLoading.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { getIconSizeToFormElement } from '../../../../../../utils/getIconSizeToFormElement';
-import { isNumber } from '../../../../../../utils/isNumber';
 import { isString } from '../../../../../../utils/isString';
+import { isNumber } from '../../../../../../utils/number';
 import { ListItem, ListItemIcon, ListItemText } from '../../../../../List';
 import { Loader } from '../../../../../Loader';
 import { AUTOCOMPLETE_DEFAULT_SIZE } from '../../../../constants';

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/components/AutocompleteDropdownNoOptions/AutocompleteDropdownNoOptions.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { isNumber } from '../../../../../../utils/isNumber';
 import { isString } from '../../../../../../utils/isString';
+import { isNumber } from '../../../../../../utils/number';
 import { ListItem, ListItemText } from '../../../../../List';
 export var AutocompleteDropdownNoOptions = function (_a) {
     var showNoOptions = _a.showNoOptions, noOptionsText = _a.noOptionsText;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/components/AutocompleteInputMultiple.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useState } from 'react';
 import { CrossSmallIcon } from '@ozen-ui/icons';
 import { useElementSize } from '../../../../../hooks/useElementSize';
 import { useIsomorphicEffect } from '../../../../../hooks/useIsomorphicEffect';
-import { isNumber } from '../../../../../utils/isNumber';
+import { isNumber } from '../../../../../utils/number';
 import { Tag } from '../../../../TagNext';
 import { cnAutocomplete, } from '../../../index';
 import { calcElementSize, calcElementsSize, createMap, getAutocompleteSizeToTag, } from './helpers';

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

@@ -0,0 +1,40 @@
+.BottomSheetBase {
+  display: flex;
+  flex-direction: column;
+  position: fixed;
+  inline-size: 100%;
+  block-size: var(--bottom-sheet-base-height, 0);
+  background-color: var(--bottom-sheet-base-background-color);
+  inset-block-end: 0;
+  touch-action: none;
+  transform: translate(0, calc(var(--bottom-sheet-base-y, 0px) * -1));
+  z-index: var(--z-index-modal);
+  -webkit-user-select: var(--bottom-sheet-base-user-select);
+     -moz-user-select: var(--bottom-sheet-base-user-select);
+          user-select: var(--bottom-sheet-base-user-select);
+}
+
+  .BottomSheetBase-Wrapper {
+    --bottom-sheet-base-background-color: var(--color-background-main);
+  }
+
+  .BottomSheetBase-Wrapper::before {
+      content: "";
+      pointer-events: none;
+      background-color: var(--bottom-sheet-base-background-color);
+      block-size: 100vh;
+      transform-origin: bottom;
+      transform: translate(0, calc(100vh - var(--bottom-sheet-base-y, 0px) - 1px));
+      will-change: transform;
+      z-index: 3;
+      overscroll-behavior: none;
+      touch-action: none;
+      position: fixed;
+      inset-inline: 0 0;
+      inset-block-end: 0;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+              user-select: none;
+      -webkit-tap-highlight-color: transparent;
+      -webkit-touch-callout: none;
+    }

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

@@ -0,0 +1,17 @@
+import './BottomSheetBase.css';
+import React from 'react';
+export declare const BottomSheetBase: React.ForwardRefExoticComponent<{
+    snaps: import("./entities").BottomSheetBaseSnaps | import("./entities").BottomSheetBaseGetSnaps;
+    open: boolean;
+    defaultSnap?: import("./entities").BottomSheetBaseSnap | import("./entities").BottomSheetBaseGetSnap;
+    maxHeight?: import("./entities").BottomSheetBaseMaxHeight | import("./entities").BottomSheetBaseGetMaxHeight;
+    onClose?: import("./entities").BottomSheetBaseOnClose;
+    closable?: boolean;
+    backdrop?: React.ReactNode;
+    hideBackdrop?: boolean;
+    disableScrollLock?: boolean;
+    bottomSheetClassName?: string;
+    'data-testid'?: string;
+} & import("../Portal").PortalBaseProps & {
+    as?: "div" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,24 @@
+import { __assign, __read, __rest } from "tslib";
+import './BottomSheetBase.css';
+import React, { forwardRef, useState } from 'react';
+import { useLockBodyScroll } from '../../hooks/useLockBodyScroll';
+import { BottomSheetBaseLayout } from './components';
+import { BOTTOM_SHEET_BASE_CLOSABLE, BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK, BOTTOM_SHEET_BASE_HIDE_BACKDROP, } from './constants';
+import { BottomSheetBaseContextProvider } from './context/BottomSheetBaseContextProvider';
+import { useBottomSheetBaseVisibility } from './hooks';
+import { BottomSheetBaseBackdrop } from './modules';
+export var BottomSheetBase = forwardRef(function (_a, ref) {
+    var children = _a.children, snaps = _a.snaps, open = _a.open, maxHeight = _a.maxHeight, defaultSnap = _a.defaultSnap, _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, _c = _a.closable, closable = _c === void 0 ? BOTTOM_SHEET_BASE_CLOSABLE : _c, _d = _a.backdrop, backdrop = _d === void 0 ? React.createElement(BottomSheetBaseBackdrop, null) : _d, _e = _a.hideBackdrop, hideBackdrop = _e === void 0 ? BOTTOM_SHEET_BASE_HIDE_BACKDROP : _e, _f = _a.disableScrollLock, disableScrollLock = _f === void 0 ? BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK : _f, bottomSheetClassName = _a.bottomSheetClassName, other = __rest(_a, ["children", "snaps", "open", "maxHeight", "defaultSnap", "onClose", "closable", "backdrop", "hideBackdrop", "disableScrollLock", "bottomSheetClassName"]);
+    var _g = __read(useState(false), 2), isAnimating = _g[0], setIsAnimating = _g[1];
+    var isVisible = useBottomSheetBaseVisibility({
+        isAnimating: isAnimating,
+        isOpen: open,
+    });
+    useLockBodyScroll(open && !disableScrollLock);
+    if (!isVisible) {
+        return null;
+    }
+    return (React.createElement(BottomSheetBaseContextProvider, { snaps: snaps, onClose: onClose, defaultSnap: defaultSnap, maxHeight: maxHeight, isClosable: closable, isOpen: open, setIsAnimating: setIsAnimating },
+        React.createElement(BottomSheetBaseLayout, __assign({}, other, { ref: ref, backdrop: backdrop, hideBackdrop: hideBackdrop, bottomSheetClassName: bottomSheetClassName }), children)));
+});
+BottomSheetBase.displayName = 'BottomSheetBase';

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const BottomSheetBaseLayout: React.ForwardRefExoticComponent<{
+    hideBackdrop: boolean;
+    backdrop: React.ReactNode;
+    bottomSheetClassName: string | undefined;
+    'data-testid'?: string;
+} & import("../../../Portal").PortalBaseProps & {
+    as?: "div" | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof import("../../../Portal").PortalBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { Portal } from '../../../Portal';
+import { useBottomSheetBaseContext } from '../../context';
+import { cnBottomSheetBase } from '../../utils';
+export var BottomSheetBaseLayout = forwardRef(function (_a, ref) {
+    var children = _a.children, backdrop = _a.backdrop, hideBackdrop = _a.hideBackdrop, className = _a.className, bottomSheetClassName = _a.bottomSheetClassName, portalProps = __rest(_a, ["children", "backdrop", "hideBackdrop", "className", "bottomSheetClassName"]);
+    var rootRef = useBottomSheetBaseContext().rootRef;
+    var multiRef = useMultiRef([ref, rootRef]);
+    return (React.createElement(Portal, __assign({}, portalProps, { ref: multiRef, className: cnBottomSheetBase('Wrapper', [className]) }),
+        !hideBackdrop && backdrop,
+        React.createElement("div", { className: cnBottomSheetBase('', [bottomSheetClassName]) }, children)));
+});
+BottomSheetBaseLayout.displayName = 'BottomSheetBaseLayout';

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

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

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

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

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { PortalProps } from '../../../Portal';
+import type { BottomSheetBaseRef } from '../../entities';
+export type BottomSheetBaseLayoutRef = BottomSheetBaseRef;
+export type BottomSheetBaseLayoutProps = {
+    hideBackdrop: boolean;
+    backdrop: ReactNode;
+    bottomSheetClassName: string | undefined;
+    'data-testid'?: string;
+} & PortalProps;

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

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

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

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