@jobber/components 5.19.0 → 5.19.2-OPS-21139.1

package/dist/{DatePicker-BMWiYi4f.js → DatePicker-UDDWEzL2.js}

@@ -1,18 +1,18 @@
 import React, { createRef, forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import './index-DkrNdOvY.js';
+import './index-CR7Qr4Hx.js';
 import ReactDOM from 'react-dom';
 import { Popper, Manager, Reference } from 'react-popper';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-BJSxPAz2.js';
-import { T as Typography } from './Typography-CSv0oO0L.js';
-import { B as Button } from './Button-BymNW5Oe.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-C_-0bU2G.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-CGICsf-Z.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-DGQRJ7mn.js';
-import { i as isObject_1, b as _root, c as _Symbol, a as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-DJ9pm7V7.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-RbAOAtdi.js';
-import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-zO8GCYup.js';
-import { u as useAtlantisContext } from './AtlantisContext-fkYdyFJE.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-DPAt20ER.js';
+import { T as Typography } from './Typography-CbKPnUnm.js';
+import { B as Button } from './Button-B8nbeKeb.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BJVeTpFI.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-BBVYHuTZ.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-mZlXiokg.js';
+import { i as isObject_1, b as _root, c as _Symbol, a as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-Cjd4FAjE.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-C1AAgqXx.js';
+import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-BobvCzGX.js';
+import { u as useAtlantisContext } from './AtlantisContext-BCTjJbzl.js';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-1iUxrj6j.js → DayOfMonthSelect-BJmOoDeL.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-Bdfjb1sZ.js';
+import { T as Text } from './Text-fAawN-O2.js';
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/{DayOfMonthSelect-Bpzp_-BB.js → DayOfMonthSelect-qwSw9CAe.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-y5k56Nmj.js');
+var Text = require('./Text-BV0RR6cI.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-BM-r-Yy6.js');
 require('react');
-require('../Typography-D7jV-Wfb.js');
+require('../Typography-DYxeiZgk.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-DQ1NUO1B.js';
 import 'react';
-import '../Typography-CSv0oO0L.js';
+import '../Typography-CbKPnUnm.js';
 import 'classnames';

package/dist/{DescriptionList-CIzjQY34.js → DescriptionList-BM-r-Yy6.js}

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { T as Typography } from './Typography-CSv0oO0L.js';
+import { T as Typography } from './Typography-CbKPnUnm.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-CLQruZsE.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-GH-4nCJK.js');
+require('../_commonjsHelpers-BYrcjPc6.js');
+require('../throttle-D8qxKv6o.js');
+require('../debounce-IsCZswt2.js');
+require('../isObjectLike-BkFvyXbr.js');
+require('../isSymbol-DIwYP11U.js');
+require('../Icon-DSd2ttQw.js');
 require('@jobber/design');
-require('../Typography-D7jV-Wfb.js');
+require('../Typography-DYxeiZgk.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-BqY4YO6D.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-Bz3mdG67.js';
+import '../_commonjsHelpers-BJVeTpFI.js';
+import '../throttle-DPqr8nSl.js';
+import '../debounce-T_O4m2R-.js';
+import '../isObjectLike-Cjd4FAjE.js';
+import '../isSymbol-BQ3glrbf.js';
+import '../Icon-C1FxydSc.js';
 import '@jobber/design';
-import '../Typography-CSv0oO0L.js';
+import '../Typography-CbKPnUnm.js';
 import 'classnames';

package/dist/{Disclosure-tToSAZrb.js → Disclosure-BqY4YO6D.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-Bz3mdG67.js';
+import { I as Icon } from './Icon-C1FxydSc.js';
+import { T as Typography } from './Typography-CbKPnUnm.js';
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-CUQneey0.js → Disclosure-CLQruZsE.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-GH-4nCJK.js');
+var Icon = require('./Icon-DSd2ttQw.js');
+var Typography = require('./Typography-DYxeiZgk.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-DAplveqy.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-BBOrFYVO.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-BgtLnLBH.js');
 require('react');
 require('classnames');
-require('../Heading-DFtlJOvG.js');
-require('../Typography-D7jV-Wfb.js');
-require('../ButtonDismiss-DMHvm7yN.js');
-require('../Button-qfPHhXD9.js');
+require('../Heading-0VPWQZf_.js');
+require('../Typography-DYxeiZgk.js');
+require('../ButtonDismiss-CFHtt8uU.js');
+require('../Button-Cq6PHyl9.js');
 require('react-router-dom');
-require('../Icon-CAkL6fde.js');
+require('../Icon-DSd2ttQw.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-DX0HE5Dk.js';
 import 'react';
 import 'classnames';
-import '../Heading-2tLRNoLi.js';
-import '../Typography-CSv0oO0L.js';
-import '../ButtonDismiss-Dha5Sz_n.js';
-import '../Button-BymNW5Oe.js';
+import '../Heading-CMfYkgre.js';
+import '../Typography-CbKPnUnm.js';
+import '../ButtonDismiss-4cw2i8IJ.js';
+import '../Button-B8nbeKeb.js';
 import 'react-router-dom';
-import '../Icon-Rg4OSYoL.js';
+import '../Icon-C1FxydSc.js';
 import '@jobber/design';

package/dist/{DrawerGrid-DQNognn5.js → DrawerGrid-BgtLnLBH.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-0VPWQZf_.js');
+var ButtonDismiss = require('./ButtonDismiss-CFHtt8uU.js');
 
 var styles$1 = {"container":"IJAyrFb2GpA-","drawer":"Hsmk6Pg14PQ-","open":"DwF3Q9EMPvQ-","header":"TcdyXiTbnMU-","contentScroll":"srL7xqEzwhM-","content":"p6-yqttoIJI-"};
 

package/dist/{DrawerGrid-bQDXKU_E.js → DrawerGrid-DX0HE5Dk.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-CMfYkgre.js';
+import { B as ButtonDismiss } from './ButtonDismiss-4cw2i8IJ.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-wdCkk6yw.js');
 require('react');
-require('../Typography-D7jV-Wfb.js');
+require('../Typography-DYxeiZgk.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-pXr2ao6P.js';
 import 'react';
-import '../Typography-CSv0oO0L.js';
+import '../Typography-CbKPnUnm.js';
 import 'classnames';

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

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

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Typography = require('./Typography-D7jV-Wfb.js');
+var Typography = require('./Typography-DYxeiZgk.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-BcScx35F.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-0VPWQZf_.js');
+require('../Typography-DYxeiZgk.js');
+require('../Text-BV0RR6cI.js');
+require('../Content-DKSaCxzN.js');
+require('../Switch-CYpz2ZSS.js');
+require('../Button-Cq6PHyl9.js');
 require('react-router-dom');
-require('../Icon-CAkL6fde.js');
+require('../Icon-DSd2ttQw.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-wdCkk6yw.js');
+require('../Markdown-dHXsU2--.js');
+require('../index-BBL8KIQX.js');
+require('../_commonjsHelpers-BYrcjPc6.js');
+require('../_polyfill-node.process-D3rzn0kf.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-BsfovW5Y.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-DUyCpR4L.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-CMfYkgre.js';
+import '../Typography-CbKPnUnm.js';
+import '../Text-fAawN-O2.js';
+import '../Content-DexWH9Kn.js';
+import '../Switch-qL8kdcE2.js';
+import '../Button-B8nbeKeb.js';
 import 'react-router-dom';
-import '../Icon-Rg4OSYoL.js';
+import '../Icon-C1FxydSc.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-pXr2ao6P.js';
+import '../Markdown-kTp3oM8j.js';
+import '../index-CR7Qr4Hx.js';
+import '../_commonjsHelpers-BJVeTpFI.js';
+import '../_polyfill-node.process-D7J3vtai.js';

package/dist/{FeatureSwitch-BI3slpDu.js → FeatureSwitch-BcScx35F.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-0VPWQZf_.js');
+var Text = require('./Text-BV0RR6cI.js');
+var Content = require('./Content-DKSaCxzN.js');
+var Switch = require('./Switch-CYpz2ZSS.js');
+var Button = require('./Button-Cq6PHyl9.js');
+var Emphasis = require('./Emphasis-wdCkk6yw.js');
+var Markdown = require('./Markdown-dHXsU2--.js');
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-BsfovW5Y.js → FeatureSwitch-DUyCpR4L.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-CMfYkgre.js';
+import { T as Text } from './Text-fAawN-O2.js';
+import { C as Content } from './Content-DexWH9Kn.js';
+import { S as Switch } from './Switch-qL8kdcE2.js';
+import { B as Button } from './Button-B8nbeKeb.js';
+import { E as Emphasis } from './Emphasis-pXr2ao6P.js';
+import { M as Markdown } from './Markdown-kTp3oM8j.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-5tFe74i0.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-DsAglhl5.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-B88vAMDk.js');
+require('../tslib.es6-LER3JdZD.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-D1XjTL2j.js';
+import '../tslib.es6-Bz9zTTZU.js';
 import 'react';
 import 'react-hook-form';

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

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

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

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-C5Wmkig-.js';
+import { a as __awaiter } from './tslib.es6-Bz9zTTZU.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-BUtQh8wj.js');
+require('../tslib.es6-LER3JdZD.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-qfPHhXD9.js');
+require('../Button-Cq6PHyl9.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-DSd2ttQw.js');
+require('../Typography-DYxeiZgk.js');
+require('../Text-BV0RR6cI.js');
+require('../useFormFieldFocus-Cv68qBji.js');
+require('../InputValidation-BOmnqoG8.js');
+require('../Spinner-CvU1ztwQ.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-D_HQflGJ.js';
+import '../tslib.es6-Bz9zTTZU.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-BymNW5Oe.js';
+import '../Button-B8nbeKeb.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-C1FxydSc.js';
+import '../Typography-CbKPnUnm.js';
+import '../Text-fAawN-O2.js';
+import '../useFormFieldFocus-B86PauNj.js';
+import '../InputValidation-bJqDu_hG.js';
+import '../Spinner-xNvtbsu8.js';

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

@@ -1,17 +1,17 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-B11pIlQ0.js');
+var tslib_es6 = require('./tslib.es6-LER3JdZD.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-Cq6PHyl9.js');
+var Icon = require('./Icon-DSd2ttQw.js');
+var Text = require('./Text-BV0RR6cI.js');
+var useFormFieldFocus = require('./useFormFieldFocus-Cv68qBji.js');
+var InputValidation = require('./InputValidation-BOmnqoG8.js');
+var Spinner = require('./Spinner-CvU1ztwQ.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();
     }