@jobber/components 4.85.4-CJS-to-ESM.29 → 4.85.4-CJS-to-ESM.33

package/dist/Autocomplete/index.cjs

@@ -2,28 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Autocomplete = require('../Autocomplete-b6989031.js');
+var Autocomplete = require('../Autocomplete-7cea3ff8.js');
 require('../tslib.es6-754e2961.js');
 require('react');
-require('lodash');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
 require('react-dom');
 require('react-popper');
-require('@jobber/hooks/useOnKeyDown');
-require('@jobber/hooks/useSafeLayoutEffect');
+require('../useOnKeyDown-f281de78.js');
+require('../useSafeLayoutEffect-f1bb0b33.js');
 require('../Text-259af966.js');
 require('../Typography-c45bf216.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Heading-1e8e4bd3.js');
 require('../getAtlantisConfig-0f3e8af2.js');
-require('../InputText-55b6cb65.js');
-require('../FormField-6ff183f8.js');
+require('../InputText-56f4ab72.js');
+require('../FormField-9e1a326c.js');
 require('react-hook-form');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');

package/dist/Autocomplete/index.mjs

@@ -1,25 +1,24 @@
-export { A as Autocomplete } from '../Autocomplete-a3aabcdf.js';
+export { A as Autocomplete } from '../Autocomplete-679d1be5.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react';
-import 'lodash';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
 import 'react-dom';
 import 'react-popper';
-import '@jobber/hooks/useOnKeyDown';
-import '@jobber/hooks/useSafeLayoutEffect';
+import '../useOnKeyDown-b9f5d527.js';
+import '../useSafeLayoutEffect-37c5d604.js';
 import '../Text-c9162504.js';
 import '../Typography-7cc5daf5.js';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Heading-93e755cb.js';
 import '../getAtlantisConfig-5b50057c.js';
-import '../InputText-8dbcfe70.js';
-import '../FormField-8118cfc8.js';
+import '../InputText-868ac59c.js';
+import '../FormField-6a8d8c64.js';
 import 'react-hook-form';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{Autocomplete-a3aabcdf.js → Autocomplete-679d1be5.js}

@@ -1,16 +1,15 @@
 import { _ as __rest, a as __awaiter } from './tslib.es6-c563c1dd.js';
 import React, { useState, useEffect, forwardRef, useRef } from 'react';
-import { debounce } from 'lodash';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import classnames from 'classnames';
 import { createPortal } from 'react-dom';
 import { usePopper } from 'react-popper';
-import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
-import { useSafeLayoutEffect } from '@jobber/hooks/useSafeLayoutEffect';
+import { u as useOnKeyDown } from './useOnKeyDown-b9f5d527.js';
+import { u as useSafeLayoutEffect } from './useSafeLayoutEffect-37c5d604.js';
 import { T as Text } from './Text-c9162504.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { H as Heading } from './Heading-93e755cb.js';
-import { I as InputText } from './InputText-8dbcfe70.js';
+import { I as InputText } from './InputText-868ac59c.js';
 
 var css_248z = ".v0Cys9vQ-NE- {\n  position: relative;\n  width: 100%;\n}\n\n.CX-N-e0e6og- {\n  display: none;\n  position: absolute;\n  z-index: calc(6 + 1001);\n  z-index: calc(var(--elevation-menu) + var(--elevation-modal));\n  width: 100%;\n  /* Unfortunately this is how we define our line item picker height in jobber online.\n  This is a concession to maintain visual parity. */\n  max-height: 300px;\n  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n      rgba(0, 0, 0, 0.1),\n    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n  box-shadow: var(--shadow-base);\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: calc(16px / 16) solid var(--color-color-border);\n  border: var(--border-base) solid var(--color-color-border);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  overflow: auto;\n  scroll-behavior: smooth;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n.CX-N-e0e6og- h5 {\n  padding: calc(16px / 2) 0 calc(16px / 4) calc(16px / 2);\n  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);\n  border-bottom: calc(16px / 16) solid rgb(1, 41, 57);\n  border-bottom: var(--border-base) solid var(--color-border--section);\n}\n\n.CX-N-e0e6og-._4PlUaegVpkk- {\n  display: block;\n}\n\n.CX-N-e0e6og-._4PlUaegVpkk-:empty {\n  display: none;\n}\n\n.ucQtG0iwqbo- {\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  -ms-flex-direction: row;\n      flex-direction: row;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n  -ms-flex-pack: start;\n      justify-content: flex-start;\n  -ms-flex-line-pack: stretch;\n      align-content: stretch;\n  -ms-flex-align: center;\n      align-items: center;\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border: none;\n  text-align: left;\n  list-style: none;\n  background-color: transparent;\n  cursor: pointer;\n  transition: all 200ms;\n  transition: all var(--timing-base);\n}\n\n.ucQtG0iwqbo-:hover,\n.ucQtG0iwqbo-:focus,\n.ucQtG0iwqbo-.r8HS-ma79QE- {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--color-surface--hover);\n  outline-color: rgb(147, 161, 169);\n  outline-color: var(--color-focus);\n}\n\n.ucQtG0iwqbo-.ydwLX44YFZc-:not(:last-child) {\n  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n.CX-N-e0e6og-:hover .ucQtG0iwqbo-.r8HS-ma79QE-:not(:hover) {\n  background-color: transparent;\n  outline-color: transparent;\n}\n\n.v0Cys9vQ-NE- .PvUgNoAUG7A-:not(:first-child) {\n  padding-top: calc(16px / 2);\n  padding-top: var(--space-small);\n}\n\n.ucQtG0iwqbo- .DAOOFUZ1BRM- {\n  -ms-flex: 0 1 auto;\n      flex: 0 1 auto;\n  -ms-flex-item-align: auto;\n      align-self: auto;\n  width: calc(16px * 1.5);\n  width: var(--space-large);\n}\n\n.ucQtG0iwqbo- .cjKJFup6hGY- {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex: 1 100%;\n      flex: 1 100%;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n}\n\n.ucQtG0iwqbo- .hG5zNBuI2wA- {\n  -ms-flex: 2;\n      flex: 2;\n}\n\n.ucQtG0iwqbo- ._3CwjFCbhqi4- {\n  -ms-flex: 1;\n      flex: 1;\n  -ms-flex-item-align: end;\n      align-self: flex-end;\n  text-align: right;\n}\n";
 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-"};
