@jobber/components 5.40.3-scottwebp-71ad7be.3 → 5.40.3

package/dist/Menu/index.cjs

@@ -1,18 +1,22 @@
 'use strict';
 
-var Menu = require('../Menu-0jlQtbhS.js');
+var Menu = require('../Menu-D3t5LB8U.js');
 require('react');
 require('classnames');
 require('framer-motion');
-require('@jobber/hooks');
+require('../useOnKeyDown-SvCAGt-i.js');
+require('../useRefocusOnActivator-DUORZODa.js');
 require('react-popper');
+require('../useIsMounted-LN-sspZU.js');
+require('../useSafeLayoutEffect-BKQEUQPc.js');
 require('react-dom');
-require('../Button-Dl3IZTmm.js');
+require('../useFocusTrap-CqwJLaEA.js');
+require('../Button-DIyHx6LV.js');
 require('react-router-dom');
-require('../Icon-DpK1DbfY.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../Typography-HBoNYubQ.js');
-require('../useFormFieldFocus-DNZWY38H.js');
+require('../Typography-C1UEAfaY.js');
+require('../useFormFieldFocus-BDAPakEy.js');
 
 
 

package/dist/Menu/index.mjs

@@ -1,13 +1,17 @@
-export { M as Menu } from '../Menu-c8qm7U-G.js';
+export { M as Menu } from '../Menu-CsHy6gs-.js';
 import 'react';
 import 'classnames';
 import 'framer-motion';
-import '@jobber/hooks';
+import '../useOnKeyDown-CBcYPHEe.js';
+import '../useRefocusOnActivator-CukgaNm9.js';
 import 'react-popper';
+import '../useIsMounted-DaAAKF_i.js';
+import '../useSafeLayoutEffect-CUWLzBXh.js';
 import 'react-dom';
-import '../Button-BytpZITh.js';
+import '../useFocusTrap-BDQe5oCj.js';
+import '../Button-j2FZti2X.js';
 import 'react-router-dom';
-import '../Icon-CoREN3sy.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../Typography-CiY8Ds7Z.js';
-import '../useFormFieldFocus-BVHpUI_8.js';
+import '../Typography-eMgZ7shu.js';
+import '../useFormFieldFocus-R-A00m2T.js';

package/dist/{Menu-c8qm7U-G.js → Menu-CsHy6gs-.js}

@@ -1,13 +1,47 @@
 import React, { useState, useRef, useId } from 'react';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useWindowDimensions, useOnKeyDown, useRefocusOnActivator, useFocusTrap, useIsMounted } from '@jobber/hooks';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CBcYPHEe.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CukgaNm9.js';
 import { usePopper } from 'react-popper';
+import { u as useIsMounted_2 } from './useIsMounted-DaAAKF_i.js';
 import ReactDOM from 'react-dom';
-import { B as Button } from './Button-BytpZITh.js';
-import { T as Typography } from './Typography-CiY8Ds7Z.js';
-import { I as Icon } from './Icon-CoREN3sy.js';
-import { f as formFieldFocusAttribute } from './useFormFieldFocus-BVHpUI_8.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-BDQe5oCj.js';
+import { B as Button } from './Button-j2FZti2X.js';
+import { T as Typography } from './Typography-eMgZ7shu.js';
+import { I as Icon } from './Icon-xgH56Ujn.js';
+import { f as formFieldFocusAttribute } from './useFormFieldFocus-R-A00m2T.js';
+
+var useWindowDimensions$1 = {};
+
+Object.defineProperty(useWindowDimensions$1, "__esModule", { value: true });
+var useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = void 0;
+const react_1 = React;
+function getWindowDimensions() {
+    if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
+        return {
+            width: 0,
+            height: 0,
+        };
+    }
+    const { innerWidth: width, innerHeight: height } = window;
+    return {
+        width,
+        height,
+    };
+}
+function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
+    (0, react_1.useEffect)(() => {
+        function handleResize() {
+            setWindowDimensions(getWindowDimensions());
+        }
+        window === null || window === void 0 ? void 0 : window.addEventListener("resize", handleResize);
+        return () => window === null || window === void 0 ? void 0 : window.removeEventListener("resize", handleResize);
+    }, []);
+    return windowDimensions;
+}
+useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = useWindowDimensions;
 
 var styles = {"wrapper":"fpi0W91w2ag-","popperContainer":"pyIy8jHif3g-","shadowRef":"_0KV3fxLr9xk-","menu":"-DayvgvIcVo-","section":"X0W9r8kjA6Q-","sectionHeader":"Bq7pLWj3jm4-","action":"M1BgN-oCmKw-","destructive":"U9ihZZavz9w-","overlay":"_7we5hh6kYs8-","fullWidth":"_5OJ7B6mFcwk-","screenReaderOnly":"Bzvkz60bwWE-","spinning":"_0-VzuzHdi8o-"};
 
@@ -30,17 +64,17 @@ function Menu({ activator, items }) {
     var _a, _b;
     const [visible, setVisible] = useState(false);
     const shadowRef = useRef(null);
-    const { width } = useWindowDimensions();
+    const { width } = useWindowDimensions_2();
     const buttonID = useId();
     const menuID = useId();
     const fullWidth = ((_a = activator === null || activator === void 0 ? void 0 : activator.props) === null || _a === void 0 ? void 0 : _a.fullWidth) || false;
     const wrapperClasses = classnames(styles.wrapper, {
         [styles.fullWidth]: fullWidth,
     });
-    useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
+    useOnKeyDown_2(handleKeyboardShortcut, ["Escape"]);
     // useRefocusOnActivator must come before useFocusTrap for them both to work
-    useRefocusOnActivator(visible);
-    const menuRef = useFocusTrap(visible);
+    useRefocusOnActivator_2(visible);
+    const menuRef = useFocusTrap_2(visible);
     const [popperElement, setPopperElement] = useState(null);
     const { styles: popperStyles, attributes, state, } = usePopper((_b = shadowRef.current) === null || _b === void 0 ? void 0 : _b.nextElementSibling, popperElement, {
         placement: "bottom-start",
@@ -121,13 +155,14 @@ function Action({ label, sectionLabel, icon, destructive, onClick, }) {
         [styles.destructive]: destructive,
     });
     return (React.createElement("button", { role: "menuitem", type: "button", className: buttonClasses, key: label, onClick: onClick, ref: actionButtonRef },
-        icon && (React.createElement(Icon, { color: destructive ? "destructive" : undefined, name: icon })),
+        icon && (React.createElement("div", null,
+            React.createElement(Icon, { color: destructive ? "destructive" : undefined, name: icon }))),
         React.createElement(Typography, { element: "span", fontWeight: "semiBold", textColor: "text" },
             sectionLabel && (React.createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
             label)));
 }
 function MenuPortal({ children }) {
-    const mounted = useIsMounted();
+    const mounted = useIsMounted_2();
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }

package/dist/{Menu-0jlQtbhS.js → Menu-D3t5LB8U.js}

@@ -3,13 +3,47 @@
 var React = require('react');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var jobberHooks = require('@jobber/hooks');
-var require$$64 = require('react-popper');
+var useOnKeyDown = require('./useOnKeyDown-SvCAGt-i.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-DUORZODa.js');
+var reactPopper = require('react-popper');
+var useIsMounted = require('./useIsMounted-LN-sspZU.js');
 var ReactDOM = require('react-dom');
-var Button = require('./Button-Dl3IZTmm.js');
-var Typography = require('./Typography-HBoNYubQ.js');
-var Icon = require('./Icon-DpK1DbfY.js');
-var useFormFieldFocus = require('./useFormFieldFocus-DNZWY38H.js');
+var useFocusTrap = require('./useFocusTrap-CqwJLaEA.js');
+var Button = require('./Button-DIyHx6LV.js');
+var Typography = require('./Typography-C1UEAfaY.js');
+var Icon = require('./Icon-Cco79q1Z.js');
+var useFormFieldFocus = require('./useFormFieldFocus-BDAPakEy.js');
+
+var useWindowDimensions$1 = {};
+
+Object.defineProperty(useWindowDimensions$1, "__esModule", { value: true });
+var useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = void 0;
+const react_1 = React;
+function getWindowDimensions() {
+    if (!(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document)) {
+        return {
+            width: 0,
+            height: 0,
+        };
+    }
+    const { innerWidth: width, innerHeight: height } = window;
+    return {
+        width,
+        height,
+    };
+}
+function useWindowDimensions() {
+    const [windowDimensions, setWindowDimensions] = (0, react_1.useState)(getWindowDimensions());
+    (0, react_1.useEffect)(() => {
+        function handleResize() {
+            setWindowDimensions(getWindowDimensions());
+        }
+        window === null || window === void 0 ? void 0 : window.addEventListener("resize", handleResize);
+        return () => window === null || window === void 0 ? void 0 : window.removeEventListener("resize", handleResize);
+    }, []);
+    return windowDimensions;
+}
+useWindowDimensions_2 = useWindowDimensions$1.useWindowDimensions = useWindowDimensions;
 
 var styles = {"wrapper":"fpi0W91w2ag-","popperContainer":"pyIy8jHif3g-","shadowRef":"_0KV3fxLr9xk-","menu":"-DayvgvIcVo-","section":"X0W9r8kjA6Q-","sectionHeader":"Bq7pLWj3jm4-","action":"M1BgN-oCmKw-","destructive":"U9ihZZavz9w-","overlay":"_7we5hh6kYs8-","fullWidth":"_5OJ7B6mFcwk-","screenReaderOnly":"Bzvkz60bwWE-","spinning":"_0-VzuzHdi8o-"};
 
@@ -32,19 +66,19 @@ function Menu({ activator, items }) {
     var _a, _b;
     const [visible, setVisible] = React.useState(false);
     const shadowRef = React.useRef(null);
-    const { width } = jobberHooks.useWindowDimensions();
+    const { width } = useWindowDimensions_2();
     const buttonID = React.useId();
     const menuID = React.useId();
     const fullWidth = ((_a = activator === null || activator === void 0 ? void 0 : activator.props) === null || _a === void 0 ? void 0 : _a.fullWidth) || false;
     const wrapperClasses = classnames(styles.wrapper, {
         [styles.fullWidth]: fullWidth,
     });
-    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
+    useOnKeyDown.useOnKeyDown_2(handleKeyboardShortcut, ["Escape"]);
     // useRefocusOnActivator must come before useFocusTrap for them both to work
-    jobberHooks.useRefocusOnActivator(visible);
-    const menuRef = jobberHooks.useFocusTrap(visible);
+    useRefocusOnActivator.useRefocusOnActivator_2(visible);
+    const menuRef = useFocusTrap.useFocusTrap_2(visible);
     const [popperElement, setPopperElement] = React.useState(null);
-    const { styles: popperStyles, attributes, state, } = require$$64.usePopper((_b = shadowRef.current) === null || _b === void 0 ? void 0 : _b.nextElementSibling, popperElement, {
+    const { styles: popperStyles, attributes, state, } = reactPopper.usePopper((_b = shadowRef.current) === null || _b === void 0 ? void 0 : _b.nextElementSibling, popperElement, {
         placement: "bottom-start",
         strategy: "fixed",
         modifiers: [
@@ -123,13 +157,14 @@ function Action({ label, sectionLabel, icon, destructive, onClick, }) {
         [styles.destructive]: destructive,
     });
     return (React.createElement("button", { role: "menuitem", type: "button", className: buttonClasses, key: label, onClick: onClick, ref: actionButtonRef },
-        icon && (React.createElement(Icon.Icon, { color: destructive ? "destructive" : undefined, name: icon })),
+        icon && (React.createElement("div", null,
+            React.createElement(Icon.Icon, { color: destructive ? "destructive" : undefined, name: icon }))),
         React.createElement(Typography.Typography, { element: "span", fontWeight: "semiBold", textColor: "text" },
             sectionLabel && (React.createElement("span", { className: styles.screenReaderOnly }, sectionLabel)),
             label)));
 }
 function MenuPortal({ children }) {
-    const mounted = jobberHooks.useIsMounted();
+    const mounted = useIsMounted.useIsMounted_2();
     if (!(mounted === null || mounted === void 0 ? void 0 : mounted.current)) {
         return null;
     }

package/dist/Modal/index.cjs

@@ -1,18 +1,20 @@
 'use strict';
 
-var Modal = require('../Modal-GZyA9FpK.js');
+var Modal = require('../Modal-DG6xw7VG.js');
 require('react');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('@jobber/hooks');
-require('../Heading-CXFNwq_E.js');
-require('../Typography-HBoNYubQ.js');
-require('../Button-Dl3IZTmm.js');
+require('../useRefocusOnActivator-DUORZODa.js');
+require('../useOnKeyDown-SvCAGt-i.js');
+require('../useFocusTrap-CqwJLaEA.js');
+require('../Heading-BO8WkCVr.js');
+require('../Typography-C1UEAfaY.js');
+require('../Button-DIyHx6LV.js');
 require('react-router-dom');
-require('../Icon-DpK1DbfY.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../ButtonDismiss-D2F_bv2-.js');
+require('../ButtonDismiss-Daj4eEjT.js');
 
 
 

package/dist/Modal/index.mjs

@@ -1,13 +1,15 @@
-export { M as Modal } from '../Modal-BrJVKbDa.js';
+export { M as Modal } from '../Modal-Cd9Wf-Vk.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '@jobber/hooks';
-import '../Heading-BbxWDLQH.js';
-import '../Typography-CiY8Ds7Z.js';
-import '../Button-BytpZITh.js';
+import '../useRefocusOnActivator-CukgaNm9.js';
+import '../useOnKeyDown-CBcYPHEe.js';
+import '../useFocusTrap-BDQe5oCj.js';
+import '../Heading-aLFLLj33.js';
+import '../Typography-eMgZ7shu.js';
+import '../Button-j2FZti2X.js';
 import 'react-router-dom';
-import '../Icon-CoREN3sy.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../ButtonDismiss-BkYdMZld.js';
+import '../ButtonDismiss-BWaDBkTB.js';

package/dist/{Modal-BrJVKbDa.js → Modal-Cd9Wf-Vk.js}

@@ -2,10 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
-import { H as Heading } from './Heading-BbxWDLQH.js';
-import { B as Button } from './Button-BytpZITh.js';
-import { B as ButtonDismiss } from './ButtonDismiss-BkYdMZld.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CukgaNm9.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CBcYPHEe.js';
+import { u as useFocusTrap_2 } from './useFocusTrap-BDQe5oCj.js';
+import { H as Heading } from './Heading-aLFLLj33.js';
+import { B as Button } from './Button-j2FZti2X.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BWaDBkTB.js';
 
 var styles = {"container":"y3M-9xoEnk0-","overlay":"zkyJp1mib-U-","modal":"gMPgiggaud8-","header":"_5sBzUnyOqD0-","closeButton":"_4gw63G7IYG0-","actionBar":"cwVJrrJkNDg-","leftAction":"MkD4pNUKeAA-","rightAction":"C-yC8JKpQLg-","spinning":"_7hYqr6OrfHs-"};
 
@@ -13,9 +15,9 @@ var sizes = {"small":"BSZvIAUzFEU-","large":"-ydIALYVvGg-","spinning":"_10FfgKIT
 
 function Modal({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }) {
     const modalClassName = classnames(styles.modal, size && sizes[size]);
-    useRefocusOnActivator(open);
-    const modalRef = useFocusTrap(open);
-    useOnKeyDown(handleRequestClose, "Escape");
+    useRefocusOnActivator_2(open);
+    const modalRef = useFocusTrap_2(open);
+    useOnKeyDown_2(handleRequestClose, "Escape");
     const template = (React.createElement(AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: styles.container, tabIndex: 0 },
         React.createElement(motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React.createElement(motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {

package/dist/{Modal-GZyA9FpK.js → Modal-DG6xw7VG.js}

@@ -4,10 +4,12 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var jobberHooks = require('@jobber/hooks');
-var Heading = require('./Heading-CXFNwq_E.js');
-var Button = require('./Button-Dl3IZTmm.js');
-var ButtonDismiss = require('./ButtonDismiss-D2F_bv2-.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-DUORZODa.js');
+var useOnKeyDown = require('./useOnKeyDown-SvCAGt-i.js');
+var useFocusTrap = require('./useFocusTrap-CqwJLaEA.js');
+var Heading = require('./Heading-BO8WkCVr.js');
+var Button = require('./Button-DIyHx6LV.js');
+var ButtonDismiss = require('./ButtonDismiss-Daj4eEjT.js');
 
 var styles = {"container":"y3M-9xoEnk0-","overlay":"zkyJp1mib-U-","modal":"gMPgiggaud8-","header":"_5sBzUnyOqD0-","closeButton":"_4gw63G7IYG0-","actionBar":"cwVJrrJkNDg-","leftAction":"MkD4pNUKeAA-","rightAction":"C-yC8JKpQLg-","spinning":"_7hYqr6OrfHs-"};
 
@@ -15,9 +17,9 @@ var sizes = {"small":"BSZvIAUzFEU-","large":"-ydIALYVvGg-","spinning":"_10FfgKIT
 
 function Modal({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }) {
     const modalClassName = classnames(styles.modal, size && sizes[size]);
-    jobberHooks.useRefocusOnActivator(open);
-    const modalRef = jobberHooks.useFocusTrap(open);
-    jobberHooks.useOnKeyDown(handleRequestClose, "Escape");
+    useRefocusOnActivator.useRefocusOnActivator_2(open);
+    const modalRef = useFocusTrap.useFocusTrap_2(open);
+    useOnKeyDown.useOnKeyDown_2(handleRequestClose, "Escape");
     const template = (React.createElement(framerMotion.AnimatePresence, null, open && (React.createElement("div", { ref: modalRef, role: "dialog", className: styles.container, tabIndex: 0 },
         React.createElement(framerMotion.motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React.createElement(framerMotion.motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {

package/dist/MultiSelect/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var MultiSelect = require('../MultiSelect-C6NifFQJ.js');
+var MultiSelect = require('../MultiSelect-D7KoGTYT.js');
 require('react');
 require('classnames');
-require('../Checkbox-RG_dKx5y.js');
-require('../tslib.es6-DquRgmuZ.js');
+require('../Checkbox-DQMuBRvP.js');
+require('../tslib.es6-BC0UaW5g.js');
 require('react-hook-form');
-require('../Icon-DpK1DbfY.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../Text-DKEjSacy.js');
-require('../Typography-HBoNYubQ.js');
+require('../Text-CYPpna_A.js');
+require('../Typography-C1UEAfaY.js');
 
 
 

package/dist/MultiSelect/index.mjs

@@ -1,10 +1,10 @@
-export { M as MultiSelect } from '../MultiSelect-ClrYvU6U.js';
+export { M as MultiSelect } from '../MultiSelect-CHDTbXP8.js';
 import 'react';
 import 'classnames';
-import '../Checkbox-egmCQEuB.js';
-import '../tslib.es6-DtOipERZ.js';
+import '../Checkbox-CjEwCNkh.js';
+import '../tslib.es6-CTxYapuX.js';
 import 'react-hook-form';
-import '../Icon-CoREN3sy.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../Text-DcLB-pAo.js';
-import '../Typography-CiY8Ds7Z.js';
+import '../Text-Dz42rriT.js';
+import '../Typography-eMgZ7shu.js';

package/dist/{MultiSelect-ClrYvU6U.js → MultiSelect-CHDTbXP8.js}

@@ -1,8 +1,8 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import classnames from 'classnames';
-import { C as Checkbox } from './Checkbox-egmCQEuB.js';
-import { T as Text } from './Text-DcLB-pAo.js';
-import { I as Icon } from './Icon-CoREN3sy.js';
+import { C as Checkbox } from './Checkbox-CjEwCNkh.js';
+import { T as Text } from './Text-Dz42rriT.js';
+import { I as Icon } from './Icon-xgH56Ujn.js';
 
 var styles$1 = {"multiSelectContainer":"bR1N0mdMeZU-","multiSelect":"_7naerR7479Q-","active":"SpV9TqBIR60-","small":"TdyW0RCheH4-","large":"eBeKgF0JxEQ-","spinning":"_8V1-KUyfAmg-"};
 

package/dist/{MultiSelect-C6NifFQJ.js → MultiSelect-D7KoGTYT.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Checkbox = require('./Checkbox-RG_dKx5y.js');
-var Text = require('./Text-DKEjSacy.js');
-var Icon = require('./Icon-DpK1DbfY.js');
+var Checkbox = require('./Checkbox-DQMuBRvP.js');
+var Text = require('./Text-CYPpna_A.js');
+var Icon = require('./Icon-Cco79q1Z.js');
 
 var styles$1 = {"multiSelectContainer":"bR1N0mdMeZU-","multiSelect":"_7naerR7479Q-","active":"SpV9TqBIR60-","small":"TdyW0RCheH4-","large":"eBeKgF0JxEQ-","spinning":"_8V1-KUyfAmg-"};
 

package/dist/{Option-BVRydPNU.js → Option-DBbeBwlA.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FormField } from './FormField-D61oDi0D.js';
+import { F as FormField } from './FormField--GMXwQfU.js';
 
 function Select(props) {
     return React.createElement(FormField, Object.assign({ type: "select" }, props));

package/dist/{Option-E_59_-Ix.js → Option-DXeqxLgl.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-CPDzS7m6.js');
+var FormField = require('./FormField-DjvuqGra.js');
 
 function Select(props) {
     return React.createElement(FormField.FormField, Object.assign({ type: "select" }, props));

package/dist/Page/index.cjs

@@ -1,27 +1,36 @@
 'use strict';
 
-var Page = require('../Page-Bt2n_ePj.js');
+var Page = require('../Page-BxrGfXaY.js');
 require('react');
 require('classnames');
-require('@jobber/hooks');
-require('../Heading-CXFNwq_E.js');
-require('../Typography-HBoNYubQ.js');
-require('../Text-DKEjSacy.js');
-require('../Content-CeRoe948.js');
-require('../Markdown-DtkEdUsH.js');
-require('../Emphasis-qQG2usNj.js');
-require('../index-Cmbpv2x7.js');
-require('../_commonjsHelpers-B8LX4GJh.js');
-require('../index-MQ-iPJ8M.js');
-require('../Button-Dl3IZTmm.js');
+require('../useResizeObserver-CgHVP5nI.js');
+require('../_commonjsHelpers-lUPY9CgW.js');
+require('../throttle-DpN5FRp6.js');
+require('../debounce-D3Hl6gvj.js');
+require('../isObjectLike-BKMV5j4-.js');
+require('../isSymbol-D1uOrnC6.js');
+require('../Heading-BO8WkCVr.js');
+require('../Typography-C1UEAfaY.js');
+require('../Text-CYPpna_A.js');
+require('../Content-BMb92MKy.js');
+require('../Markdown-CY6l0hIC.js');
+require('../Emphasis-Dzw5HzFj.js');
+require('../index-D_Q_4KnJ.js');
+require('../_polyfill-node.process-DjFE7UqH.js');
+require('../Button-DIyHx6LV.js');
 require('react-router-dom');
-require('../Icon-DpK1DbfY.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../Menu-0jlQtbhS.js');
+require('../Menu-D3t5LB8U.js');
 require('framer-motion');
+require('../useOnKeyDown-SvCAGt-i.js');
+require('../useRefocusOnActivator-DUORZODa.js');
 require('react-popper');
+require('../useIsMounted-LN-sspZU.js');
+require('../useSafeLayoutEffect-BKQEUQPc.js');
 require('react-dom');
-require('../useFormFieldFocus-DNZWY38H.js');
+require('../useFocusTrap-CqwJLaEA.js');
+require('../useFormFieldFocus-BDAPakEy.js');
 
 
 

package/dist/Page/index.mjs

@@ -1,22 +1,31 @@
-export { P as Page } from '../Page-BlW-PXar.js';
+export { P as Page } from '../Page-BSNAUovf.js';
 import 'react';
 import 'classnames';
-import '@jobber/hooks';
-import '../Heading-BbxWDLQH.js';
-import '../Typography-CiY8Ds7Z.js';
-import '../Text-DcLB-pAo.js';
-import '../Content-Da1gLCz3.js';
-import '../Markdown-DU6e0R5l.js';
-import '../Emphasis-BKplSYOA.js';
-import '../index-BRwI8qm9.js';
-import '../_commonjsHelpers-CC6SfZmL.js';
-import '../index-C-J7niBW.js';
-import '../Button-BytpZITh.js';
+import '../useResizeObserver-PNPCe7LT.js';
+import '../_commonjsHelpers-DGFZgUy3.js';
+import '../throttle-C8W1Nwdn.js';
+import '../debounce-CrMla9Mp.js';
+import '../isObjectLike-CJahVmA9.js';
+import '../isSymbol-D1wm2Pu4.js';
+import '../Heading-aLFLLj33.js';
+import '../Typography-eMgZ7shu.js';
+import '../Text-Dz42rriT.js';
+import '../Content-DGpJ066C.js';
+import '../Markdown-BmARz0IT.js';
+import '../Emphasis-BKy_VKiX.js';
+import '../index-CUJ0sCuP.js';
+import '../_polyfill-node.process-SUu84QPb.js';
+import '../Button-j2FZti2X.js';
 import 'react-router-dom';
-import '../Icon-CoREN3sy.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../Menu-c8qm7U-G.js';
+import '../Menu-CsHy6gs-.js';
 import 'framer-motion';
+import '../useOnKeyDown-CBcYPHEe.js';
+import '../useRefocusOnActivator-CukgaNm9.js';
 import 'react-popper';
+import '../useIsMounted-DaAAKF_i.js';
+import '../useSafeLayoutEffect-CUWLzBXh.js';
 import 'react-dom';
-import '../useFormFieldFocus-BVHpUI_8.js';
+import '../useFocusTrap-BDQe5oCj.js';
+import '../useFormFieldFocus-R-A00m2T.js';

package/dist/{Page-BlW-PXar.js → Page-BSNAUovf.js}

@@ -1,24 +1,24 @@
 import React from 'react';
 import classnames from 'classnames';
-import { useResizeObserver, Breakpoints } from '@jobber/hooks';
-import { H as Heading } from './Heading-BbxWDLQH.js';
-import { T as Text } from './Text-DcLB-pAo.js';
-import { C as Content } from './Content-Da1gLCz3.js';
-import { M as Markdown } from './Markdown-DU6e0R5l.js';
-import { B as Button } from './Button-BytpZITh.js';
-import { M as Menu } from './Menu-c8qm7U-G.js';
-import { E as Emphasis } from './Emphasis-BKplSYOA.js';
+import { u as useResizeObserver } from './useResizeObserver-PNPCe7LT.js';
+import { H as Heading } from './Heading-aLFLLj33.js';
+import { T as Text } from './Text-Dz42rriT.js';
+import { C as Content } from './Content-DGpJ066C.js';
+import { M as Markdown } from './Markdown-BmARz0IT.js';
+import { B as Button } from './Button-j2FZti2X.js';
+import { M as Menu } from './Menu-CsHy6gs-.js';
+import { E as Emphasis } from './Emphasis-BKy_VKiX.js';
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
 // eslint-disable-next-line max-statements
 function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames(styles.page, styles[width]);
-    const [titleBarRef, { width: titleBarWidth = Breakpoints.large }] = useResizeObserver();
+    const [titleBarRef, { width: titleBarWidth = useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames(styles.titleBar, {
-        [styles.small]: titleBarWidth > Breakpoints.smaller,
-        [styles.medium]: titleBarWidth > Breakpoints.small,
-        [styles.large]: titleBarWidth > Breakpoints.base,
+        [styles.small]: titleBarWidth > useResizeObserver.Breakpoints.smaller,
+        [styles.medium]: titleBarWidth > useResizeObserver.Breakpoints.small,
+        [styles.large]: titleBarWidth > useResizeObserver.Breakpoints.base,
     });
     const showMenu = moreActionsMenu.length > 0;
     const showActionGroup = showMenu || primaryAction;

package/dist/{Page-Bt2n_ePj.js → Page-BxrGfXaY.js}

@@ -2,25 +2,25 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var jobberHooks = require('@jobber/hooks');
-var Heading = require('./Heading-CXFNwq_E.js');
-var Text = require('./Text-DKEjSacy.js');
-var Content = require('./Content-CeRoe948.js');
-var Markdown = require('./Markdown-DtkEdUsH.js');
-var Button = require('./Button-Dl3IZTmm.js');
-var Menu = require('./Menu-0jlQtbhS.js');
-var Emphasis = require('./Emphasis-qQG2usNj.js');
+var useResizeObserver = require('./useResizeObserver-CgHVP5nI.js');
+var Heading = require('./Heading-BO8WkCVr.js');
+var Text = require('./Text-CYPpna_A.js');
+var Content = require('./Content-BMb92MKy.js');
+var Markdown = require('./Markdown-CY6l0hIC.js');
+var Button = require('./Button-DIyHx6LV.js');
+var Menu = require('./Menu-D3t5LB8U.js');
+var Emphasis = require('./Emphasis-Dzw5HzFj.js');
 
 var styles = {"page":"BLYnKItuM3c-","fill":"n5WRRhMkoLs-","standard":"WziKEWW9nA8-","narrow":"qgGzgDyS2NY-","titleBar":"lbmoDvdtQO4-","titleRow":"k9y5NuqTcks-","actionGroup":"_7t53-bnzh98-","large":"SH0aNOLVhE8-","medium":"Lc7Z0FsBa6w-","small":"iF5IA1SYKoA-","primaryAction":"g-H7CKkX-LA-","actionButton":"RSP7jHjP-mw-","subtitle":"EqsNMrZVL-8-","spinning":"MJZVhEmx6h4-"};
 
 // eslint-disable-next-line max-statements
 function Page({ title, titleMetaData, intro, externalIntroLinks, subtitle, children, width = "standard", primaryAction, secondaryAction, moreActionsMenu = [], }) {
     const pageStyles = classnames(styles.page, styles[width]);
-    const [titleBarRef, { width: titleBarWidth = jobberHooks.Breakpoints.large }] = jobberHooks.useResizeObserver();
+    const [titleBarRef, { width: titleBarWidth = useResizeObserver.useResizeObserver.Breakpoints.large }] = useResizeObserver.useResizeObserver.useResizeObserver();
     const titleBarClasses = classnames(styles.titleBar, {
-        [styles.small]: titleBarWidth > jobberHooks.Breakpoints.smaller,
-        [styles.medium]: titleBarWidth > jobberHooks.Breakpoints.small,
-        [styles.large]: titleBarWidth > jobberHooks.Breakpoints.base,
+        [styles.small]: titleBarWidth > useResizeObserver.useResizeObserver.Breakpoints.smaller,
+        [styles.medium]: titleBarWidth > useResizeObserver.useResizeObserver.Breakpoints.small,
+        [styles.large]: titleBarWidth > useResizeObserver.useResizeObserver.Breakpoints.base,
     });
     const showMenu = moreActionsMenu.length > 0;
     const showActionGroup = showMenu || primaryAction;