@ozen-ui/responsive 0.84.0

package/README.md

@@ -0,0 +1,26 @@
+# @ozen-ui/responsive
+
+Библиотека для создания адаптивных веб-интерфейсов.
+
+## Установка
+
+Установите библиотеку компонентов с помощью одной из следующих команд:
+
+```bash
+# npm
+npm install --save @ozen-ui/responsive
+
+# yarn
+yarn add @ozen-ui/responsive
+
+# pnpm
+pnpm add @ozen-ui/responsive
+```
+
+## Использование
+
+Документация будет написана в будущем.
+
+## О нас
+
+«Bereke Bank» — казахстанский коммерческий банк. Центральный офис находится в Алматы.

package/__inner__/cjs/constants/environment/constants/index.js

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

package/__inner__/cjs/constants/environment/constants/isDev.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDev = void 0;
+var isProduction_1 = require("./isProduction");
+exports.isDev = !isProduction_1.isProduction;

package/__inner__/cjs/constants/environment/constants/isProduction.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isProduction = void 0;
+exports.isProduction = process.env.NODE_ENV === 'production';

package/__inner__/cjs/constants/environment/index.js

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

package/__inner__/cjs/constants/index.js

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

package/__inner__/cjs/entities/breakpoint.js

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

package/__inner__/cjs/entities/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./breakpoint"), exports);
+tslib_1.__exportStar(require("./orientation"), exports);
+tslib_1.__exportStar(require("./os"), exports);
+tslib_1.__exportStar(require("./scope"), exports);
+tslib_1.__exportStar(require("./type"), exports);
+tslib_1.__exportStar(require("./viewport"), exports);

package/__inner__/cjs/entities/orientation.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.orientation = void 0;
+exports.orientation = ['horizontal', 'vertical'];

package/__inner__/cjs/entities/os.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OSVariant = void 0;
+exports.OSVariant = ['macOS', 'ios', 'unknown'];

package/__inner__/cjs/entities/scope.js

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

package/__inner__/cjs/entities/type.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.type = void 0;
+exports.type = ['mobile', 'tablet', 'desktop'];

package/__inner__/cjs/entities/viewport.js

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

package/__inner__/cjs/fabric/fabric.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createResponsive = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var hooks_1 = require("../hooks");
+var provider_1 = require("../provider");
+var ui_1 = require("../ui");
+var utils_1 = require("./utils");
+var createResponsive = function (breakpoints) {
+    var scope = (0, utils_1.createScope)(breakpoints);
+    // ui
+    var ResponsivePropsComponent = function (props) { return react_1.default.createElement(ui_1.ResponsiveProps, tslib_1.__assign({}, props)); };
+    var ResponsiveNodesComponent = function (props) { return react_1.default.createElement(ui_1.ResponsiveNodes, tslib_1.__assign({}, props)); };
+    // Provider
+    var ProviderComponent = function (props) { return react_1.default.createElement(provider_1.ResponsiveProvider, tslib_1.__assign({}, props, { scope: scope })); };
+    // hooks
+    var useBreakpoint = function () { return (0, hooks_1.useBreakpoint)(); };
+    var useBreakpointObserver = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return hooks_1.useBreakpointObserver.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(params), false));
+    };
+    var useDeviceType = function () { return (0, hooks_1.useDeviceType)(); };
+    var useDeviceTypeObserver = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return hooks_1.useDeviceTypeObserver.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(params), false));
+    };
+    var useOrientation = function () { return (0, hooks_1.useOrientation)(); };
+    var useOrientationObserver = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return hooks_1.useOrientationObserver.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(params), false));
+    };
+    var useOS = function () { return (0, hooks_1.useOS)(); };
+    var useOSObserver = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return hooks_1.useOSObserver.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(params), false));
+    };
+    var useViewport = function () { return (0, hooks_1.useViewport)(); };
+    var useViewportObserver = function () {
+        var params = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            params[_i] = arguments[_i];
+        }
+        return hooks_1.useViewportObserver.apply(void 0, tslib_1.__spreadArray([], tslib_1.__read(params), false));
+    };
+    return {
+        breakpoints: breakpoints,
+        osVariant: scope.osVariant,
+        sizesAscending: scope.sizesAscending,
+        typeVariant: scope.typeVariant,
+        orientationVariant: scope.orientationVariant,
+        ResponsiveProps: ResponsivePropsComponent,
+        ResponsiveNodes: ResponsiveNodesComponent,
+        Provider: ProviderComponent,
+        useBreakpoint: useBreakpoint,
+        useBreakpointObserver: useBreakpointObserver,
+        useDeviceType: useDeviceType,
+        useDeviceTypeObserver: useDeviceTypeObserver,
+        useOrientation: useOrientation,
+        useOrientationObserver: useOrientationObserver,
+        useOS: useOS,
+        useOSObserver: useOSObserver,
+        useViewport: useViewport,
+        useViewportObserver: useViewportObserver,
+    };
+};
+exports.createResponsive = createResponsive;

