@jobber/components 5.18.1-JOB-99089.2 → 5.19.0

package/dist/{DatePicker-zqz6Ruk4.js → DatePicker-De8jHMLj.js}

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var classnames = require('classnames');
-require('./index-Dld72SoR.js');
+require('./index-B8alWVVv.js');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-var useRefocusOnActivator = require('./useRefocusOnActivator-ByOgVF_3.js');
-var Typography = require('./Typography-BLyXfQX8.js');
-var Button = require('./Button-Dj46QNeZ.js');
-var _commonjsHelpers = require('./_commonjsHelpers-Cgrobgtz.js');
-var _defineProperty$1 = require('./_defineProperty-Bm5Aw_l7.js');
-var _baseAssignValue = require('./_baseAssignValue-SlfbC2xh.js');
-var isObjectLike$3 = require('./isObjectLike-BmckOUuw.js');
-var _getTag = require('./_getTag-KTIKnG8_.js');
-var _setToString = require('./_setToString-DEmm_tZv.js');
-var AtlantisContext = require('./AtlantisContext-Q9XININO.js');
+var useRefocusOnActivator = require('./useRefocusOnActivator-UVcd_Am0.js');
+var Typography = require('./Typography-D7jV-Wfb.js');
+var Button = require('./Button-qfPHhXD9.js');
+var _commonjsHelpers = require('./_commonjsHelpers-CgKDug6z.js');
+var _defineProperty$1 = require('./_defineProperty-CfR_lZqi.js');
+var _baseAssignValue = require('./_baseAssignValue-Cm79NcAh.js');
+var isObjectLike$3 = require('./isObjectLike-DOIAlxkG.js');
+var _getTag = require('./_getTag-Bldljkx2.js');
+var _setToString = require('./_setToString-BfgaGy1k.js');
+var AtlantisContext = require('./AtlantisContext-BrssL4lQ.js');
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-C0aRxF0o.js → DayOfMonthSelect-1iUxrj6j.js}

@@ -1,6 +1,6 @@
 import React, { useId } from 'react';
-import { R as RadioGroup, a as RadioOption } from './RadioGroup-D8r60sSf.js';
-import { T as Text } from './Text-uJzqteFH.js';
+import { R as RadioGroup, a as RadioOption } from './RadioGroup-BnvSlr-X.js';
+import { T as Text } from './Text-D5zH_SD5.js';
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/{DayOfMonthSelect-BKXNK6hb.js → DayOfMonthSelect-Bpzp_-BB.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-zFHanYG_.js');
-var Text = require('./Text-BiOwjwn2.js');
+var RadioGroup = require('./RadioGroup-BM1K4mFf.js');
+var Text = require('./Text-WesvIIBU.js');
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-DeFrr-Wl.js');
+var DescriptionList = require('../DescriptionList-CIzjQY34.js');
 require('react');
-require('../Typography-BLyXfQX8.js');
+require('../Typography-D7jV-Wfb.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-CcKS2lXS.js';
+export { D as DescriptionList } from '../DescriptionList-CqTtjFQV.js';
 import 'react';
-import '../Typography-DH1i45Cm.js';
+import '../Typography-CSv0oO0L.js';
 import 'classnames';

package/dist/{DescriptionList-DeFrr-Wl.js → DescriptionList-CIzjQY34.js}

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

package/dist/{DescriptionList-CcKS2lXS.js → DescriptionList-CqTtjFQV.js}

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

package/dist/Disclosure/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-BBFsqJVF.js');
+var Disclosure = require('../Disclosure-CUQneey0.js');
 require('react');
-require('../useResizeObserver-Bi6kU-Oh.js');
-require('../_commonjsHelpers-Cgrobgtz.js');
-require('../throttle-CBftXcTS.js');
-require('../debounce-CQsPhYD6.js');
-require('../isObjectLike-BmckOUuw.js');
-require('../isSymbol-BjAfIomf.js');
-require('../Icon-BNoRfyeY.js');
+require('../useResizeObserver-CXT5GFDg.js');
+require('../_commonjsHelpers-CgKDug6z.js');
+require('../throttle-DahaSVUK.js');
+require('../debounce-DEjsEV7v.js');
+require('../isObjectLike-DOIAlxkG.js');
+require('../isSymbol-_8Usoq8d.js');
+require('../Icon-CAkL6fde.js');
 require('@jobber/design');
-require('../Typography-BLyXfQX8.js');
+require('../Typography-D7jV-Wfb.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,12 +1,12 @@
-export { D as Disclosure } from '../Disclosure-DqR_dcBm.js';
+export { D as Disclosure } from '../Disclosure-tToSAZrb.js';
 import 'react';
-import '../useResizeObserver-gtYFjqER.js';
-import '../_commonjsHelpers-Y9msgNsl.js';
-import '../throttle-B0-U-NXB.js';
-import '../debounce-CvMRD-kP.js';
-import '../isObjectLike-CauXJFNr.js';
-import '../isSymbol--94TIA30.js';
-import '../Icon-Ce2too_I.js';
+import '../useResizeObserver-Bt7of2d6.js';
+import '../_commonjsHelpers-C_-0bU2G.js';
+import '../throttle-B_tNTd7G.js';
+import '../debounce-AYcpZv3c.js';
+import '../isObjectLike-DJ9pm7V7.js';
+import '../isSymbol-Brdz3x-m.js';
+import '../Icon-Rg4OSYoL.js';
 import '@jobber/design';
-import '../Typography-DH1i45Cm.js';
+import '../Typography-CSv0oO0L.js';
 import 'classnames';

package/dist/{Disclosure-BBFsqJVF.js → Disclosure-CUQneey0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-Bi6kU-Oh.js');
-var Icon = require('./Icon-BNoRfyeY.js');
-var Typography = require('./Typography-BLyXfQX8.js');
+var useResizeObserver = require('./useResizeObserver-CXT5GFDg.js');
+var Icon = require('./Icon-CAkL6fde.js');
+var Typography = require('./Typography-D7jV-Wfb.js');
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-DqR_dcBm.js → Disclosure-tToSAZrb.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-gtYFjqER.js';
-import { I as Icon } from './Icon-Ce2too_I.js';
-import { T as Typography } from './Typography-DH1i45Cm.js';
+import { u as useResizeObserver } from './useResizeObserver-Bt7of2d6.js';
+import { I as Icon } from './Icon-Rg4OSYoL.js';
+import { T as Typography } from './Typography-CSv0oO0L.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-k-TU9Yq_.js');
+var Divider = require('../Divider-djisP3YG.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

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

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-Cwn2waYQ.js');
+var DrawerGrid = require('../DrawerGrid-DQNognn5.js');
 require('react');
 require('classnames');
-require('../Heading-B6dylSot.js');
-require('../Typography-BLyXfQX8.js');
-require('../ButtonDismiss-n6TAFSbi.js');
-require('../Button-Dj46QNeZ.js');
+require('../Heading-DFtlJOvG.js');
+require('../Typography-D7jV-Wfb.js');
+require('../ButtonDismiss-DMHvm7yN.js');
+require('../Button-qfPHhXD9.js');
 require('react-router-dom');
-require('../Icon-BNoRfyeY.js');
+require('../Icon-CAkL6fde.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-DlJ2eg5V.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-bQDXKU_E.js';
 import 'react';
 import 'classnames';
-import '../Heading-C7iHMEO7.js';
-import '../Typography-DH1i45Cm.js';
-import '../ButtonDismiss-DxIDM9Q3.js';
-import '../Button-CLYzgjXV.js';
+import '../Heading-2tLRNoLi.js';
+import '../Typography-CSv0oO0L.js';
+import '../ButtonDismiss-Dha5Sz_n.js';
+import '../Button-BymNW5Oe.js';
 import 'react-router-dom';
-import '../Icon-Ce2too_I.js';
+import '../Icon-Rg4OSYoL.js';
 import '@jobber/design';

package/dist/{DrawerGrid-Cwn2waYQ.js → DrawerGrid-DQNognn5.js}

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

package/dist/{DrawerGrid-DlJ2eg5V.js → DrawerGrid-bQDXKU_E.js}

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
-import { H as Heading } from './Heading-C7iHMEO7.js';
-import { B as ButtonDismiss } from './ButtonDismiss-DxIDM9Q3.js';
+import { H as Heading } from './Heading-2tLRNoLi.js';
+import { B as ButtonDismiss } from './ButtonDismiss-Dha5Sz_n.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-6ecnzc-C.js');
+var Emphasis = require('../Emphasis-CkhBYXip.js');
 require('react');
-require('../Typography-BLyXfQX8.js');
+require('../Typography-D7jV-Wfb.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-CuYJxrQe.js';
+export { E as Emphasis } from '../Emphasis-DkmfG7uD.js';
 import 'react';
-import '../Typography-DH1i45Cm.js';
+import '../Typography-CSv0oO0L.js';
 import 'classnames';

package/dist/{Emphasis-6ecnzc-C.js → Emphasis-CkhBYXip.js}

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

package/dist/{Emphasis-CuYJxrQe.js → Emphasis-DkmfG7uD.js}

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

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-CqBMd7F0.js');
+var FeatureSwitch = require('../FeatureSwitch-BI3slpDu.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-B6dylSot.js');
-require('../Typography-BLyXfQX8.js');
-require('../Text-BiOwjwn2.js');
-require('../Content-DEh8l6l-.js');
-require('../Switch-xuacx2h5.js');
-require('../Button-Dj46QNeZ.js');
+require('../Heading-DFtlJOvG.js');
+require('../Typography-D7jV-Wfb.js');
+require('../Text-WesvIIBU.js');
+require('../Content-BHa-1WMt.js');
+require('../Switch-BFIR2NUc.js');
+require('../Button-qfPHhXD9.js');
 require('react-router-dom');
-require('../Icon-BNoRfyeY.js');
+require('../Icon-CAkL6fde.js');
 require('@jobber/design');
-require('../Emphasis-6ecnzc-C.js');
-require('../Markdown-DKmWClL7.js');
-require('../index-Dld72SoR.js');
-require('../_commonjsHelpers-Cgrobgtz.js');
-require('../_polyfill-node.process-4dIbJIGA.js');
+require('../Emphasis-CkhBYXip.js');
+require('../Markdown-Dg8tA2WT.js');
+require('../index-B8alWVVv.js');
+require('../_commonjsHelpers-CgKDug6z.js');
+require('../_polyfill-node.process-CiCTB0Ck.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-Cw6vvlGI.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-BsfovW5Y.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-C7iHMEO7.js';
-import '../Typography-DH1i45Cm.js';
-import '../Text-uJzqteFH.js';
-import '../Content-CuOwn3Zr.js';
-import '../Switch-DjkcsJpk.js';
-import '../Button-CLYzgjXV.js';
+import '../Heading-2tLRNoLi.js';
+import '../Typography-CSv0oO0L.js';
+import '../Text-D5zH_SD5.js';
+import '../Content-DOZ5cNjx.js';
+import '../Switch-C7awOypm.js';
+import '../Button-BymNW5Oe.js';
 import 'react-router-dom';
-import '../Icon-Ce2too_I.js';
+import '../Icon-Rg4OSYoL.js';
 import '@jobber/design';
-import '../Emphasis-CuYJxrQe.js';
-import '../Markdown-BQ_9o7R4.js';
-import '../index-Dm_Kr3zP.js';
-import '../_commonjsHelpers-Y9msgNsl.js';
-import '../_polyfill-node.process-DNKbwS6u.js';
+import '../Emphasis-DkmfG7uD.js';
+import '../Markdown-DzKTZAVw.js';
+import '../index-DkrNdOvY.js';
+import '../_commonjsHelpers-C_-0bU2G.js';
+import '../_polyfill-node.process-BizOZKnf.js';

package/dist/{FeatureSwitch-CqBMd7F0.js → FeatureSwitch-BI3slpDu.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-B6dylSot.js');
-var Text = require('./Text-BiOwjwn2.js');
-var Content = require('./Content-DEh8l6l-.js');
-var Switch = require('./Switch-xuacx2h5.js');
-var Button = require('./Button-Dj46QNeZ.js');
-var Emphasis = require('./Emphasis-6ecnzc-C.js');
-var Markdown = require('./Markdown-DKmWClL7.js');
+var Heading = require('./Heading-DFtlJOvG.js');
+var Text = require('./Text-WesvIIBU.js');
+var Content = require('./Content-BHa-1WMt.js');
+var Switch = require('./Switch-BFIR2NUc.js');
+var Button = require('./Button-qfPHhXD9.js');
+var Emphasis = require('./Emphasis-CkhBYXip.js');
+var Markdown = require('./Markdown-Dg8tA2WT.js');
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-Cw6vvlGI.js → FeatureSwitch-BsfovW5Y.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-C7iHMEO7.js';
-import { T as Text } from './Text-uJzqteFH.js';
-import { C as Content } from './Content-CuOwn3Zr.js';
-import { S as Switch } from './Switch-DjkcsJpk.js';
-import { B as Button } from './Button-CLYzgjXV.js';
-import { E as Emphasis } from './Emphasis-CuYJxrQe.js';
-import { M as Markdown } from './Markdown-BQ_9o7R4.js';
+import { H as Heading } from './Heading-2tLRNoLi.js';
+import { T as Text } from './Text-D5zH_SD5.js';
+import { C as Content } from './Content-DOZ5cNjx.js';
+import { S as Switch } from './Switch-C7awOypm.js';
+import { B as Button } from './Button-BymNW5Oe.js';
+import { E as Emphasis } from './Emphasis-DkmfG7uD.js';
+import { M as Markdown } from './Markdown-DzKTZAVw.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-esJZoB9-.js');
+var Flex = require('../Flex-DoSPi8IX.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-B4HYMMYP.js');
-require('../tslib.es6-BDZmTNDQ.js');
+var Form = require('../Form-DAgG0bzf.js');
+require('../tslib.es6-B11pIlQ0.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-BFhodOln.js';
-import '../tslib.es6-BreJpntc.js';
+export { F as Form } from '../Form-D-muPuIL.js';
+import '../tslib.es6-C5Wmkig-.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-BFhodOln.js → Form-D-muPuIL.js}

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

package/dist/{Form-B4HYMMYP.js → Form-DAgG0bzf.js}

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

package/dist/FormField/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var FormField = require('../FormField-P-Kdu-tl.js');
-require('../tslib.es6-BDZmTNDQ.js');
+var FormField = require('../FormField-BoJUPQgs.js');
+require('../tslib.es6-B11pIlQ0.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-Dj46QNeZ.js');
+require('../Button-qfPHhXD9.js');
 require('react-router-dom');
-require('../Icon-BNoRfyeY.js');
-require('../Typography-BLyXfQX8.js');
-require('../Text-BiOwjwn2.js');
-require('../useFormFieldFocus-fyAFDHaS.js');
-require('../InputValidation-lwbUEVT6.js');
-require('../Spinner-BLYmn-5b.js');
+require('../Icon-CAkL6fde.js');
+require('../Typography-D7jV-Wfb.js');
+require('../Text-WesvIIBU.js');
+require('../useFormFieldFocus-PXbCe5DO.js');
+require('../InputValidation-D66ok1WG.js');
+require('../Spinner-DwkXE8mW.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,15 +1,15 @@
-export { F as FormField } from '../FormField-DXgyh2K0.js';
-import '../tslib.es6-BreJpntc.js';
+export { F as FormField } from '../FormField-D7dRM75q.js';
+import '../tslib.es6-C5Wmkig-.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-CLYzgjXV.js';
+import '../Button-BymNW5Oe.js';
 import 'react-router-dom';
-import '../Icon-Ce2too_I.js';
-import '../Typography-DH1i45Cm.js';
-import '../Text-uJzqteFH.js';
-import '../useFormFieldFocus-28WpWzEn.js';
-import '../InputValidation-Cz12iNmx.js';
-import '../Spinner-PJ8-kqdd.js';
+import '../Icon-Rg4OSYoL.js';
+import '../Typography-CSv0oO0L.js';
+import '../Text-D5zH_SD5.js';
+import '../useFormFieldFocus-B_Wc76-c.js';
+import '../InputValidation-B1FfgUM-.js';
+import '../Spinner-JMTGVOuU.js';

package/dist/{FormField-P-Kdu-tl.js → FormField-BoJUPQgs.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-BDZmTNDQ.js');
+var tslib_es6 = require('./tslib.es6-B11pIlQ0.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-Dj46QNeZ.js');
-var Icon = require('./Icon-BNoRfyeY.js');
-var Text = require('./Text-BiOwjwn2.js');
-var useFormFieldFocus = require('./useFormFieldFocus-fyAFDHaS.js');
-var InputValidation = require('./InputValidation-lwbUEVT6.js');
-var Spinner = require('./Spinner-BLYmn-5b.js');
+var Button = require('./Button-qfPHhXD9.js');
+var Icon = require('./Icon-CAkL6fde.js');
+var Text = require('./Text-WesvIIBU.js');
+var useFormFieldFocus = require('./useFormFieldFocus-PXbCe5DO.js');
+var InputValidation = require('./InputValidation-D66ok1WG.js');
+var Spinner = require('./Spinner-DwkXE8mW.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-"};
 
@@ -186,50 +186,44 @@ function FormFieldPostFix({ variation }) {
     return (React.createElement("span", { className: styles$1.postfix }, variation === "select" ? (React.createElement(Icon.Icon, { name: "arrowDown" })) : (React.createElement(Spinner.Spinner, { size: "small" }))));
 }
 
-function FormField(props) {
-    // Warning: do not move useId into FormFieldInternal. This must be here to avoid
-    // a problem where useId isn't stable across multiple StrictMode renders.
-    // https://github.com/facebook/react/issues/27103
-    const id = React.useId();
-    return React.createElement(FormFieldInternal, Object.assign({}, props, { id: id }));
-}
 // eslint-disable-next-line max-statements
-function FormFieldInternal(props) {
+function FormField(props) {
     var _a;
-    const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, id, inputRef, inline, keyboard, max, maxLength, min, name: nameProp, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
+    const { actionsRef, autocomplete = true, children, defaultValue, description, disabled, inputRef, inline, keyboard, max, maxLength, min, name, readonly, rows, loading, type = "text", validations, value, onChange, onEnter, onFocus, onBlur, onValidation, onKeyUp, clearable = "never", autofocus, } = props;
     const { control, setValue, watch } = reactHookForm.useFormContext() != undefined
         ? reactHookForm.useFormContext()
         : // If there isn't a Form Context being provided, get a form for this field.
             reactHookForm.useForm({ mode: "onTouched" });
-    const descriptionIdentifier = `descriptionUUID--${id}`;
+    const [identifier] = React.useState(React.useId());
+    const [descriptionIdentifier] = React.useState(`descriptionUUID--${React.useId()}`);
     /**
      * Generate a name if one is not supplied, this is the name
      * that will be used for react-hook-form and not neccessarily
      * attached to the DOM
      */
-    const name = nameProp ? nameProp : `generatedName--${id}`;
+    const [controlledName] = React.useState(name ? name : `generatedName--${identifier}`);
     React.useEffect(() => {
         if (value != undefined) {
-            setValue(name, value);
+            setValue(controlledName, value);
         }
-    }, [value, watch(name)]);
+    }, [value, watch(controlledName)]);
     React.useImperativeHandle(actionsRef, () => ({
         setValue: newValue => {
-            setValue(name, newValue, { shouldValidate: true });
+            setValue(controlledName, newValue, { shouldValidate: true });
         },
     }));
     const _b = reactHookForm.useController({
-        name,
+        name: controlledName,
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur", "name"]), { fieldState: { error } } = _b;
     const errorMessage = (error === null || error === void 0 ? void 0 : error.message) || "";
     React.useEffect(() => handleValidation(errorMessage), [errorMessage]);
-    const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id, className: styles$1.input, name: (validations || nameProp) && name, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
+    const fieldProps = Object.assign(Object.assign(Object.assign({}, rest), { id: identifier, className: styles$1.input, name: (validations || name) && controllerName, disabled: disabled, readOnly: readonly, inputMode: keyboard, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, autoFocus: autofocus }), (description &&
         !inline && { "aria-describedby": descriptionIdentifier }));
     const textFieldProps = Object.assign(Object.assign({}, fieldProps), { autoFocus: autofocus, onKeyDown: handleKeyDown });
-    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
+    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
             case "select":
@@ -248,7 +242,7 @@ function FormFieldInternal(props) {
     function handleClear() {
         var _a;
         handleBlur();
-        setValue(name, "", { shouldValidate: true });
+        setValue(controlledName, "", { shouldValidate: true });
         onChange && onChange("");
         (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }