@jobber/components 6.86.2 → 6.86.3

package/dist/useFocusTrap-cjs.js

@@ -2,6 +2,11 @@
 
 var React = require('react');
 
+var useFocusTrap$1 = {};
+
+Object.defineProperty(useFocusTrap$1, "__esModule", { value: true });
+var useFocusTrap_2 = useFocusTrap$1.useFocusTrap = useFocusTrap;
+const react_1 = React;
 /**
  * Traps the focus within the children of the ref element.
  *
@@ -14,7 +19,7 @@ function useFocusTrap(active) {
     // There's an ongoing issue with useRef return type clashing with an element's
     // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
     // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
-    const ref = React.useRef(null);
+    const ref = (0, react_1.useRef)(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {
             return;
@@ -33,7 +38,7 @@ function useFocusTrap(active) {
             }
         }
     }
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (active && ref.current) {
             const { firstElement } = getElements(ref.current);
             firstElement.focus();
@@ -67,4 +72,4 @@ function getElements(ref) {
     return { firstElement, lastElement };
 }
 
-exports.useFocusTrap = useFocusTrap;
+exports.useFocusTrap_2 = useFocusTrap_2;

package/dist/useFocusTrap-es.js

@@ -1,5 +1,10 @@
-import { useRef, useEffect } from 'react';
+import React__default from 'react';
 
+var useFocusTrap$1 = {};
+
+Object.defineProperty(useFocusTrap$1, "__esModule", { value: true });
+var useFocusTrap_2 = useFocusTrap$1.useFocusTrap = useFocusTrap;
+const react_1 = React__default;
 /**
  * Traps the focus within the children of the ref element.
  *
@@ -12,7 +17,7 @@ function useFocusTrap(active) {
     // There's an ongoing issue with useRef return type clashing with an element's
     // ref prop type. TLDR: Use null because useRef doesn't expect undefined.
     // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35572
-    const ref = useRef(null);
+    const ref = (0, react_1.useRef)(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {
             return;
@@ -31,7 +36,7 @@ function useFocusTrap(active) {
             }
         }
     }
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (active && ref.current) {
             const { firstElement } = getElements(ref.current);
             firstElement.focus();
@@ -65,4 +70,4 @@ function getElements(ref) {
     return { firstElement, lastElement };
 }
 
-export { useFocusTrap as u };
+export { useFocusTrap_2 as u };

package/dist/useInView-cjs.js

@@ -2,11 +2,16 @@
 
 var React = require('react');
 
+var useInView$1 = {};
+
+Object.defineProperty(useInView$1, "__esModule", { value: true });
+var useInView_2 = useInView$1.useInView = useInView;
+const react_1 = React;
 function useInView() {
-    const ref = React.useRef(null);
-    const [isInView, setIsInView] = React.useState(false);
-    const handleIntersection = React.useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
-    React.useEffect(() => {
+    const ref = (0, react_1.useRef)(null);
+    const [isInView, setIsInView] = (0, react_1.useState)(false);
+    const handleIntersection = (0, react_1.useCallback)(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
+    (0, react_1.useEffect)(() => {
         if (!window.IntersectionObserver)
             return;
         const observer = new IntersectionObserver(handleIntersection);
@@ -18,4 +23,4 @@ function useInView() {
     return [ref, isInView];
 }
 
-exports.useInView = useInView;
+exports.useInView_2 = useInView_2;

package/dist/useInView-es.js

@@ -1,10 +1,15 @@
-import { useRef, useState, useCallback, useEffect } from 'react';
+import React__default from 'react';
 
+var useInView$1 = {};
+
+Object.defineProperty(useInView$1, "__esModule", { value: true });
+var useInView_2 = useInView$1.useInView = useInView;
+const react_1 = React__default;
 function useInView() {
-    const ref = useRef(null);
-    const [isInView, setIsInView] = useState(false);
-    const handleIntersection = useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
-    useEffect(() => {
+    const ref = (0, react_1.useRef)(null);
+    const [isInView, setIsInView] = (0, react_1.useState)(false);
+    const handleIntersection = (0, react_1.useCallback)(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
+    (0, react_1.useEffect)(() => {
         if (!window.IntersectionObserver)
             return;
         const observer = new IntersectionObserver(handleIntersection);
@@ -16,4 +21,4 @@ function useInView() {
     return [ref, isInView];
 }
 
-export { useInView as u };
+export { useInView_2 as u };

package/dist/useIsMounted-cjs.js

@@ -1,8 +1,23 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
+var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-cjs.js');
 
+var useIsMounted$1 = {};
+
+var useSafeLayoutEffect = {};
+
+(function (exports) {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.useSafeLayoutEffect = void 0;
+	var useSafeLayoutEffect_1 = useSafeLayoutEffect$1.useSafeLayoutEffect;
+	Object.defineProperty(exports, "useSafeLayoutEffect", { enumerable: true, get: function () { return useSafeLayoutEffect_1.useSafeLayoutEffect; } }); 
+} (useSafeLayoutEffect));
+
+Object.defineProperty(useIsMounted$1, "__esModule", { value: true });
+var useIsMounted_2 = useIsMounted$1.useIsMounted = useIsMounted;
+const react_1 = React;
+const useSafeLayoutEffect_1 = useSafeLayoutEffect;
 /**
  * If you are using this hook in order to only perform an action once after mounting (for example sending
  * analytics events), use `useOnMount` instead
@@ -23,8 +38,8 @@ var useSafeLayoutEffect = require('./useSafeLayoutEffect-cjs.js');
  * This `useLayoutEffect` hook will only be run once.
  */
 function useIsMounted() {
-    const isMounted = React.useRef(false);
-    useSafeLayoutEffect.useSafeLayoutEffect(() => {
+    const isMounted = (0, react_1.useRef)(false);
+    (0, useSafeLayoutEffect_1.useSafeLayoutEffect)(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;
@@ -33,4 +48,4 @@ function useIsMounted() {
     return isMounted;
 }
 
-exports.useIsMounted = useIsMounted;
+exports.useIsMounted_2 = useIsMounted_2;

package/dist/useIsMounted-es.js

@@ -1,6 +1,21 @@
-import { useRef } from 'react';
-import { u as useSafeLayoutEffect } from './useSafeLayoutEffect-es.js';
+import React__default from 'react';
+import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-es.js';
 
+var useIsMounted$1 = {};
+
+var useSafeLayoutEffect = {};
+
+(function (exports) {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.useSafeLayoutEffect = void 0;
+	var useSafeLayoutEffect_1 = useSafeLayoutEffect$1;
+	Object.defineProperty(exports, "useSafeLayoutEffect", { enumerable: true, get: function () { return useSafeLayoutEffect_1.useSafeLayoutEffect; } }); 
+} (useSafeLayoutEffect));
+
+Object.defineProperty(useIsMounted$1, "__esModule", { value: true });
+var useIsMounted_2 = useIsMounted$1.useIsMounted = useIsMounted;
+const react_1 = React__default;
+const useSafeLayoutEffect_1 = useSafeLayoutEffect;
 /**
  * If you are using this hook in order to only perform an action once after mounting (for example sending
  * analytics events), use `useOnMount` instead
@@ -21,8 +36,8 @@ import { u as useSafeLayoutEffect } from './useSafeLayoutEffect-es.js';
  * This `useLayoutEffect` hook will only be run once.
  */
 function useIsMounted() {
-    const isMounted = useRef(false);
-    useSafeLayoutEffect(() => {
+    const isMounted = (0, react_1.useRef)(false);
+    (0, useSafeLayoutEffect_1.useSafeLayoutEffect)(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;
@@ -31,4 +46,4 @@ function useIsMounted() {
     return isMounted;
 }
 
-export { useIsMounted as u };
+export { useIsMounted_2 as u };

package/dist/useOnKeyDown-cjs.js

@@ -2,8 +2,13 @@
 
 var React = require('react');
 
+var useOnKeyDown$1 = {};
+
+Object.defineProperty(useOnKeyDown$1, "__esModule", { value: true });
+var useOnKeyDown_2 = useOnKeyDown$1.useOnKeyDown = useOnKeyDown;
+const react_1 = React;
 function useOnKeyDown(callback, keys) {
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         window.addEventListener("keydown", handler);
         return () => {
             window.removeEventListener("keydown", handler);
@@ -33,4 +38,4 @@ function useOnKeyDown(callback, keys) {
     }
 }
 
-exports.useOnKeyDown = useOnKeyDown;
+exports.useOnKeyDown_2 = useOnKeyDown_2;

package/dist/useOnKeyDown-es.js

@@ -1,7 +1,12 @@
-import { useEffect } from 'react';
+import React__default from 'react';
 
+var useOnKeyDown$1 = {};
+
+Object.defineProperty(useOnKeyDown$1, "__esModule", { value: true });
+var useOnKeyDown_2 = useOnKeyDown$1.useOnKeyDown = useOnKeyDown;
+const react_1 = React__default;
 function useOnKeyDown(callback, keys) {
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         window.addEventListener("keydown", handler);
         return () => {
             window.removeEventListener("keydown", handler);
@@ -31,4 +36,4 @@ function useOnKeyDown(callback, keys) {
     }
 }
 
-export { useOnKeyDown as u };
+export { useOnKeyDown_2 as u };

package/dist/useRefocusOnActivator-cjs.js

@@ -2,6 +2,11 @@
 
 var React = require('react');
 
+var useRefocusOnActivator$1 = {};
+
+Object.defineProperty(useRefocusOnActivator$1, "__esModule", { value: true });
+var useRefocusOnActivator_2 = useRefocusOnActivator$1.useRefocusOnActivator = useRefocusOnActivator;
+const react_1 = React;
 /**
  * Brings back the focus to the element that opened an overlaid element once
  * said overlaid element is dismissed.
@@ -9,7 +14,7 @@ var React = require('react');
  * @param active - Determines if it should focus or not
  */
 function useRefocusOnActivator(active) {
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -25,4 +30,4 @@ function useRefocusOnActivator(active) {
     }, [active]);
 }
 
-exports.useRefocusOnActivator = useRefocusOnActivator;
+exports.useRefocusOnActivator_2 = useRefocusOnActivator_2;

package/dist/useRefocusOnActivator-es.js

@@ -1,5 +1,10 @@
-import { useEffect } from 'react';
+import React__default from 'react';
 
+var useRefocusOnActivator$1 = {};
+
+Object.defineProperty(useRefocusOnActivator$1, "__esModule", { value: true });
+var useRefocusOnActivator_2 = useRefocusOnActivator$1.useRefocusOnActivator = useRefocusOnActivator;
+const react_1 = React__default;
 /**
  * Brings back the focus to the element that opened an overlaid element once
  * said overlaid element is dismissed.
@@ -7,7 +12,7 @@ import { useEffect } from 'react';
  * @param active - Determines if it should focus or not
  */
 function useRefocusOnActivator(active) {
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -23,4 +28,4 @@ function useRefocusOnActivator(active) {
     }, [active]);
 }
 
-export { useRefocusOnActivator as u };
+export { useRefocusOnActivator_2 as u };

package/dist/useResizeObserver-cjs.js

@@ -1,9 +1,26 @@
 'use strict';
 
-var React = require('react');
 var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
+var React = require('react');
 var throttle$1 = require('./throttle-cjs.js');
 
+function _mergeNamespaces(n, m) {
+    m.forEach(function (e) {
+        e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+            if (k !== 'default' && !(k in n)) {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    });
+    return Object.freeze(n);
+}
+
+var useResizeObserver$2 = {};
+
 /**
  * A collection of shims that provide minimal functionality of the ES6 collections.
  *
@@ -1033,71 +1050,82 @@ function useResizeObserver$1(opts) {
 
 var polyfilled = useResizeObserver$1;
 
-var useResizeObserverPackage = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(polyfilled);
+(function (exports) {
+	var __importDefault = (_commonjsHelpers.commonjsGlobal && _commonjsHelpers.commonjsGlobal.__importDefault) || function (mod) {
+	    return (mod && mod.__esModule) ? mod : { "default": mod };
+	};
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.Breakpoints = void 0;
+	exports.useResizeObserver = useResizeObserver;
+	const react_1 = React;
+	// Importing the polyfilled version of ResizeObserver
+	// eslint-disable-next-line import/no-internal-modules
+	const polyfilled_1 = __importDefault(polyfilled);
+	const throttle_1 = __importDefault(throttle$1.throttle_1);
+	exports.Breakpoints = {
+	    base: 640,
+	    small: 500,
+	    smaller: 265,
+	    large: 750,
+	    larger: 1024,
+	};
+	const wait = 100;
+	function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
+	    const [exactSize, setSize] = (0, react_1.useState)({
+	        width: undefined,
+	        height: undefined,
+	    });
+	    const onResize = (0, react_1.useMemo)(() => {
+	        return (0, throttle_1.default)(({ width, height }) => {
+	            if (!width || width <= 1) {
+	                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
+	                // width of the element. This is only happening in playwright chromium.
+	                // Soon we need to replace this unmaintained package with a more reliable one.
+	                return;
+	            }
+	            setSize({ width, height });
+	        }, wait);
+	    }, []);
+	    const { ref } = (0, polyfilled_1.default)({
+	        onResize,
+	    });
+	    const exactWidth = exactSize.width;
+	    const exactHeight = exactSize.height;
+	    const sizes = {
+	        width: getSize(widths, exactSize.width),
+	        height: getSize(heights, exactSize.height),
+	        exactWidth,
+	        exactHeight,
+	    };
+	    return [ref, sizes];
+	}
+	/**
+	 * To get the proper size we want to make sure that our value is greater
+	 * then the comparable, but less then the next largest number in our
+	 * object.
+	 */
+	function getSize(sizes, comparable) {
+	    if (!comparable || !sizes) {
+	        return undefined;
+	    }
+	    /**
+	     * Sort the values of our object so that we know they are in proper
+	     * order to be compared by
+	     */
+	    const sortedSizes = Object.values(sizes)
+	        .sort((a, b) => a - b)
+	        .reverse();
+	    return (sortedSizes.find(value => value <= comparable) ||
+	        sortedSizes[sortedSizes.length - 1]);
+	} 
+} (useResizeObserver$2));
 
-const Breakpoints = {
-    base: 640,
-    small: 500,
-    smaller: 265,
-    large: 750,
-    larger: 1024,
-};
-const wait = 100;
-function useResizeObserver({ widths = Breakpoints, heights = Breakpoints, } = {}) {
-    const [exactSize, setSize] = React.useState({
-        width: undefined,
-        height: undefined,
-    });
-    const onResize = React.useMemo(() => {
-        return throttle$1.throttle(({ width, height }) => {
-            if (!width || width <= 1) {
-                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
-                // width of the element. This is only happening in playwright chromium.
-                // Soon we need to replace this unmaintained package with a more reliable one.
-                return;
-            }
-            setSize({ width, height });
-        }, wait);
-    }, []);
-    const { ref } = useResizeObserverPackage({
-        onResize,
-    });
-    const exactWidth = exactSize.width;
-    const exactHeight = exactSize.height;
-    const sizes = {
-        width: getSize(widths, exactSize.width),
-        height: getSize(heights, exactSize.height),
-        exactWidth,
-        exactHeight,
-    };
-    return [ref, sizes];
-}
-/**
- * To get the proper size we want to make sure that our value is greater
- * then the comparable, but less then the next largest number in our
- * object.
- */
-function getSize(sizes, comparable) {
-    if (!comparable || !sizes) {
-        return undefined;
-    }
-    /**
-     * Sort the values of our object so that we know they are in proper
-     * order to be compared by
-     */
-    const sortedSizes = Object.values(sizes)
-        .sort((a, b) => a - b)
-        .reverse();
-    return (sortedSizes.find(value => value <= comparable) ||
-        sortedSizes[sortedSizes.length - 1]);
-}
+var useResizeObserver = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(useResizeObserver$2);
 
-var jobberHooks = /*#__PURE__*/Object.freeze({
+var jobberHooks = /*#__PURE__*/_mergeNamespaces({
     __proto__: null,
-    Breakpoints: Breakpoints,
-    useResizeObserver: useResizeObserver
-});
+    default: useResizeObserver
+}, [useResizeObserver$2]);
 
-exports.Breakpoints = Breakpoints;
 exports.jobberHooks = jobberHooks;
-exports.useResizeObserver = useResizeObserver;
+exports.useResizeObserver = useResizeObserver$2;

package/dist/useResizeObserver-es.js

@@ -1,6 +1,23 @@
-import React__default, { useState, useMemo } from 'react';
-import { a as getAugmentedNamespace, g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
-import { t as throttle$1 } from './throttle-es.js';
+import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
+import React__default from 'react';
+import { a as throttle_1 } from './throttle-es.js';
+
+function _mergeNamespaces(n, m) {
+    m.forEach(function (e) {
+        e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+            if (k !== 'default' && !(k in n)) {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    });
+    return Object.freeze(n);
+}
+
+var useResizeObserver$2 = {};
 
 /**
  * A collection of shims that provide minimal functionality of the ES6 collections.
@@ -1031,69 +1048,81 @@ function useResizeObserver$1(opts) {
 
 var polyfilled = useResizeObserver$1;
 
-var useResizeObserverPackage = /*@__PURE__*/getDefaultExportFromCjs(polyfilled);
+(function (exports) {
+	var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+	    return (mod && mod.__esModule) ? mod : { "default": mod };
+	};
+	Object.defineProperty(exports, "__esModule", { value: true });
+	exports.Breakpoints = void 0;
+	exports.useResizeObserver = useResizeObserver;
+	const react_1 = React__default;
+	// Importing the polyfilled version of ResizeObserver
+	// eslint-disable-next-line import/no-internal-modules
+	const polyfilled_1 = __importDefault(polyfilled);
+	const throttle_1$1 = __importDefault(throttle_1);
+	exports.Breakpoints = {
+	    base: 640,
+	    small: 500,
+	    smaller: 265,
+	    large: 750,
+	    larger: 1024,
+	};
+	const wait = 100;
+	function useResizeObserver({ widths = exports.Breakpoints, heights = exports.Breakpoints, } = {}) {
+	    const [exactSize, setSize] = (0, react_1.useState)({
+	        width: undefined,
+	        height: undefined,
+	    });
+	    const onResize = (0, react_1.useMemo)(() => {
+	        return (0, throttle_1$1.default)(({ width, height }) => {
+	            if (!width || width <= 1) {
+	                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
+	                // width of the element. This is only happening in playwright chromium.
+	                // Soon we need to replace this unmaintained package with a more reliable one.
+	                return;
+	            }
+	            setSize({ width, height });
+	        }, wait);
+	    }, []);
+	    const { ref } = (0, polyfilled_1.default)({
+	        onResize,
+	    });
+	    const exactWidth = exactSize.width;
+	    const exactHeight = exactSize.height;
+	    const sizes = {
+	        width: getSize(widths, exactSize.width),
+	        height: getSize(heights, exactSize.height),
+	        exactWidth,
+	        exactHeight,
+	    };
+	    return [ref, sizes];
+	}
+	/**
+	 * To get the proper size we want to make sure that our value is greater
+	 * then the comparable, but less then the next largest number in our
+	 * object.
+	 */
+	function getSize(sizes, comparable) {
+	    if (!comparable || !sizes) {
+	        return undefined;
+	    }
+	    /**
+	     * Sort the values of our object so that we know they are in proper
+	     * order to be compared by
+	     */
+	    const sortedSizes = Object.values(sizes)
+	        .sort((a, b) => a - b)
+	        .reverse();
+	    return (sortedSizes.find(value => value <= comparable) ||
+	        sortedSizes[sortedSizes.length - 1]);
+	} 
+} (useResizeObserver$2));
 
-const Breakpoints = {
-    base: 640,
-    small: 500,
-    smaller: 265,
-    large: 750,
-    larger: 1024,
-};
-const wait = 100;
-function useResizeObserver({ widths = Breakpoints, heights = Breakpoints, } = {}) {
-    const [exactSize, setSize] = useState({
-        width: undefined,
-        height: undefined,
-    });
-    const onResize = useMemo(() => {
-        return throttle$1(({ width, height }) => {
-            if (!width || width <= 1) {
-                // Ignore invalid values. ResizeObserver is unexpectedly looping between 1 and the actual
-                // width of the element. This is only happening in playwright chromium.
-                // Soon we need to replace this unmaintained package with a more reliable one.
-                return;
-            }
-            setSize({ width, height });
-        }, wait);
-    }, []);
-    const { ref } = useResizeObserverPackage({
-        onResize,
-    });
-    const exactWidth = exactSize.width;
-    const exactHeight = exactSize.height;
-    const sizes = {
-        width: getSize(widths, exactSize.width),
-        height: getSize(heights, exactSize.height),
-        exactWidth,
-        exactHeight,
-    };
-    return [ref, sizes];
-}
-/**
- * To get the proper size we want to make sure that our value is greater
- * then the comparable, but less then the next largest number in our
- * object.
- */
-function getSize(sizes, comparable) {
-    if (!comparable || !sizes) {
-        return undefined;
-    }
-    /**
-     * Sort the values of our object so that we know they are in proper
-     * order to be compared by
-     */
-    const sortedSizes = Object.values(sizes)
-        .sort((a, b) => a - b)
-        .reverse();
-    return (sortedSizes.find(value => value <= comparable) ||
-        sortedSizes[sortedSizes.length - 1]);
-}
+var useResizeObserver = /*@__PURE__*/getDefaultExportFromCjs(useResizeObserver$2);
 
-var jobberHooks = /*#__PURE__*/Object.freeze({
+var jobberHooks = /*#__PURE__*/_mergeNamespaces({
     __proto__: null,
-    Breakpoints: Breakpoints,
-    useResizeObserver: useResizeObserver
-});
+    default: useResizeObserver
+}, [useResizeObserver$2]);
 
-export { Breakpoints as B, jobberHooks as j, useResizeObserver as u };
+export { jobberHooks as j, useResizeObserver$2 as u };

package/dist/useSafeLayoutEffect-cjs.js

@@ -2,8 +2,13 @@
 
 var React = require('react');
 
-const useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
-    ? React.useLayoutEffect
-    : React.useEffect;
+var useSafeLayoutEffect = {};
+
+Object.defineProperty(useSafeLayoutEffect, "__esModule", { value: true });
+exports.useSafeLayoutEffect_1 = useSafeLayoutEffect.useSafeLayoutEffect = void 0;
+const react_1 = React;
+exports.useSafeLayoutEffect_1 = useSafeLayoutEffect.useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? react_1.useLayoutEffect
+    : react_1.useEffect;
 
 exports.useSafeLayoutEffect = useSafeLayoutEffect;