package/__inner__/cjs/fabric/index.js

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

package/__inner__/cjs/fabric/infers/base.js

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

package/__inner__/cjs/fabric/infers/breakpoint.js

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

package/__inner__/cjs/fabric/infers/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./breakpoint"), exports);
+tslib_1.__exportStar(require("./orientation"), exports);
+tslib_1.__exportStar(require("./os"), exports);
+tslib_1.__exportStar(require("./type"), exports);
+tslib_1.__exportStar(require("./viewport"), exports);

package/__inner__/cjs/fabric/infers/orientation.js

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

package/__inner__/cjs/fabric/infers/os.js

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

package/__inner__/cjs/fabric/infers/type.js

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

package/__inner__/cjs/fabric/infers/viewport.js

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

package/__inner__/cjs/fabric/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createScope = void 0;
+var tslib_1 = require("tslib");
+var entities_1 = require("../entities");
+var createScope = function (breakpoints) {
+    var sizesAscending = Object.entries(breakpoints)
+        .sort(function (_a, _b) {
+        var _c = tslib_1.__read(_a, 2), breakpoint1 = _c[1];
+        var _d = tslib_1.__read(_b, 2), breakpoint2 = _d[1];
+        return breakpoint1 - breakpoint2;
+    })
+        .map(function (_a) {
+        var _b = tslib_1.__read(_a, 1), deviceSize = _b[0];
+        return deviceSize;
+    });
+    return {
+        breakpoints: breakpoints,
+        sizesAscending: sizesAscending,
+        osVariant: entities_1.OSVariant,
+        orientationVariant: entities_1.orientation,
+        typeVariant: entities_1.type,
+    };
+};
+exports.createScope = createScope;

package/__inner__/cjs/hooks/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useBreakpoint"), exports);
+tslib_1.__exportStar(require("./useBreakpointObserver"), exports);
+tslib_1.__exportStar(require("./useDeviceType"), exports);
+tslib_1.__exportStar(require("./useDeviceTypeObserver"), exports);
+tslib_1.__exportStar(require("./useOrientation"), exports);
+tslib_1.__exportStar(require("./useOrientationObserver"), exports);
+tslib_1.__exportStar(require("./useOS"), exports);
+tslib_1.__exportStar(require("./useOSObserver"), exports);
+tslib_1.__exportStar(require("./useSnapshot"), exports);
+tslib_1.__exportStar(require("./useSnapshotObserver"), exports);
+tslib_1.__exportStar(require("./useViewport"), exports);
+tslib_1.__exportStar(require("./useViewportObserver"), exports);

package/__inner__/cjs/hooks/useBreakpoint.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpoint = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useBreakpointObserver_1 = require("./useBreakpointObserver");
+var useBreakpoint = function () {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return store.snapshot.size; }), 2), breakpoint = _a[0], setBreakpoint = _a[1];
+    (0, useBreakpointObserver_1.useBreakpointObserver)(function (current) {
+        setBreakpoint(current);
+    });
+    return breakpoint;
+};
+exports.useBreakpoint = useBreakpoint;

package/__inner__/cjs/hooks/useBreakpointObserver.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpointObserver = void 0;
+var useEventBusEvents_1 = require("@ozen-ui/kit/useEventBusEvents");
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useBreakpointObserver = function (onChange) {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var breakpoints = (0, useStoredValue_1.useStoredValue)(function () { return store.snapshot.size; });
+    (0, useEventBusEvents_1.useEventBusEvents)(store.eventBus, {
+        breakpointChange: function (_a) {
+            var previous = _a.previous, current = _a.current;
+            breakpoints.current = current.size;
+            onChange === null || onChange === void 0 ? void 0 : onChange(current.size, previous.size);
+        },
+    });
+    return breakpoints;
+};
+exports.useBreakpointObserver = useBreakpointObserver;

package/__inner__/cjs/hooks/useDeviceType.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceType = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useDeviceTypeObserver_1 = require("./useDeviceTypeObserver");
+var useDeviceType = function () {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return store.snapshot.type; }), 2), type = _a[0], setType = _a[1];
+    (0, useDeviceTypeObserver_1.useDeviceTypeObserver)(function (current) {
+        setType(current);
+    });
+    return type;
+};
+exports.useDeviceType = useDeviceType;

package/__inner__/cjs/hooks/useDeviceTypeObserver.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeviceTypeObserver = void 0;
+var useEventBusEvents_1 = require("@ozen-ui/kit/useEventBusEvents");
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useDeviceTypeObserver = function (onChange) {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var type = (0, useStoredValue_1.useStoredValue)(function () { return store.snapshot.type; });
+    (0, useEventBusEvents_1.useEventBusEvents)(store.eventBus, {
+        typeChange: function (_a) {
+            var previous = _a.previous, current = _a.current;
+            type.current = current.type;
+            onChange === null || onChange === void 0 ? void 0 : onChange(current.type, previous.type);
+        },
+    });
+    return type;
+};
+exports.useDeviceTypeObserver = useDeviceTypeObserver;

package/__inner__/cjs/hooks/useOS.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOS = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useOSObserver_1 = require("./useOSObserver");
+var useOS = function () {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return store.snapshot.os; }), 2), OS = _a[0], setOS = _a[1];
+    (0, useOSObserver_1.useOSObserver)(function (current) {
+        setOS(current);
+    });
+    return OS;
+};
+exports.useOS = useOS;

package/__inner__/cjs/hooks/useOSObserver.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOSObserver = void 0;
+var useEventBusEvents_1 = require("@ozen-ui/kit/useEventBusEvents");
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useOSObserver = function (onChange) {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var os = (0, useStoredValue_1.useStoredValue)(function () { return store.snapshot.os; });
+    (0, useEventBusEvents_1.useEventBusEvents)(store.eventBus, {
+        osChange: function (_a) {
+            var previous = _a.previous, current = _a.current;
+            os.current = current.os;
+            onChange === null || onChange === void 0 ? void 0 : onChange(current.os, previous.os);
+        },
+    });
+    return os;
+};
+exports.useOSObserver = useOSObserver;

package/__inner__/cjs/hooks/useOrientation.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOrientation = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useOrientationObserver_1 = require("./useOrientationObserver");
+var useOrientation = function () {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return store.snapshot.orientation; }), 2), orientation = _a[0], setOrientation = _a[1];
+    (0, useOrientationObserver_1.useOrientationObserver)(function (current) {
+        setOrientation(current);
+    });
+    return orientation;
+};
+exports.useOrientation = useOrientation;

package/__inner__/cjs/hooks/useOrientationObserver.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOrientationObserver = void 0;
+var useEventBusEvents_1 = require("@ozen-ui/kit/useEventBusEvents");
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useOrientationObserver = function (onChange) {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var orientation = (0, useStoredValue_1.useStoredValue)(function () { return store.snapshot.orientation; });
+    (0, useEventBusEvents_1.useEventBusEvents)(store.eventBus, {
+        orientationChange: function (_a) {
+            var previous = _a.previous, current = _a.current;
+            orientation.current = current.orientation;
+            onChange === null || onChange === void 0 ? void 0 : onChange(current.orientation, previous.orientation);
+        },
+    });
+    return orientation;
+};
+exports.useOrientationObserver = useOrientationObserver;

package/__inner__/cjs/hooks/useSnapshot.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSnapshot = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var provider_1 = require("../provider");
+var useSnapshotObserver_1 = require("./useSnapshotObserver");
+var useSnapshot = function () {
+    var store = (0, provider_1.useResponsiveContext)().store;
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return store.snapshot; }), 2), snapshot = _a[0], setSnapshot = _a[1];
+    (0, useSnapshotObserver_1.useSnapshotObserver)(function (current) {
+        setSnapshot(current);
+    });
+    return snapshot;
+};
+exports.useSnapshot = useSnapshot;

