@jobber/components 5.7.2 → 5.7.4-MIKEanima.2

package/dist/{DatePicker-F4BiQr_B.js → DatePicker-DmBIzy-q.js}

@@ -1,18 +1,18 @@
 import React, { createRef, forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import './index-DN6ehSy0.js';
+import './index-DP8YfvV9.js';
 import ReactDOM from 'react-dom';
 import { Popper, Manager, Reference } from 'react-popper';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BKvAL2ta.js';
-import { T as Typography } from './Typography-C3XvpGji.js';
-import { B as Button } from './Button-5NZGPGRp.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BU0995Qc.js';
-import { e as eq_1, k as keys_1, o as _arrayLikeKeys, p as _getSymbols, a as _arrayPush, s as stubArray_1, q as _baseGetAllKeys, g as _Uint8Array, j as _Stack, h as _getAllKeys, c as _baseGet, l as _castPath, m as _toKey, b as _arrayMap } from './_defineProperty-CiQj14Oi.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-CMAt3UhR.js';
-import { b as isObject_1, a as _root, c as _Symbol, i as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-Df2lodes.js';
-import { e as _isPrototype, c as isArrayLike_1, l as _overArg, a as _getTag, m as _nodeUtilExports, g as _baseUnary, d as isBufferExports, b as isArray_1 } from './_getTag-CQF_pbAy.js';
-import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-oANaJoqn.js';
-import { u as useAtlantisContext } from './AtlantisContext-BHNrWSl_.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-iwGnR0Vw.js';
+import { T as Typography } from './Typography-nicMpjd_.js';
+import { B as Button } from './Button-D1Eyu5Sn.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DLzF73KS.js';
+import { e as eq_1, k as keys_1, o as _arrayLikeKeys, p as _getSymbols, a as _arrayPush, s as stubArray_1, q as _baseGetAllKeys, g as _Uint8Array, j as _Stack, h as _getAllKeys, c as _baseGet, l as _castPath, m as _toKey, b as _arrayMap } from './_defineProperty-ZhZt61bm.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-tQwq2FyT.js';
+import { b as isObject_1, a as _root, c as _Symbol, i as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-C40llj8e.js';
+import { e as _isPrototype, c as isArrayLike_1, l as _overArg, a as _getTag, m as _nodeUtilExports, g as _baseUnary, d as isBufferExports, b as isArray_1 } from './_getTag-DUWVkCao.js';
+import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-BEHXSOqD.js';
+import { u as useAtlantisContext } from './AtlantisContext-B5o79aUl.js';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-CiIwOfrJ.js → DayOfMonthSelect-CrIHNA_g.js}

@@ -1,6 +1,6 @@
 import React, { useId } from 'react';
-import { R as RadioGroup, a as RadioOption } from './RadioGroup-DcqHfbMr.js';
-import { T as Text } from './Text-C2XAkhfc.js';
+import { R as RadioGroup, a as RadioOption } from './RadioGroup-gscIjMKb.js';
+import { T as Text } from './Text-C93E2N-I.js';
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/{DayOfMonthSelect-MPLXu9bf.js → DayOfMonthSelect-_fjP5Zdc.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-i-U2NrLk.js');
-var Text = require('./Text-ZNiN0cJV.js');
+var RadioGroup = require('./RadioGroup-9Jw8_uUj.js');
+var Text = require('./Text-peFVgwAt.js');
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-CAg7eeK-.js');
+var DescriptionList = require('../DescriptionList-BYWeAnVy.js');
 require('react');
-require('../Typography-7M-AJU59.js');
+require('../Typography-BRM4J_HF.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-Bw991yhF.js';
+export { D as DescriptionList } from '../DescriptionList-XMwMFtaV.js';
 import 'react';
-import '../Typography-C3XvpGji.js';
+import '../Typography-nicMpjd_.js';
 import 'classnames';

package/dist/{DescriptionList-CAg7eeK-.js → DescriptionList-BYWeAnVy.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-7M-AJU59.js');
+var Typography = require('./Typography-BRM4J_HF.js');
 
 var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
 

package/dist/{DescriptionList-Bw991yhF.js → DescriptionList-XMwMFtaV.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-C3XvpGji.js';
+import { T as Typography } from './Typography-nicMpjd_.js';
 
 var styles = {"descriptionList":"EQDmgmJchDA-","termGroup":"DkzfClUGQlc-"};
 

package/dist/Disclosure/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-C9IvObVH.js');
+var Disclosure = require('../Disclosure-CIY6H3gb.js');
 require('react');
-require('../useResizeObserver--Hq5NVxA.js');
-require('../_commonjsHelpers-DjI7jxHZ.js');
-require('../debounce-CIgJ0zDw.js');
-require('../isObjectLike-CtDU20ss.js');
-require('../isSymbol-Dq_4lH3A.js');
-require('../Icon-B-DXIWN_.js');
+require('../useResizeObserver-BaBojkhm.js');
+require('../_commonjsHelpers-Bu8xvWPt.js');
+require('../debounce-DuE2pDnO.js');
+require('../isObjectLike-4JG7JK5O.js');
+require('../isSymbol-kyvMlF37.js');
+require('../Icon-Cnl8JGKx.js');
 require('@jobber/design');
-require('../Typography-7M-AJU59.js');
+require('../Typography-BRM4J_HF.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,11 +1,11 @@
-export { D as Disclosure } from '../Disclosure-D0VszH38.js';
+export { D as Disclosure } from '../Disclosure-DSNRs4cy.js';
 import 'react';
-import '../useResizeObserver-a3dVd6W_.js';
-import '../_commonjsHelpers-BU0995Qc.js';
-import '../debounce-BFOiFt5k.js';
-import '../isObjectLike-Df2lodes.js';
-import '../isSymbol-D7K5ON8L.js';
-import '../Icon-Chojdqvk.js';
+import '../useResizeObserver-DsnruijN.js';
+import '../_commonjsHelpers-DLzF73KS.js';
+import '../debounce-Qoe6LMLR.js';
+import '../isObjectLike-C40llj8e.js';
+import '../isSymbol-DQNoizon.js';
+import '../Icon-BDfk62i_.js';
 import '@jobber/design';
-import '../Typography-C3XvpGji.js';
+import '../Typography-nicMpjd_.js';
 import 'classnames';

package/dist/{Disclosure-C9IvObVH.js → Disclosure-CIY6H3gb.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver--Hq5NVxA.js');
-var Icon = require('./Icon-B-DXIWN_.js');
-var Typography = require('./Typography-7M-AJU59.js');
+var useResizeObserver = require('./useResizeObserver-BaBojkhm.js');
+var Icon = require('./Icon-Cnl8JGKx.js');
+var Typography = require('./Typography-BRM4J_HF.js');
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-D0VszH38.js → Disclosure-DSNRs4cy.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-a3dVd6W_.js';
-import { I as Icon } from './Icon-Chojdqvk.js';
-import { T as Typography } from './Typography-C3XvpGji.js';
+import { u as useResizeObserver } from './useResizeObserver-DsnruijN.js';
+import { I as Icon } from './Icon-BDfk62i_.js';
+import { T as Typography } from './Typography-nicMpjd_.js';
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/Divider/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Divider = require('../Divider-Fs_bTykP.js');
+var Divider = require('../Divider-DZ9TN017.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

@@ -1,3 +1,3 @@
-export { D as Divider } from '../Divider-6oC4Q0YM.js';
+export { D as Divider } from '../Divider-nZE0vI6Y.js';
 import 'react';
 import 'classnames';

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-CheGYMEX.js');
+var DrawerGrid = require('../DrawerGrid-COvnMYW8.js');
 require('react');
 require('classnames');
-require('../Heading-lQiIuFIR.js');
-require('../Typography-7M-AJU59.js');
-require('../ButtonDismiss-BDjhpTVH.js');
-require('../Button-Dk57MT7t.js');
+require('../Heading-DkaeKjfo.js');
+require('../Typography-BRM4J_HF.js');
+require('../ButtonDismiss-CFRlhhxu.js');
+require('../Button-QvLjUH8E.js');
 require('react-router-dom');
-require('../Icon-B-DXIWN_.js');
+require('../Icon-Cnl8JGKx.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-C7RARTpO.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-BXxYmmGD.js';
 import 'react';
 import 'classnames';
-import '../Heading-2zEW71bU.js';
-import '../Typography-C3XvpGji.js';
-import '../ButtonDismiss-B32HVZaK.js';
-import '../Button-5NZGPGRp.js';
+import '../Heading-BryDkWa-.js';
+import '../Typography-nicMpjd_.js';
+import '../ButtonDismiss-hURnh71d.js';
+import '../Button-D1Eyu5Sn.js';
 import 'react-router-dom';
-import '../Icon-Chojdqvk.js';
+import '../Icon-BDfk62i_.js';
 import '@jobber/design';

package/dist/{DrawerGrid-C7RARTpO.js → DrawerGrid-BXxYmmGD.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-2zEW71bU.js';
-import { B as ButtonDismiss } from './ButtonDismiss-B32HVZaK.js';
+import { H as Heading } from './Heading-BryDkWa-.js';
+import { B as ButtonDismiss } from './ButtonDismiss-hURnh71d.js';
 
 var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
 

package/dist/{DrawerGrid-CheGYMEX.js → DrawerGrid-COvnMYW8.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-lQiIuFIR.js');
-var ButtonDismiss = require('./ButtonDismiss-BDjhpTVH.js');
+var Heading = require('./Heading-DkaeKjfo.js');
+var ButtonDismiss = require('./ButtonDismiss-CFRlhhxu.js');
 
 var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
 

package/dist/Emphasis/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var Emphasis = require('../Emphasis-oIeSg_ZX.js');
+var Emphasis = require('../Emphasis-DEyToA8Q.js');
 require('react');
-require('../Typography-7M-AJU59.js');
+require('../Typography-BRM4J_HF.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-lqZqdpMQ.js';
+export { E as Emphasis } from '../Emphasis-C7YRiaHg.js';
 import 'react';
-import '../Typography-C3XvpGji.js';
+import '../Typography-nicMpjd_.js';
 import 'classnames';

package/dist/{Emphasis-lqZqdpMQ.js → Emphasis-C7YRiaHg.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-C3XvpGji.js';
+import { T as Typography } from './Typography-nicMpjd_.js';
 
 function Emphasis({ variation, children }) {
     const variationMap = {

package/dist/{Emphasis-oIeSg_ZX.js → Emphasis-DEyToA8Q.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-7M-AJU59.js');
+var Typography = require('./Typography-BRM4J_HF.js');
 
 function Emphasis({ variation, children }) {
     const variationMap = {

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-B0pRodlS.js');
+var FeatureSwitch = require('../FeatureSwitch-3Mjjj4FX.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-lQiIuFIR.js');
-require('../Typography-7M-AJU59.js');
-require('../Text-ZNiN0cJV.js');
-require('../Content-eXP_YDij.js');
-require('../Switch-C2zYmQCz.js');
-require('../Button-Dk57MT7t.js');
+require('../Heading-DkaeKjfo.js');
+require('../Typography-BRM4J_HF.js');
+require('../Text-peFVgwAt.js');
+require('../Content-DuR0rm04.js');
+require('../Switch-wBPSFqlP.js');
+require('../Button-QvLjUH8E.js');
 require('react-router-dom');
-require('../Icon-B-DXIWN_.js');
+require('../Icon-Cnl8JGKx.js');
 require('@jobber/design');
-require('../Emphasis-oIeSg_ZX.js');
-require('../Markdown-DdM6gIN_.js');
-require('../index-j66Z75vE.js');
-require('../_commonjsHelpers-DjI7jxHZ.js');
-require('../_polyfill-node.process-BYckUdqD.js');
+require('../Emphasis-DEyToA8Q.js');
+require('../Markdown-h_fVmU4_.js');
+require('../index-BtX7VXfB.js');
+require('../_commonjsHelpers-Bu8xvWPt.js');
+require('../_polyfill-node.process-DqV0dxt5.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-Brmqf7oY.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-DhOBfYz-.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-2zEW71bU.js';
-import '../Typography-C3XvpGji.js';
-import '../Text-C2XAkhfc.js';
-import '../Content-Dlxr9tpp.js';
-import '../Switch-CxR0k9or.js';
-import '../Button-5NZGPGRp.js';
+import '../Heading-BryDkWa-.js';
+import '../Typography-nicMpjd_.js';
+import '../Text-C93E2N-I.js';
+import '../Content-CDqIzHHr.js';
+import '../Switch-IwxqEhTY.js';
+import '../Button-D1Eyu5Sn.js';
 import 'react-router-dom';
-import '../Icon-Chojdqvk.js';
+import '../Icon-BDfk62i_.js';
 import '@jobber/design';
-import '../Emphasis-lqZqdpMQ.js';
-import '../Markdown-DTUbQBbr.js';
-import '../index-DN6ehSy0.js';
-import '../_commonjsHelpers-BU0995Qc.js';
-import '../_polyfill-node.process-BUBN7HW7.js';
+import '../Emphasis-C7YRiaHg.js';
+import '../Markdown-DH4NM7Tn.js';
+import '../index-DP8YfvV9.js';
+import '../_commonjsHelpers-DLzF73KS.js';
+import '../_polyfill-node.process-Dwr3SBWd.js';

package/dist/{FeatureSwitch-B0pRodlS.js → FeatureSwitch-3Mjjj4FX.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-lQiIuFIR.js');
-var Text = require('./Text-ZNiN0cJV.js');
-var Content = require('./Content-eXP_YDij.js');
-var Switch = require('./Switch-C2zYmQCz.js');
-var Button = require('./Button-Dk57MT7t.js');
-var Emphasis = require('./Emphasis-oIeSg_ZX.js');
-var Markdown = require('./Markdown-DdM6gIN_.js');
+var Heading = require('./Heading-DkaeKjfo.js');
+var Text = require('./Text-peFVgwAt.js');
+var Content = require('./Content-DuR0rm04.js');
+var Switch = require('./Switch-wBPSFqlP.js');
+var Button = require('./Button-QvLjUH8E.js');
+var Emphasis = require('./Emphasis-DEyToA8Q.js');
+var Markdown = require('./Markdown-h_fVmU4_.js');
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-Brmqf7oY.js → FeatureSwitch-DhOBfYz-.js}

@@ -1,13 +1,13 @@
 import React, { useState, useEffect } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-2zEW71bU.js';
-import { T as Text } from './Text-C2XAkhfc.js';
-import { C as Content } from './Content-Dlxr9tpp.js';
-import { S as Switch } from './Switch-CxR0k9or.js';
-import { B as Button } from './Button-5NZGPGRp.js';
-import { E as Emphasis } from './Emphasis-lqZqdpMQ.js';
-import { M as Markdown } from './Markdown-DTUbQBbr.js';
+import { H as Heading } from './Heading-BryDkWa-.js';
+import { T as Text } from './Text-C93E2N-I.js';
+import { C as Content } from './Content-CDqIzHHr.js';
+import { S as Switch } from './Switch-IwxqEhTY.js';
+import { B as Button } from './Button-D1Eyu5Sn.js';
+import { E as Emphasis } from './Emphasis-C7YRiaHg.js';
+import { M as Markdown } from './Markdown-DH4NM7Tn.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/Flex/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var Flex = require('../Flex-DcBMToCE.js');
+var Flex = require('../Flex-u3rSadUz.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

@@ -1,3 +1,3 @@
-export { F as Flex } from '../Flex-DShYjczf.js';
+export { F as Flex } from '../Flex-BmOkRW8R.js';
 import 'react';
 import 'classnames';

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-qch5fQdo.js');
-require('../tslib.es6-CsjNWZPm.js');
+var Form = require('../Form-COPHNmE9.js');
+require('../tslib.es6-Batd1zyj.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-CLDa30c5.js';
-import '../tslib.es6-qFW5vQHH.js';
+export { F as Form } from '../Form-4dgEEtRW.js';
+import '../tslib.es6-DGY_GTkA.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-CLDa30c5.js → Form-4dgEEtRW.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-qFW5vQHH.js';
+import { a as __awaiter } from './tslib.es6-DGY_GTkA.js';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
 import { useForm, FormProvider } from 'react-hook-form';
 

package/dist/{Form-qch5fQdo.js → Form-COPHNmE9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CsjNWZPm.js');
+var tslib_es6 = require('./tslib.es6-Batd1zyj.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 

package/dist/FormField/hooks/useActiveElement.d.ts

@@ -0,0 +1 @@
+export declare function useActiveElement(): Element | null;

package/dist/FormField/hooks/useFormFieldFocus.d.ts

@@ -5,5 +5,8 @@ interface UseFormFieldFocus {
 interface UseFormFieldFocusProps {
     wrapperRef?: React.RefObject<HTMLDivElement>;
 }
+export declare const formFieldFocusAttribute: {
+    "data-atl-maintain-portal-focus": string;
+};
 export declare function useFormFieldFocus(props: UseFormFieldFocusProps): UseFormFieldFocus;
 export {};

package/dist/FormField/index.cjs

@@ -1,19 +1,20 @@
 'use strict';
 
-var FormField = require('../FormField-B3Ugyr_g.js');
-require('../tslib.es6-CsjNWZPm.js');
+var FormField = require('../FormField-Btot3I_F.js');
+require('../tslib.es6-Batd1zyj.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-Dk57MT7t.js');
+require('../Button-QvLjUH8E.js');
 require('react-router-dom');
-require('../Icon-B-DXIWN_.js');
-require('../Typography-7M-AJU59.js');
-require('../Text-ZNiN0cJV.js');
-require('../InputValidation-RoL8WPG-.js');
-require('../Spinner-DqVFL1_5.js');
+require('../Icon-Cnl8JGKx.js');
+require('../Typography-BRM4J_HF.js');
+require('../Text-peFVgwAt.js');
+require('../useFormFieldFocus-1k4H2xgN.js');
+require('../InputValidation-C_QMeKXC.js');
+require('../Spinner-BJYWf2H6.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,14 +1,15 @@
-export { F as FormField } from '../FormField-DyazCx_1.js';
-import '../tslib.es6-qFW5vQHH.js';
+export { F as FormField } from '../FormField-WOLanF4Y.js';
+import '../tslib.es6-DGY_GTkA.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-5NZGPGRp.js';
+import '../Button-D1Eyu5Sn.js';
 import 'react-router-dom';
-import '../Icon-Chojdqvk.js';
-import '../Typography-C3XvpGji.js';
-import '../Text-C2XAkhfc.js';
-import '../InputValidation-DL_hYaKU.js';
-import '../Spinner-D89Y1GpK.js';
+import '../Icon-BDfk62i_.js';
+import '../Typography-nicMpjd_.js';
+import '../Text-C93E2N-I.js';
+import '../useFormFieldFocus-BA4qdwgn.js';
+import '../InputValidation-CyExBgN8.js';
+import '../Spinner-B-1BYehF.js';

package/dist/{FormField-B3Ugyr_g.js → FormField-Btot3I_F.js}

@@ -1,16 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CsjNWZPm.js');
+var tslib_es6 = require('./tslib.es6-Batd1zyj.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var classnames = require('classnames');
 var framerMotion = require('framer-motion');
 var design = require('@jobber/design');
-var Button = require('./Button-Dk57MT7t.js');
-var Icon = require('./Icon-B-DXIWN_.js');
-var Text = require('./Text-ZNiN0cJV.js');
-var InputValidation = require('./InputValidation-RoL8WPG-.js');
-var Spinner = require('./Spinner-DqVFL1_5.js');
+var Button = require('./Button-QvLjUH8E.js');
+var Icon = require('./Icon-Cnl8JGKx.js');
+var Text = require('./Text-peFVgwAt.js');
+var useFormFieldFocus = require('./useFormFieldFocus-1k4H2xgN.js');
+var InputValidation = require('./InputValidation-C_QMeKXC.js');
+var Spinner = require('./Spinner-BJYWf2H6.js');
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","textarea":"mgPacJ6Z71Y-","safari":"g82RTxBqooQ-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","invalid":"gJ-15M615eY-","disabled":"_1rsTLm5GwcM-","small":"o8D-H-lKfDk-","inline":"_5Hu2F3cBvng-","center":"s1WLQs6ffD8-","right":"a2r4QheWYIA-","maxLength":"KdAnXK1gClo-","inputWrapper":"iQFhpFYnz-8-","childrenWrapper":"Yo2Wi9dpa-Y-","input":"LSHPV7PwOTg-","select":"i31GQXcMz54-","label":"_3xREbTN5pPg-","postfix":"VtnAk1HYMMk-","affixIcon":"uPLklxvtfJw-","suffix":"pYqqDvv57JE-","hasAction":"eI44oQpuVlk-","affixLabel":"jO8P2iSHilM-","description":"_2GfgzNnLOSI-","toolbar":"_3GtIRFCkZMg-"};
 
@@ -86,36 +87,6 @@ function useToolbar(props) {
     };
 }
 
-function useFormFieldFocus(props) {
-    var _a;
-    const [focused, setFocused] = React.useState(false);
-    React.useEffect(() => {
-        var _a, _b, _c, _d;
-        function handleFocusIn() {
-            setFocused(true);
-        }
-        function handleFocusOut() {
-            setTimeout(() => {
-                var _a, _b;
-                const focusedElementWithinWrapper = (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.contains(document.activeElement);
-                if (!focusedElementWithinWrapper) {
-                    setFocused(false);
-                }
-            }, 1);
-        }
-        (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.addEventListener("focusin", handleFocusIn);
-        (_d = (_c = props.wrapperRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.addEventListener("focusout", handleFocusOut);
-        return () => {
-            var _a, _b, _c, _d;
-            (_b = (_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.removeEventListener("focusin", handleFocusIn);
-            (_d = (_c = props.wrapperRef) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.removeEventListener("focusout", handleFocusOut);
-        };
-    }, [(_a = props.wrapperRef) === null || _a === void 0 ? void 0 : _a.current]);
-    return {
-        focused,
-    };
-}
-
 function useIsSafari() {
     return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.navigator)
         ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)
@@ -154,7 +125,7 @@ function FormFieldWrapper({ align, description, descriptionIdentifier, placehold
     React.useEffect(() => {
         setLabelStyle(getAffixPaddding);
     }, [value]);
-    const { focused } = useFormFieldFocus({ wrapperRef });
+    const { focused } = useFormFieldFocus.useFormFieldFocus({ wrapperRef });
     const showClear = useShowClear_2({
         clearable,
         multiline: type === "textarea",