@jobber/components 4.85.4-CJS-to-ESM.28 → 4.85.4-CJS-to-ESM.30

package/dist/InputNumber/index.mjs

@@ -1,17 +1,17 @@
-export { I as InputNumber } from '../InputNumber-0391311b.js';
+export { I as InputNumber } from '../InputNumber-90cfa93a.js';
 import 'react';
-import '../FormField-8118cfc8.js';
+import '../FormField-6a8d8c64.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{InputNumber-d451b52e.js → InputNumber-81b2a34d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-6ff183f8.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{InputNumber-0391311b.js → InputNumber-90cfa93a.js}

@@ -1,5 +1,5 @@
 import React, { forwardRef, createRef, useImperativeHandle } from 'react';
-import { F as FormField } from './FormField-8118cfc8.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputPassword/index.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputPassword = require('../InputPassword-dd44b8d5.js');
+var InputPassword = require('../InputPassword-2c6485ab.js');
 require('react');
-require('../FormField-6ff183f8.js');
+require('../FormField-9e1a326c.js');
 require('../tslib.es6-754e2961.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');

package/dist/InputPassword/index.mjs

@@ -1,17 +1,17 @@
-export { I as InputPassword } from '../InputPassword-0ab4214d.js';
+export { I as InputPassword } from '../InputPassword-bab38b58.js';
 import 'react';
-import '../FormField-8118cfc8.js';
+import '../FormField-6a8d8c64.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{InputPassword-dd44b8d5.js → InputPassword-2c6485ab.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-6ff183f8.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{InputPassword-0ab4214d.js → InputPassword-bab38b58.js}

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { F as FormField } from './FormField-8118cfc8.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPhoneNumber/index.cjs

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputPhoneNumber = require('../InputPhoneNumber-83d7ec95.js');
+var InputPhoneNumber = require('../InputPhoneNumber-f8d7964c.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
-require('../FormField-6ff183f8.js');
+require('../FormField-9e1a326c.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');

package/dist/InputPhoneNumber/index.mjs

@@ -1,17 +1,17 @@
-export { I as InputPhoneNumber } from '../InputPhoneNumber-bc761c12.js';
+export { I as InputPhoneNumber } from '../InputPhoneNumber-987b6f52.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
-import '../FormField-8118cfc8.js';
+import '../FormField-6a8d8c64.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{InputPhoneNumber-bc761c12.js → InputPhoneNumber-987b6f52.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from './tslib.es6-c563c1dd.js';
 import React, { useState, cloneElement } from 'react';
 import { useFormContext, useForm } from 'react-hook-form';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { F as FormField } from './FormField-8118cfc8.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
 
 var css_248z = ".L7WK-i5uaOk- {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1;\n  z-index: var(--elevation-base);\n  height: var(--field--height);\n  padding-top: var(--field--padding-top);\n  padding-bottom: var(--field--padding-bottom);\n  padding-left: var(--field--padding-left);\n  padding-right: var(--field--padding-right);\n  color: rgb(181, 181, 181);\n  color: var(--color-grey);\n  font-family: inherit;\n  font-size: inherit;\n  line-height: var(--field--value-lineHeight);\n  pointer-events: none;\n}\n\n.q1wXBupm5Xc- {\n  visibility: hidden;\n  opacity: 0;\n}\n";
 var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};

package/dist/{InputPhoneNumber-83d7ec95.js → InputPhoneNumber-f8d7964c.js}

@@ -4,7 +4,7 @@ var tslib_es6 = require('./tslib.es6-754e2961.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var FormField = require('./FormField-6ff183f8.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InputText/index.cjs

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

package/dist/InputText/index.mjs

@@ -1,18 +1,18 @@
-export { I as InputText } from '../InputText-8dbcfe70.js';
+export { I as InputText } from '../InputText-868ac59c.js';
 import 'react';
-import '@jobber/hooks/useSafeLayoutEffect';
-import '../FormField-8118cfc8.js';
+import '../useSafeLayoutEffect-37c5d604.js';
+import '../FormField-6a8d8c64.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{InputText-55b6cb65.js → InputText-56f4ab72.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
-var FormField = require('./FormField-6ff183f8.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-f1bb0b33.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{InputText-8dbcfe70.js → InputText-868ac59c.js}

@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { useSafeLayoutEffect } from '@jobber/hooks/useSafeLayoutEffect';
-import { F as FormField } from './FormField-8118cfc8.js';
+import { u as useSafeLayoutEffect } from './useSafeLayoutEffect-37c5d604.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
 
 function InputTextInternal(props, ref) {
     const inputRef = useRef(null);

package/dist/InputTime/index.cjs

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var InputTime = require('../InputTime-3d4d8cd3.js');
+var InputTime = require('../InputTime-8edfb136.js');
 require('../tslib.es6-754e2961.js');
 require('react');
 require('@std-proposal/temporal');
 require('lodash');
-require('../FormField-6ff183f8.js');
+require('../FormField-9e1a326c.js');
 require('react-hook-form');
 require('../style-inject.es-9d2f5f4e.js');
 require('classnames');
-require('@jobber/hooks/useShowClear');
 require('../Button-b73a5e01.js');
 require('react-router-dom');
 require('../Icon-405a216c.js');
 require('@jobber/design');
 require('../Typography-c45bf216.js');
 require('../Text-259af966.js');
+require('../useShowClear-568558fd.js');
 require('../InputValidation-05e839fa.js');
 require('framer-motion');
 require('../Spinner-9d8fc7ff.js');

package/dist/InputTime/index.mjs

@@ -1,19 +1,19 @@
-export { I as InputTime } from '../InputTime-f892fd3c.js';
+export { I as InputTime } from '../InputTime-63068d2b.js';
 import '../tslib.es6-c563c1dd.js';
 import 'react';
 import '@std-proposal/temporal';
 import 'lodash';
-import '../FormField-8118cfc8.js';
+import '../FormField-6a8d8c64.js';
 import 'react-hook-form';
 import '../style-inject.es-a0e1a0ba.js';
 import 'classnames';
-import '@jobber/hooks/useShowClear';
 import '../Button-9ae092b3.js';
 import 'react-router-dom';
 import '../Icon-22723fe6.js';
 import '@jobber/design';
 import '../Typography-7cc5daf5.js';
 import '../Text-c9162504.js';
+import '../useShowClear-342b660e.js';
 import '../InputValidation-d68fb034.js';
 import 'framer-motion';
 import '../Spinner-5d8359b8.js';

package/dist/{InputTime-f892fd3c.js → InputTime-63068d2b.js}

@@ -2,7 +2,7 @@ import { _ as __rest } from './tslib.es6-c563c1dd.js';
 import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { CivilTime } from '@std-proposal/temporal';
 import { debounce } from 'lodash';
-import { F as FormField } from './FormField-8118cfc8.js';
+import { F as FormField } from './FormField-6a8d8c64.js';
 
 function civilTimeToHTMLTime(civilTime) {
     if (civilTime == undefined) {

package/dist/{InputTime-3d4d8cd3.js → InputTime-8edfb136.js}

@@ -4,7 +4,7 @@ var tslib_es6 = require('./tslib.es6-754e2961.js');
 var React = require('react');
 var temporal = require('@std-proposal/temporal');
 var lodash = require('lodash');
-var FormField = require('./FormField-6ff183f8.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/{InternalChipDismissible-d7e094b0.js → InternalChipDismissible-572525e4.js}

@@ -1,19 +1,18 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
-import { u as useInternalChipDismissibleInput, a as useScrollToActive, b as useInView, c as useRepositionMenu, d as useInternalChipDismissible } from './useScrollToActive-b86e8d4e.js';
+import { u as useInternalChipDismissibleInput, a as useScrollToActive, b as useInView, c as useRepositionMenu, d as useInternalChipDismissible } from './useScrollToActive-b7bb4196.js';
 import { debounce } from 'lodash';
-import '@jobber/hooks/useLiveAnnounce';
 import '@jobber/design';
 import 'react-popper';
 import classnames from 'classnames';
 import { T as Text } from './Text-c9162504.js';
 import { B as Button } from './Button-9ae092b3.js';
 import { S as Spinner } from './Spinner-5d8359b8.js';
-import { useAssert } from '@jobber/hooks';
 import { I as Icon } from './Icon-22723fe6.js';
+import { u as useAssert } from './useAssert-bc8ab4dd.js';
 import { A as Avatar } from './Avatar-6ffee4bd.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$1 = "/**\n * Used in the wrapping chips component:\n * - InternalChipSingleSelect\n * - InternalChipMultiSelect\n */\n\n.zn6onyiQVmA- {\n  display: -ms-flexbox;\n  display: flex;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  -ms-flex-align: center;\n      align-items: center;\n}\n\n.PEnZzMEgbhU- {\n  display: inline-grid;\n  position: relative;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: calc(16px / 2);\n  padding: var(--space-small);\n  border: calc(16px / 16) solid rgb(217, 223, 225);\n  border: var(--border-base) solid var(--color-border);\n  border-radius: calc(16px / 2);\n  border-radius: var(--radius-larger);\n  color: rgb(77, 105, 116);\n  color: var(--color-text--secondary);\n  text-align: left;\n  vertical-align: middle;\n  background-color: rgba(255, 255, 255, 1);\n  background-color: var(--color-surface);\n  transition: 200ms ease-in-out;\n  transition: var(--timing-base) ease-in-out;\n  transition-property: background-color, box-shadow, color;\n  grid-template-columns: -webkit-max-content;\n  grid-template-columns: max-content;\n  -ms-flex-align: center;\n      align-items: center;\n  gap: calc(16px / 2);\n  gap: var(--space-small);\n}\n\n.dtysUhwYdG4-,\n.xGaMCAYsdwA- {\n  padding: calc((16px / 4) + (16px / 8)) calc(16px / 2);\n  padding: calc(calc(16px / 4) + calc(16px / 8)) calc(16px / 2);\n  padding: calc(var(--space-smaller) + var(--space-smallest)) var(--space-small);\n}\n\n.dtysUhwYdG4- {\n  grid-template-columns: -webkit-min-content 1fr;\n  grid-template-columns: min-content 1fr;\n}\n\n.xGaMCAYsdwA- {\n  grid-template-columns: 1fr -webkit-min-content;\n  grid-template-columns: 1fr min-content;\n}\n\n.dtysUhwYdG4-.xGaMCAYsdwA- {\n  grid-template-columns: -webkit-min-content 1fr -webkit-min-content;\n  grid-template-columns: min-content 1fr min-content;\n}\n\n.SNT7gGV-h-o-,\n.W4D98cvEth4- ~ .PEnZzMEgbhU- {\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  cursor: pointer;\n  -webkit-appearance: none;\n          appearance: none;\n}\n\n/**\n * Interaction\n */\n\n.PEnZzMEgbhU-:focus,\n.W4D98cvEth4-:focus ~ .PEnZzMEgbhU- {\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  outline: none;\n}\n\n.SNT7gGV-h-o-:hover,\n.W4D98cvEth4- ~ .PEnZzMEgbhU-:not(._0hEzaTXK9M0-):hover,\n.W4D98cvEth4-:focus ~ .PEnZzMEgbhU-:not(._0hEzaTXK9M0-) {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--color-surface--hover);\n}\n\n/**\n * States\n */\n\n.PEnZzMEgbhU-._0hEzaTXK9M0- {\n  border-color: rgb(1, 41, 57);\n  border-color: var(--color-surface--reverse);\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-text--reverse);\n  background-color: rgb(1, 41, 57);\n  background-color: var(--color-surface--reverse);\n}\n\n.PEnZzMEgbhU-.JApS2787BU8- {\n  border-color: rgb(128, 25, 0);\n  border-color: var(--color-critical--onSurface);\n  color: rgb(128, 25, 0);\n  color: var(--color-critical--onSurface);\n  background-color: rgb(255, 226, 219);\n  background-color: var(--color-critical--surface);\n}\n\n.PEnZzMEgbhU-.Kg0c8WVgMpg- {\n  border-color: rgb(225, 225, 225);\n  border-color: 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}\n\n._0hEzaTXK9M0-.Kg0c8WVgMpg- {\n  border-color: rgb(181, 181, 181);\n  border-color: var(--color-disabled);\n  color: rgba(255, 255, 255, 1);\n  color: var(--color-white);\n  background-color: rgb(181, 181, 181);\n  background-color: var(--color-disabled);\n}\n\n.JApS2787BU8-.Kg0c8WVgMpg- {\n  border-color: rgb(201, 66, 33);\n  border-color: var(--color-critical);\n}\n\n/**\n * Input checkbox/radio\n *\n * Hide checkbox on UI but not screen readers and still allow focus state\n */\n\n.W4D98cvEth4- {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  -webkit-clip-path: inset(100%);\n          clip-path: inset(100%);\n  white-space: nowrap;\n}\n\n/**\n * Button\n */\n\n._0-ZWexS4Gfg- {\n  display: -ms-flexbox;\n  display: flex;\n  border-radius: calc(16px / 8);\n  border-radius: var(--radius-base);\n  cursor: pointer;\n  transition: background-color 200ms ease;\n}\n\n._0-ZWexS4Gfg-:hover,\n._0-ZWexS4Gfg-:focus {\n  background-color: rgb(244, 246, 250);\n  background-color: var(--color-surface--hover);\n}\n\n._0-ZWexS4Gfg-:focus,\n.SNT7gGV-h-o- ._0-ZWexS4Gfg-:hover {\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  outline: none;\n}\n\n/**\n * Override icon default colors.\n *\n * NOTE: This is a workaround since some icons have default colors that we don't\n * want to override until the component color prop overrides it.\n * DO NOT COPY!\n */\n\n.DQPnZP4UZpw- > svg {\n  fill: rgba(101, 120, 132, 1);\n  fill: var(--color-interactive--subtle);\n}\n\n.DQPnZP4UZpw- {\n  display: -ms-flexbox;\n  display: flex;\n}\n";
 var styles$1 = {"wrapper":"zn6onyiQVmA-","chip":"PEnZzMEgbhU-","hasPrefix":"dtysUhwYdG4-","hasSuffix":"xGaMCAYsdwA-","clickable":"SNT7gGV-h-o-","input":"W4D98cvEth4-","active":"_0hEzaTXK9M0-","invalid":"JApS2787BU8-","disabled":"Kg0c8WVgMpg-","button":"_0-ZWexS4Gfg-","icon":"DQPnZP4UZpw-"};

package/dist/{InternalChipDismissible-496b792b.js → InternalChipDismissible-798e5b42.js}

@@ -2,20 +2,19 @@
 
 var React = require('react');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
-var useScrollToActive = require('./useScrollToActive-93751166.js');
+var useScrollToActive = require('./useScrollToActive-fab625e7.js');
 var lodash = require('lodash');
-require('@jobber/hooks/useLiveAnnounce');
 require('@jobber/design');
 require('react-popper');
 var classnames = require('classnames');
 var Text = require('./Text-259af966.js');
 var Button = require('./Button-b73a5e01.js');
 var Spinner = require('./Spinner-9d8fc7ff.js');
-var hooks = require('@jobber/hooks');
 var Icon = require('./Icon-405a216c.js');
+var useAssert = require('./useAssert-6ea61ad4.js');
 var Avatar = require('./Avatar-76a799fa.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 }; }
 
@@ -85,7 +84,7 @@ function InternalChipAffix({ affix, active, invalid, disabled, }) {
         const isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar.Avatar || false;
         const isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon || false;
         const isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
-        hooks.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), `Prefix prop only accepts "<Avatar />" or "<Icon />" component. You have "${affix === null || affix === void 0 ? void 0 : affix.type}".`);
+        useAssert.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), `Prefix prop only accepts "<Avatar />" or "<Icon />" component. You have "${affix === null || affix === void 0 ? void 0 : affix.type}".`);
     }
 }
 

package/dist/LightBox/index.cjs

@@ -2,13 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var LightBox = require('../LightBox-95403d58.js');
+var LightBox = require('../LightBox-b6e3599a.js');
 require('react');
 require('framer-motion');
 require('react-dom');
 require('lodash');
-require('@jobber/hooks');
 require('../style-inject.es-9d2f5f4e.js');
+require('../useRefocusOnActivator-93e430e0.js');
+require('../useFocusTrap-8ba61b3f.js');
+require('../useOnKeyDown-f281de78.js');
 require('../ButtonDismiss-350af163.js');
 require('../Button-b73a5e01.js');
 require('classnames');

package/dist/LightBox/index.mjs

@@ -1,10 +1,12 @@
-export { L as LightBox } from '../LightBox-55063871.js';
+export { L as LightBox } from '../LightBox-472f99ab.js';
 import 'react';
 import 'framer-motion';
 import 'react-dom';
 import 'lodash';
-import '@jobber/hooks';
 import '../style-inject.es-a0e1a0ba.js';
+import '../useRefocusOnActivator-6062a5d8.js';
+import '../useFocusTrap-2cf1fdbc.js';
+import '../useOnKeyDown-b9f5d527.js';
 import '../ButtonDismiss-614803be.js';
 import '../Button-9ae092b3.js';
 import 'classnames';

package/dist/{LightBox-55063871.js → LightBox-472f99ab.js}

@@ -2,8 +2,10 @@ import React, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import ReactDOM from 'react-dom';
 import { debounce } from 'lodash';
-import { useFocusTrap, useRefocusOnActivator, useOnKeyDown } from '@jobber/hooks';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
+import { u as useRefocusOnActivator } from './useRefocusOnActivator-6062a5d8.js';
+import { u as useFocusTrap } from './useFocusTrap-2cf1fdbc.js';
+import { u as useOnKeyDown } from './useOnKeyDown-b9f5d527.js';
 import { B as ButtonDismiss } from './ButtonDismiss-614803be.js';
 import { B as Button } from './Button-9ae092b3.js';
 

package/dist/{LightBox-95403d58.js → LightBox-b6e3599a.js}

@@ -4,8 +4,10 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var ReactDOM = require('react-dom');
 var lodash = require('lodash');
-var hooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-93e430e0.js');
+var useFocusTrap = require('./useFocusTrap-8ba61b3f.js');
+var useOnKeyDown = require('./useOnKeyDown-f281de78.js');
 var ButtonDismiss = require('./ButtonDismiss-350af163.js');
 var Button = require('./Button-b73a5e01.js');
 
@@ -54,15 +56,15 @@ const debounceDuration = 250;
 function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
     const [currentImageIndex, setCurrentImageIndex] = React.useState(imageIndex);
     const [direction, setDirection] = React.useState(0);
-    const lightboxRef = hooks.useFocusTrap(open);
+    const lightboxRef = useFocusTrap.useFocusTrap(open);
     const debouncedHandleNext = lodash.debounce(handleMoveNext, debounceDuration);
     const debouncedHandlePrevious = lodash.debounce(handleMovePrevious, debounceDuration);
-    hooks.useRefocusOnActivator(open);
-    hooks.useOnKeyDown(handleRequestClose, "Escape");
-    hooks.useOnKeyDown(debouncedHandlePrevious, {
+    useRefocusOnActivator.useRefocusOnActivator(open);
+    useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
+    useOnKeyDown.useOnKeyDown(debouncedHandlePrevious, {
         key: "ArrowLeft",
     });
-    hooks.useOnKeyDown(debouncedHandleNext, {
+    useOnKeyDown.useOnKeyDown(debouncedHandleNext, {
         key: "ArrowRight",
     });
     React.useEffect(() => {

package/dist/Menu/index.cjs

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

package/dist/Menu/index.mjs

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

package/dist/{Menu-57a3e20e.js → Menu-01614904.js}

@@ -3,10 +3,10 @@
 var React = require('react');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
-var hooks = require('@jobber/hooks');
-var useSafeLayoutEffect = require('@jobber/hooks/useSafeLayoutEffect');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var useSafeLayoutEffect = require('./useSafeLayoutEffect-f1bb0b33.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-93e430e0.js');
+var useOnKeyDown = require('./useOnKeyDown-f281de78.js');
 var Button = require('./Button-b73a5e01.js');
 var Typography = require('./Typography-c45bf216.js');
 var Icon = require('./Icon-405a216c.js');
@@ -64,7 +64,7 @@ function Menu({ activator, items }) {
             setPosition(newPosition);
         }
     }, [visible, fullWidth]);
-    hooks.useRefocusOnActivator(visible);
+    useRefocusOnActivator.useRefocusOnActivator(visible);
     if (!activator) {
         activator = (React__default["default"].createElement(Button.Button, { fullWidth: true, label: "More Actions", icon: "more", type: "secondary" }));
     }

package/dist/{Menu-a378adb8.js → Menu-786c249f.js}

@@ -1,10 +1,10 @@
 import React, { useState, createRef, useId, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useOnKeyDown } from '@jobber/hooks/useOnKeyDown';
-import { useRefocusOnActivator } from '@jobber/hooks';
-import { useSafeLayoutEffect } from '@jobber/hooks/useSafeLayoutEffect';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
+import { u as useSafeLayoutEffect } from './useSafeLayoutEffect-37c5d604.js';
+import { u as useRefocusOnActivator } from './useRefocusOnActivator-6062a5d8.js';
+import { u as useOnKeyDown } from './useOnKeyDown-b9f5d527.js';
 import { B as Button } from './Button-9ae092b3.js';
 import { T as Typography } from './Typography-7cc5daf5.js';
 import { I as Icon } from './Icon-22723fe6.js';

package/dist/Modal/index.cjs

@@ -2,13 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Modal = require('../Modal-971d30aa.js');
+var Modal = require('../Modal-a1d78806.js');
 require('react');
 require('react-dom');
 require('classnames');
 require('framer-motion');
-require('@jobber/hooks');
 require('../style-inject.es-9d2f5f4e.js');
+require('../useRefocusOnActivator-93e430e0.js');
+require('../useOnKeyDown-f281de78.js');
+require('../useFocusTrap-8ba61b3f.js');
 require('../Heading-1e8e4bd3.js');
 require('../Typography-c45bf216.js');
 require('../getAtlantisConfig-0f3e8af2.js');

package/dist/Modal/index.mjs

@@ -1,10 +1,12 @@
-export { M as Modal } from '../Modal-d4c2bcce.js';
+export { M as Modal } from '../Modal-cd3f56c2.js';
 import 'react';
 import 'react-dom';
 import 'classnames';
 import 'framer-motion';
-import '@jobber/hooks';
 import '../style-inject.es-a0e1a0ba.js';
+import '../useRefocusOnActivator-6062a5d8.js';
+import '../useOnKeyDown-b9f5d527.js';
+import '../useFocusTrap-2cf1fdbc.js';
 import '../Heading-93e755cb.js';
 import '../Typography-7cc5daf5.js';
 import '../getAtlantisConfig-5b50057c.js';

package/dist/{Modal-971d30aa.js → Modal-a1d78806.js}

@@ -4,8 +4,10 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
-var hooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-93e430e0.js');
+var useOnKeyDown = require('./useOnKeyDown-f281de78.js');
+var useFocusTrap = require('./useFocusTrap-8ba61b3f.js');
 var Heading = require('./Heading-1e8e4bd3.js');
 var Button = require('./Button-b73a5e01.js');
 var ButtonDismiss = require('./ButtonDismiss-350af163.js');
@@ -26,9 +28,9 @@ styleInject_es.styleInject(css_248z);
 
 function Modal({ open = false, title, size, dismissible = true, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }) {
     const modalClassName = classnames__default["default"](styles.modal, size && sizes[size]);
-    hooks.useRefocusOnActivator(open);
-    const modalRef = hooks.useFocusTrap(open);
-    hooks.useOnKeyDown(handleRequestClose, "Escape");
+    useRefocusOnActivator.useRefocusOnActivator(open);
+    const modalRef = useFocusTrap.useFocusTrap(open);
+    useOnKeyDown.useOnKeyDown(handleRequestClose, "Escape");
     const template = (React__default["default"].createElement(framerMotion.AnimatePresence, null, open && (React__default["default"].createElement("div", { ref: modalRef, role: "dialog", className: styles.container, tabIndex: 0 },
         React__default["default"].createElement(framerMotion.motion.div, { key: styles.overlay, className: styles.overlay, onClick: onRequestClose, initial: { opacity: 0 }, animate: { opacity: 0.8 }, exit: { opacity: 0 }, transition: { duration: 0.2 } }),
         React__default["default"].createElement(framerMotion.motion.div, { key: styles.modal, className: modalClassName, initial: { scale: 0.9, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0.9, opacity: 0 }, transition: {

package/dist/{Modal-d4c2bcce.js → Modal-cd3f56c2.js}

@@ -2,8 +2,10 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useRefocusOnActivator, useFocusTrap, useOnKeyDown } from '@jobber/hooks';
 import { s as styleInject } from './style-inject.es-a0e1a0ba.js';
+import { u as useRefocusOnActivator } from './useRefocusOnActivator-6062a5d8.js';
+import { u as useOnKeyDown } from './useOnKeyDown-b9f5d527.js';
+import { u as useFocusTrap } from './useFocusTrap-2cf1fdbc.js';
 import { H as Heading } from './Heading-93e755cb.js';
 import { B as Button } from './Button-9ae092b3.js';
 import { B as ButtonDismiss } from './ButtonDismiss-614803be.js';

package/dist/{Option-3c4d377e.js → Option-779346ee.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-6ff183f8.js');
+var FormField = require('./FormField-9e1a326c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }