@jobber/components 5.20.7 → 5.20.8-JOB-101907.27

package/ThemeContext.d.ts

@@ -0,0 +1 @@
+export * from "./dist/ThemeContext";

package/ThemeContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true,
+});
+
+var ThemeContext = require("./dist/ThemeContext");
+
+Object.keys(ThemeContext).forEach(function(key) {
+  if (key === "default" || key === "__esModule") return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return ThemeContext[key];
+    },
+  });
+});

package/dist/AnimatedPresence/index.cjs

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

package/dist/AnimatedPresence/index.mjs

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

package/dist/AnimatedSwitcher/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var AnimatedSwitcher = require('../AnimatedSwitcher-BgCS1S41.js');
+var AnimatedSwitcher = require('../AnimatedSwitcher-DPh2dqnJ.js');
 require('react');
 require('framer-motion');
-require('../Icon-Dy86SgKQ.js');
+require('../Icon-D9syM6bB.js');
 require('@jobber/design');
 
 

package/dist/AnimatedSwitcher/index.mjs

@@ -1,5 +1,5 @@
-export { A as AnimatedSwitcher } from '../AnimatedSwitcher-DANvnRKS.js';
+export { A as AnimatedSwitcher } from '../AnimatedSwitcher-OzpffYuG.js';
 import 'react';
 import 'framer-motion';
-import '../Icon-EBEQFLsi.js';
+import '../Icon--atCG9Mb.js';
 import '@jobber/design';

package/dist/{AnimatedSwitcher-BgCS1S41.js → AnimatedSwitcher-DPh2dqnJ.js}

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

package/dist/{AnimatedSwitcher-DANvnRKS.js → AnimatedSwitcher-OzpffYuG.js}

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
-import { I as Icon } from './Icon-EBEQFLsi.js';
+import { I as Icon } from './Icon--atCG9Mb.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-BN57EkDB.js');
+var AtlantisContext = require('../AtlantisContext-lJ9krjQd.js');
 require('react');
 
 

package/dist/AtlantisContext/index.mjs

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

package/dist/Autocomplete/index.cjs

@@ -1,32 +1,32 @@
 'use strict';
 
-var Autocomplete = require('../Autocomplete-DrlLJzAI.js');
-require('../tslib.es6-CRBTczJu.js');
+var Autocomplete = require('../Autocomplete-3bM1E_KO.js');
+require('../tslib.es6-B7DvPe1p.js');
 require('react');
-require('../debounce-C9Lbvl_W.js');
-require('../_commonjsHelpers-BZDcliAj.js');
-require('../isObjectLike-BzejLeDJ.js');
-require('../isSymbol-C3uqWUAo.js');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('../useOnKeyDown-DlNofEty.js');
-require('../useSafeLayoutEffect-B--_HCjV.js');
-require('../useIsMounted-YTCw2C4j.js');
-require('../Text-B9yVgqL6.js');
-require('../Typography-Da5uJdz4.js');
-require('../Icon-Dy86SgKQ.js');
+require('../useOnKeyDown-DU2bavbr.js');
+require('../useSafeLayoutEffect-CGoDVU0C.js');
+require('../useIsMounted-lWhkkiGf.js');
+require('../Text-C38Y8b_e.js');
+require('../Typography-CiLBthx3.js');
+require('../Icon-D9syM6bB.js');
 require('@jobber/design');
-require('../Heading-CPu8Wt-A.js');
-require('../InputText-BIhJX2lv.js');
-require('../FormField-CAuaSp0s.js');
+require('../Heading-DBgdRLwt.js');
+require('../InputText-BXBATxVr.js');
+require('../FormField-ClclSOLA.js');
 require('react-hook-form');
 require('framer-motion');
-require('../Button-Dz9Txb9H.js');
+require('../Button-CQQ3YKPV.js');
 require('react-router-dom');
-require('../useFormFieldFocus-hjj--gep.js');
-require('../InputValidation-Bj8LPULb.js');
-require('../Spinner-BUvv_dB7.js');
+require('../useFormFieldFocus-CDtzbmvY.js');
+require('../InputValidation-t_kwRRjX.js');
+require('../Spinner-C4QJzVKQ.js');
+require('../debounce-BszUDx_b.js');
+require('../_commonjsHelpers-4scIqpFs.js');
+require('../isObjectLike-u9caVrPn.js');
+require('../isSymbol-DUGpN3Qp.js');
 
 
 

