@jobber/components 4.85.6-ssrpeer-d.63 → 4.85.6-ssrpeer-d.66

package/dist/AnimatedPresence/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AnimatedPresence = require('../AnimatedPresence-BMHsjTVA.js');
+var AnimatedPresence = require('../AnimatedPresence-Dlq96-Fk.js');
 require('react');
 require('framer-motion');
 require('@jobber/design');

package/dist/AnimatedPresence/index.mjs

@@ -1,4 +1,4 @@
-export { A as AnimatedPresence } from '../AnimatedPresence-DIX27fZs.js';
+export { A as AnimatedPresence } from '../AnimatedPresence-Ca7pjbka.js';
 import 'react';
 import 'framer-motion';
 import '@jobber/design';

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-BHspuuva.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-mAP-kQGj.js');
 require('react');
 require('framer-motion');
-require('../Icon-DuQRXS8C.js');
+require('../Icon-_NCco10R.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-BtYXqtN3.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-DS526f09.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-T8GEaQ7J.js';
+import '../Icon-DQOeIpz-.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-BtYXqtN3.js → AnimatedSwitcher-DS526f09.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-T8GEaQ7J.js';
+import { I as Icon } from './Icon-DQOeIpz-.js';
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;

package/dist/{AnimatedSwitcher-BHspuuva.js → AnimatedSwitcher-mAP-kQGj.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-DuQRXS8C.js');
+var Icon = require('./Icon-_NCco10R.js');
 
 const DURATION_SIMPLE = 0.1;
 const DURATION_AVERAGE = 0.2;

package/dist/AtlantisContext/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var AtlantisContext = require('../AtlantisContext-BLea1ICm.js');
+var AtlantisContext = require('../AtlantisContext-Btn5mYDm.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

@@ -1,2 +1,2 @@
-export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-B2k_CaOD.js';
+export { A as AtlantisContext, a as atlantisContextDefaultValues, u as useAtlantisContext } from '../AtlantisContext-g7oZJoc5.js';
 import 'react';

package/dist/Autocomplete/index.cjs

@@ -1,32 +1,30 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-CDK8R63R.js');
-require('../tslib.es6-GirNvEmy.js');
+var Autocomplete = require('../Autocomplete-CGN6EHrG.js');
+require('../tslib.es6-DNrDVynk.js');
 require('react');
-require('../debounce-DNQ93uns.js');
-require('../_commonjsHelpers-DS4aOXLU.js');
-require('../isObjectLike-CPqKB_p1.js');
-require('../isSymbol-BmWwjj-q.js');
+require('lodash/debounce');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-Dag1uH3B.js');
-require('../useSafeLayoutEffect-C4kmV9P8.js');
-require('../useIsMounted-Bla6v4YJ.js');
-require('../Text-C_7vmWiv.js');
-require('../Typography-2KWlaaaw.js');
-require('../Icon-DuQRXS8C.js');
+require('@jobber/hooks/useOnKeyDown');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('@jobber/hooks/useIsMounted');
+require('../Text-jIl7KI-l.js');
+require('../Typography-DOEpi59N.js');
+require('../Icon-_NCco10R.js');
 require('@jobber/design');
-require('../Heading-ql0-T_oz.js');
-require('../useAtlantisConfig-B1MapLDh.js');
-require('../InputText-CRhnld-f.js');
-require('../FormField-BnEehCLf.js');
+require('../Heading-D8VNmAu6.js');
+require('../useAtlantisConfig-Bp6ufMUd.js');
+require('../InputText-CpQjJtHR.js');
+require('../FormField-DukhNhZZ.js');
 require('react-hook-form');
-require('../Button-DbqtIUW4.js');
+require('@jobber/hooks/useShowClear');
+require('../Button-DGtFaOAP.js');
 require('react-router-dom');
-require('../InputValidation-DjX1dJpy.js');
+require('../InputValidation-DYnHSsLH.js');
 require('framer-motion');
-require('../Spinner-CF4xyAsJ.js');
+require('../Spinner-Daub645t.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,27 +1,25 @@
-export { A as Autocomplete } from '../Autocomplete-CgOYgouH.js';
-import '../tslib.es6-BJZK4h8G.js';
+export { A as Autocomplete } from '../Autocomplete-DzSZWwfq.js';
+import '../tslib.es6-9Qiauc40.js';
 import 'react';
-import '../debounce-CPGXnKJR.js';
-import '../_commonjsHelpers-B0ozHkXL.js';
-import '../isObjectLike-BikJMFXg.js';
-import '../isSymbol-CI8qYS7C.js';
+import 'lodash/debounce';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-D1zRqsfY.js';
-import '../useSafeLayoutEffect-CakIGJK6.js';
-import '../useIsMounted-Bp5MQcVg.js';
-import '../Text-CbR1Ew0y.js';
-import '../Typography-6YpiTTgz.js';
-import '../Icon-T8GEaQ7J.js';
+import '@jobber/hooks/useOnKeyDown';
+import '@jobber/hooks/useSafeLayoutEffect';
+import '@jobber/hooks/useIsMounted';
+import '../Text-Dgcxq8yI.js';
+import '../Typography-BME6k175.js';
+import '../Icon-DQOeIpz-.js';
 import '@jobber/design';
-import '../Heading-Bm2TMmkN.js';
-import '../useAtlantisConfig-CyN9cqUo.js';
-import '../InputText-DwmEfETf.js';
-import '../FormField-BU5p7xKS.js';
+import '../Heading-Cmu8Xvf8.js';
+import '../useAtlantisConfig-C-DKEeLy.js';
+import '../InputText-CXU0TOSj.js';
+import '../FormField-DlZkC3sK.js';
 import 'react-hook-form';
-import '../Button-C6TIJtXv.js';
+import '@jobber/hooks/useShowClear';
+import '../Button-DHmwXMUw.js';
 import 'react-router-dom';
-import '../InputValidation-BPy-37E4.js';
+import '../InputValidation-BEcqGFpG.js';
 import 'framer-motion';
-import '../Spinner-CryYhWlP.js';
+import '../Spinner-eoNLyrac.js';

package/dist/{Autocomplete-CDK8R63R.js → Autocomplete-CGN6EHrG.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-GirNvEmy.js');
+var tslib_es6 = require('./tslib.es6-DNrDVynk.js');
 var React = require('react');
-var debounce = require('./debounce-DNQ93uns.js');
+var debounce = require('lodash/debounce');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-Dag1uH3B.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-C4kmV9P8.js');
-var useIsMounted = require('./useIsMounted-Bla6v4YJ.js');
-var Text = require('./Text-C_7vmWiv.js');
-var Icon = require('./Icon-DuQRXS8C.js');
-var Heading = require('./Heading-ql0-T_oz.js');
-var InputText = require('./InputText-CRhnld-f.js');
+var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
+var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
+var useIsMounted = require('@jobber/hooks/useIsMounted');
+var Text = require('./Text-jIl7KI-l.js');
+var Icon = require('./Icon-_NCco10R.js');
+var Heading = require('./Heading-D8VNmAu6.js');
+var InputText = require('./InputText-CpQjJtHR.js');
 
 var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
 
@@ -33,7 +33,7 @@ function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
     const initialHighlight = options.some(detectGroups) ? 1 : 0;
     setupKeyListeners();
     React.useEffect(() => setHighlightedIndex(initialHighlight), [options]);
-    const mounted = useIsMounted.useIsMounted_2();
+    const mounted = useIsMounted.useIsMounted();
     const menu = (React.createElement("div", Object.assign({ className: classnames(styles.options, { [styles.visible]: visible }), ref: setMenuRef, style: Object.assign(Object.assign({}, popperStyles.popper), { width: targetWidth }) }, attributes.popper), options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
@@ -62,19 +62,19 @@ function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
                 inline: "start",
             });
         }, [highlightedIndex]);
-        useOnKeyDown.useOnKeyDown_2((event) => {
+        useOnKeyDown.useOnKeyDown((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Next);
             if (indexChange) {
                 setHighlightedIndex(Math.min(options.length - 1, highlightedIndex + indexChange));
             }
         }, "ArrowDown");
-        useOnKeyDown.useOnKeyDown_2((event) => {
+        useOnKeyDown.useOnKeyDown((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Previous);
             if (indexChange) {
                 setHighlightedIndex(Math.max(0, highlightedIndex + indexChange));
             }
         }, "ArrowUp");
-        useOnKeyDown.useOnKeyDown_2((event) => {
+        useOnKeyDown.useOnKeyDown((event) => {
             if (!visible)
                 return;
             if (isGroup(options[highlightedIndex]))
@@ -110,7 +110,7 @@ function useRepositionMenu(attachTo, visible = false) {
             { name: "flip", options: { fallbackPlacements: ["top"] } },
         ],
     });
-    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
+    useSafeLayoutEffect.useSafeLayoutEffect(() => {
         var _a;
         (_a = popper === null || popper === void 0 ? void 0 : popper.update) === null || _a === void 0 ? void 0 : _a.call(popper);
     }, [visible]);
@@ -127,7 +127,7 @@ function AutocompleteInternal(_a, ref) {
     const [menuVisible, setMenuVisible] = React.useState(false);
     const [inputText, setInputText] = React.useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const autocompleteRef = React.useRef(null);
-    const delayedSearch = debounce.debounce(updateSearch, debounceRate);
+    const delayedSearch = debounce(updateSearch, debounceRate);
     React.useEffect(() => {
         delayedSearch();
         return delayedSearch.cancel;

package/dist/{Autocomplete-CgOYgouH.js → Autocomplete-DzSZWwfq.js}

@@ -1,16 +1,16 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-BJZK4h8G.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9Qiauc40.js';
 import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { d as debounce } from './debounce-CPGXnKJR.js';
+import debounce from 'lodash/debounce';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { u as useOnKeyDown_2 } from './useOnKeyDown-D1zRqsfY.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-CakIGJK6.js';
-import { u as useIsMounted_2 } from './useIsMounted-Bp5MQcVg.js';
-import { T as Text } from './Text-CbR1Ew0y.js';
-import { I as Icon } from './Icon-T8GEaQ7J.js';
-import { H as Heading } from './Heading-Bm2TMmkN.js';
-import { I as InputText } from './InputText-DwmEfETf.js';
+import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
+import { useSafeLayoutEffect } from '@jobber/hooks/useSafeLayoutEffect';
+import { useIsMounted } from '@jobber/hooks/useIsMounted';
+import { T as Text } from './Text-Dgcxq8yI.js';
+import { I as Icon } from './Icon-DQOeIpz-.js';
+import { H as Heading } from './Heading-Cmu8Xvf8.js';
+import { I as InputText } from './InputText-CXU0TOSj.js';
 
 var styles = {"autocomplete":"v0Cys9vQ-NE-","options":"CX-N-e0e6og-","visible":"_4PlUaegVpkk-","option":"ucQtG0iwqbo-","active":"r8HS-ma79QE-","separator":"ydwLX44YFZc-","heading":"PvUgNoAUG7A-","icon":"DAOOFUZ1BRM-","text":"cjKJFup6hGY-","label":"hG5zNBuI2wA-","details":"_3CwjFCbhqi4-"};
 
@@ -31,7 +31,7 @@ function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
     const initialHighlight = options.some(detectGroups) ? 1 : 0;
     setupKeyListeners();
     useEffect(() => setHighlightedIndex(initialHighlight), [options]);
-    const mounted = useIsMounted_2();
+    const mounted = useIsMounted();
     const menu = (React.createElement("div", Object.assign({ className: classnames(styles.options, { [styles.visible]: visible }), ref: setMenuRef, style: Object.assign(Object.assign({}, popperStyles.popper), { width: targetWidth }) }, attributes.popper), options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
@@ -60,19 +60,19 @@ function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
                 inline: "start",
             });
         }, [highlightedIndex]);
-        useOnKeyDown_2((event) => {
+        useOnKeyDown((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Next);
             if (indexChange) {
                 setHighlightedIndex(Math.min(options.length - 1, highlightedIndex + indexChange));
             }
         }, "ArrowDown");
-        useOnKeyDown_2((event) => {
+        useOnKeyDown((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Previous);
             if (indexChange) {
                 setHighlightedIndex(Math.max(0, highlightedIndex + indexChange));
             }
         }, "ArrowUp");
-        useOnKeyDown_2((event) => {
+        useOnKeyDown((event) => {
             if (!visible)
                 return;
             if (isGroup(options[highlightedIndex]))
@@ -108,7 +108,7 @@ function useRepositionMenu(attachTo, visible = false) {
             { name: "flip", options: { fallbackPlacements: ["top"] } },
         ],
     });
-    useSafeLayoutEffect_1(() => {
+    useSafeLayoutEffect(() => {
         var _a;
         (_a = popper === null || popper === void 0 ? void 0 : popper.update) === null || _a === void 0 ? void 0 : _a.call(popper);
     }, [visible]);

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-BdrEa7Y7.js');
+var Avatar = require('../Avatar-CGrR--Em.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-DuQRXS8C.js');
+require('../Icon-_NCco10R.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-sYhF8bF4.js';
+export { A as Avatar } from '../Avatar-DTZoGQ8v.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-T8GEaQ7J.js';
+import '../Icon-DQOeIpz-.js';
 import '@jobber/design';

package/dist/{Avatar-BdrEa7Y7.js → Avatar-CGrR--Em.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-DuQRXS8C.js');
+var Icon = require('./Icon-_NCco10R.js');
 
 var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
 

package/dist/{Avatar-sYhF8bF4.js → Avatar-DTZoGQ8v.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-T8GEaQ7J.js';
+import { I as Icon } from './Icon-DQOeIpz-.js';
 
 var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
 

package/dist/Banner/components/BannerIcon/index.cjs

@@ -1,11 +1,11 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-BOu4C-ZE.js');
+var BannerIcon = require('../../../BannerIcon-B6sybcuG.js');
 require('react');
 require('classnames');
-require('../../../useAtlantisConfig-B1MapLDh.js');
-require('../../../useSafeLayoutEffect-C4kmV9P8.js');
-require('../../../Icon-DuQRXS8C.js');
+require('../../../useAtlantisConfig-Bp6ufMUd.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../../../Icon-_NCco10R.js');
 require('@jobber/design');
 
 

package/dist/Banner/components/BannerIcon/index.mjs

@@ -1,7 +1,7 @@
-export { B as BannerIcon } from '../../../BannerIcon-Dm2oJiSY.js';
+export { B as BannerIcon } from '../../../BannerIcon-CNUZ7K-4.js';
 import 'react';
 import 'classnames';
-import '../../../useAtlantisConfig-CyN9cqUo.js';
-import '../../../useSafeLayoutEffect-CakIGJK6.js';
-import '../../../Icon-T8GEaQ7J.js';
+import '../../../useAtlantisConfig-C-DKEeLy.js';
+import '@jobber/hooks/useSafeLayoutEffect';
+import '../../../Icon-DQOeIpz-.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,21 +1,17 @@
 'use strict';
 
-var Banner = require('../Banner-COYLF7e5.js');
+var Banner = require('../Banner-CgSDnro0.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-BWybx7LV.js');
-require('../_commonjsHelpers-DS4aOXLU.js');
-require('../debounce-DNQ93uns.js');
-require('../isObjectLike-CPqKB_p1.js');
-require('../isSymbol-BmWwjj-q.js');
-require('../BannerIcon-BOu4C-ZE.js');
-require('../useAtlantisConfig-B1MapLDh.js');
-require('../useSafeLayoutEffect-C4kmV9P8.js');
-require('../Icon-DuQRXS8C.js');
+require('@jobber/hooks/useResizeObserver');
+require('../BannerIcon-B6sybcuG.js');
+require('../useAtlantisConfig-Bp6ufMUd.js');
+require('@jobber/hooks/useSafeLayoutEffect');
+require('../Icon-_NCco10R.js');
 require('@jobber/design');
-require('../Text-C_7vmWiv.js');
-require('../Typography-2KWlaaaw.js');
-require('../Button-DbqtIUW4.js');
+require('../Text-jIl7KI-l.js');
+require('../Typography-DOEpi59N.js');
+require('../Button-DGtFaOAP.js');
 require('react-router-dom');
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,13 @@
-export { B as Banner } from '../Banner-BOtOWWPv.js';
+export { B as Banner } from '../Banner-DAGqIwQm.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-D-Cv3oAB.js';
-import '../_commonjsHelpers-B0ozHkXL.js';
-import '../debounce-CPGXnKJR.js';
-import '../isObjectLike-BikJMFXg.js';
-import '../isSymbol-CI8qYS7C.js';
-import '../BannerIcon-Dm2oJiSY.js';
-import '../useAtlantisConfig-CyN9cqUo.js';
-import '../useSafeLayoutEffect-CakIGJK6.js';
-import '../Icon-T8GEaQ7J.js';
+import '@jobber/hooks/useResizeObserver';
+import '../BannerIcon-CNUZ7K-4.js';
+import '../useAtlantisConfig-C-DKEeLy.js';
+import '@jobber/hooks/useSafeLayoutEffect';
+import '../Icon-DQOeIpz-.js';
 import '@jobber/design';
-import '../Text-CbR1Ew0y.js';
-import '../Typography-6YpiTTgz.js';
-import '../Button-C6TIJtXv.js';
+import '../Text-Dgcxq8yI.js';
+import '../Typography-BME6k175.js';
+import '../Button-DHmwXMUw.js';
 import 'react-router-dom';

package/dist/{Banner-COYLF7e5.js → Banner-CgSDnro0.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-BWybx7LV.js');
-var BannerIcon = require('./BannerIcon-BOu4C-ZE.js');
-var Icon = require('./Icon-DuQRXS8C.js');
-var Text = require('./Text-C_7vmWiv.js');
-var Button = require('./Button-DbqtIUW4.js');
-var useAtlantisConfig = require('./useAtlantisConfig-B1MapLDh.js');
+var jobberHooks = require('@jobber/hooks/useResizeObserver');
+var BannerIcon = require('./BannerIcon-B6sybcuG.js');
+var Icon = require('./Icon-_NCco10R.js');
+var Text = require('./Text-jIl7KI-l.js');
+var Button = require('./Button-DGtFaOAP.js');
+var useAtlantisConfig = require('./useAtlantisConfig-Bp6ufMUd.js');
 
 var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
 
@@ -19,7 +19,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver.useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = jobberHooks.useResizeObserver({
         widths: bannerWidths,
     });
     const iconColors = {

package/dist/{Banner-BOtOWWPv.js → Banner-DAGqIwQm.js}

@@ -1,11 +1,11 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-D-Cv3oAB.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-Dm2oJiSY.js';
-import { I as Icon } from './Icon-T8GEaQ7J.js';
-import { T as Text } from './Text-CbR1Ew0y.js';
-import { B as Button } from './Button-C6TIJtXv.js';
-import { u as useAtlantisConfig } from './useAtlantisConfig-CyN9cqUo.js';
+import { useResizeObserver } from '@jobber/hooks/useResizeObserver';
+import { s as styles, B as BannerIcon } from './BannerIcon-CNUZ7K-4.js';
+import { I as Icon } from './Icon-DQOeIpz-.js';
+import { T as Text } from './Text-Dgcxq8yI.js';
+import { B as Button } from './Button-DHmwXMUw.js';
+import { u as useAtlantisConfig } from './useAtlantisConfig-C-DKEeLy.js';
 
 var types = {"notice":"wWW-2T7rCV0-","success":"_7h8FUHIkVjg-","warning":"d5fXcE1L0lc-","error":"oYaw-T3c0IU-"};
 
@@ -17,7 +17,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver({
         widths: bannerWidths,
     });
     const iconColors = {

package/dist/{BannerIcon-BOu4C-ZE.js → BannerIcon-B6sybcuG.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useAtlantisConfig = require('./useAtlantisConfig-B1MapLDh.js');
-var Icon = require('./Icon-DuQRXS8C.js');
+var useAtlantisConfig = require('./useAtlantisConfig-Bp6ufMUd.js');
+var Icon = require('./Icon-_NCco10R.js');
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 

package/dist/{BannerIcon-Dm2oJiSY.js → BannerIcon-CNUZ7K-4.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { u as useAtlantisConfig } from './useAtlantisConfig-CyN9cqUo.js';
-import { I as Icon } from './Icon-T8GEaQ7J.js';
+import { u as useAtlantisConfig } from './useAtlantisConfig-C-DKEeLy.js';
+import { I as Icon } from './Icon-DQOeIpz-.js';
 
 var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
 

package/dist/Button/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Button = require('../Button-DbqtIUW4.js');
+var Button = require('../Button-DGtFaOAP.js');
 require('react');
 require('classnames');
 require('react-router-dom');
-require('../Icon-DuQRXS8C.js');
+require('../Icon-_NCco10R.js');
 require('@jobber/design');
-require('../Typography-2KWlaaaw.js');
+require('../Typography-DOEpi59N.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,7 +1,7 @@
-export { B as Button } from '../Button-C6TIJtXv.js';
+export { B as Button } from '../Button-DHmwXMUw.js';
 import 'react';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-T8GEaQ7J.js';
+import '../Icon-DQOeIpz-.js';
 import '@jobber/design';
-import '../Typography-6YpiTTgz.js';
+import '../Typography-BME6k175.js';

package/dist/{Button-DbqtIUW4.js → Button-DGtFaOAP.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
-var Icon = require('./Icon-DuQRXS8C.js');
-var Typography = require('./Typography-2KWlaaaw.js');
+var Icon = require('./Icon-_NCco10R.js');
+var Typography = require('./Typography-DOEpi59N.js');
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","destructive":"_4W8X0dxZDK4-","subtle":"vDKO-cmh8vY-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 

package/dist/{Button-C6TIJtXv.js → Button-DHmwXMUw.js}

@@ -1,8 +1,8 @@
 import React from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
-import { I as Icon } from './Icon-T8GEaQ7J.js';
-import { T as Typography } from './Typography-6YpiTTgz.js';
+import { I as Icon } from './Icon-DQOeIpz-.js';
+import { T as Typography } from './Typography-BME6k175.js';
 
 var styles = {"button":"U9VsquOtk2I-","work":"qkFQwI0PKfw-","learning":"jsKQEOBdJ0k-","destructive":"_4W8X0dxZDK4-","subtle":"vDKO-cmh8vY-","primary":"FXqN12jWtPo-","disabled":"bg-l22drjd0-","secondary":"pf6G840lKdA-","tertiary":"m7DbwRZWcNk-","small":"STSDgSRREx4-","base":"amIh7vPETfo-","large":"ON6ezOojFVo-","onlyIcon":"Qq-idRLJTCk-","hasIconAndLabel":"EWh1gvgPJQg-","iconOnRight":"pfzTUMgNb3o-","fullWidth":"ZCHqCEyLBw0-","loading":"VVFKEv1ksMA-","animateStripes":"a8Q-0lnKH5M-"};
 

package/dist/ButtonDismiss/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var ButtonDismiss = require('../ButtonDismiss-jRTnbai6.js');
+var ButtonDismiss = require('../ButtonDismiss-pNhwlXiD.js');
 require('react');
-require('../Button-DbqtIUW4.js');
+require('../Button-DGtFaOAP.js');
 require('classnames');
 require('react-router-dom');
-require('../Icon-DuQRXS8C.js');
+require('../Icon-_NCco10R.js');
 require('@jobber/design');
-require('../Typography-2KWlaaaw.js');
+require('../Typography-DOEpi59N.js');
 
 
 

package/dist/ButtonDismiss/index.mjs

@@ -1,8 +1,8 @@
-export { B as ButtonDismiss } from '../ButtonDismiss-nUzCpj-z.js';
+export { B as ButtonDismiss } from '../ButtonDismiss-C9v1Ki78.js';
 import 'react';
-import '../Button-C6TIJtXv.js';
+import '../Button-DHmwXMUw.js';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-T8GEaQ7J.js';
+import '../Icon-DQOeIpz-.js';
 import '@jobber/design';
-import '../Typography-6YpiTTgz.js';
+import '../Typography-BME6k175.js';

package/dist/{ButtonDismiss-nUzCpj-z.js → ButtonDismiss-C9v1Ki78.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { B as Button } from './Button-C6TIJtXv.js';
+import { B as Button } from './Button-DHmwXMUw.js';
 
 function ButtonDismiss({ onClick, ariaLabel }) {
     return (React.createElement(Button, { ariaLabel: ariaLabel, icon: "remove", onClick: onClick, type: "tertiary", variation: "subtle" }));