@@ -114,6 +113,16 @@ function useRepositionMenu(attachTo, visible = false) {
     return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
 }
 
+const debounce = (func, delay, { leading } = {}) => {
+    let timerId;
+    return (...args) => {
+        if (!timerId && leading) {
+            func(...args);
+        }
+        clearTimeout(timerId);
+        timerId = setTimeout(() => func(...args), delay);
+    };
+};
 // Max statements increased to make room for the debounce functions
 /* eslint max-statements: ["error", 14] */
 function AutocompleteInternal(_a, ref) {
@@ -126,7 +135,6 @@ function AutocompleteInternal(_a, ref) {
     const delayedSearch = debounce(updateSearch, debounceRate);
     useEffect(() => {
         delayedSearch();
-        return delayedSearch.cancel;
     }, [inputText]);
     useEffect(() => {
         var _a;

package/dist/{Autocomplete-b6989031.js → Autocomplete-7cea3ff8.js}

@@ -2,17 +2,16 @@
 
 var tslib_es6 = require('./tslib.es6-754e2961.js');
 var React = require('react');
-var lodash = require('lodash');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
+var useOnKeyDown = require('./useOnKeyDown-f281de78.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-f1bb0b33.js');
 var Text = require('./Text-259af966.js');
 var Icon = require('./Icon-405a216c.js');
 var Heading = require('./Heading-1e8e4bd3.js');
-var InputText = require('./InputText-55b6cb65.js');
+var InputText = require('./InputText-56f4ab72.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -121,6 +120,16 @@ function useRepositionMenu(attachTo, visible = false) {
     return Object.assign(Object.assign({}, popper), { menuRef, setMenuRef, targetWidth });
 }
 
+const debounce = (func, delay, { leading } = {}) => {
+    let timerId;
+    return (...args) => {
+        if (!timerId && leading) {
+            func(...args);
+        }
+        clearTimeout(timerId);
+        timerId = setTimeout(() => func(...args), delay);
+    };
+};
 // Max statements increased to make room for the debounce functions
 /* eslint max-statements: ["error", 14] */
 function AutocompleteInternal(_a, ref) {
@@ -130,10 +139,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 = lodash.debounce(updateSearch, debounceRate);
+    const delayedSearch = debounce(updateSearch, debounceRate);
     React.useEffect(() => {
         delayedSearch();
-        return delayedSearch.cancel;
     }, [inputText]);
     React.useEffect(() => {
         var _a;

package/dist/Banner/index.cjs

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Banner = require('../Banner-cb621462.js');
+var Banner = require('../Banner-e568fb2c.js');
 require('react');
 require('classnames');
-require('@jobber/hooks/useResizeObserver');
 require('../BannerIcon-ae763eab.js');
 require('../getAtlantisConfig-0f3e8af2.js');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
+require('../useResizeObserver-4a0beab4.js');
+require('use-resize-observer/polyfilled');
 require('../Text-259af966.js');
 require('../Typography-c45bf216.js');
 require('../Button-b73a5e01.js');

package/dist/Banner/index.mjs

@@ -1,12 +1,13 @@
-export { B as Banner } from '../Banner-2d1688c7.js';
+export { B as Banner } from '../Banner-fc36df3d.js';
 import 'react';
 import 'classnames';
-import '@jobber/hooks/useResizeObserver';
 import '../BannerIcon-9d41540d.js';
 import '../getAtlantisConfig-5b50057c.js';
 import '../style-inject.es-a0e1a0ba.js';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
+import '../useResizeObserver-91b6088c.js';
+import 'use-resize-observer/polyfilled';
 import '../Text-c9162504.js';
 import '../Typography-7cc5daf5.js';
 import '../Button-9ae092b3.js';

package/dist/{Banner-cb621462.js → Banner-e568fb2c.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var jobberHooks = require('@jobber/hooks/useResizeObserver');
 var BannerIcon = require('./BannerIcon-ae763eab.js');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var useResizeObserver = require('./useResizeObserver-4a0beab4.js');
 var Icon = require('./Icon-405a216c.js');
 var Text = require('./Text-259af966.js');
 var Button = require('./Button-b73a5e01.js');
@@ -27,7 +27,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({
         widths: bannerWidths,
     });
     const iconColors = {

package/dist/{Banner-2d1688c7.js → Banner-fc36df3d.js}

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import { useResizeObserver } from '@jobber/hooks/useResizeObserver';
 import { s as styles, B as BannerIcon } from './BannerIcon-9d41540d.js';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
+import { u as useResizeObserver } from './useResizeObserver-91b6088c.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { T as Text } from './Text-c9162504.js';
 import { B as Button } from './Button-9ae092b3.js';

package/dist/Card/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-d8c2b767.js');
+var Card = require('../Card-4dbc8e92.js');
 require('react');
 require('classnames');
 require('../style-inject.es-9d2f5f4e.js');
@@ -13,11 +13,11 @@ require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
-require('../Menu-57a3e20e.js');
+require('../Menu-01614904.js');
 require('framer-motion');
-require('@jobber/hooks/useOnKeyDown');
-require('@jobber/hooks');
-require('@jobber/hooks/useSafeLayoutEffect');
+require('../useSafeLayoutEffect-f1bb0b33.js');
+require('../useRefocusOnActivator-93e430e0.js');
+require('../useOnKeyDown-f281de78.js');
 
 
 

package/dist/Card/index.mjs

@@ -1,4 +1,4 @@
-export { C as Card } from '../Card-e583d8ff.js';
+export { C as Card } from '../Card-5faf7f41.js';
 import 'react';
 import 'classnames';
 import '../style-inject.es-a0e1a0ba.js';
@@ -9,8 +9,8 @@ import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
-import '../Menu-a378adb8.js';
+import '../Menu-786c249f.js';
 import 'framer-motion';
-import '@jobber/hooks/useOnKeyDown';
-import '@jobber/hooks';
-import '@jobber/hooks/useSafeLayoutEffect';
+import '../useSafeLayoutEffect-37c5d604.js';
+import '../useRefocusOnActivator-6062a5d8.js';
+import '../useOnKeyDown-b9f5d527.js';

package/dist/{Card-d8c2b767.js → Card-4dbc8e92.js}

@@ -5,7 +5,7 @@ var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Heading = require('./Heading-1e8e4bd3.js');
 var Button = require('./Button-b73a5e01.js');
-var Menu = require('./Menu-57a3e20e.js');
+var Menu = require('./Menu-01614904.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{Card-e583d8ff.js → Card-5faf7f41.js}

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { H as Heading } from './Heading-93e755cb.js';
 import { B as Button } from './Button-9ae092b3.js';
-import { M as Menu } from './Menu-a378adb8.js';
+import { M as Menu } from './Menu-786c249f.js';
 
 var css_248z$1 = ":root {\n  --card--accent-color: var(--color-grey);\n  --card--base-padding: var(--space-base);\n  --card--border: var(--border-base) solid var(--color-border);\n  --card--header-background: var(--color-surface--background);\n}\n\n._2wxPdv7kELk- {\n  display: block;\n  width: 100%;\n  border: calc(16px / 16) solid rgb(217, 223, 225);\n  border: var(--card--border);\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  outline-color: rgb(147, 161, 169);\n  outline-color: var(--color-focus);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n._2wxPdv7kELk-:active {\n  outline: 0;\n}\n\n:root .jobber-retheme ._2wxPdv7kELk-:not(.tRfpysqqk8s-) {\n  --card--header-background: transparent;\n}\n\n/* Adjust `Content` components public padding to match the cards */\n\n._2wxPdv7kELk- > * {\n  --public-content--padding: var(--card--base-padding);\n}\n\n/* Remove the nested `Content` components public padding */\n\n._2wxPdv7kELk- > * > * {\n  --public-content--padding: 0;\n}\n\n._5LfUFF9DYsk- {\n  border-top-width: 0;\n}\n\n._5LfUFF9DYsk-::before {\n  content: \" \";\n  display: block;\n  margin: 0 calc(-1 * (16px / 16));\n  margin: 0 calc(-1 * calc(16px / 16));\n  margin: 0 calc(-1 * var(--border-base));\n  border-top: 0.375rem solid rgb(181, 181, 181);\n  border-top: 0.375rem solid var(--card--accent-color);\n  border-radius: calc(16px / 8) calc(16px / 8) 0 0;\n  border-radius: var(--radius-base) var(--radius-base) 0 0;\n}\n\n.tRfpysqqk8s- {\n  --card--border: none;\n\n  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px\n      rgba(0, 0, 0, 0.1),\n    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);\n\n  box-shadow: var(--shadow-base);\n  color: inherit;\n  text-decoration: inherit;\n  cursor: pointer;\n  transition: all 100ms linear;\n  transition: all var(--timing-quick) linear;\n}\n\n.tRfpysqqk8s-:hover,\n.tRfpysqqk8s-:focus {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--color-surface--hover);\n}\n\n.fAPeD1InvAI- {\n  display: -ms-flexbox;\n  display: flex;\n  padding: calc(16px * 1);\n  padding: var(--card--base-padding);\n  background-color: rgb(238, 240, 242);\n  background-color: var(--card--header-background);\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  -ms-flex-align: start;\n      align-items: flex-start;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n.jobber-retheme .fAPeD1InvAI- {\n  padding-bottom: 0;\n}\n\n.jobber-retheme .fAPeD1InvAI- h3 {\n  font-family: \"Inter\", Helvetica, Arial, sans-serif;\n  font-family: var(--typography--fontFamily-normal);\n  font-size: calc((16px * 1) * 1.5);\n  font-size: calc(calc(16px * 1) * 1.5);\n  font-size: var(--typography--fontSize-largest);\n}\n";
 var styles = {"card":"_2wxPdv7kELk-","clickable":"tRfpysqqk8s-","accent":"_5LfUFF9DYsk-","header":"fAPeD1InvAI-"};

package/dist/Chip/index.cjs

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Chip = require('../Chip-36397442.js');
-var ChipDismissible = require('../ChipDismissible-d12a2207.js');
+var Chip = require('../Chip-e055270d.js');
+var ChipDismissible = require('../ChipDismissible-ed08d142.js');
 require('react');
 require('classnames');
-require('@jobber/hooks/useInView');
 require('../style-inject.es-9d2f5f4e.js');
 require('../Avatar-76a799fa.js');
 require('color');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../useChildComponent-d661dbd6.js');
+require('../useInView-7df2e45e.js');
 require('../Typography-c45bf216.js');
-require('../Tooltip-ef3d6ef4.js');
+require('../Tooltip-9dd3390b.js');
 require('react-dom');
 require('framer-motion');
-require('@jobber/hooks/useSafeLayoutEffect');
 require('react-popper');
+require('../useSafeLayoutEffect-f1bb0b33.js');
 require('../tslib.es6-754e2961.js');
 
 

package/dist/Chip/index.mjs

@@ -1,18 +1,18 @@
-export { C as Chip } from '../Chip-0e37aa92.js';
-export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-1b8383e1.js';
+export { C as Chip } from '../Chip-a2d91757.js';
+export { a as ChipDismissible, C as ChipSelectable } from '../ChipDismissible-59ee82bd.js';
 import 'react';
 import 'classnames';
-import '@jobber/hooks/useInView';
 import '../style-inject.es-a0e1a0ba.js';
 import '../Avatar-6ffee4bd.js';
 import 'color';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../useChildComponent-13989d0a.js';
+import '../useInView-7f4f281a.js';
 import '../Typography-7cc5daf5.js';
-import '../Tooltip-d1fc7e74.js';
+import '../Tooltip-f1222e78.js';
 import 'react-dom';
 import 'framer-motion';
-import '@jobber/hooks/useSafeLayoutEffect';
 import 'react-popper';
+import '../useSafeLayoutEffect-37c5d604.js';
 import '../tslib.es6-c563c1dd.js';

package/dist/{Chip-0e37aa92.js → Chip-a2d91757.js}

@@ -1,12 +1,12 @@
 import React from 'react';
 import classnames from 'classnames';
-import { useInView } from '@jobber/hooks/useInView';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
 import { A as Avatar } from './Avatar-6ffee4bd.js';
 import { I as Icon } from './Icon-22723fe6.js';
 import { u as useChildComponent } from './useChildComponent-13989d0a.js';
+import { u as useInView } from './useInView-7f4f281a.js';
 import { T as Typography } from './Typography-7cc5daf5.js';
-import { T as Tooltip } from './Tooltip-d1fc7e74.js';
+import { T as Tooltip } from './Tooltip-f1222e78.js';
 
 var css_248z = ":root {\n  --chip--gradient-color-variation: var(--chip-base-bg);\n  --chip--gradient-color-variation--hover: var(--chip-base--hover);\n}\n\n.af7U8MvcbHE- {\n  --chip-height: 40px;\n  --chip-radius: 20px;\n  --chip-base-bg: var(--color-surface--background);\n  --chip-base--hover: var(--color-surface--background--hover);\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  height: 40px;\n  height: var(--chip-height);\n  min-width: 0;\n  padding: calc(16px / 2) 16px;\n  padding: var(--space-small) var(--base-unit);\n  border: calc(16px / 16) solid transparent;\n  border: var(--border-base) solid transparent;\n  border-radius: 20px;\n  border-radius: var(--chip-radius);\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n  text-align: left;\n  cursor: pointer;\n  transition: all 200ms;\n  transition: all var(--timing-base);\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.af7U8MvcbHE-:focus,\n.af7U8MvcbHE-:focus-visible {\n  outline: none;\n}\n\n.af7U8MvcbHE-:focus-visible {\n  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),\n    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);\n  box-shadow: var(--shadow-focus);\n}\n\n.af7U8MvcbHE- .e905AYK4SCc- {\n  margin-left: calc(-1 * (16px / 2));\n  margin-left: calc(-1 * calc(16px / 2));\n  margin-left: calc(-1 * var(--space-small));\n  margin-right: calc(16px / 2);\n  margin-right: var(--space-small);\n}\n\n.af7U8MvcbHE- .ySADfZ0FckM- {\n  margin-left: calc(16px / 2);\n  margin-left: var(--space-small);\n  margin-right: calc(-1 * (16px / 2));\n  margin-right: calc(-1 * calc(16px / 2));\n  margin-right: calc(-1 * var(--space-small));\n}\n\n.af7U8MvcbHE- .e905AYK4SCc-,\n.af7U8MvcbHE- .ySADfZ0FckM- {\n  display: -ms-flexbox;\n  display: flex;\n  width: calc(16px * 1.5);\n  width: var(--space-large);\n  height: calc(16px * 1.5);\n  height: var(--space-large);\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  border-radius: 100%;\n  border-radius: var(--radius-circle);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n}\n\n.af7U8MvcbHE- .e905AYK4SCc-.usdkmQ9Sxbk-,\n.af7U8MvcbHE- .ySADfZ0FckM-.usdkmQ9Sxbk- {\n  display: none;\n}\n\n.af7U8MvcbHE- .dg1-Izy1eQA- {\n  width: calc(16px / 16);\n  width: var(--space-minuscule);\n  height: 16px;\n  height: var(--base-unit);\n  margin: 0 calc(16px / 2);\n  margin: 0 var(--space-small);\n  background-color: rgb(77, 105, 116);\n  background-color: var(--color-text--secondary);\n}\n\n.af7U8MvcbHE- .-lz0EYLTDgg- {\n  border-radius: 100%;\n  border-radius: var(--radius-circle);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n}\n\n.wSI5L-5rODg- {\n  border: calc(16px / 16) solid transparent;\n  border: var(--border-base) solid transparent;\n  color: rgb(1, 41, 57);\n  color: var(--color-heading);\n  background-color: var(--chip-base-bg);\n  --chip--gradient-color-variation: var(--chip-base-bg);\n}\n\n.wSI5L-5rODg-:hover,\n.wSI5L-5rODg-:focus-visible {\n  background-color: var(--chip-base--hover);\n  --chip--gradient-color-variation--hover: var(--chip-base--hover);\n}\n\n.SmUxkzpIC84-,\n.SmUxkzpIC84-:hover,\n.SmUxkzpIC84-:focus-visible,\n.Mux23dmZSuw-.SmUxkzpIC84-,\n.Mux23dmZSuw-.SmUxkzpIC84-:hover,\n.Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {\n  border: calc(16px / 16) solid rgb(201, 66, 33);\n  border: var(--border-base) solid var(--color-critical);\n  background-color: rgb(255, 226, 219);\n  background-color: var(--color-critical--surface);\n  --chip--gradient-color-variation: var(--color-critical--surface);\n  --chip--gradient-color-variation--hover: var(--color-critical--surface);\n}\n\n.SmUxkzpIC84-:hover,\n.SmUxkzpIC84-:focus-visible,\n.Mux23dmZSuw-.SmUxkzpIC84-:hover,\n.Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {\n  background-color: rgb(193, 201, 206);\n  background-color: var(--color-surface--background--hover);\n  --chip--gradient-color-variation: var(--color-surface--background--hover);\n  --chip--gradient-color-variation--hover: var(\n    --color-surface--background--hover\n  );\n}\n\n.Mux23dmZSuw- {\n  border: calc(16px / 16) solid rgb(217, 223, 225);\n  border: var(--border-base) solid var(--color-border);\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  --chip--gradient-color-variation: var(--color-surface);\n}\n\n/* CAUTION: Order is important here since\n* there is are different styles for subtle:focus and subtle:hover\n* and we want hover to take priority\n*/\n\n.Mux23dmZSuw-:focus-visible {\n  --chip--gradient-color-variation--hover: var(--color-surface);\n}\n\n.Mux23dmZSuw-:hover {\n  border: calc(16px / 16) solid var(--chip-base-bg);\n  border: var(--border-base) solid var(--chip-base-bg);\n  background-color: var(--chip-base-bg);\n  --chip--gradient-color-variation--hover: var(--chip-base-bg);\n}\n\n.SmUxkzpIC84-.MbRItb9vKhc-,\n.SmUxkzpIC84-.MbRItb9vKhc-:hover,\n.SmUxkzpIC84-.MbRItb9vKhc-:focus-visible {\n  background-color: rgb(225, 225, 225);\n  background-color: var(--color-disabled--secondary);\n  cursor: auto;\n}\n\n.MbRItb9vKhc-,\n.MbRItb9vKhc-:hover,\n.MbRItb9vKhc-:focus-visible {\n  border: calc(16px / 16) solid rgb(225, 225, 225);\n  border: var(--border-base) solid var(--color-disabled--secondary);\n  color: rgb(181, 181, 181);\n  color: var(--color-disabled);\n  background-color: rgb(225, 225, 225);\n  background-color: var(--color-disabled--secondary);\n  cursor: auto;\n  --chip--gradient-color-variation: var(--color-disabled--secondary);\n  --chip--gradient-color-variation--hover: var(--color-disabled--secondary);\n}\n\n.MbRItb9vKhc- .dg1-Izy1eQA- {\n  background-color: rgb(181, 181, 181);\n  background-color: var(--color-disabled);\n}\n\n.af7U8MvcbHE-.MbRItb9vKhc- .ySADfZ0FckM- {\n  background-color: rgb(225, 225, 225);\n  background-color: var(--color-disabled--secondary);\n}\n\n.af7U8MvcbHE-.MbRItb9vKhc- .ySADfZ0FckM- path {\n  fill: rgb(181, 181, 181);\n  fill: var(--color-disabled);\n}\n\n.tJhURjR2Vec- {\n  display: -ms-flexbox;\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  -ms-flex-wrap: nowrap;\n      flex-wrap: nowrap;\n}\n\n.tJhURjR2Vec- > * {\n  -ms-flex: 0 0 auto;\n      flex: 0 0 auto;\n}\n\n.tJhURjR2Vec- > p {\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.G3QXY0rNcK0- {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: calc(16px * 1);\n  width: var(--space-base);\n  height: 100%;\n  background: linear-gradient(\n    to left,\n    var(--chip-base-bg) 5%,\n    rgba(255, 255, 255, 0)\n  );\n  background: linear-gradient(\n    to left,\n    var(--chip--gradient-color-variation) 5%,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.af7U8MvcbHE-:focus-visible .G3QXY0rNcK0-,\n.af7U8MvcbHE-:hover .G3QXY0rNcK0- {\n  background: linear-gradient(\n    to left,\n    var(--chip-base--hover) 5%,\n    rgba(255, 255, 255, 0)\n  );\n  background: linear-gradient(\n    to left,\n    var(--chip--gradient-color-variation--hover) 5%,\n    rgba(255, 255, 255, 0)\n  );\n}\n\n.MUKEW6c2nNA- {\n  display: inline-block;\n  width: 1px;\n}\n";
 var styles = {"chip":"af7U8MvcbHE-","prefix":"e905AYK4SCc-","suffix":"ySADfZ0FckM-","empty":"usdkmQ9Sxbk-","chipBar":"dg1-Izy1eQA-","selected":"-lz0EYLTDgg-","base":"wSI5L-5rODg-","invalid":"SmUxkzpIC84-","subtle":"Mux23dmZSuw-","disabled":"MbRItb9vKhc-","chipContent":"tJhURjR2Vec-","truncateGradient":"G3QXY0rNcK0-","chipLabelRef":"MUKEW6c2nNA-"};

package/dist/{Chip-36397442.js → Chip-e055270d.js}

@@ -2,13 +2,13 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var useInView = require('@jobber/hooks/useInView');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
 var Avatar = require('./Avatar-76a799fa.js');
 var Icon = require('./Icon-405a216c.js');
 var useChildComponent = require('./useChildComponent-d661dbd6.js');
+var useInView = require('./useInView-7df2e45e.js');
 var Typography = require('./Typography-c45bf216.js');
-var Tooltip = require('./Tooltip-ef3d6ef4.js');
+var Tooltip = require('./Tooltip-9dd3390b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{ChipDismissible-1b8383e1.js → ChipDismissible-59ee82bd.js}

@@ -1,7 +1,7 @@
 import { _ as __rest } from './tslib.es6-c563c1dd.js';
 import React from 'react';
 import { I as Icon } from './Icon-22723fe6.js';
-import { C as Chip, s as styles } from './Chip-0e37aa92.js';
+import { C as Chip, s as styles } from './Chip-a2d91757.js';
 
 function ChipSelectable(_a) {
     var { selected } = _a, rest = __rest(_a, ["selected"]);

package/dist/{ChipDismissible-d12a2207.js → ChipDismissible-ed08d142.js}

@@ -3,7 +3,7 @@
 var tslib_es6 = require('./tslib.es6-754e2961.js');
 var React = require('react');
 var Icon = require('./Icon-405a216c.js');
-var Chip = require('./Chip-36397442.js');
+var Chip = require('./Chip-e055270d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chips/InternalChipDismissible/hooks/index.cjs

@@ -2,10 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useScrollToActive = require('../../../useScrollToActive-93751166.js');
+var useScrollToActive = require('../../../useScrollToActive-1c7761a6.js');
 require('react');
-require('lodash');
-require('@jobber/hooks/useLiveAnnounce');
+require('../../../useLiveAnnounce-b3d18cc1.js');
 require('../../../Icon-405a216c.js');
 require('@jobber/design');
 require('react-popper');

package/dist/Chips/InternalChipDismissible/hooks/index.mjs

@@ -1,7 +1,6 @@
-export { b as useInView, d as useInternalChipDismissible, u as useInternalChipDismissibleInput, c as useRepositionMenu, a as useScrollToActive } from '../../../useScrollToActive-b86e8d4e.js';
+export { b as useInView, d as useInternalChipDismissible, u as useInternalChipDismissibleInput, c as useRepositionMenu, a as useScrollToActive } from '../../../useScrollToActive-b83ce299.js';
 import 'react';
-import 'lodash';
-import '@jobber/hooks/useLiveAnnounce';
+import '../../../useLiveAnnounce-62156fd1.js';
 import '../../../Icon-22723fe6.js';
 import '@jobber/design';
 import 'react-popper';

package/dist/Chips/InternalChipDismissible/hooks/useInternalChipDismissibleInput.d.ts

@@ -23,5 +23,5 @@ export declare function useInternalChipDismissibleInput({ options, isLoadingMore
     handleSetActiveOnMouseOver: (index: number) => () => void;
     handleSelectOption: (selected: ChipDismissibleInputOptionProps) => void;
     handleKeyDown: (event: KeyboardEvent<HTMLInputElement>) => void;
-    handleDebouncedSearch: import("lodash").DebouncedFunc<() => void>;
+    handleDebouncedSearch: (...args: any) => void;
 };

package/dist/Chips/InternalChipDismissible/index.cjs

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InternalChipDismissible = require('../../InternalChipDismissible-496b792b.js');
+var InternalChipDismissible = require('../../InternalChipDismissible-54a170b4.js');
 require('react');
 require('../../style-inject.es-9d2f5f4e.js');
-require('../../useScrollToActive-93751166.js');
-require('lodash');
-require('@jobber/hooks/useLiveAnnounce');
+require('../../useScrollToActive-1c7761a6.js');
+require('../../useLiveAnnounce-b3d18cc1.js');
 require('../../Icon-405a216c.js');
 require('@jobber/design');
 require('react-popper');
@@ -17,13 +16,13 @@ require('../../Typography-c45bf216.js');
 require('../../Button-b73a5e01.js');
 require('react-router-dom');
 require('../../Spinner-9d8fc7ff.js');
-require('@jobber/hooks');
+require('../../useAssert-6ea61ad4.js');
 require('../../Avatar-76a799fa.js');
 require('color');
-require('../../Tooltip-ef3d6ef4.js');
+require('../../Tooltip-9dd3390b.js');
 require('react-dom');
 require('framer-motion');
-require('@jobber/hooks/useSafeLayoutEffect');
+require('../../useSafeLayoutEffect-f1bb0b33.js');
 
 
 

package/dist/Chips/InternalChipDismissible/index.mjs

@@ -1,9 +1,8 @@
-export { a as InternalChipDismissible } from '../../InternalChipDismissible-d7e094b0.js';
+export { a as InternalChipDismissible } from '../../InternalChipDismissible-9763dbf8.js';
 import 'react';
 import '../../style-inject.es-a0e1a0ba.js';
-import '../../useScrollToActive-b86e8d4e.js';
-import 'lodash';
-import '@jobber/hooks/useLiveAnnounce';
+import '../../useScrollToActive-b83ce299.js';
+import '../../useLiveAnnounce-62156fd1.js';
 import '../../Icon-22723fe6.js';
 import '@jobber/design';
 import 'react-popper';
@@ -13,10 +12,10 @@ import '../../Typography-7cc5daf5.js';
 import '../../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../../Spinner-5d8359b8.js';
-import '@jobber/hooks';
+import '../../useAssert-bc8ab4dd.js';
 import '../../Avatar-6ffee4bd.js';
 import 'color';
-import '../../Tooltip-d1fc7e74.js';
+import '../../Tooltip-f1222e78.js';
 import 'react-dom';
 import 'framer-motion';
-import '@jobber/hooks/useSafeLayoutEffect';
+import '../../useSafeLayoutEffect-37c5d604.js';

package/dist/Chips/index.cjs

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var InternalChipDismissible = require('../InternalChipDismissible-496b792b.js');
-var Chips = require('../Chips-0ad95f11.js');
-var hooks = require('@jobber/hooks');
+var InternalChipDismissible = require('../InternalChipDismissible-54a170b4.js');
+var Chips = require('../Chips-12bff62a.js');
+var useAssert = require('../useAssert-6ea61ad4.js');
 require('../style-inject.es-9d2f5f4e.js');
-require('../useScrollToActive-93751166.js');
-require('lodash');
-require('@jobber/hooks/useLiveAnnounce');
+require('../useScrollToActive-1c7761a6.js');
+require('../useLiveAnnounce-b3d18cc1.js');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('react-popper');
@@ -21,10 +20,10 @@ require('react-router-dom');
 require('../Spinner-9d8fc7ff.js');
 require('../Avatar-76a799fa.js');
 require('color');
-require('../Tooltip-ef3d6ef4.js');
+require('../Tooltip-9dd3390b.js');
 require('react-dom');
 require('framer-motion');
-require('@jobber/hooks/useSafeLayoutEffect');
+require('../useSafeLayoutEffect-f1bb0b33.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -38,7 +37,7 @@ function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestR
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function Chip(props) {
     // Throw error when <Chip /> gets used outside of the <Chips />
-    hooks.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
+    useAssert.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 }
 

package/dist/Chips/index.mjs

@@ -1,11 +1,10 @@
 import React from 'react';
-import { I as InternalChip, b as InternalChipButton } from '../InternalChipDismissible-d7e094b0.js';
-export { C as Chips } from '../Chips-715d2fd2.js';
-import { useAssert } from '@jobber/hooks';
+import { I as InternalChip, b as InternalChipButton } from '../InternalChipDismissible-9763dbf8.js';
+export { C as Chips } from '../Chips-6309d0c9.js';
+import { u as useAssert } from '../useAssert-bc8ab4dd.js';
 import '../style-inject.es-a0e1a0ba.js';
-import '../useScrollToActive-b86e8d4e.js';
-import 'lodash';
-import '@jobber/hooks/useLiveAnnounce';
+import '../useScrollToActive-b83ce299.js';
+import '../useLiveAnnounce-62156fd1.js';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import 'react-popper';
@@ -17,10 +16,10 @@ import 'react-router-dom';
 import '../Spinner-5d8359b8.js';
 import '../Avatar-6ffee4bd.js';
 import 'color';
-import '../Tooltip-d1fc7e74.js';
+import '../Tooltip-f1222e78.js';
 import 'react-dom';
 import 'framer-motion';
-import '@jobber/hooks/useSafeLayoutEffect';
+import '../useSafeLayoutEffect-37c5d604.js';
 
 function ChipDismissible({ label, disabled, invalid, prefix, onClick, onRequestRemove, }) {
     return (React.createElement(InternalChip, { label: label, disabled: disabled, invalid: invalid, prefix: prefix, onClick: onClick, suffix: React.createElement(InternalChipButton, { icon: "remove", label: label, invalid: invalid, disabled: disabled, onClick: onRequestRemove }) }));

package/dist/{Chips-0ad95f11.js → Chips-12bff62a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var InternalChipDismissible = require('./InternalChipDismissible-496b792b.js');
+var InternalChipDismissible = require('./InternalChipDismissible-54a170b4.js');
 var Icon = require('./Icon-405a216c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/{Chips-715d2fd2.js → Chips-6309d0c9.js}

@@ -1,5 +1,5 @@
 import React, { useId } from 'react';
-import { s as styles, I as InternalChip, a as InternalChipDismissible } from './InternalChipDismissible-d7e094b0.js';
+import { s as styles, I as InternalChip, a as InternalChipDismissible } from './InternalChipDismissible-9763dbf8.js';
 import { I as Icon } from './Icon-22723fe6.js';
 
 function InternalChipSingleSelect({ children, selected, name = useId(), onChange, onClick, }) {