@ozen-ui/kit 0.66.0 → 0.68.0

package/BottomSheetBase/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/BottomSheetBase/index.js",
+	"module": "../__inner__/esm/components/BottomSheetBase/index.js",
+	"types": "../__inner__/esm/components/BottomSheetBase/index.d.ts"
+}

package/CheckboxGroupNext/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/CheckboxGroupNext/index.js",
+	"module": "../__inner__/esm/components/CheckboxGroupNext/index.js",
+	"types": "../__inner__/esm/components/CheckboxGroupNext/index.d.ts"
+}

package/CheckboxNext/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/CheckboxNext/index.js",
+	"module": "../__inner__/esm/components/CheckboxNext/index.js",
+	"types": "../__inner__/esm/components/CheckboxNext/index.d.ts"
+}

package/FormControlCarcass/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/FormControlCarcass/index.js",
+	"module": "../__inner__/esm/components/FormControlCarcass/index.js",
+	"types": "../__inner__/esm/components/FormControlCarcass/index.d.ts"
+}

package/RadioGroupNext/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/RadioGroupNext/index.js",
+	"module": "../__inner__/esm/components/RadioGroupNext/index.js",
+	"types": "../__inner__/esm/components/RadioGroupNext/index.d.ts"
+}

package/RadioNext/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/RadioNext/index.js",
+	"module": "../__inner__/esm/components/RadioNext/index.js",
+	"types": "../__inner__/esm/components/RadioNext/index.d.ts"
+}

package/ToggleNext/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/ToggleNext/index.js",
+	"module": "../__inner__/esm/components/ToggleNext/index.js",
+	"types": "../__inner__/esm/components/ToggleNext/index.d.ts"
+}

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

@@ -4,8 +4,8 @@ exports.AutocompleteLoading = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var getIconSizeToFormElement_1 = require("../../../../utils/getIconSizeToFormElement");
-var isNumber_1 = require("../../../../utils/isNumber");
 var isString_1 = require("../../../../utils/isString");
+var number_1 = require("../../../../utils/number");
 var List_1 = require("../../../List");
 var Loader_1 = require("../../../Loader");
 var constants_1 = require("../../constants");
@@ -15,7 +15,7 @@ var AutocompleteLoading = function (_a) {
         return null;
     }
     var size = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(sizeProp);
-    return (0, isString_1.isString)(loadingText) || (0, isNumber_1.isNumber)(loadingText) ? (react_1.default.createElement(List_1.ListItem, null,
+    return (0, isString_1.isString)(loadingText) || (0, number_1.isNumber)(loadingText) ? (react_1.default.createElement(List_1.ListItem, null,
         react_1.default.createElement(List_1.ListItemIcon, null,
             react_1.default.createElement(Loader_1.Loader, { size: size })),
         react_1.default.createElement(List_1.ListItemText, { primary: loadingText }))) : (loadingText);

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

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutocompleteNoOptions = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-var isNumber_1 = require("../../../../utils/isNumber");
 var isString_1 = require("../../../../utils/isString");
+var number_1 = require("../../../../utils/number");
 var List_1 = require("../../../List");
 var AutocompleteNoOptions = function (_a) {
     var showNoOptions = _a.showNoOptions, noOptionsText = _a.noOptionsText;
     if (!showNoOptions) {
         return null;
     }
-    return (0, isString_1.isString)(noOptionsText) || (0, isNumber_1.isNumber)(noOptionsText) ? (react_1.default.createElement(List_1.ListItem, null,
+    return (0, isString_1.isString)(noOptionsText) || (0, number_1.isNumber)(noOptionsText) ? (react_1.default.createElement(List_1.ListItem, null,
         react_1.default.createElement(List_1.ListItemText, { primary: noOptionsText }))) : (noOptionsText);
 };
 exports.AutocompleteNoOptions = AutocompleteNoOptions;

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

@@ -4,8 +4,8 @@ exports.AutocompleteDropdownLoading = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var getIconSizeToFormElement_1 = require("../../../../../../utils/getIconSizeToFormElement");
-var isNumber_1 = require("../../../../../../utils/isNumber");
 var isString_1 = require("../../../../../../utils/isString");
+var number_1 = require("../../../../../../utils/number");
 var List_1 = require("../../../../../List");
 var Loader_1 = require("../../../../../Loader");
 var constants_1 = require("../../../../constants");
@@ -15,7 +15,7 @@ var AutocompleteDropdownLoading = function (_a) {
         return null;
     }
     var size = (0, getIconSizeToFormElement_1.getIconSizeToFormElement)(sizeProp);
-    return (0, isString_1.isString)(loadingText) || (0, isNumber_1.isNumber)(loadingText) ? (react_1.default.createElement(List_1.ListItem, null,
+    return (0, isString_1.isString)(loadingText) || (0, number_1.isNumber)(loadingText) ? (react_1.default.createElement(List_1.ListItem, null,
         react_1.default.createElement(List_1.ListItemIcon, null,
             react_1.default.createElement(Loader_1.Loader, { size: size })),
         react_1.default.createElement(List_1.ListItemText, { primary: loadingText }))) : (loadingText);

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

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutocompleteDropdownNoOptions = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
-var isNumber_1 = require("../../../../../../utils/isNumber");
 var isString_1 = require("../../../../../../utils/isString");
+var number_1 = require("../../../../../../utils/number");
 var List_1 = require("../../../../../List");
 var AutocompleteDropdownNoOptions = function (_a) {
     var showNoOptions = _a.showNoOptions, noOptionsText = _a.noOptionsText;
     if (!showNoOptions) {
         return null;
     }
-    return (0, isString_1.isString)(noOptionsText) || (0, isNumber_1.isNumber)(noOptionsText) ? (react_1.default.createElement(List_1.ListItem, null,
+    return (0, isString_1.isString)(noOptionsText) || (0, number_1.isNumber)(noOptionsText) ? (react_1.default.createElement(List_1.ListItem, null,
         react_1.default.createElement(List_1.ListItemText, { primary: noOptionsText }))) : (noOptionsText);
 };
 exports.AutocompleteDropdownNoOptions = AutocompleteDropdownNoOptions;

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

@@ -6,7 +6,7 @@ var react_1 = tslib_1.__importStar(require("react"));
 var icons_1 = require("@ozen-ui/icons");
 var useElementSize_1 = require("../../../../../hooks/useElementSize");
 var useIsomorphicEffect_1 = require("../../../../../hooks/useIsomorphicEffect");
-var isNumber_1 = require("../../../../../utils/isNumber");
+var number_1 = require("../../../../../utils/number");
 var TagNext_1 = require("../../../../TagNext");
 var index_1 = require("../../../index");
 var helpers_1 = require("./helpers");
@@ -14,7 +14,7 @@ var AutocompleteInputMultipleRender = function (inProps, ref) {
     var _a = inProps.size, size = _a === void 0 ? 'm' : _a, label = inProps.label, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = tslib_1.__rest(inProps, ["size", "label", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);
     var selectedOptionsLength = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) || 0;
     var responsive = limitTags === 'responsive';
-    var hasLimitTags = (0, isNumber_1.isNumber)(limitTags) && limitTags > 0;
+    var hasLimitTags = (0, number_1.isNumber)(limitTags) && limitTags > 0;
     var showMoreTag = !!selectedOptionsLength && (responsive || hasLimitTags);
     var _b = tslib_1.__read((0, react_1.useState)(), 2), visibleMap = _b[0], setVisibleMap = _b[1];
     var omittedValues = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.filter(function (_, i) { return !(visibleMap === null || visibleMap === void 0 ? void 0 : visibleMap[i]); });
@@ -42,7 +42,7 @@ var AutocompleteInputMultipleRender = function (inProps, ref) {
     };
     var inputSize = getInputSize();
     (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
-        if ((!responsive && !(0, isNumber_1.isNumber)(limitTags)) || !parentSize)
+        if ((!responsive && !(0, number_1.isNumber)(limitTags)) || !parentSize)
             return;
         var optionsLength = selectedOptionsLength;
         var parentSizeWithoutInput = parentSize - inputSize;
@@ -54,7 +54,7 @@ var AutocompleteInputMultipleRender = function (inProps, ref) {
                 var elementsSize = (0, helpers_1.calcElementsSize)(parentRef.current.children, map);
                 var condition = responsive
                     ? elementsSize > parentSizeWithoutInput
-                    : (0, isNumber_1.isNumber)(limitTags) && limitTags <= index;
+                    : (0, number_1.isNumber)(limitTags) && limitTags <= index;
                 if (condition) {
                     map[index] = false;
                     map[moreIndex] = true;

package/__inner__/cjs/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__/cjs/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__/cjs/components/BottomSheetBase/BottomSheetBase.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBase = void 0;
+var tslib_1 = require("tslib");
+require("./BottomSheetBase.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useLockBodyScroll_1 = require("../../hooks/useLockBodyScroll");
+var components_1 = require("./components");
+var constants_1 = require("./constants");
+var BottomSheetBaseContextProvider_1 = require("./context/BottomSheetBaseContextProvider");
+var hooks_1 = require("./hooks");
+var modules_1 = require("./modules");
+exports.BottomSheetBase = (0, react_1.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 ? constants_1.BOTTOM_SHEET_BASE_CLOSABLE : _c, _d = _a.backdrop, backdrop = _d === void 0 ? react_1.default.createElement(modules_1.BottomSheetBaseBackdrop, null) : _d, _e = _a.hideBackdrop, hideBackdrop = _e === void 0 ? constants_1.BOTTOM_SHEET_BASE_HIDE_BACKDROP : _e, _f = _a.disableScrollLock, disableScrollLock = _f === void 0 ? constants_1.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK : _f, bottomSheetClassName = _a.bottomSheetClassName, other = tslib_1.__rest(_a, ["children", "snaps", "open", "maxHeight", "defaultSnap", "onClose", "closable", "backdrop", "hideBackdrop", "disableScrollLock", "bottomSheetClassName"]);
+    var _g = tslib_1.__read((0, react_1.useState)(false), 2), isAnimating = _g[0], setIsAnimating = _g[1];
+    var isVisible = (0, hooks_1.useBottomSheetBaseVisibility)({
+        isAnimating: isAnimating,
+        isOpen: open,
+    });
+    (0, useLockBodyScroll_1.useLockBodyScroll)(open && !disableScrollLock);
+    if (!isVisible) {
+        return null;
+    }
+    return (react_1.default.createElement(BottomSheetBaseContextProvider_1.BottomSheetBaseContextProvider, { snaps: snaps, onClose: onClose, defaultSnap: defaultSnap, maxHeight: maxHeight, isClosable: closable, isOpen: open, setIsAnimating: setIsAnimating },
+        react_1.default.createElement(components_1.BottomSheetBaseLayout, tslib_1.__assign({}, other, { ref: ref, backdrop: backdrop, hideBackdrop: hideBackdrop, bottomSheetClassName: bottomSheetClassName }), children)));
+});
+exports.BottomSheetBase.displayName = 'BottomSheetBase';

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/components/BottomSheetBaseLayout/BottomSheetBaseLayout.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseLayout = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var Portal_1 = require("../../../Portal");
+var context_1 = require("../../context");
+var utils_1 = require("../../utils");
+exports.BottomSheetBaseLayout = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, backdrop = _a.backdrop, hideBackdrop = _a.hideBackdrop, className = _a.className, bottomSheetClassName = _a.bottomSheetClassName, portalProps = tslib_1.__rest(_a, ["children", "backdrop", "hideBackdrop", "className", "bottomSheetClassName"]);
+    var rootRef = (0, context_1.useBottomSheetBaseContext)().rootRef;
+    var multiRef = (0, useMultiRef_1.useMultiRef)([ref, rootRef]);
+    return (react_1.default.createElement(Portal_1.Portal, tslib_1.__assign({}, portalProps, { ref: multiRef, className: (0, utils_1.cnBottomSheetBase)('Wrapper', [className]) }),
+        !hideBackdrop && backdrop,
+        react_1.default.createElement("div", { className: (0, utils_1.cnBottomSheetBase)('', [bottomSheetClassName]) }, children)));
+});
+exports.BottomSheetBaseLayout.displayName = 'BottomSheetBaseLayout';

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

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

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

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

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/components/index.d.ts

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

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

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

package/__inner__/cjs/components/BottomSheetBase/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const BOTTOM_SHEET_BASE_CSS_VARIABLE: {
+    readonly HEIGHT: "bottom-sheet-base-height";
+    readonly OPEN_PERCENT: "bottom-sheet-base-open-percent";
+    readonly Y: "bottom-sheet-base-y";
+    readonly USER_SELECT: "bottom-sheet-base-user-select";
+};
+export type BottomSheetBaseCSSVariable = (typeof BOTTOM_SHEET_BASE_CSS_VARIABLE)[keyof typeof BOTTOM_SHEET_BASE_CSS_VARIABLE];
+export declare const BOTTOM_SHEET_BASE_CLOSABLE = true;
+export declare const BOTTOM_SHEET_BASE_HIDE_BACKDROP = false;
+export declare const BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = false;

package/__inner__/cjs/components/BottomSheetBase/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = exports.BOTTOM_SHEET_BASE_HIDE_BACKDROP = exports.BOTTOM_SHEET_BASE_CLOSABLE = exports.BOTTOM_SHEET_BASE_CSS_VARIABLE = void 0;
+exports.BOTTOM_SHEET_BASE_CSS_VARIABLE = {
+    HEIGHT: 'bottom-sheet-base-height',
+    OPEN_PERCENT: 'bottom-sheet-base-open-percent',
+    Y: 'bottom-sheet-base-y',
+    USER_SELECT: 'bottom-sheet-base-user-select',
+};
+exports.BOTTOM_SHEET_BASE_CLOSABLE = true;
+exports.BOTTOM_SHEET_BASE_HIDE_BACKDROP = false;
+exports.BOTTOM_SHEET_BASE_DISABLE_SCROLL_LOCK = false;

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

@@ -0,0 +1,3 @@
+import type { BottomSheetBaseContextValue } from '../context';
+export declare const BottomSheetBaseContext: import("react").Context<BottomSheetBaseContextValue>;
+export declare const useBottomSheetBaseContext: () => BottomSheetBaseContextValue;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseContext = exports.BottomSheetBaseContext = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../../constants/environment");
+exports.BottomSheetBaseContext = (0, react_1.createContext)({
+    rootRef: {
+        current: null,
+    },
+    scrollRef: {
+        current: null,
+    },
+    contentRef: {
+        current: null,
+    },
+    blocksRefs: {
+        current: {},
+    },
+    minSnap: 0,
+    maxSnap: 0,
+    defaultSnap: 0,
+    snaps: [],
+    onClose: function () { },
+    isClosable: false,
+    canDrag: {
+        current: true,
+    },
+    snapsControl: {
+        point: {
+            current: 0,
+        },
+        to: function () { },
+        toDefault: function () { },
+        toClosed: function () { },
+        toAnimated: function () { },
+    },
+    findClosestSnap: {
+        current: function () { return 0; },
+    },
+    addBlockRef: function () { },
+});
+var useBottomSheetBaseContext = function () {
+    return (0, react_1.useContext)(exports.BottomSheetBaseContext);
+};
+exports.useBottomSheetBaseContext = useBottomSheetBaseContext;
+// Именованный провайдер
+if (environment_1.IS_DEV) {
+    exports.BottomSheetBaseContext.displayName = 'BottomSheetBaseContext';
+}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { BottomSheetBaseContextProviderProps } from './types';
+export declare const BottomSheetBaseContextProvider: ({ children, isOpen, snaps: snapsProp, maxHeight: maxHeightProp, defaultSnap: defaultSnapProp, onClose, isClosable, setIsAnimating, }: BottomSheetBaseContextProviderProps) => React.JSX.Element;

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;
+};