@jobber/components 5.7.1 → 5.7.3

package/dist/{DatePicker-Dj6eNWIS.js → DatePicker-CURi-cDm.js}

@@ -1,18 +1,18 @@
 import React, { createRef, forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import './index-CYDeRSPR.js';
+import './index-C_0wQNms.js';
 import ReactDOM from 'react-dom';
 import { Popper, Manager, Reference } from 'react-popper';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-CaL9F9m0.js';
-import { T as Typography } from './Typography-1CqyGXAj.js';
-import { B as Button } from './Button-CSiwmaLZ.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-7HnGSPBC.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-CpcRcQ-4.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-Cn-Nm69K.js';
-import { b as isObject_1, a as _root, c as _Symbol, i as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-DMv7rkP3.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-DelIXH9j.js';
-import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-FRc8EFQ1.js';
-import { u as useAtlantisContext } from './AtlantisContext-BnH2Kq-D.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BcJI5yQO.js';
+import { T as Typography } from './Typography-Di4zna-r.js';
+import { B as Button } from './Button-BgK3yaef.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-CeLi1ZFE.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-DXdS4fK8.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-BWL6z5ep.js';
+import { b as isObject_1, a as _root, c as _Symbol, i as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-CSAlE5_b.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-DTZqIsID.js';
+import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-CNWq8z6f.js';
+import { u as useAtlantisContext } from './AtlantisContext-B47h5Rs_.js';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-BG5ILlVx.js → DayOfMonthSelect-DUMhNPWV.js}

@@ -1,6 +1,6 @@
 import React, { useId } from 'react';
-import { R as RadioGroup, a as RadioOption } from './RadioGroup-oWIlCDJK.js';
-import { T as Text } from './Text-CYmJFKs4.js';
+import { R as RadioGroup, a as RadioOption } from './RadioGroup-i3emHC2C.js';
+import { T as Text } from './Text-rsDp1kZ4.js';
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/{DayOfMonthSelect-CbbxbH2n.js → DayOfMonthSelect-DpvcOQ2n.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-BLQsUL_s.js');
-var Text = require('./Text-BQy0NlVf.js');
+var RadioGroup = require('./RadioGroup-FWIt_xNX.js');
+var Text = require('./Text-BFzvHq3G.js');
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-m-WfSbiF.js');
+var DescriptionList = require('../DescriptionList-ckWYj0jg.js');
 require('react');
-require('../Typography-BN8OAk0T.js');
+require('../Typography-Bw8eGXh-.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-Bu7hJIHc.js';
+export { D as DescriptionList } from '../DescriptionList-CLqc3gU6.js';
 import 'react';
-import '../Typography-1CqyGXAj.js';
+import '../Typography-Di4zna-r.js';
 import 'classnames';

package/dist/{DescriptionList-Bu7hJIHc.js → DescriptionList-CLqc3gU6.js}

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

package/dist/{DescriptionList-m-WfSbiF.js → DescriptionList-ckWYj0jg.js}

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

package/dist/Disclosure/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-BeSeqErk.js');
+var Disclosure = require('../Disclosure-Df04lR6H.js');
 require('react');
-require('../useResizeObserver-DBzZI22o.js');
-require('../_commonjsHelpers-C4JEmu6q.js');
-require('../debounce-BAc8jx9V.js');
-require('../isObjectLike-C8BVn0L5.js');
-require('../isSymbol-CJUuvcUv.js');
-require('../Icon-Ck_dfBWF.js');
+require('../useResizeObserver-CKc_OMZG.js');
+require('../_commonjsHelpers-pBNrFnxS.js');
+require('../debounce-D8WfY9H1.js');
+require('../isObjectLike-CNGfZnhG.js');
+require('../isSymbol-D9WQRQXa.js');
+require('../Icon-CpwvlgqQ.js');
 require('@jobber/design');
-require('../Typography-BN8OAk0T.js');
+require('../Typography-Bw8eGXh-.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,11 +1,11 @@
-export { D as Disclosure } from '../Disclosure-9XZWXcbl.js';
+export { D as Disclosure } from '../Disclosure-DoR7KqYz.js';
 import 'react';
-import '../useResizeObserver-Cjpm8rmz.js';
-import '../_commonjsHelpers-7HnGSPBC.js';
-import '../debounce-C_8MNZvc.js';
-import '../isObjectLike-DMv7rkP3.js';
-import '../isSymbol-Bu0pjdaQ.js';
-import '../Icon-ai_18uv4.js';
+import '../useResizeObserver-CAlK0CPD.js';
+import '../_commonjsHelpers-CeLi1ZFE.js';
+import '../debounce-DAAf3zL9.js';
+import '../isObjectLike-CSAlE5_b.js';
+import '../isSymbol-B3AIQ_UC.js';
+import '../Icon-DuAFakqK.js';
 import '@jobber/design';
-import '../Typography-1CqyGXAj.js';
+import '../Typography-Di4zna-r.js';
 import 'classnames';

package/dist/{Disclosure-BeSeqErk.js → Disclosure-Df04lR6H.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-DBzZI22o.js');
-var Icon = require('./Icon-Ck_dfBWF.js');
-var Typography = require('./Typography-BN8OAk0T.js');
+var useResizeObserver = require('./useResizeObserver-CKc_OMZG.js');
+var Icon = require('./Icon-CpwvlgqQ.js');
+var Typography = require('./Typography-Bw8eGXh-.js');
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-9XZWXcbl.js → Disclosure-DoR7KqYz.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-Cjpm8rmz.js';
-import { I as Icon } from './Icon-ai_18uv4.js';
-import { T as Typography } from './Typography-1CqyGXAj.js';
+import { u as useResizeObserver } from './useResizeObserver-CAlK0CPD.js';
+import { I as Icon } from './Icon-DuAFakqK.js';
+import { T as Typography } from './Typography-Di4zna-r.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-C-aEO7sl.js');
+var Divider = require('../Divider-03rgXd_Z.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

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

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-CbILkh5m.js');
+var DrawerGrid = require('../DrawerGrid-Dh2Inb8K.js');
 require('react');
 require('classnames');
-require('../Heading-DC_wBQx8.js');
-require('../Typography-BN8OAk0T.js');
-require('../ButtonDismiss-CPVPKoMS.js');
-require('../Button-CqLbKYF6.js');
+require('../Heading-a9SUivb4.js');
+require('../Typography-Bw8eGXh-.js');
+require('../ButtonDismiss-CnkmYFGY.js');
+require('../Button-40o9k1UN.js');
 require('react-router-dom');
-require('../Icon-Ck_dfBWF.js');
+require('../Icon-CpwvlgqQ.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-Cf_-lWI6.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-CorpeoUZ.js';
 import 'react';
 import 'classnames';
-import '../Heading-BlyeWyfz.js';
-import '../Typography-1CqyGXAj.js';
-import '../ButtonDismiss-CIN5SXE1.js';
-import '../Button-CSiwmaLZ.js';
+import '../Heading-C4kphL4T.js';
+import '../Typography-Di4zna-r.js';
+import '../ButtonDismiss-ClK59rGr.js';
+import '../Button-BgK3yaef.js';
 import 'react-router-dom';
-import '../Icon-ai_18uv4.js';
+import '../Icon-DuAFakqK.js';
 import '@jobber/design';

package/dist/{DrawerGrid-Cf_-lWI6.js → DrawerGrid-CorpeoUZ.js}

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

package/dist/{DrawerGrid-CbILkh5m.js → DrawerGrid-Dh2Inb8K.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-DC_wBQx8.js');
-var ButtonDismiss = require('./ButtonDismiss-CPVPKoMS.js');
+var Heading = require('./Heading-a9SUivb4.js');
+var ButtonDismiss = require('./ButtonDismiss-CnkmYFGY.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-BOPZDLS7.js');
+var Emphasis = require('../Emphasis-Djq9yidY.js');
 require('react');
-require('../Typography-BN8OAk0T.js');
+require('../Typography-Bw8eGXh-.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-Bw3tJV_o.js';
+export { E as Emphasis } from '../Emphasis-Cx36B_k5.js';
 import 'react';
-import '../Typography-1CqyGXAj.js';
+import '../Typography-Di4zna-r.js';
 import 'classnames';

package/dist/{Emphasis-Bw3tJV_o.js → Emphasis-Cx36B_k5.js}

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

package/dist/{Emphasis-BOPZDLS7.js → Emphasis-Djq9yidY.js}

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

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-Bx0eXKd8.js');
+var FeatureSwitch = require('../FeatureSwitch-CWw6agg4.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-DC_wBQx8.js');
-require('../Typography-BN8OAk0T.js');
-require('../Text-BQy0NlVf.js');
-require('../Content-D391VblJ.js');
-require('../Switch-Dg9Qu2_i.js');
-require('../Button-CqLbKYF6.js');
+require('../Heading-a9SUivb4.js');
+require('../Typography-Bw8eGXh-.js');
+require('../Text-BFzvHq3G.js');
+require('../Content-BaM9bJLn.js');
+require('../Switch-CrjlEcmN.js');
+require('../Button-40o9k1UN.js');
 require('react-router-dom');
-require('../Icon-Ck_dfBWF.js');
+require('../Icon-CpwvlgqQ.js');
 require('@jobber/design');
-require('../Emphasis-BOPZDLS7.js');
-require('../Markdown-B3PnEeUP.js');
-require('../index-Bj0fpS8i.js');
-require('../_commonjsHelpers-C4JEmu6q.js');
-require('../_polyfill-node.process-8h0cucTg.js');
+require('../Emphasis-Djq9yidY.js');
+require('../Markdown-BozJiYmq.js');
+require('../index-CkHj92Xx.js');
+require('../_commonjsHelpers-pBNrFnxS.js');
+require('../_polyfill-node.process-CeEVbLhj.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-CPbMBKSH.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-CSSOgi9a.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-BlyeWyfz.js';
-import '../Typography-1CqyGXAj.js';
-import '../Text-CYmJFKs4.js';
-import '../Content-B12Xk3SE.js';
-import '../Switch-9Kf5PCQ9.js';
-import '../Button-CSiwmaLZ.js';
+import '../Heading-C4kphL4T.js';
+import '../Typography-Di4zna-r.js';
+import '../Text-rsDp1kZ4.js';
+import '../Content-BbqDyP7w.js';
+import '../Switch-DO-6tBkQ.js';
+import '../Button-BgK3yaef.js';
 import 'react-router-dom';
-import '../Icon-ai_18uv4.js';
+import '../Icon-DuAFakqK.js';
 import '@jobber/design';
-import '../Emphasis-Bw3tJV_o.js';
-import '../Markdown-D-fQJ4CK.js';
-import '../index-CYDeRSPR.js';
-import '../_commonjsHelpers-7HnGSPBC.js';
-import '../_polyfill-node.process-DxRyKYoI.js';
+import '../Emphasis-Cx36B_k5.js';
+import '../Markdown-BbfyrMMh.js';
+import '../index-C_0wQNms.js';
+import '../_commonjsHelpers-CeLi1ZFE.js';
+import '../_polyfill-node.process-IUYx4DDJ.js';

package/dist/{FeatureSwitch-CPbMBKSH.js → FeatureSwitch-CSSOgi9a.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-BlyeWyfz.js';
-import { T as Text } from './Text-CYmJFKs4.js';
-import { C as Content } from './Content-B12Xk3SE.js';
-import { S as Switch } from './Switch-9Kf5PCQ9.js';
-import { B as Button } from './Button-CSiwmaLZ.js';
-import { E as Emphasis } from './Emphasis-Bw3tJV_o.js';
-import { M as Markdown } from './Markdown-D-fQJ4CK.js';
+import { H as Heading } from './Heading-C4kphL4T.js';
+import { T as Text } from './Text-rsDp1kZ4.js';
+import { C as Content } from './Content-BbqDyP7w.js';
+import { S as Switch } from './Switch-DO-6tBkQ.js';
+import { B as Button } from './Button-BgK3yaef.js';
+import { E as Emphasis } from './Emphasis-Cx36B_k5.js';
+import { M as Markdown } from './Markdown-BbfyrMMh.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-Bx0eXKd8.js → FeatureSwitch-CWw6agg4.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-DC_wBQx8.js');
-var Text = require('./Text-BQy0NlVf.js');
-var Content = require('./Content-D391VblJ.js');
-var Switch = require('./Switch-Dg9Qu2_i.js');
-var Button = require('./Button-CqLbKYF6.js');
-var Emphasis = require('./Emphasis-BOPZDLS7.js');
-var Markdown = require('./Markdown-B3PnEeUP.js');
+var Heading = require('./Heading-a9SUivb4.js');
+var Text = require('./Text-BFzvHq3G.js');
+var Content = require('./Content-BaM9bJLn.js');
+var Switch = require('./Switch-CrjlEcmN.js');
+var Button = require('./Button-40o9k1UN.js');
+var Emphasis = require('./Emphasis-Djq9yidY.js');
+var Markdown = require('./Markdown-BozJiYmq.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-DUREVWkk.js');
+var Flex = require('../Flex-DwXuat5V.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-ChNKA6dg.js');
-require('../tslib.es6-BLFt60YG.js');
+var Form = require('../Form-Byi7-dpe.js');
+require('../tslib.es6-CmZyntgP.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-DYrA-IXd.js';
-import '../tslib.es6-3pu1kCPI.js';
+export { F as Form } from '../Form-D7v60pU9.js';
+import '../tslib.es6-BXhreaZf.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-ChNKA6dg.js → Form-Byi7-dpe.js}

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

package/dist/{Form-DYrA-IXd.js → Form-D7v60pU9.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-3pu1kCPI.js';
+import { a as __awaiter } from './tslib.es6-BXhreaZf.js';
 import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
 import { useForm, FormProvider } from '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-CJpndXKw.js');
-require('../tslib.es6-BLFt60YG.js');
+var FormField = require('../FormField-DSmh7bDr.js');
+require('../tslib.es6-CmZyntgP.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-CqLbKYF6.js');
+require('../Button-40o9k1UN.js');
 require('react-router-dom');
-require('../Icon-Ck_dfBWF.js');
-require('../Typography-BN8OAk0T.js');
-require('../Text-BQy0NlVf.js');
-require('../InputValidation-DZ80aGpd.js');
-require('../Spinner-Cm1ggG_U.js');
+require('../Icon-CpwvlgqQ.js');
+require('../Typography-Bw8eGXh-.js');
+require('../Text-BFzvHq3G.js');
+require('../useFormFieldFocus-DCnB26B0.js');
+require('../InputValidation-BF4VzuG8.js');
+require('../Spinner-Xt5PlGlB.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,14 +1,15 @@
-export { F as FormField } from '../FormField-9zcFztod.js';
-import '../tslib.es6-3pu1kCPI.js';
+export { F as FormField } from '../FormField-xu1KemLL.js';
+import '../tslib.es6-BXhreaZf.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-CSiwmaLZ.js';
+import '../Button-BgK3yaef.js';
 import 'react-router-dom';
-import '../Icon-ai_18uv4.js';
-import '../Typography-1CqyGXAj.js';
-import '../Text-CYmJFKs4.js';
-import '../InputValidation-EX9II0xK.js';
-import '../Spinner-dU-crFCh.js';
+import '../Icon-DuAFakqK.js';
+import '../Typography-Di4zna-r.js';
+import '../Text-rsDp1kZ4.js';
+import '../useFormFieldFocus-DxdBwh_q.js';
+import '../InputValidation-BFK1fDEo.js';
+import '../Spinner-Bq_wUUSq.js';

package/dist/{FormField-CJpndXKw.js → FormField-DSmh7bDr.js}

@@ -1,16 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BLFt60YG.js');
+var tslib_es6 = require('./tslib.es6-CmZyntgP.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-CqLbKYF6.js');
-var Icon = require('./Icon-Ck_dfBWF.js');
-var Text = require('./Text-BQy0NlVf.js');
-var InputValidation = require('./InputValidation-DZ80aGpd.js');
-var Spinner = require('./Spinner-Cm1ggG_U.js');
+var Button = require('./Button-40o9k1UN.js');
+var Icon = require('./Icon-CpwvlgqQ.js');
+var Text = require('./Text-BFzvHq3G.js');
+var useFormFieldFocus = require('./useFormFieldFocus-DCnB26B0.js');
+var InputValidation = require('./InputValidation-BF4VzuG8.js');
+var Spinner = require('./Spinner-Xt5PlGlB.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",