package/dist/Autocomplete/index.mjs

@@ -1,27 +1,27 @@
-export { A as Autocomplete } from '../Autocomplete-C5Rolr3b.js';
-import '../tslib.es6-BvYlgskK.js';
+export { A as Autocomplete } from '../Autocomplete-7BjlXL0r.js';
+import '../tslib.es6-c8JZ6BM8.js';
 import 'react';
-import '../debounce-Dmv2ZLYr.js';
-import '../_commonjsHelpers-XS-6o8CG.js';
-import '../isObjectLike-D4oYmDeg.js';
-import '../isSymbol-DSR0dOnt.js';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '../useOnKeyDown-Cmq3nxnj.js';
-import '../useSafeLayoutEffect-7JODlTzO.js';
-import '../useIsMounted-APi0vdmK.js';
-import '../Text-m37VkfMK.js';
-import '../Typography-BxqozTX3.js';
-import '../Icon-EBEQFLsi.js';
+import '../useOnKeyDown-CpFO8lNR.js';
+import '../useSafeLayoutEffect-L6SfriaH.js';
+import '../useIsMounted-CsOKncHI.js';
+import '../Text-C8jmRZK6.js';
+import '../Typography-ssxp0zuF.js';
+import '../Icon--atCG9Mb.js';
 import '@jobber/design';
-import '../Heading-D6cLIRsk.js';
-import '../InputText-5_4RgR2d.js';
-import '../FormField-FIGzYJt8.js';
+import '../Heading-T8hn-zTW.js';
+import '../InputText-A3pkmEfE.js';
+import '../FormField-DK8lYun3.js';
 import 'react-hook-form';
 import 'framer-motion';
-import '../Button-B6opn1hr.js';
+import '../Button-DaMX5Km4.js';
 import 'react-router-dom';
-import '../useFormFieldFocus-CZiaCyjZ.js';
-import '../InputValidation-4paSqDl7.js';
-import '../Spinner-BVZg7jTZ.js';
+import '../useFormFieldFocus-DxGFgWtS.js';
+import '../InputValidation-CH3GKHIn.js';
+import '../Spinner-CH9m4bzw.js';
+import '../debounce-gv8sfhL3.js';
+import '../_commonjsHelpers-Yv0wsc1f.js';
+import '../isObjectLike-31Uz00Fo.js';
+import '../isSymbol-CM5WPWqm.js';

package/dist/{Autocomplete-DrlLJzAI.js → Autocomplete-3bM1E_KO.js}

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CRBTczJu.js');
+var tslib_es6 = require('./tslib.es6-B7DvPe1p.js');
 var React = require('react');
