@jobber/components 5.19.0 → 5.19.1

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

@@ -2,19 +2,19 @@
 
 var React = require('react');
 var classnames = require('classnames');
-require('./index-B8alWVVv.js');
+require('./index-Dd8Wvhhg.js');
 var ReactDOM = require('react-dom');
 var reactPopper = require('react-popper');
-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');
+var useRefocusOnActivator = require('./useRefocusOnActivator-Dqslv8Z6.js');
+var Typography = require('./Typography-BKerhkE1.js');
+var Button = require('./Button-CM8Vh8Wg.js');
+var _commonjsHelpers = require('./_commonjsHelpers-DayC7VBw.js');
+var _defineProperty$1 = require('./_defineProperty-Bevvm9Ky.js');
+var _baseAssignValue = require('./_baseAssignValue-DLFCxkTD.js');
+var isObjectLike$3 = require('./isObjectLike-BPI4ZGxm.js');
+var _getTag = require('./_getTag-C_f6pIB-.js');
+var _setToString = require('./_setToString-CSDSLxrG.js');
+var AtlantisContext = require('./AtlantisContext-d7IZ8Z8F.js');
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

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

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

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

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

package/dist/DescriptionList/index.cjs

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

package/dist/DescriptionList/index.mjs

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

package/dist/{DescriptionList-CIzjQY34.js → DescriptionList-D_Dc_lih.js}

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

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

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

package/dist/Disclosure/index.cjs

@@ -1,16 +1,16 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-CUQneey0.js');
+var Disclosure = require('../Disclosure-BwaHg12B.js');
 require('react');
-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('../useResizeObserver-CtZpzKmm.js');
+require('../_commonjsHelpers-DayC7VBw.js');
+require('../throttle-DNEE198O.js');
+require('../debounce-OnJDxpra.js');
+require('../isObjectLike-BPI4ZGxm.js');
+require('../isSymbol-mB1CiPI-.js');
+require('../Icon-OvormmiS.js');
 require('@jobber/design');