package/__inner__/cjs/hooks/useSnapshotObserver.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSnapshotObserver = void 0;
+var useEventBusEvents_1 = require("@ozen-ui/kit/useEventBusEvents");
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var provider_1 = require("../provider");
+var useSnapshotObserver = function (onChange) {
+    var store = (0, provider_1.useResponsiveContext)().store;
+    var snapshot = (0, useStoredValue_1.useStoredValue)(function () { return store.snapshot; });
+    (0, useEventBusEvents_1.useEventBusEvents)(store.eventBus, {
+        snapshotChange: function (_a) {
+            var previous = _a.previous, current = _a.current;
+            snapshot.current = current;
+            onChange === null || onChange === void 0 ? void 0 : onChange(current, previous);
+        },
+    });
+    return snapshot;
+};
+exports.useSnapshotObserver = useSnapshotObserver;

package/__inner__/cjs/hooks/useViewport.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewport = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useViewportObserver_1 = require("./useViewportObserver");
+var useViewport = function () {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var _a = tslib_1.__read((0, react_1.useState)(function () { return store.snapshot.viewport; }), 2), viewport = _a[0], setViewport = _a[1];
+    (0, useViewportObserver_1.useViewportObserver)(function (current) {
+        setViewport(current);
+    });
+    return viewport;
+};
+exports.useViewport = useViewport;

package/__inner__/cjs/hooks/useViewportObserver.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useViewportObserver = void 0;
+var useEventBusEvents_1 = require("@ozen-ui/kit/useEventBusEvents");
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var ResponsiveContext_1 = require("../provider/ResponsiveContext");
+var useViewportObserver = function (onChange) {
+    var store = (0, ResponsiveContext_1.useResponsiveContext)().store;
+    var viewport = (0, useStoredValue_1.useStoredValue)(function () { return store.snapshot.viewport; });
+    (0, useEventBusEvents_1.useEventBusEvents)(store.eventBus, {
+        viewportChange: function (_a) {
+            var previous = _a.previous, current = _a.current;
+            viewport.current = current.viewport;
+            onChange === null || onChange === void 0 ? void 0 : onChange(current.viewport, previous.viewport);
+        },
+    });
+    return viewport;
+};
+exports.useViewportObserver = useViewportObserver;

package/__inner__/cjs/index.js

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

package/__inner__/cjs/provider/ResponsiveContext.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResponsiveContext = exports.ResponsiveContext = exports.AutocompleteBaseContextDefaultValue = void 0;
+var react_1 = require("react");
+var constants_1 = require("../constants");
+// ToDo: сделать на стандартных брейкпоинтах ozen
+exports.AutocompleteBaseContextDefaultValue = null;
+exports.ResponsiveContext = (0, react_1.createContext)(exports.AutocompleteBaseContextDefaultValue);
+var useResponsiveContext = function () {
+    return (0, react_1.useContext)(exports.ResponsiveContext);
+};
+exports.useResponsiveContext = useResponsiveContext;
+// Именованный провайдер
+if (constants_1.isDev) {
+    exports.ResponsiveContext.displayName = 'ResponsiveContext';
+}

package/__inner__/cjs/provider/ResponsiveProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResponsiveProvider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var useStoredValue_1 = require("@ozen-ui/kit/useStoredValue");
+var store_1 = require("../store");
+var ResponsiveContext_1 = require("./ResponsiveContext");
+var ResponsiveProvider = function (_a) {
+    var scope = _a.scope, children = _a.children;
+    var store = (0, useStoredValue_1.useStoredValue)(function () { return new store_1.ResponsiveStore(scope); });
+    var memoizedContextValue = (0, react_1.useMemo)(function () { return ({
+        store: store.current,
+    }); }, [store]);
+    (0, react_1.useEffect)(function () {
+        var currentStore = store.current;
+        currentStore.mount();
+        return function () {
+            currentStore.unmount();
+        };
+    }, []);
+    return (react_1.default.createElement(ResponsiveContext_1.ResponsiveContext.Provider, { value: memoizedContextValue }, children));
+};
+exports.ResponsiveProvider = ResponsiveProvider;

package/__inner__/cjs/provider/index.js

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

package/__inner__/cjs/provider/types.js

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