@jobber/components 6.86.0 → 6.86.2

package/dist/useFocusTrap-cjs.js

@@ -2,11 +2,6 @@
 
 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.
  *
@@ -19,7 +14,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 = (0, react_1.useRef)(null);
+    const ref = React.useRef(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {
             return;
@@ -38,7 +33,7 @@ function useFocusTrap(active) {
             }
         }
     }
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         if (active && ref.current) {
             const { firstElement } = getElements(ref.current);
             firstElement.focus();
@@ -72,4 +67,4 @@ function getElements(ref) {
     return { firstElement, lastElement };
 }
 
-exports.useFocusTrap_2 = useFocusTrap_2;
+exports.useFocusTrap = useFocusTrap;

package/dist/useFocusTrap-es.js

@@ -1,10 +1,5 @@
-import React__default from 'react';
+import { useRef, useEffect } 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.
  *
@@ -17,7 +12,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 = (0, react_1.useRef)(null);
+    const ref = useRef(null);
     function handleKeyDown(event) {
         if (!(active && ref.current) || event.key !== "Tab") {
             return;
@@ -36,7 +31,7 @@ function useFocusTrap(active) {
             }
         }
     }
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (active && ref.current) {
             const { firstElement } = getElements(ref.current);
             firstElement.focus();
@@ -70,4 +65,4 @@ function getElements(ref) {
     return { firstElement, lastElement };
 }
 
-export { useFocusTrap_2 as u };
+export { useFocusTrap as u };

package/dist/useInView-cjs.js

@@ -2,16 +2,11 @@
 
 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 = (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)(() => {
+    const ref = React.useRef(null);
+    const [isInView, setIsInView] = React.useState(false);
+    const handleIntersection = React.useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
+    React.useEffect(() => {
         if (!window.IntersectionObserver)
             return;
         const observer = new IntersectionObserver(handleIntersection);
@@ -23,4 +18,4 @@ function useInView() {
     return [ref, isInView];
 }
 
-exports.useInView_2 = useInView_2;
+exports.useInView = useInView;

package/dist/useInView-es.js

@@ -1,15 +1,10 @@
-import React__default from 'react';
+import { useRef, useState, useCallback, useEffect } 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 = (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)(() => {
+    const ref = useRef(null);
+    const [isInView, setIsInView] = useState(false);
+    const handleIntersection = useCallback(entries => setIsInView(entries[0].isIntersecting), [setIsInView]);
+    useEffect(() => {
         if (!window.IntersectionObserver)
             return;
         const observer = new IntersectionObserver(handleIntersection);
@@ -21,4 +16,4 @@ function useInView() {
     return [ref, isInView];
 }
 
-export { useInView_2 as u };
+export { useInView as u };

package/dist/useIsMounted-cjs.js

@@ -1,23 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect$1 = require('./useSafeLayoutEffect-cjs.js');
+var useSafeLayoutEffect = 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
@@ -38,8 +23,8 @@ const useSafeLayoutEffect_1 = useSafeLayoutEffect;
  * This `useLayoutEffect` hook will only be run once.
  */
 function useIsMounted() {
-    const isMounted = (0, react_1.useRef)(false);
-    (0, useSafeLayoutEffect_1.useSafeLayoutEffect)(() => {
+    const isMounted = React.useRef(false);
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;
@@ -48,4 +33,4 @@ function useIsMounted() {
     return isMounted;
 }
 
-exports.useIsMounted_2 = useIsMounted_2;
+exports.useIsMounted = useIsMounted;

package/dist/useIsMounted-es.js

@@ -1,21 +1,6 @@
-import React__default from 'react';
-import { a as useSafeLayoutEffect$1 } from './useSafeLayoutEffect-es.js';
+import { useRef } from 'react';
+import { u as useSafeLayoutEffect } 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
@@ -36,8 +21,8 @@ const useSafeLayoutEffect_1 = useSafeLayoutEffect;
  * This `useLayoutEffect` hook will only be run once.
  */
 function useIsMounted() {
-    const isMounted = (0, react_1.useRef)(false);
-    (0, useSafeLayoutEffect_1.useSafeLayoutEffect)(() => {
+    const isMounted = useRef(false);
+    useSafeLayoutEffect(() => {
         isMounted.current = true;
         return () => {
             isMounted.current = false;
@@ -46,4 +31,4 @@ function useIsMounted() {
     return isMounted;
 }
 
-export { useIsMounted_2 as u };
+export { useIsMounted as u };

package/dist/useOnKeyDown-cjs.js

@@ -2,13 +2,8 @@
 
 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) {
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         window.addEventListener("keydown", handler);
         return () => {
             window.removeEventListener("keydown", handler);
@@ -38,4 +33,4 @@ function useOnKeyDown(callback, keys) {
     }
 }
 
-exports.useOnKeyDown_2 = useOnKeyDown_2;
+exports.useOnKeyDown = useOnKeyDown;

package/dist/useOnKeyDown-es.js

@@ -1,12 +1,7 @@
-import React__default from 'react';
+import { useEffect } 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) {
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         window.addEventListener("keydown", handler);
         return () => {
             window.removeEventListener("keydown", handler);
@@ -36,4 +31,4 @@ function useOnKeyDown(callback, keys) {
     }
 }
 
-export { useOnKeyDown_2 as u };
+export { useOnKeyDown as u };

package/dist/useRefocusOnActivator-cjs.js

@@ -2,11 +2,6 @@
 
 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.
@@ -14,7 +9,7 @@ const react_1 = React;
  * @param active - Determines if it should focus or not
  */
 function useRefocusOnActivator(active) {
-    (0, react_1.useEffect)(() => {
+    React.useEffect(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -30,4 +25,4 @@ function useRefocusOnActivator(active) {
     }, [active]);
 }
 
-exports.useRefocusOnActivator_2 = useRefocusOnActivator_2;
+exports.useRefocusOnActivator = useRefocusOnActivator;

package/dist/useRefocusOnActivator-es.js

@@ -1,10 +1,5 @@
-import React__default from 'react';
+import { useEffect } 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.
@@ -12,7 +7,7 @@ const react_1 = React__default;
  * @param active - Determines if it should focus or not
  */
 function useRefocusOnActivator(active) {
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         let activator;
         if (active && !activator) {
             activator = document.activeElement;
@@ -28,4 +23,4 @@ function useRefocusOnActivator(active) {
     }, [active]);
 }
 
-export { useRefocusOnActivator_2 as u };
+export { useRefocusOnActivator as u };

package/dist/useResizeObserver-cjs.js

@@ -1,26 +1,9 @@
 'use strict';
 
-var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
 var React = require('react');
+var _commonjsHelpers = require('./_commonjsHelpers-cjs.js');
 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.
  *
@@ -1050,82 +1033,71 @@ function useResizeObserver$1(opts) {
 
 var polyfilled = useResizeObserver$1;
 
-(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));
+var useResizeObserverPackage = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(polyfilled);
 
-var useResizeObserver = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(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 jobberHooks = /*#__PURE__*/_mergeNamespaces({
+var jobberHooks = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: useResizeObserver
-}, [useResizeObserver$2]);
+    Breakpoints: Breakpoints,
+    useResizeObserver: useResizeObserver
+});
 
+exports.Breakpoints = Breakpoints;
 exports.jobberHooks = jobberHooks;
-exports.useResizeObserver = useResizeObserver$2;
+exports.useResizeObserver = useResizeObserver;

package/dist/useResizeObserver-es.js

@@ -1,23 +1,6 @@
-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 = {};
+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';
 
 /**
  * A collection of shims that provide minimal functionality of the ES6 collections.
@@ -1048,81 +1031,69 @@ function useResizeObserver$1(opts) {
 
 var polyfilled = useResizeObserver$1;
 
-(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));
+var useResizeObserverPackage = /*@__PURE__*/getDefaultExportFromCjs(polyfilled);
 
-var useResizeObserver = /*@__PURE__*/getDefaultExportFromCjs(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 jobberHooks = /*#__PURE__*/_mergeNamespaces({
+var jobberHooks = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: useResizeObserver
-}, [useResizeObserver$2]);
+    Breakpoints: Breakpoints,
+    useResizeObserver: useResizeObserver
+});
 
-export { jobberHooks as j, useResizeObserver$2 as u };
+export { Breakpoints as B, jobberHooks as j, useResizeObserver as u };

package/dist/useSafeLayoutEffect-cjs.js

@@ -2,13 +2,8 @@
 
 var React = require('react');
 
-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;
+const useSafeLayoutEffect = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)
+    ? React.useLayoutEffect
+    : React.useEffect;
 
 exports.useSafeLayoutEffect = useSafeLayoutEffect;