-require('../Typography-D7jV-Wfb.js');
+require('../Typography-BKerhkE1.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,12 +1,12 @@
-export { D as Disclosure } from '../Disclosure-tToSAZrb.js';
+export { D as Disclosure } from '../Disclosure-BVNPlqh7.js';
 import 'react';
-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 '../useResizeObserver-m0djJpp4.js';
+import '../_commonjsHelpers-DbmivZO2.js';
+import '../throttle-BaaSfdHd.js';
+import '../debounce--fP-iJ73.js';
+import '../isObjectLike-BYt5teJf.js';
+import '../isSymbol-ikp_8bS2.js';
+import '../Icon-Bo9CBgAB.js';
 import '@jobber/design';
-import '../Typography-CSv0oO0L.js';
+import '../Typography-0PhuctfZ.js';
 import 'classnames';

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

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-Bt7of2d6.js';
-import { I as Icon } from './Icon-Rg4OSYoL.js';
-import { T as Typography } from './Typography-CSv0oO0L.js';
+import { u as useResizeObserver } from './useResizeObserver-m0djJpp4.js';
+import { I as Icon } from './Icon-Bo9CBgAB.js';
+import { T as Typography } from './Typography-0PhuctfZ.js';
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

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

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-CXT5GFDg.js');
-var Icon = require('./Icon-CAkL6fde.js');
-var Typography = require('./Typography-D7jV-Wfb.js');
+var useResizeObserver = require('./useResizeObserver-CtZpzKmm.js');
+var Icon = require('./Icon-OvormmiS.js');
+var Typography = require('./Typography-BKerhkE1.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-djisP3YG.js');
+var Divider = require('../Divider-D88K9pfN.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

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

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-DQNognn5.js');
+var DrawerGrid = require('../DrawerGrid-DypuOGRQ.js');
 require('react');
 require('classnames');
-require('../Heading-DFtlJOvG.js');
-require('../Typography-D7jV-Wfb.js');
-require('../ButtonDismiss-DMHvm7yN.js');
-require('../Button-qfPHhXD9.js');
+require('../Heading-FpKqp9CL.js');
+require('../Typography-BKerhkE1.js');
+require('../ButtonDismiss-B31KdHrm.js');
+require('../Button-CM8Vh8Wg.js');
 require('react-router-dom');
-require('../Icon-CAkL6fde.js');
+require('../Icon-OvormmiS.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-bQDXKU_E.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-XS2ljqda.js';
 import 'react';
 import 'classnames';
-import '../Heading-2tLRNoLi.js';
-import '../Typography-CSv0oO0L.js';
-import '../ButtonDismiss-Dha5Sz_n.js';
-import '../Button-BymNW5Oe.js';
+import '../Heading-D0Pyqmwr.js';
+import '../Typography-0PhuctfZ.js';
+import '../ButtonDismiss-DDA8gKw5.js';
+import '../Button-BXeRT5ky.js';
 import 'react-router-dom';
-import '../Icon-Rg4OSYoL.js';
+import '../Icon-Bo9CBgAB.js';
 import '@jobber/design';

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

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

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

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

package/dist/Emphasis/index.mjs

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

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

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

package/dist/{Emphasis-CkhBYXip.js → Emphasis-Ci3W0W40.js}

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

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-BI3slpDu.js');
+var FeatureSwitch = require('../FeatureSwitch-DSKfT0Y1.js');
 require('react');
 require('framer-motion');
 require('classnames');
-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('../Heading-FpKqp9CL.js');
+require('../Typography-BKerhkE1.js');
+require('../Text-CaCvYn4I.js');
+require('../Content-BUUlKR77.js');
+require('../Switch-BOsMoyNO.js');
+require('../Button-CM8Vh8Wg.js');
 require('react-router-dom');
-require('../Icon-CAkL6fde.js');
+require('../Icon-OvormmiS.js');
 require('@jobber/design');
-require('../Emphasis-CkhBYXip.js');
-require('../Markdown-Dg8tA2WT.js');
-require('../index-B8alWVVv.js');
-require('../_commonjsHelpers-CgKDug6z.js');
-require('../_polyfill-node.process-CiCTB0Ck.js');
+require('../Emphasis-Ci3W0W40.js');
+require('../Markdown-BMpeGD94.js');
+require('../index-Dd8Wvhhg.js');
+require('../_commonjsHelpers-DayC7VBw.js');
+require('../_polyfill-node.process-C2b8umo3.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-BsfovW5Y.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-Bl2XBKZV.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-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 '../Heading-D0Pyqmwr.js';
+import '../Typography-0PhuctfZ.js';
+import '../Text-Db6B_C2j.js';
+import '../Content-BKCDpeE7.js';
+import '../Switch-BXJE-OvM.js';
+import '../Button-BXeRT5ky.js';
 import 'react-router-dom';
-import '../Icon-Rg4OSYoL.js';
+import '../Icon-Bo9CBgAB.js';
 import '@jobber/design';
-import '../Emphasis-DkmfG7uD.js';
-import '../Markdown-DzKTZAVw.js';
-import '../index-DkrNdOvY.js';
-import '../_commonjsHelpers-C_-0bU2G.js';
-import '../_polyfill-node.process-BizOZKnf.js';
+import '../Emphasis-CLKapEhZ.js';
+import '../Markdown-DtOLluCd.js';
+import '../index-CeGjvEYV.js';
+import '../_commonjsHelpers-DbmivZO2.js';
+import '../_polyfill-node.process-oE4S80q4.js';

package/dist/{FeatureSwitch-BsfovW5Y.js → FeatureSwitch-Bl2XBKZV.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-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';
+import { H as Heading } from './Heading-D0Pyqmwr.js';
+import { T as Text } from './Text-Db6B_C2j.js';
+import { C as Content } from './Content-BKCDpeE7.js';
+import { S as Switch } from './Switch-BXJE-OvM.js';
+import { B as Button } from './Button-BXeRT5ky.js';
+import { E as Emphasis } from './Emphasis-CLKapEhZ.js';
+import { M as Markdown } from './Markdown-DtOLluCd.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

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

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-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 Heading = require('./Heading-FpKqp9CL.js');
+var Text = require('./Text-CaCvYn4I.js');
+var Content = require('./Content-BUUlKR77.js');
+var Switch = require('./Switch-BOsMoyNO.js');
+var Button = require('./Button-CM8Vh8Wg.js');
+var Emphasis = require('./Emphasis-Ci3W0W40.js');
+var Markdown = require('./Markdown-BMpeGD94.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-DoSPi8IX.js');
+var Flex = require('../Flex-DhIYExQu.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

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

package/dist/Form/index.mjs

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

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

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

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

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

package/dist/FormField/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var FormField = require('../FormField-BoJUPQgs.js');
-require('../tslib.es6-B11pIlQ0.js');
+var FormField = require('../FormField-C9_E74Nd.js');
+require('../tslib.es6-D6wrRH6d.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-qfPHhXD9.js');
+require('../Button-CM8Vh8Wg.js');
 require('react-router-dom');
-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');
+require('../Icon-OvormmiS.js');
+require('../Typography-BKerhkE1.js');
+require('../Text-CaCvYn4I.js');
+require('../useFormFieldFocus-DRZT-K70.js');
+require('../InputValidation-ZJcTJ8y4.js');
+require('../Spinner-Cuo5S_y6.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,15 +1,15 @@
-export { F as FormField } from '../FormField-D7dRM75q.js';
-import '../tslib.es6-C5Wmkig-.js';
+export { F as FormField } from '../FormField-DL02wGl2.js';
+import '../tslib.es6-D72hunBb.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-BymNW5Oe.js';
+import '../Button-BXeRT5ky.js';
 import 'react-router-dom';
-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';
+import '../Icon-Bo9CBgAB.js';
+import '../Typography-0PhuctfZ.js';
+import '../Text-Db6B_C2j.js';
+import '../useFormFieldFocus-CyuKF4yH.js';
+import '../InputValidation--UMik1El.js';
+import '../Spinner-BbhaIsbb.js';

package/dist/{FormField-BoJUPQgs.js → FormField-C9_E74Nd.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-B11pIlQ0.js');
+var tslib_es6 = require('./tslib.es6-D6wrRH6d.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-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 Button = require('./Button-CM8Vh8Wg.js');
+var Icon = require('./Icon-OvormmiS.js');
+var Text = require('./Text-CaCvYn4I.js');
+var useFormFieldFocus = require('./useFormFieldFocus-DRZT-K70.js');
+var InputValidation = require('./InputValidation-ZJcTJ8y4.js');
+var Spinner = require('./Spinner-Cuo5S_y6.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,44 +186,50 @@ 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" }))));
 }
 
-// eslint-disable-next-line max-statements
 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) {
     var _a;
-    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 { 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 { 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 [identifier] = React.useState(React.useId());
-    const [descriptionIdentifier] = React.useState(`descriptionUUID--${React.useId()}`);
+    const descriptionIdentifier = `descriptionUUID--${id}`;
     /**
      * 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 [controlledName] = React.useState(name ? name : `generatedName--${identifier}`);
+    const name = nameProp ? nameProp : `generatedName--${id}`;
     React.useEffect(() => {
         if (value != undefined) {
-            setValue(controlledName, value);
+            setValue(name, value);
         }
-    }, [value, watch(controlledName)]);
+    }, [value, watch(name)]);
     React.useImperativeHandle(actionsRef, () => ({
         setValue: newValue => {
-            setValue(controlledName, newValue, { shouldValidate: true });
+            setValue(name, newValue, { shouldValidate: true });
         },
     }));
     const _b = reactHookForm.useController({
-        name: controlledName,
+        name,
         control,
         rules: validations,
         defaultValue: (_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : "",
-    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur, name: controllerName } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur", "name"]), { fieldState: { error } } = _b;
+    }), _c = _b.field, { onChange: onControllerChange, onBlur: onControllerBlur } = _c, rest = tslib_es6.__rest(_c, ["onChange", "onBlur"]), { 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: identifier, className: styles$1.input, name: (validations || name) && controllerName, 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, className: styles$1.input, name: (validations || nameProp) && name, 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: identifier, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
+    return (React.createElement(FormFieldWrapper, Object.assign({}, props, { value: rest.value, error: errorMessage, identifier: id, descriptionIdentifier: descriptionIdentifier, clearable: clearable, onClear: handleClear }), renderField()));
     function renderField() {
         switch (type) {
             case "select":
@@ -242,7 +248,7 @@ function FormField(props) {
     function handleClear() {
         var _a;
         handleBlur();
-        setValue(controlledName, "", { shouldValidate: true });
+        setValue(name, "", { shouldValidate: true });
         onChange && onChange("");
         (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }