@koine/react 1.1.9 → 1.1.11

package/hooks/usePrevious.js

@@ -1,12 +1,16 @@
-import { useState } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePrevious = void 0;
+var react_1 = require("react");
 /**
  * @borrows [samselikoff/animated-carousel](https://github.com/samselikoff/2022-06-02-animated-carousel/blob/main/pages/final.jsx)
  */
-export function usePrevious(state, defaulValue) {
-    var _a = useState([state, defaulValue]), tuple = _a[0], setTuple = _a[1];
+function usePrevious(state, defaulValue) {
+    var _a = (0, react_1.useState)([state, defaulValue]), tuple = _a[0], setTuple = _a[1];
     if (tuple[1] !== state) {
         setTuple([tuple[1], state]);
     }
     return tuple[0];
 }
-export default usePrevious;
+exports.usePrevious = usePrevious;
+exports.default = usePrevious;

package/hooks/usePrevious.mjs

@@ -0,0 +1,12 @@
+import { useState } from "react";
+/**
+ * @borrows [samselikoff/animated-carousel](https://github.com/samselikoff/2022-06-02-animated-carousel/blob/main/pages/final.jsx)
+ */
+export function usePrevious(state, defaulValue) {
+    var _a = useState([state, defaulValue]), tuple = _a[0], setTuple = _a[1];
+    if (tuple[1] !== state) {
+        setTuple([tuple[1], state]);
+    }
+    return tuple[0];
+}
+export default usePrevious;

package/hooks/usePreviousRef.js

@@ -1,9 +1,13 @@
-import { useEffect, useRef } from "react";
-export function usePreviousRef(value) {
-    var ref = useRef();
-    useEffect(function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePreviousRef = void 0;
+var react_1 = require("react");
+function usePreviousRef(value) {
+    var ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
         ref.current = value;
     });
     return ref.current;
 }
-export default usePreviousRef;
+exports.usePreviousRef = usePreviousRef;
+exports.default = usePreviousRef;

package/hooks/usePreviousRef.mjs

@@ -0,0 +1,9 @@
+import { useEffect, useRef } from "react";
+export function usePreviousRef(value) {
+    var ref = useRef();
+    useEffect(function () {
+        ref.current = value;
+    });
+    return ref.current;
+}
+export default usePreviousRef;

package/hooks/useScrollPosition.js

@@ -1,13 +1,17 @@
-import { useRef } from "react";
-import { isBrowser } from "@koine/utils";
-import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
-import { listenScroll } from "@koine/dom";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollPosition = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
+var listenScroll_1 = tslib_1.__importDefault(require("@koine/dom/listenScroll"));
+var useIsomorphicLayoutEffect_1 = tslib_1.__importDefault(require("./useIsomorphicLayoutEffect"));
 var zeroPosition = { x: 0, y: 0 };
 var getClientRect = function (element) {
     return element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
 };
 var getScrollPosition = function (element, boundingElement) {
-    if (!isBrowser) {
+    if (!isBrowser_1.default) {
         return zeroPosition;
     }
     if (!boundingElement) {
@@ -32,9 +36,9 @@ var getScrollPosition = function (element, boundingElement) {
  * - reused internal helper functions
  * - compacted object arguments in functions as plain argument list to improve compression
  */
-export var useScrollPosition = function (effect, deps, element, boundingElement, wait) {
+var useScrollPosition = function (effect, deps, element, boundingElement, wait) {
     if (deps === void 0) { deps = []; }
-    var position = useRef(getScrollPosition(null, boundingElement));
+    var position = (0, react_1.useRef)(getScrollPosition(null, boundingElement));
     var throttleTimeout = null;
     var callBack = function () {
         var current = getScrollPosition(element, boundingElement);
@@ -42,8 +46,8 @@ export var useScrollPosition = function (effect, deps, element, boundingElement,
         position.current = current;
         throttleTimeout = null;
     };
-    useIsomorphicLayoutEffect(function () {
-        if (!isBrowser) {
+    (0, useIsomorphicLayoutEffect_1.default)(function () {
+        if (!isBrowser_1.default) {
             return undefined;
         }
         var handleScroll = function () {
@@ -56,7 +60,7 @@ export var useScrollPosition = function (effect, deps, element, boundingElement,
                 callBack();
             }
         };
-        var listener = listenScroll(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
+        var listener = (0, listenScroll_1.default)(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
         return function () {
             listener();
             if (throttleTimeout) {
@@ -65,4 +69,5 @@ export var useScrollPosition = function (effect, deps, element, boundingElement,
         };
     }, deps);
 };
-export default useScrollPosition;
+exports.useScrollPosition = useScrollPosition;
+exports.default = exports.useScrollPosition;

package/{node/hooks/useScrollPosition.js → hooks/useScrollPosition.mjs}

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollPosition = void 0;
-var react_1 = require("react");
-var utils_1 = require("@koine/utils");
-var useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
-var dom_1 = require("@koine/dom");
+import { useRef } from "react";
+import isBrowser from "@koine/utils/isBrowser";
+import listenScroll from "@koine/dom/listenScroll";
+import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect";
 var zeroPosition = { x: 0, y: 0 };
 var getClientRect = function (element) {
     return element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
 };
 var getScrollPosition = function (element, boundingElement) {
-    if (!utils_1.isBrowser) {
+    if (!isBrowser) {
         return zeroPosition;
     }
     if (!boundingElement) {
@@ -35,9 +32,9 @@ var getScrollPosition = function (element, boundingElement) {
  * - reused internal helper functions
  * - compacted object arguments in functions as plain argument list to improve compression
  */
-var useScrollPosition = function (effect, deps, element, boundingElement, wait) {
+export var useScrollPosition = function (effect, deps, element, boundingElement, wait) {
     if (deps === void 0) { deps = []; }
-    var position = (0, react_1.useRef)(getScrollPosition(null, boundingElement));
+    var position = useRef(getScrollPosition(null, boundingElement));
     var throttleTimeout = null;
     var callBack = function () {
         var current = getScrollPosition(element, boundingElement);
@@ -45,8 +42,8 @@ var useScrollPosition = function (effect, deps, element, boundingElement, wait)
         position.current = current;
         throttleTimeout = null;
     };
-    (0, useIsomorphicLayoutEffect_1.useIsomorphicLayoutEffect)(function () {
-        if (!utils_1.isBrowser) {
+    useIsomorphicLayoutEffect(function () {
+        if (!isBrowser) {
             return undefined;
         }
         var handleScroll = function () {
@@ -59,7 +56,7 @@ var useScrollPosition = function (effect, deps, element, boundingElement, wait)
                 callBack();
             }
         };
-        var listener = (0, dom_1.listenScroll)(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
+        var listener = listenScroll(handleScroll, boundingElement === null || boundingElement === void 0 ? void 0 : boundingElement.current);
         return function () {
             listener();
             if (throttleTimeout) {
@@ -68,5 +65,4 @@ var useScrollPosition = function (effect, deps, element, boundingElement, wait)
         };
     }, deps);
 };
-exports.useScrollPosition = useScrollPosition;
-exports.default = exports.useScrollPosition;
+export default useScrollPosition;

package/hooks/useScrollThreshold.js

@@ -1,9 +1,13 @@
-import { useCallback, useEffect, useState } from "react";
-import { noop } from "@koine/utils";
-import { listenScroll } from "@koine/dom";
-export var useScrollThreshold = function (threshold, callback) {
-    var _a = useState(false), isBelow = _a[0], setIsBelow = _a[1];
-    var handler = useCallback(function () {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollThreshold = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var noop_1 = tslib_1.__importDefault(require("@koine/utils/noop"));
+var listenScroll_1 = tslib_1.__importDefault(require("@koine/dom/listenScroll"));
+var useScrollThreshold = function (threshold, callback) {
+    var _a = (0, react_1.useState)(false), isBelow = _a[0], setIsBelow = _a[1];
+    var handler = (0, react_1.useCallback)(function () {
         if (threshold) {
             var posY = window.scrollY; // * -1;
             var isAbove = posY < threshold;
@@ -14,15 +18,16 @@ export var useScrollThreshold = function (threshold, callback) {
                 callback(isAbove, isBelow_1);
         }
     }, [threshold, callback]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (threshold) {
             // const listener = listenScrollThrottled(0, handler, 50);
-            var listener = listenScroll(handler);
+            var listener = (0, listenScroll_1.default)(handler);
             handler();
             return listener;
         }
-        return noop;
+        return noop_1.default;
     }, [threshold, handler]);
     return isBelow;
 };
-export default useScrollThreshold;
+exports.useScrollThreshold = useScrollThreshold;
+exports.default = exports.useScrollThreshold;

package/hooks/useScrollThreshold.mjs

@@ -0,0 +1,28 @@
+import { useCallback, useEffect, useState } from "react";
+import noop from "@koine/utils/noop";
+import listenScroll from "@koine/dom/listenScroll";
+export var useScrollThreshold = function (threshold, callback) {
+    var _a = useState(false), isBelow = _a[0], setIsBelow = _a[1];
+    var handler = useCallback(function () {
+        if (threshold) {
+            var posY = window.scrollY; // * -1;
+            var isAbove = posY < threshold;
+            var isBelow_1 = posY > threshold;
+            // console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
+            setIsBelow(isBelow_1);
+            if (callback)
+                callback(isAbove, isBelow_1);
+        }
+    }, [threshold, callback]);
+    useEffect(function () {
+        if (threshold) {
+            // const listener = listenScrollThrottled(0, handler, 50);
+            var listener = listenScroll(handler);
+            handler();
+            return listener;
+        }
+        return noop;
+    }, [threshold, handler]);
+    return isBelow;
+};
+export default useScrollThreshold;

package/hooks/useScrollTo.js

@@ -1,10 +1,14 @@
-import { isBrowser } from "@koine/utils";
-import { useHeader } from "../Header/useHeader";
-export function useScrollTo(id, offset) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useScrollTo = void 0;
+var tslib_1 = require("tslib");
+var isBrowser_1 = tslib_1.__importDefault(require("@koine/utils/isBrowser"));
+var useHeader_1 = tslib_1.__importDefault(require("../Header/useHeader"));
+function useScrollTo(id, offset) {
     if (id === void 0) { id = ""; }
     if (offset === void 0) { offset = 0; }
-    var _a = useHeader(), headerHeight = _a[2];
-    if (!isBrowser) {
+    var _a = (0, useHeader_1.default)(), headerHeight = _a[2];
+    if (!isBrowser_1.default) {
         return;
     }
     var headerOffset = headerHeight || 0;
@@ -19,4 +23,5 @@ export function useScrollTo(id, offset) {
     top -= headerOffset;
     window.scroll(0, top);
 }
-export default useScrollTo;
+exports.useScrollTo = useScrollTo;
+exports.default = useScrollTo;

package/{node/hooks/useScrollTo.js → hooks/useScrollTo.mjs}

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollTo = void 0;
-var utils_1 = require("@koine/utils");
-var useHeader_1 = require("../Header/useHeader");
-function useScrollTo(id, offset) {
+import isBrowser from "@koine/utils/isBrowser";
+import useHeader from "../Header/useHeader";
+export function useScrollTo(id, offset) {
     if (id === void 0) { id = ""; }
     if (offset === void 0) { offset = 0; }
-    var _a = (0, useHeader_1.useHeader)(), headerHeight = _a[2];
-    if (!utils_1.isBrowser) {
+    var _a = useHeader(), headerHeight = _a[2];
+    if (!isBrowser) {
         return;
     }
     var headerOffset = headerHeight || 0;
@@ -22,5 +19,4 @@ function useScrollTo(id, offset) {
     top -= headerOffset;
     window.scroll(0, top);
 }
-exports.useScrollTo = useScrollTo;
-exports.default = useScrollTo;
+export default useScrollTo;

package/hooks/useSmoothScroll.js

@@ -1,38 +1,44 @@
-import { useCallback } from "react";
-import { isNumber } from "@koine/utils";
-import { getOffsetTopSlim, scrollTo } from "@koine/dom";
-import { useFixedOffset } from "./useFixedOffset";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSmoothScroll = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var isNumber_1 = tslib_1.__importDefault(require("@koine/utils/isNumber"));
+var getOffsetTopSlim_1 = tslib_1.__importDefault(require("@koine/dom/getOffsetTopSlim"));
+var scrollTo_1 = tslib_1.__importDefault(require("@koine/dom/scrollTo"));
+var useFixedOffset_1 = tslib_1.__importDefault(require("./useFixedOffset"));
 /**
  *
  * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
  * selector we will keep into account the _fixedOffset_ despite this option.
  * @returns
  */
-export function useSmoothScroll(disregardAutomaticFixedOffset) {
-    var fixedOffset = useFixedOffset();
-    var scroll = useCallback(function (to, customOffset, callback, fallbackTimeout, behavior) {
+function useSmoothScroll(disregardAutomaticFixedOffset) {
+    var fixedOffset = (0, useFixedOffset_1.default)();
+    var scroll = (0, react_1.useCallback)(function (to, customOffset, callback, fallbackTimeout, behavior) {
         var top = undefined;
         var toIsElement = false;
-        if (isNumber(to)) {
+        if ((0, isNumber_1.default)(to)) {
             top = to;
         }
         else if (to) {
             var el = document.getElementById(to);
             if (el) {
-                top = getOffsetTopSlim(el) - fixedOffset.current;
+                top = (0, getOffsetTopSlim_1.default)(el) - fixedOffset.current;
                 toIsElement = true;
             }
         }
-        if (isNumber(top)) {
+        if ((0, isNumber_1.default)(top)) {
             top =
                 top +
                     (customOffset || 0) +
                     (disregardAutomaticFixedOffset || toIsElement
                         ? 0
                         : fixedOffset.current);
-            scrollTo(top, callback, fallbackTimeout, behavior);
+            (0, scrollTo_1.default)(top, callback, fallbackTimeout, behavior);
         }
     }, [disregardAutomaticFixedOffset, fixedOffset]);
     return scroll;
 }
-export default useSmoothScroll;
+exports.useSmoothScroll = useSmoothScroll;
+exports.default = useSmoothScroll;

package/hooks/useSmoothScroll.mjs

@@ -0,0 +1,39 @@
+import { useCallback } from "react";
+import isNumber from "@koine/utils/isNumber";
+import getOffsetTopSlim from "@koine/dom/getOffsetTopSlim";
+import scrollTo from "@koine/dom/scrollTo";
+import useFixedOffset from "./useFixedOffset";
+/**
+ *
+ * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
+ * selector we will keep into account the _fixedOffset_ despite this option.
+ * @returns
+ */
+export function useSmoothScroll(disregardAutomaticFixedOffset) {
+    var fixedOffset = useFixedOffset();
+    var scroll = useCallback(function (to, customOffset, callback, fallbackTimeout, behavior) {
+        var top = undefined;
+        var toIsElement = false;
+        if (isNumber(to)) {
+            top = to;
+        }
+        else if (to) {
+            var el = document.getElementById(to);
+            if (el) {
+                top = getOffsetTopSlim(el) - fixedOffset.current;
+                toIsElement = true;
+            }
+        }
+        if (isNumber(top)) {
+            top =
+                top +
+                    (customOffset || 0) +
+                    (disregardAutomaticFixedOffset || toIsElement
+                        ? 0
+                        : fixedOffset.current);
+            scrollTo(top, callback, fallbackTimeout, behavior);
+        }
+    }, [disregardAutomaticFixedOffset, fixedOffset]);
+    return scroll;
+}
+export default useSmoothScroll;

package/hooks/useTraceUpdate.js

@@ -1,10 +1,13 @@
-import { useEffect, useRef } from "react";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTraceUpdate = void 0;
+var react_1 = require("react");
 /**
  * @see https://stackoverflow.com/a/51082563/9122820
  */
-export function useTraceUpdate(props) {
-    var prev = useRef(props);
-    useEffect(function () {
+function useTraceUpdate(props) {
+    var prev = (0, react_1.useRef)(props);
+    (0, react_1.useEffect)(function () {
         var changedProps = Object.entries(props).reduce(function (ps, _a) {
             var k = _a[0], v = _a[1];
             if (prev.current[k] !== v) {
@@ -19,4 +22,5 @@ export function useTraceUpdate(props) {
         prev.current = props;
     });
 }
-export default useTraceUpdate;
+exports.useTraceUpdate = useTraceUpdate;
+exports.default = useTraceUpdate;

package/{node/hooks/useTraceUpdate.js → hooks/useTraceUpdate.mjs}

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTraceUpdate = void 0;
-var react_1 = require("react");
+import { useEffect, useRef } from "react";
 /**
  * @see https://stackoverflow.com/a/51082563/9122820
  */
-function useTraceUpdate(props) {
-    var prev = (0, react_1.useRef)(props);
-    (0, react_1.useEffect)(function () {
+export function useTraceUpdate(props) {
+    var prev = useRef(props);
+    useEffect(function () {
         var changedProps = Object.entries(props).reduce(function (ps, _a) {
             var k = _a[0], v = _a[1];
             if (prev.current[k] !== v) {
@@ -22,5 +19,4 @@ function useTraceUpdate(props) {
         prev.current = props;
     });
 }
-exports.useTraceUpdate = useTraceUpdate;
-exports.default = useTraceUpdate;
+export default useTraceUpdate;

package/hooks/useUpdateEffect.js

@@ -1,15 +1,19 @@
-import { useEffect } from "react";
-import { useFirstMountState } from "./useFirstMountState";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUpdateEffect = void 0;
+var react_1 = require("react");
+var useFirstMountState_1 = require("./useFirstMountState");
 /**
  * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
  */
-export var useUpdateEffect = function (effect, deps) {
-    var isFirstMount = useFirstMountState();
-    useEffect(function () {
+var useUpdateEffect = function (effect, deps) {
+    var isFirstMount = (0, useFirstMountState_1.useFirstMountState)();
+    (0, react_1.useEffect)(function () {
         if (!isFirstMount) {
             return effect();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
 };
-export default useUpdateEffect;
+exports.useUpdateEffect = useUpdateEffect;
+exports.default = exports.useUpdateEffect;

package/hooks/useUpdateEffect.mjs

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useFirstMountState } from "./useFirstMountState";
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useUpdateEffect.ts)
+ */
+export var useUpdateEffect = function (effect, deps) {
+    var isFirstMount = useFirstMountState();
+    useEffect(function () {
+        if (!isFirstMount) {
+            return effect();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, deps);
+};
+export default useUpdateEffect;

package/hooks/useWindowSize.d.ts

@@ -1,4 +1,4 @@
-import { debounce } from "@koine/utils";
+import debounce from "@koine/utils/debounce";
 /**
  * # Use `window` size
  *

package/hooks/useWindowSize.js

@@ -1,5 +1,10 @@
-import { useEffect, useState } from "react";
-import { listenResize, listenResizeDebounced } from "@koine/dom";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowSize = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var listenResize_1 = tslib_1.__importDefault(require("@koine/dom/listenResize"));
+var listenResizeDebounced_1 = tslib_1.__importDefault(require("@koine/dom/listenResizeDebounced"));
 /**
  * # Use `window` size
  *
@@ -9,20 +14,21 @@ import { listenResize, listenResizeDebounced } from "@koine/dom";
  * 1) _width_: using `window.innerWidth`
  * 2) _height_: using `window.innerHeight`
  */
-export function useWindowSize(wait, immediate) {
-    var _a = useState(0), width = _a[0], widthSet = _a[1];
-    var _b = useState(0), height = _b[0], heightSet = _b[1];
-    useEffect(function () {
+function useWindowSize(wait, immediate) {
+    var _a = (0, react_1.useState)(0), width = _a[0], widthSet = _a[1];
+    var _b = (0, react_1.useState)(0), height = _b[0], heightSet = _b[1];
+    (0, react_1.useEffect)(function () {
         function updateSize() {
             widthSet(window.innerWidth);
             heightSet(window.innerHeight);
         }
         var listener = wait
-            ? listenResizeDebounced(0, updateSize, wait, immediate)
-            : listenResize(updateSize);
+            ? (0, listenResizeDebounced_1.default)(0, updateSize, wait, immediate)
+            : (0, listenResize_1.default)(updateSize);
         updateSize();
         return listener;
     }, [wait, immediate]);
     return [width, height];
 }
-export default useWindowSize;
+exports.useWindowSize = useWindowSize;
+exports.default = useWindowSize;

package/hooks/useWindowSize.mjs

@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+import listenResize from "@koine/dom/listenResize";
+import listenResizeDebounced from "@koine/dom/listenResizeDebounced";
+/**
+ * # Use `window` size
+ *
+ * @param args Optionally pass {@link debounce} arguments (`wait` and `immediate`)
+ *
+ * @returns An array with:
+ * 1) _width_: using `window.innerWidth`
+ * 2) _height_: using `window.innerHeight`
+ */
+export function useWindowSize(wait, immediate) {
+    var _a = useState(0), width = _a[0], widthSet = _a[1];
+    var _b = useState(0), height = _b[0], heightSet = _b[1];
+    useEffect(function () {
+        function updateSize() {
+            widthSet(window.innerWidth);
+            heightSet(window.innerHeight);
+        }
+        var listener = wait
+            ? listenResizeDebounced(0, updateSize, wait, immediate)
+            : listenResize(updateSize);
+        updateSize();
+        return listener;
+    }, [wait, immediate]);
+    return [width, height];
+}
+export default useWindowSize;

package/index.js

@@ -1,4 +1,7 @@
-export * from "./shared";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./shared"), exports);
 // we need to alias the star export otherwise the named exports would collide
 // export * as css from "./css";
 // export * as sc from "./sc";

package/{node/index.js → index.mjs}

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./shared"), exports);
+export * from "./shared";
 // we need to alias the star export otherwise the named exports would collide
 // export * as css from "./css";
 // export * as sc from "./sc";

package/m/MotionProvider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LazyProps } from "framer-motion";
+import { type LazyProps } from "framer-motion";
 export type MotionProviderFeatures = LazyProps["features"];
 export type MotionProviderProps = LazyProps & React.PropsWithChildren<{}>;
 /**

package/m/MotionProvider.js

@@ -1,6 +1,9 @@
-import { __assign } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LazyMotion } from "framer-motion";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MotionProvider = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var framer_motion_1 = require("framer-motion");
 /**
  * `<LazyMotion />` provider wrapper from `framer-motion`
  *
@@ -33,8 +36,9 @@ import { LazyMotion } from "framer-motion";
  * </MotionProvider>
  * ```
  */
-export var MotionProvider = function (_a) {
+var MotionProvider = function (_a) {
     var features = _a.features, children = _a.children;
-    return _jsx(LazyMotion, __assign({ features: features }, { children: children }));
+    return (0, jsx_runtime_1.jsx)(framer_motion_1.LazyMotion, tslib_1.__assign({ features: features }, { children: children }));
 };
-export default MotionProvider;
+exports.MotionProvider = MotionProvider;
+exports.default = exports.MotionProvider;