@jobber/components 5.40.3-scottwebp-f4e5421.4 → 5.40.3

package/dist/AnimatedPresence/index.cjs

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

package/dist/AnimatedPresence/index.mjs

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

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-Dxo_Js1C.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-CxF56S16.js');
 require('react');
 require('framer-motion');
-require('../Icon-CU7WWcN-.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-D46Nqsyh.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-AzrRT3yl.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-D-oB2vQu.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-D46Nqsyh.js → AnimatedSwitcher-AzrRT3yl.js}

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

package/dist/{AnimatedSwitcher-Dxo_Js1C.js → AnimatedSwitcher-CxF56S16.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var framerMotion = require('framer-motion');
-var Icon = require('./Icon-CU7WWcN-.js');
+var Icon = require('./Icon-Cco79q1Z.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-kEL6GWBC.js');
+var AtlantisContext = require('../AtlantisContext--0yLtX0Q.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

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

package/dist/AtlantisThemeContext/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var updateTheme = require('../updateTheme-Dl81_2tE.js');
+var updateTheme = require('../updateTheme-DN_GLbu9.js');
 require('@jobber/design');
 require('react');
-require('../_commonjsHelpers-Ciyk2__x.js');
-require('../identity-B9JKrdQq.js');
-require('../isTypedArray-C2VK0n_G.js');
-require('../isObjectLike-Du0NzoAq.js');
-require('../_baseAssignValue-DWgupxKv.js');
-require('../_baseFor-aI6nAjCy.js');
-require('../keysIn-BWV87eNb.js');
-require('../_isIterateeCall-xgd5P1jM.js');
-require('../_setToString-CYZHWjkc.js');
+require('../_commonjsHelpers-lUPY9CgW.js');
+require('../identity-CYplbeqi.js');
+require('../isTypedArray-D0FBu98j.js');
+require('../isObjectLike-BKMV5j4-.js');
+require('../_baseAssignValue-DxTwSZki.js');
+require('../_baseFor-BfjbGAzq.js');
+require('../keysIn-fltgvMv1.js');
+require('../_isIterateeCall-lBt0hU7t.js');
+require('../_setToString-BkI6B7yN.js');
 
 
 

package/dist/AtlantisThemeContext/index.mjs

@@ -1,12 +1,12 @@
-export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, b as updateTheme, u as useAtlantisTheme } from '../updateTheme-B-L6hQgy.js';
+export { A as AtlantisThemeContextProvider, T as THEME_CHANGE_EVENT, a as atlantisThemeContextDefaultValues, b as updateTheme, u as useAtlantisTheme } from '../updateTheme-Cq080ctT.js';
 import '@jobber/design';
 import 'react';
-import '../_commonjsHelpers-CtdGrDsb.js';
-import '../identity-BTbtpg4X.js';
-import '../isTypedArray-YZkwEtdv.js';
-import '../isObjectLike-BlAOf-CK.js';
-import '../_baseAssignValue-CoeYvJ8F.js';
-import '../_baseFor-mLi_8AD3.js';
-import '../keysIn-C_RNPDer.js';
-import '../_isIterateeCall-Cjl8Rbzm.js';
-import '../_setToString-sIBkoe-l.js';
+import '../_commonjsHelpers-DGFZgUy3.js';
+import '../identity-DhNWhZKt.js';
+import '../isTypedArray-CKVIoU5d.js';
+import '../isObjectLike-CJahVmA9.js';
+import '../_baseAssignValue-D-57Tsb7.js';
+import '../_baseFor-B44XyzI3.js';
+import '../keysIn-Bpky-sBv.js';
+import '../_isIterateeCall-9G9hW3kQ.js';
+import '../_setToString-Cq2Rcu1n.js';

package/dist/Autocomplete/index.cjs

@@ -1,30 +1,32 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-W1fBc58-.js');
-require('../tslib.es6-DbvWgtLc.js');
+var Autocomplete = require('../Autocomplete-CjVWHKDF.js');
+require('../tslib.es6-BC0UaW5g.js');
 require('react');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('@jobber/hooks');
-require('../Text-gIsYLt75.js');
-require('../Typography-BVESncTm.js');
-require('../Icon-CU7WWcN-.js');
+require('../useOnKeyDown-SvCAGt-i.js');
+require('../useSafeLayoutEffect-BKQEUQPc.js');
+require('../useIsMounted-LN-sspZU.js');
+require('../Text-CYPpna_A.js');
+require('../Typography-C1UEAfaY.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../Heading-qa6esBrh.js');
-require('../InputText-BClYEURj.js');
-require('../FormField-CU4WFRNj.js');
+require('../Heading-BO8WkCVr.js');
+require('../InputText-CnMckSL1.js');
+require('../FormField-DjvuqGra.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-DopiYwye.js');
+require('../Button-DIyHx6LV.js');
 require('react-router-dom');
-require('../useFormFieldFocus-Bhr6NbZV.js');
-require('../InputValidation-C7CP57kX.js');
-require('../Spinner-B3xUH6UL.js');
-require('../debounce-DUhtrvjh.js');
-require('../_commonjsHelpers-Ciyk2__x.js');
-require('../isObjectLike-Du0NzoAq.js');
-require('../isSymbol-DGDFZXAu.js');
+require('../useFormFieldFocus-BDAPakEy.js');
+require('../InputValidation-DM6zYB0G.js');
+require('../Spinner-C88DyKtP.js');
+require('../debounce-D3Hl6gvj.js');
+require('../_commonjsHelpers-lUPY9CgW.js');
+require('../isObjectLike-BKMV5j4-.js');
+require('../isSymbol-D1uOrnC6.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,25 +1,27 @@
-export { A as Autocomplete } from '../Autocomplete-DXUbTi0V.js';
-import '../tslib.es6-C_qsEZnZ.js';
+export { A as Autocomplete } from '../Autocomplete-s5jtYkQP.js';
+import '../tslib.es6-CTxYapuX.js';
 import 'react';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '@jobber/hooks';
-import '../Text-aH0nM0ql.js';
-import '../Typography-b-QkxCBZ.js';
-import '../Icon-D-oB2vQu.js';
+import '../useOnKeyDown-CBcYPHEe.js';
+import '../useSafeLayoutEffect-CUWLzBXh.js';
+import '../useIsMounted-DaAAKF_i.js';
+import '../Text-Dz42rriT.js';
+import '../Typography-eMgZ7shu.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../Heading-1DZq_elS.js';
-import '../InputText-LOcnh1Fv.js';
-import '../FormField-CaNNNLiR.js';
+import '../Heading-aLFLLj33.js';
+import '../InputText-BX32rFGZ.js';
+import '../FormField--GMXwQfU.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-CYjUU9xE.js';
+import '../Button-j2FZti2X.js';
 import 'react-router-dom';
-import '../useFormFieldFocus-VUaZxj2M.js';
-import '../InputValidation-DilEuvit.js';
-import '../Spinner-BLE4_8a5.js';
-import '../debounce-B1a1CU-1.js';
-import '../_commonjsHelpers-CtdGrDsb.js';
-import '../isObjectLike-BlAOf-CK.js';
-import '../isSymbol-SEY6sIDm.js';
+import '../useFormFieldFocus-R-A00m2T.js';
+import '../InputValidation-CJFPi4_L.js';
+import '../Spinner-Buoym1KL.js';
+import '../debounce-CrMla9Mp.js';
+import '../_commonjsHelpers-DGFZgUy3.js';
+import '../isObjectLike-CJahVmA9.js';
+import '../isSymbol-D1wm2Pu4.js';

package/dist/{Autocomplete-W1fBc58-.js → Autocomplete-CjVWHKDF.js}

@@ -1,16 +1,18 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DbvWgtLc.js');
+var tslib_es6 = require('./tslib.es6-BC0UaW5g.js');
 var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
-var require$$64 = require('react-popper');
-var jobberHooks = require('@jobber/hooks');
-var Text = require('./Text-gIsYLt75.js');
-var Icon = require('./Icon-CU7WWcN-.js');
-var Heading = require('./Heading-qa6esBrh.js');
-var InputText = require('./InputText-BClYEURj.js');
-var debounce = require('./debounce-DUhtrvjh.js');
+var reactPopper = require('react-popper');
+var useOnKeyDown = require('./useOnKeyDown-SvCAGt-i.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-BKQEUQPc.js');
+var useIsMounted = require('./useIsMounted-LN-sspZU.js');
+var Text = require('./Text-CYPpna_A.js');
+var Icon = require('./Icon-Cco79q1Z.js');
+var Heading = require('./Heading-BO8WkCVr.js');
+var InputText = require('./InputText-CnMckSL1.js');
+var debounce = require('./debounce-D3Hl6gvj.js');
 
 var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","heading":"PWZL-94hH7k-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
@@ -31,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 = jobberHooks.useIsMounted();
+    const mounted = useIsMounted.useIsMounted_2();
     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 }), "data-elevation": "elevated" }, attributes.popper), options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