-var debounce = require('./debounce-C9Lbvl_W.js');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('./useOnKeyDown-DlNofEty.js');
-var useSafeLayoutEffect = require('./useSafeLayoutEffect-B--_HCjV.js');
-var useIsMounted = require('./useIsMounted-YTCw2C4j.js');
-var Text = require('./Text-B9yVgqL6.js');
-var Icon = require('./Icon-Dy86SgKQ.js');
-var Heading = require('./Heading-CPu8Wt-A.js');
-var InputText = require('./InputText-BIhJX2lv.js');
+var useOnKeyDown = require('./useOnKeyDown-DU2bavbr.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-CGoDVU0C.js');
+var useIsMounted = require('./useIsMounted-lWhkkiGf.js');
+var Text = require('./Text-C38Y8b_e.js');
+var Icon = require('./Icon-D9syM6bB.js');
+var Heading = require('./Heading-DBgdRLwt.js');
+var InputText = require('./InputText-BXBATxVr.js');
+var debounce = require('./debounce-BszUDx_b.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-"};
+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-","spinning":"iPB87GEOvKw-"};
 
 var IndexChange;
 (function (IndexChange) {
@@ -118,6 +118,36 @@ function useRepositionMenu(attachTo, visible = false) {
     return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
 }
 
+/**
+ * A hook to easily manage debounced functions, including their cleanup.
+ * @param func The function to debounce.
+ * @param wait The number of milliseconds to delay.
+ * @param options Optional debounce settings.
+ * @returns The debounced function.
+ */
+function useDebounce(func, wait, options) {
+    const funcRef = React.useRef(func);
+    // We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
+    // This is a defense against consumers who aren't memoizing their functions.. or if they are
+    // memoized but invalidating too frequently due to possible bugs.
+    if (funcRef.current !== func) {
+        funcRef.current = func;
+    }
+    const debounced = React.useMemo(() => {
+        return debounce.debounce(() => funcRef.current(), wait, options);
+        // Note: do not add any dependencies! There is currently no use case where we would change
+        // the wait delay or options between renders. By not tracking as dependencies, this allows
+        // consumers of useDebounce to provide a raw object for options rather than forcing them to
+        // memoize that param. Same with the func they provide, we're using a ref to keep that up
+        // to date and to avoid forcing the consumer to memoize it.
+    }, []);
+    React.useEffect(() => {
+        // If the debounced function is recreated (or unmounted), cancel the last call.
+        return () => debounced.cancel();
+    }, [debounced]);
+    return debounced;
+}
+
 // Max statements increased to make room for the debounce functions
 /* eslint max-statements: ["error", 14] */
 function AutocompleteInternal(_a, ref) {
@@ -127,10 +157,9 @@ 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 = useDebounce(updateSearch, debounceRate);
     React.useEffect(() => {
         delayedSearch();
-        return delayedSearch.cancel;
     }, [inputText]);
     React.useEffect(() => {
         var _a;

package/dist/{Autocomplete-C5Rolr3b.js → Autocomplete-7BjlXL0r.js}

@@ -1,18 +1,18 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-BvYlgskK.js';
-import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { a as debounce } from './debounce-Dmv2ZLYr.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c8JZ6BM8.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 { u as useOnKeyDown_2 } from './useOnKeyDown-Cmq3nxnj.js';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-7JODlTzO.js';
-import { u as useIsMounted_2 } from './useIsMounted-APi0vdmK.js';
-import { T as Text } from './Text-m37VkfMK.js';
-import { I as Icon } from './Icon-EBEQFLsi.js';
-import { H as Heading } from './Heading-D6cLIRsk.js';
-import { I as InputText } from './InputText-5_4RgR2d.js';
+import { u as useOnKeyDown_2 } from './useOnKeyDown-CpFO8lNR.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-L6SfriaH.js';
+import { u as useIsMounted_2 } from './useIsMounted-CsOKncHI.js';
+import { T as Text } from './Text-C8jmRZK6.js';
+import { I as Icon } from './Icon--atCG9Mb.js';
+import { H as Heading } from './Heading-T8hn-zTW.js';
+import { I as InputText } from './InputText-A3pkmEfE.js';
+import { a as debounce } from './debounce-gv8sfhL3.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-"};
+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-","spinning":"iPB87GEOvKw-"};
 
 var IndexChange;
 (function (IndexChange) {
@@ -116,6 +116,36 @@ function useRepositionMenu(attachTo, visible = false) {
     return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
 }
 
+/**
+ * A hook to easily manage debounced functions, including their cleanup.
+ * @param func The function to debounce.
+ * @param wait The number of milliseconds to delay.
+ * @param options Optional debounce settings.
+ * @returns The debounced function.
+ */
+function useDebounce(func, wait, options) {
+    const funcRef = useRef(func);
+    // We're keeping the provided func wrapped in a ref to avoid forcing the consumer to memoize it.
+    // This is a defense against consumers who aren't memoizing their functions.. or if they are
+    // memoized but invalidating too frequently due to possible bugs.
+    if (funcRef.current !== func) {
+        funcRef.current = func;
+    }
+    const debounced = useMemo(() => {
+        return debounce(() => funcRef.current(), wait, options);
+        // Note: do not add any dependencies! There is currently no use case where we would change
+        // the wait delay or options between renders. By not tracking as dependencies, this allows
+        // consumers of useDebounce to provide a raw object for options rather than forcing them to
+        // memoize that param. Same with the func they provide, we're using a ref to keep that up
+        // to date and to avoid forcing the consumer to memoize it.
+    }, []);
+    useEffect(() => {
+        // If the debounced function is recreated (or unmounted), cancel the last call.
+        return () => debounced.cancel();
+    }, [debounced]);
+    return debounced;
+}
+
 // Max statements increased to make room for the debounce functions
 /* eslint max-statements: ["error", 14] */
 function AutocompleteInternal(_a, ref) {
@@ -125,10 +155,9 @@ function AutocompleteInternal(_a, ref) {
     const [menuVisible, setMenuVisible] = useState(false);
     const [inputText, setInputText] = useState((_b = value === null || value === void 0 ? void 0 : value.label) !== null && _b !== void 0 ? _b : "");
     const autocompleteRef = useRef(null);
-    const delayedSearch = debounce(updateSearch, debounceRate);
+    const delayedSearch = useDebounce(updateSearch, debounceRate);
     useEffect(() => {
         delayedSearch();
-        return delayedSearch.cancel;
     }, [inputText]);
     useEffect(() => {
         var _a;

package/dist/Avatar/index.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var Avatar = require('../Avatar-DBqahQ_x.js');
+var Avatar = require('../Avatar-C21woMAr.js');
 require('react');
 require('classnames');
 require('color');
-require('../Icon-Dy86SgKQ.js');
+require('../Icon-D9syM6bB.js');
 require('@jobber/design');
 
 

package/dist/Avatar/index.mjs

@@ -1,6 +1,6 @@
-export { A as Avatar } from '../Avatar-CO01TIh-.js';
+export { A as Avatar } from '../Avatar-Dz42wSx-.js';
 import 'react';
 import 'classnames';
 import 'color';
-import '../Icon-EBEQFLsi.js';
+import '../Icon--atCG9Mb.js';
 import '@jobber/design';

package/dist/{Avatar-DBqahQ_x.js → Avatar-C21woMAr.js}

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

package/dist/{Avatar-CO01TIh-.js → Avatar-Dz42wSx-.js}

@@ -1,9 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
 import Color from 'color';
-import { I as Icon } from './Icon-EBEQFLsi.js';
+import { I as Icon } from './Icon--atCG9Mb.js';
 
-var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-"};
+var styles = {"avatar":"WniTNadEyPk-","large":"_8Pqn2uZpaZg-","small":"S-edTXYA-7E-","isDark":"S1iBGElfOUA-","initials":"ErPhpHHpiBQ-","smallInitials":"aC-d-mngrIc-","hasBorder":"nR0S-GzjDnQ-","spinning":"Hy8OadVgshM-"};
 
 function isDark(colorToCheck) {
     if (colorToCheck == undefined) {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var BannerIcon = require('../../../BannerIcon-rW_Np0P4.js');
+var BannerIcon = require('../../../BannerIcon-jVtHJ0zZ.js');
 require('react');
 require('classnames');
-require('../../../Icon-Dy86SgKQ.js');
+require('../../../Icon-D9syM6bB.js');
 require('@jobber/design');
 
 

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

@@ -1,5 +1,5 @@
-export { B as BannerIcon } from '../../../BannerIcon-C-hcHQFp.js';
+export { B as BannerIcon } from '../../../BannerIcon-3gPfui48.js';
 import 'react';
 import 'classnames';
-import '../../../Icon-EBEQFLsi.js';
+import '../../../Icon--atCG9Mb.js';
 import '@jobber/design';

package/dist/Banner/index.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var Banner = require('../Banner-BnMr5DVI.js');
+var Banner = require('../Banner-BONDYV3g.js');
 require('react');
 require('classnames');
-require('../useResizeObserver-Mwkejzc5.js');
-require('../_commonjsHelpers-BZDcliAj.js');
-require('../throttle-Csj7ioCW.js');
-require('../debounce-C9Lbvl_W.js');
-require('../isObjectLike-BzejLeDJ.js');
-require('../isSymbol-C3uqWUAo.js');
-require('../BannerIcon-rW_Np0P4.js');
-require('../Icon-Dy86SgKQ.js');
+require('../useResizeObserver-nitL3vBN.js');
+require('../_commonjsHelpers-4scIqpFs.js');
+require('../throttle-BV-HERtC.js');
+require('../debounce-BszUDx_b.js');
+require('../isObjectLike-u9caVrPn.js');
+require('../isSymbol-DUGpN3Qp.js');
+require('../BannerIcon-jVtHJ0zZ.js');
+require('../Icon-D9syM6bB.js');
 require('@jobber/design');
-require('../Text-B9yVgqL6.js');
-require('../Typography-Da5uJdz4.js');
-require('../Button-Dz9Txb9H.js');
+require('../Text-C38Y8b_e.js');
+require('../Typography-CiLBthx3.js');
+require('../Button-CQQ3YKPV.js');
 require('react-router-dom');
-require('../ButtonDismiss-CmeL0Ikq.js');
+require('../ButtonDismiss-DZeRqf_q.js');
 
 
 

package/dist/Banner/index.mjs

@@ -1,17 +1,17 @@
-export { B as Banner } from '../Banner-7t60NWq3.js';
+export { B as Banner } from '../Banner-BsDjBooD.js';
 import 'react';
 import 'classnames';
-import '../useResizeObserver-uIBmftp8.js';
-import '../_commonjsHelpers-XS-6o8CG.js';
-import '../throttle-uZBwBS_o.js';
-import '../debounce-Dmv2ZLYr.js';
-import '../isObjectLike-D4oYmDeg.js';
-import '../isSymbol-DSR0dOnt.js';
-import '../BannerIcon-C-hcHQFp.js';
-import '../Icon-EBEQFLsi.js';
+import '../useResizeObserver-DWguP1vx.js';
+import '../_commonjsHelpers-Yv0wsc1f.js';
+import '../throttle-AJHhfQJH.js';
+import '../debounce-gv8sfhL3.js';
+import '../isObjectLike-31Uz00Fo.js';
+import '../isSymbol-CM5WPWqm.js';
+import '../BannerIcon-3gPfui48.js';
+import '../Icon--atCG9Mb.js';
 import '@jobber/design';
-import '../Text-m37VkfMK.js';
-import '../Typography-BxqozTX3.js';
-import '../Button-B6opn1hr.js';
+import '../Text-C8jmRZK6.js';
+import '../Typography-ssxp0zuF.js';
+import '../Button-DaMX5Km4.js';
 import 'react-router-dom';
-import '../ButtonDismiss-BX-PQNvt.js';
+import '../ButtonDismiss-rQED0XFt.js';

package/dist/{Banner-BnMr5DVI.js → Banner-BONDYV3g.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useResizeObserver = require('./useResizeObserver-Mwkejzc5.js');
-var BannerIcon = require('./BannerIcon-rW_Np0P4.js');
-var Text = require('./Text-B9yVgqL6.js');
-var Button = require('./Button-Dz9Txb9H.js');
-var ButtonDismiss = require('./ButtonDismiss-CmeL0Ikq.js');
+var useResizeObserver = require('./useResizeObserver-nitL3vBN.js');
+var BannerIcon = require('./BannerIcon-jVtHJ0zZ.js');
+var Text = require('./Text-C38Y8b_e.js');
+var Button = require('./Button-CQQ3YKPV.js');
+var ButtonDismiss = require('./ButtonDismiss-DZeRqf_q.js');
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = React.useState(true);

package/dist/{Banner-7t60NWq3.js → Banner-BsDjBooD.js}

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { u as useResizeObserver } from './useResizeObserver-uIBmftp8.js';
-import { s as styles, B as BannerIcon } from './BannerIcon-C-hcHQFp.js';
-import { T as Text } from './Text-m37VkfMK.js';
-import { B as Button } from './Button-B6opn1hr.js';
-import { B as ButtonDismiss } from './ButtonDismiss-BX-PQNvt.js';
+import { u as useResizeObserver } from './useResizeObserver-DWguP1vx.js';
+import { s as styles, B as BannerIcon } from './BannerIcon-3gPfui48.js';
+import { T as Text } from './Text-C8jmRZK6.js';
+import { B as Button } from './Button-DaMX5Km4.js';
+import { B as ButtonDismiss } from './ButtonDismiss-rQED0XFt.js';
 
 function Banner({ children, type, primaryAction, dismissible = true, icon, onDismiss, controlledVisiblity, }) {
     const [showBanner, setShowBanner] = useState(true);

package/dist/{BannerIcon-C-hcHQFp.js → BannerIcon-3gPfui48.js}

@@ -1,10 +1,10 @@
 import React from 'react';
 import classnames from 'classnames';
-import { I as Icon } from './Icon-EBEQFLsi.js';
+import { I as Icon } from './Icon--atCG9Mb.js';
 
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
+var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-","spinning":"_-6RPCwEnH04-"};
 
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
+var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-","spinning":"soTX0Irp8MY-"};
 
 function BannerIcon({ icon, type }) {
     return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },

package/dist/{BannerIcon-rW_Np0P4.js → BannerIcon-jVtHJ0zZ.js}

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Icon = require('./Icon-Dy86SgKQ.js');
+var Icon = require('./Icon-D9syM6bB.js');
 
-var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-"};
+var styles = {"banner":"meuT8gYQPJU-","bannerChildren":"y4BapyZr-fo-","bannerContent":"_6v1woNSLEvc-","medium":"bocgLmEhcTU-","bannerAction":"rtNjEzmABX4-","closeButton":"lunQ5SOfyLg-","iconWrapper":"SG8xSJADp2k-","spinning":"_-6RPCwEnH04-"};
 
-var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-"};
+var iconStyles = {"success":"_5-B0X5vn0eA-","error":"r3hqur-vxwI-","warning":"-c8TbjyV5YU-","notice":"bMc69fYWngM-","spinning":"soTX0Irp8MY-"};
 
 function BannerIcon({ icon, type }) {
     return (React.createElement("span", { className: classnames(styles.iconWrapper, iconStyles[type]) },

package/dist/{Body-ClbGBZA8.js → Body-3j1EePvn.js}

@@ -2,7 +2,7 @@ import React from 'react';
 import { formatCurrency } from '@jobber/formatters';
 import classnames from 'classnames';
 
-var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-"};
+var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-","spinning":"Ow9tB6vajv0-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);
@@ -12,7 +12,7 @@ function Row({ children }) {
     return React.createElement("tr", { className: styles$1.row }, children);
 }
 
-var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-"};
+var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-","spinning":"lRycOnKAeKk-"};
 
 function Cell({ children, align = "left" }) {
     const className = classnames(styles.cell, styles[align]);

package/dist/{Body-DduJqD6d.js → Body-CkuyFYz9.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var formatters = require('@jobber/formatters');
 var classnames = require('classnames');
 
-var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-"};
+var styles$1 = {"table":"gFY9BLPF808-","row":"NZbmlKVakYo-","header":"_72-uJqZ5jGE-","footer":"fEVdTCw9eOU-","spinning":"Ow9tB6vajv0-"};
 
 function Table({ children }) {
     return React.createElement("table", { className: styles$1.table }, children);
@@ -14,7 +14,7 @@ function Row({ children }) {
     return React.createElement("tr", { className: styles$1.row }, children);
 }
 
-var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-"};
+var styles = {"cell":"xibCW9zSMXU-","left":"SD8FBgvYMQg-","center":"_5VZpkU0Gu40-","right":"DNPkTtpA-8g-","numeric":"_5EfJs7A9kEg-","spinning":"lRycOnKAeKk-"};
 
 function Cell({ children, align = "left" }) {
     const className = classnames(styles.cell, styles[align]);

package/dist/Box/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Box = require('../Box-Hw_E7Er8.js');
-require('../tslib.es6-CRBTczJu.js');
+var Box = require('../Box-Dq_HIwDd.js');
+require('../tslib.es6-B7DvPe1p.js');
 require('react');
 require('classnames');
 

package/dist/Box/index.mjs

@@ -1,4 +1,4 @@
-export { B as Box } from '../Box-Dwt-YIGd.js';
-import '../tslib.es6-BvYlgskK.js';
+export { B as Box } from '../Box-D3h87bGL.js';
+import '../tslib.es6-c8JZ6BM8.js';
 import 'react';
 import 'classnames';