@@ -60,19 +62,19 @@ function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
                 inline: "start",
             });
         }, [highlightedIndex]);
-        jobberHooks.useOnKeyDown((event) => {
+        useOnKeyDown.useOnKeyDown_2((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Next);
             if (indexChange) {
                 setHighlightedIndex(Math.min(options.length - 1, highlightedIndex + indexChange));
             }
         }, "ArrowDown");
-        jobberHooks.useOnKeyDown((event) => {
+        useOnKeyDown.useOnKeyDown_2((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Previous);
             if (indexChange) {
                 setHighlightedIndex(Math.max(0, highlightedIndex + indexChange));
             }
         }, "ArrowUp");
-        jobberHooks.useOnKeyDown((event) => {
+        useOnKeyDown.useOnKeyDown_2((event) => {
             if (!visible)
                 return;
             if (isGroup(options[highlightedIndex]))
@@ -102,13 +104,13 @@ function isGroup(option) {
 function useRepositionMenu(attachTo, visible = false) {
     var _a;
     const [menuRef, setMenuRef] = React.useState();
-    const popper = require$$64.usePopper(attachTo.current, menuRef, {
+    const popper = reactPopper.usePopper(attachTo.current, menuRef, {
         modifiers: [
             { name: "offset", options: { offset: [0, 8] } },
             { name: "flip", options: { fallbackPlacements: ["top"] } },
         ],
     });
-    jobberHooks.useSafeLayoutEffect(() => {
+    useSafeLayoutEffect.useSafeLayoutEffect_1(() => {
         var _a;
         (_a = popper === null || popper === void 0 ? void 0 : popper.update) === null || _a === void 0 ? void 0 : _a.call(popper);
     }, [visible]);

package/dist/{Autocomplete-DXUbTi0V.js → Autocomplete-s5jtYkQP.js}

@@ -1,14 +1,16 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-C_qsEZnZ.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-CTxYapuX.js';
 import React, { useState, useEffect, useRef, useMemo, forwardRef } from 'react';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { useIsMounted, useOnKeyDown, useSafeLayoutEffect } from '@jobber/hooks';
-import { T as Text } from './Text-aH0nM0ql.js';
-import { I as Icon } from './Icon-D-oB2vQu.js';
-import { H as Heading } from './Heading-1DZq_elS.js';
-import { I as InputText } from './InputText-LOcnh1Fv.js';
-import { d as debounce } from './debounce-B1a1CU-1.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CBcYPHEe.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-CUWLzBXh.js';
+import { u as useIsMounted_2 } from './useIsMounted-DaAAKF_i.js';
+import { T as Text } from './Text-Dz42rriT.js';
+import { I as Icon } from './Icon-xgH56Ujn.js';
+import { H as Heading } from './Heading-aLFLLj33.js';
+import { I as InputText } from './InputText-BX32rFGZ.js';
+import { a as debounce } from './debounce-CrMla9Mp.js';
 
 var styles = {"autocomplete":"_7mObJiwfPh4-","options":"dL5JShAJlKM-","visible":"_2RzcnTdaPyc-","option":"y9zhi8Wr8QA-","active":"_3Xg49dtL1Q8-","separator":"LIeh390F3W8-","heading":"PWZL-94hH7k-","icon":"K2phy6IC3TY-","text":"a6-LbUm5WnY-","label":"tQNbuxcE9nU-","details":"qacStG9-XbE-","spinning":"P9cQDL4MZ-s-"};
 
@@ -29,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();
+    const mounted = useIsMounted_2();
     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 }), "data-elevation": "elevated" }, attributes.popper), options.map((option, index) => {
         const optionClass = classnames(styles.option, {
             [styles.active]: index === highlightedIndex,
@@ -58,19 +60,19 @@ function Menu({ visible, options, selectedOption, onOptionSelect, attachTo, }) {
                 inline: "start",
             });
         }, [highlightedIndex]);
-        useOnKeyDown((event) => {
+        useOnKeyDown_2((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Next);
             if (indexChange) {
                 setHighlightedIndex(Math.min(options.length - 1, highlightedIndex + indexChange));
             }
         }, "ArrowDown");
-        useOnKeyDown((event) => {
+        useOnKeyDown_2((event) => {
             const indexChange = arrowKeyPress(event, IndexChange.Previous);
             if (indexChange) {
                 setHighlightedIndex(Math.max(0, highlightedIndex + indexChange));
             }
         }, "ArrowUp");
-        useOnKeyDown((event) => {
+        useOnKeyDown_2((event) => {
             if (!visible)
                 return;
             if (isGroup(options[highlightedIndex]))
@@ -106,7 +108,7 @@ function useRepositionMenu(attachTo, visible = false) {
             { name: "flip", options: { fallbackPlacements: ["top"] } },
         ],
     });
-    useSafeLayoutEffect(() => {
+    useSafeLayoutEffect_1(() => {
         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-GuXoV1eg.js');
+var Avatar = require('../Avatar-Bvk2S3n2.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-CU7WWcN-.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-HhCSqscn.js';
+export { A as Avatar } from '../Avatar-Cxy3wYgx.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-D-oB2vQu.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';

package/dist/{Avatar-GuXoV1eg.js → Avatar-Bvk2S3n2.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var classnames = require('classnames');
 var Color = require('color');
-var Icon = require('./Icon-CU7WWcN-.js');
+var Icon = require('./Icon-Cco79q1Z.js');
 
 var styles = {"avatar":"QJpdGzG71k8-","large":"bexrcoi1lZk-","small":"xytAyzEap3U-","isDark":"E0Pgej0H3YA-","initials":"_85roPa-UvXQ-","smallInitials":"meLH-BCeXWU-","hasBorder":"OsEsZnEnjLc-","spinning":"VkgQaQlBDig-"};
 

package/dist/{Avatar-HhCSqscn.js → Avatar-Cxy3wYgx.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-D-oB2vQu.js';
+import { I as Icon } from './Icon-xgH56Ujn.js';
 
 var styles = {"avatar":"QJpdGzG71k8-","large":"bexrcoi1lZk-","small":"xytAyzEap3U-","isDark":"E0Pgej0H3YA-","initials":"_85roPa-UvXQ-","smallInitials":"meLH-BCeXWU-","hasBorder":"OsEsZnEnjLc-","spinning":"VkgQaQlBDig-"};
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-MZUwVagf.js');
+var BannerIcon = require('../../../BannerIcon-sSkqxoNB.js');
 require('react');
 require('classnames');
-require('../../../Icon-CU7WWcN-.js');
+require('../../../Icon-Cco79q1Z.js');
 require('@jobber/design');
 
 

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

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-ATxXCAot.js';
+export { B as BannerIcon } from '../../../BannerIcon-Dzukatn_.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-D-oB2vQu.js';
+import '../../../Icon-xgH56Ujn.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,17 +1,22 @@
 'use strict';
 
-var Banner = require('../Banner-CzUsxcyt.js');
+var Banner = require('../Banner-Cfiwq82m.js');
 require('react');
 require('classnames');
-require('@jobber/hooks');
-require('../BannerIcon-MZUwVagf.js');
-require('../Icon-CU7WWcN-.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('../BannerIcon-sSkqxoNB.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../Text-gIsYLt75.js');
-require('../Typography-BVESncTm.js');
-require('../Button-DopiYwye.js');
+require('../Text-CYPpna_A.js');
+require('../Typography-C1UEAfaY.js');
+require('../Button-DIyHx6LV.js');
 require('react-router-dom');
-require('../ButtonDismiss-2rx1b2bm.js');
+require('../ButtonDismiss-Daj4eEjT.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,12 +1,17 @@
-export { B as Banner } from '../Banner-CT5AfyKY.js';
+export { B as Banner } from '../Banner-Db6TeJuJ.js';
 import 'react';
 import 'classnames';
-import '@jobber/hooks';
-import '../BannerIcon-ATxXCAot.js';
-import '../Icon-D-oB2vQu.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 '../BannerIcon-Dzukatn_.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../Text-aH0nM0ql.js';
-import '../Typography-b-QkxCBZ.js';
-import '../Button-CYjUU9xE.js';
+import '../Text-Dz42rriT.js';
+import '../Typography-eMgZ7shu.js';
+import '../Button-j2FZti2X.js';
 import 'react-router-dom';
-import '../ButtonDismiss-CVNDvotf.js';
+import '../ButtonDismiss-BWaDBkTB.js';

package/dist/{Banner-CzUsxcyt.js → Banner-Cfiwq82m.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var jobberHooks = require('@jobber/hooks');
-var BannerIcon = require('./BannerIcon-MZUwVagf.js');
-var Text = require('./Text-gIsYLt75.js');
-var Button = require('./Button-DopiYwye.js');
-var ButtonDismiss = require('./ButtonDismiss-2rx1b2bm.js');
+var useResizeObserver = require('./useResizeObserver-CgHVP5nI.js');
+var BannerIcon = require('./BannerIcon-sSkqxoNB.js');
+var Text = require('./Text-CYPpna_A.js');
+var Button = require('./Button-DIyHx6LV.js');
+var ButtonDismiss = require('./ButtonDismiss-Daj4eEjT.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = React.useState(true);
@@ -17,7 +17,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = jobberHooks.useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver.useResizeObserver({
         widths: bannerWidths,
     });
     if (primaryAction != undefined) {

package/dist/{Banner-CT5AfyKY.js → Banner-Db6TeJuJ.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { useResizeObserver } from '@jobber/hooks';
-import { s as styles, B as BannerIcon } from './BannerIcon-ATxXCAot.js';
-import { T as Text } from './Text-aH0nM0ql.js';
-import { B as Button } from './Button-CYjUU9xE.js';
-import { B as ButtonDismiss } from './ButtonDismiss-CVNDvotf.js';
+import { u as useResizeObserver } from './useResizeObserver-PNPCe7LT.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-Dzukatn_.js';
+import { T as Text } from './Text-Dz42rriT.js';
+import { B as Button } from './Button-j2FZti2X.js';
+import { B as ButtonDismiss } from './ButtonDismiss-BWaDBkTB.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = useState(true);
@@ -15,7 +15,7 @@ function Banner({ children, type, primaryAction, dismissible = true, icon, onDis
         small: 320,
         medium: 480,
     };
-    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver({
+    const [bannerRef, { width: bannerWidth = bannerWidths.small }] = useResizeObserver.useResizeObserver({
         widths: bannerWidths,
     });
     if (primaryAction != undefined) {

package/dist/{BannerIcon-ATxXCAot.js → BannerIcon-Dzukatn_.js}

@@ -1,6 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-D-oB2vQu.js';
+import { I as Icon } from './Icon-xgH56Ujn.js';
 
 var styles = {"banner":"ucGelS5nNm0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
 

package/dist/{BannerIcon-MZUwVagf.js → BannerIcon-sSkqxoNB.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-CU7WWcN-.js');
+var Icon = require('./Icon-Cco79q1Z.js');
 
 var styles = {"banner":"ucGelS5nNm0-","bannerChildren":"dG2vHE6g8f0-","bannerContent":"j9IeihCCYxI-","medium":"D5X29shmSr0-","bannerAction":"W0pSTO-oRmk-","closeButton":"-IYYDBmq2Q0-","iconWrapper":"BQhacg0OlMs-","spinning":"fZdByimVT5Q-"};
 

package/dist/Box/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Box = require('../Box-BByZcU1I.js');
-require('../tslib.es6-DbvWgtLc.js');
+var Box = require('../Box-1PcRg59i.js');
+require('../tslib.es6-BC0UaW5g.js');
 require('react');
 require('classnames');
 

package/dist/Box/index.mjs

@@ -1,4 +1,4 @@
-export { B as Box } from '../Box-D_t0-I5w.js';
-import '../tslib.es6-C_qsEZnZ.js';
+export { B as Box } from '../Box-Vh_QUIbP.js';
+import '../tslib.es6-CTxYapuX.js';
 import 'react';
 import 'classnames';

package/dist/{Box-BByZcU1I.js → Box-1PcRg59i.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DbvWgtLc.js');
+var tslib_es6 = require('./tslib.es6-BC0UaW5g.js');
 var React = require('react');
 var classnames = require('classnames');
 

package/dist/{Box-D_t0-I5w.js → Box-Vh_QUIbP.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-C_qsEZnZ.js';
+import { _ as __rest } from './tslib.es6-CTxYapuX.js';
 import React from 'react';
 import classnames from 'classnames';
 

package/dist/Button/index.cjs

@@ -1,12 +1,12 @@
 'use strict';
 
-var Button = require('../Button-DopiYwye.js');
+var Button = require('../Button-DIyHx6LV.js');
 require('react');
 require('classnames');
 require('react-router-dom');
-require('../Icon-CU7WWcN-.js');
+require('../Icon-Cco79q1Z.js');
 require('@jobber/design');
-require('../Typography-BVESncTm.js');
+require('../Typography-C1UEAfaY.js');
 
 
 

package/dist/Button/index.mjs

@@ -1,7 +1,7 @@
-export { B as Button } from '../Button-CYjUU9xE.js';
+export { B as Button } from '../Button-j2FZti2X.js';
 import 'react';
 import 'classnames';
 import 'react-router-dom';
-import '../Icon-D-oB2vQu.js';
+import '../Icon-xgH56Ujn.js';
 import '@jobber/design';
-import '../Typography-b-QkxCBZ.js';
+import '../Typography-eMgZ7shu.js';