@jobber/components 5.3.2 → 5.3.4

package/dist/{DatePicker-DpYwUQep.js → DatePicker-DvvJQTgm.js}

@@ -1,18 +1,18 @@
 import React, { createRef, forwardRef, isValidElement, cloneElement, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
-import './index-DkUSF0lc.js';
+import './index-CTfJhCOZ.js';
 import ReactDOM from 'react-dom';
 import { Popper, Manager, Reference } from 'react-popper';
-import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-C1rLIP-M.js';
-import { T as Typography } from './Typography-Cr8gxwk8.js';
-import { B as Button } from './Button-XOzbtRtW.js';
-import { g as getDefaultExportFromCjs } from './_commonjsHelpers-COdGFkal.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-2Ci6w6Pz.js';
-import { _ as _baseAssignValue } from './_baseAssignValue-DeSdEyMP.js';
-import { b as isObject_1, a as _root, c as _Symbol, i as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-CL6T_qCQ.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-C0VBwr3M.js';
-import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-B5sPSyWB.js';
-import { u as useAtlantisContext } from './AtlantisContext-2OyWFjw4.js';
+import { u as useRefocusOnActivator_2 } from './useRefocusOnActivator-Bi0S4Owm.js';
+import { T as Typography } from './Typography-By3ElXpG.js';
+import { B as Button } from './Button-CP9Bg57p.js';
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DwBjLMu-.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-DazHwaGR.js';
+import { _ as _baseAssignValue } from './_baseAssignValue-BOMCZGcE.js';
+import { b as isObject_1, a as _root, c as _Symbol, i as isObjectLike_1, _ as _baseGetTag } from './isObjectLike-DUO9pQ9k.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-BNXYj9LK.js';
+import { b as _baseFlatten, _ as _overRest, a as _setToString } from './_setToString-BrHsaoPf.js';
+import { u as useAtlantisContext } from './AtlantisContext-C63FlYum.js';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";

package/dist/{DayOfMonthSelect-BBLGeqZY.js → DayOfMonthSelect-Bw8zhL8X.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var RadioGroup = require('./RadioGroup-DBhKieEw.js');
-var Text = require('./Text-BpytA6KA.js');
+var RadioGroup = require('./RadioGroup-CX4FERta.js');
+var Text = require('./Text-BmgJyHqN.js');
 
 var styles$3 = {"container":"NfsRidfuJts-"};
 

package/dist/{DayOfMonthSelect-BgGD1mxI.js → DayOfMonthSelect-vn50DSfy.js}

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

package/dist/DescriptionList/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var DescriptionList = require('../DescriptionList-CFXZaoJq.js');
+var DescriptionList = require('../DescriptionList-DhEHaDE_.js');
 require('react');
-require('../Typography-Sk_RmgA6.js');
+require('../Typography-BcEypbiR.js');
 require('classnames');
 
 

package/dist/DescriptionList/index.mjs

@@ -1,4 +1,4 @@
-export { D as DescriptionList } from '../DescriptionList-8thsrQEd.js';
+export { D as DescriptionList } from '../DescriptionList-VMEVJptv.js';
 import 'react';
-import '../Typography-Cr8gxwk8.js';
+import '../Typography-By3ElXpG.js';
 import 'classnames';

package/dist/{DescriptionList-CFXZaoJq.js → DescriptionList-DhEHaDE_.js}

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

package/dist/{DescriptionList-8thsrQEd.js → DescriptionList-VMEVJptv.js}

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

package/dist/Disclosure/index.cjs

@@ -1,15 +1,15 @@
 'use strict';
 
-var Disclosure = require('../Disclosure-DNeccven.js');
+var Disclosure = require('../Disclosure-B2YStEzF.js');
 require('react');
-require('../useResizeObserver-DNiBU1rf.js');
-require('../_commonjsHelpers-CfOx7U0h.js');
-require('../debounce-BIg8mqA5.js');
-require('../isObjectLike-DrYRmJ9Q.js');
-require('../isSymbol-CcV1V9QQ.js');
-require('../Icon-D5WKnEZI.js');
+require('../useResizeObserver-r9NjXpfj.js');
+require('../_commonjsHelpers-BI3isZX_.js');
+require('../debounce-Cf5w7iLk.js');
+require('../isObjectLike-DG6roj4l.js');
+require('../isSymbol-DkcpxBzq.js');
+require('../Icon-gofYfHiX.js');
 require('@jobber/design');
-require('../Typography-Sk_RmgA6.js');
+require('../Typography-BcEypbiR.js');
 require('classnames');
 
 

package/dist/Disclosure/index.mjs

@@ -1,11 +1,11 @@
-export { D as Disclosure } from '../Disclosure-D-E6f2Ya.js';
+export { D as Disclosure } from '../Disclosure-DkNfhUkG.js';
 import 'react';
-import '../useResizeObserver-Cm9uLGUx.js';
-import '../_commonjsHelpers-COdGFkal.js';
-import '../debounce-22fEmOlq.js';
-import '../isObjectLike-CL6T_qCQ.js';
-import '../isSymbol-BVIi-ivY.js';
-import '../Icon-CmTkqGLc.js';
+import '../useResizeObserver-DsQ83nP-.js';
+import '../_commonjsHelpers-DwBjLMu-.js';
+import '../debounce-D-iyOZ_U.js';
+import '../isObjectLike-DUO9pQ9k.js';
+import '../isSymbol-Cbf0eXVe.js';
+import '../Icon-DiohRKqK.js';
 import '@jobber/design';
-import '../Typography-Cr8gxwk8.js';
+import '../Typography-By3ElXpG.js';
 import 'classnames';

package/dist/{Disclosure-DNeccven.js → Disclosure-B2YStEzF.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver-DNiBU1rf.js');
-var Icon = require('./Icon-D5WKnEZI.js');
-var Typography = require('./Typography-Sk_RmgA6.js');
+var useResizeObserver = require('./useResizeObserver-r9NjXpfj.js');
+var Icon = require('./Icon-gofYfHiX.js');
+var Typography = require('./Typography-BcEypbiR.js');
 
 var styles = {"arrowIconWrapper":"WcgASR88I1c-","details":"N-W4pXaLGt4-","summary":"PMjHZZhHiUY-","summaryWrap":"-E1lerklSHw-","content":"CjRRsbZQp1Y-","openAnimation":"vWj6tOjTVYA-"};
 

package/dist/{Disclosure-D-E6f2Ya.js → Disclosure-DkNfhUkG.js}

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
-import { u as useResizeObserver } from './useResizeObserver-Cm9uLGUx.js';
-import { I as Icon } from './Icon-CmTkqGLc.js';
-import { T as Typography } from './Typography-Cr8gxwk8.js';
+import { u as useResizeObserver } from './useResizeObserver-DsQ83nP-.js';
+import { I as Icon } from './Icon-DiohRKqK.js';
+import { T as Typography } from './Typography-By3ElXpG.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-BqMNLFts.js');
+var Divider = require('../Divider-C0rmKA4n.js');
 require('react');
 require('classnames');
 

package/dist/Divider/index.mjs

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

package/dist/Drawer/index.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var DrawerGrid = require('../DrawerGrid-bEdko9RU.js');
+var DrawerGrid = require('../DrawerGrid-CIaXGmfN.js');
 require('react');
 require('classnames');
-require('../Heading-CwxE7LYJ.js');
-require('../Typography-Sk_RmgA6.js');
-require('../ButtonDismiss-Bz0Xt61y.js');
-require('../Button-_PVkpayY.js');
+require('../Heading-DGcwyquV.js');
+require('../Typography-BcEypbiR.js');
+require('../ButtonDismiss-CZ4vjc2k.js');
+require('../Button-DJsI4rlu.js');
 require('react-router-dom');
-require('../Icon-D5WKnEZI.js');
+require('../Icon-gofYfHiX.js');
 require('@jobber/design');
 
 

package/dist/Drawer/index.mjs

@@ -1,10 +1,10 @@
-export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-DyNio5Y3.js';
+export { D as Drawer, a as DrawerGrid } from '../DrawerGrid-CBGrkiun.js';
 import 'react';
 import 'classnames';
-import '../Heading-CcpYOXGU.js';
-import '../Typography-Cr8gxwk8.js';
-import '../ButtonDismiss-q6FQTI29.js';
-import '../Button-XOzbtRtW.js';
+import '../Heading-CwbNdEMl.js';
+import '../Typography-By3ElXpG.js';
+import '../ButtonDismiss-RjncDsv1.js';
+import '../Button-CP9Bg57p.js';
 import 'react-router-dom';
-import '../Icon-CmTkqGLc.js';
+import '../Icon-DiohRKqK.js';
 import '@jobber/design';

package/dist/{DrawerGrid-DyNio5Y3.js → DrawerGrid-CBGrkiun.js}

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

package/dist/{DrawerGrid-bEdko9RU.js → DrawerGrid-CIaXGmfN.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var classnames = require('classnames');
-var Heading = require('./Heading-CwxE7LYJ.js');
-var ButtonDismiss = require('./ButtonDismiss-Bz0Xt61y.js');
+var Heading = require('./Heading-DGcwyquV.js');
+var ButtonDismiss = require('./ButtonDismiss-CZ4vjc2k.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-DS8rW6k_.js');
+var Emphasis = require('../Emphasis-CxBl6Nw8.js');
 require('react');
-require('../Typography-Sk_RmgA6.js');
+require('../Typography-BcEypbiR.js');
 require('classnames');
 
 

package/dist/Emphasis/index.mjs

@@ -1,4 +1,4 @@
-export { E as Emphasis } from '../Emphasis-CeS8xczi.js';
+export { E as Emphasis } from '../Emphasis-CYaZRSVB.js';
 import 'react';
-import '../Typography-Cr8gxwk8.js';
+import '../Typography-By3ElXpG.js';
 import 'classnames';

package/dist/{Emphasis-CeS8xczi.js → Emphasis-CYaZRSVB.js}

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

package/dist/{Emphasis-DS8rW6k_.js → Emphasis-CxBl6Nw8.js}

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

package/dist/FeatureSwitch/index.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var FeatureSwitch = require('../FeatureSwitch-D1VdHvQV.js');
+var FeatureSwitch = require('../FeatureSwitch-BxCQ9TNg.js');
 require('react');
 require('framer-motion');
 require('classnames');
-require('../Heading-CwxE7LYJ.js');
-require('../Typography-Sk_RmgA6.js');
-require('../Text-BpytA6KA.js');
-require('../Content-Dzkr1vXo.js');
-require('../Switch-BngC1Ka3.js');
-require('../Button-_PVkpayY.js');
+require('../Heading-DGcwyquV.js');
+require('../Typography-BcEypbiR.js');
+require('../Text-BmgJyHqN.js');
+require('../Content-B8sewiu2.js');
+require('../Switch-C-3rwwoF.js');
+require('../Button-DJsI4rlu.js');
 require('react-router-dom');
-require('../Icon-D5WKnEZI.js');
+require('../Icon-gofYfHiX.js');
 require('@jobber/design');
-require('../Emphasis-DS8rW6k_.js');
-require('../Markdown-BQMlObd7.js');
-require('../index-CMG3OhBA.js');
-require('../_commonjsHelpers-CfOx7U0h.js');
-require('../_polyfill-node.process-B7SS19SJ.js');
+require('../Emphasis-CxBl6Nw8.js');
+require('../Markdown-B2j0kJaC.js');
+require('../index-Ddwe-00D.js');
+require('../_commonjsHelpers-BI3isZX_.js');
+require('../_polyfill-node.process-8M2w2bry.js');
 
 
 

package/dist/FeatureSwitch/index.mjs

@@ -1,18 +1,18 @@
-export { F as FeatureSwitch } from '../FeatureSwitch-Djpf2CJe.js';
+export { F as FeatureSwitch } from '../FeatureSwitch-Bpa7I8Et.js';
 import 'react';
 import 'framer-motion';
 import 'classnames';
-import '../Heading-CcpYOXGU.js';
-import '../Typography-Cr8gxwk8.js';
-import '../Text-CuUscxQC.js';
-import '../Content-BeSjAgxN.js';
-import '../Switch-DYtoarpx.js';
-import '../Button-XOzbtRtW.js';
+import '../Heading-CwbNdEMl.js';
+import '../Typography-By3ElXpG.js';
+import '../Text-DxQOrTV0.js';
+import '../Content-B8q4skIN.js';
+import '../Switch-lFbYrvvA.js';
+import '../Button-CP9Bg57p.js';
 import 'react-router-dom';
-import '../Icon-CmTkqGLc.js';
+import '../Icon-DiohRKqK.js';
 import '@jobber/design';
-import '../Emphasis-CeS8xczi.js';
-import '../Markdown-DuM95SG9.js';
-import '../index-DkUSF0lc.js';
-import '../_commonjsHelpers-COdGFkal.js';
-import '../_polyfill-node.process-DBUgUcne.js';
+import '../Emphasis-CYaZRSVB.js';
+import '../Markdown-v_SVsvqn.js';
+import '../index-CTfJhCOZ.js';
+import '../_commonjsHelpers-DwBjLMu-.js';
+import '../_polyfill-node.process-a3wqIVxz.js';

package/dist/{FeatureSwitch-Djpf2CJe.js → FeatureSwitch-Bpa7I8Et.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-CcpYOXGU.js';
-import { T as Text } from './Text-CuUscxQC.js';
-import { C as Content } from './Content-BeSjAgxN.js';
-import { S as Switch } from './Switch-DYtoarpx.js';
-import { B as Button } from './Button-XOzbtRtW.js';
-import { E as Emphasis } from './Emphasis-CeS8xczi.js';
-import { M as Markdown } from './Markdown-DuM95SG9.js';
+import { H as Heading } from './Heading-CwbNdEMl.js';
+import { T as Text } from './Text-DxQOrTV0.js';
+import { C as Content } from './Content-B8q4skIN.js';
+import { S as Switch } from './Switch-lFbYrvvA.js';
+import { B as Button } from './Button-CP9Bg57p.js';
+import { E as Emphasis } from './Emphasis-CYaZRSVB.js';
+import { M as Markdown } from './Markdown-v_SVsvqn.js';
 
 var styles = {"container":"-sVnhIK4hZw-","content":"ZJaXf-cIFgU-","action":"OA-s1YYLMMM-","savedIndicator":"lN90IIewHq8-","featureContent":"mW56hvBHqPM-","enabled":"QfZjM5S-Ls0-"};
 

package/dist/{FeatureSwitch-D1VdHvQV.js → FeatureSwitch-BxCQ9TNg.js}

@@ -3,13 +3,13 @@
 var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
-var Heading = require('./Heading-CwxE7LYJ.js');
-var Text = require('./Text-BpytA6KA.js');
-var Content = require('./Content-Dzkr1vXo.js');
-var Switch = require('./Switch-BngC1Ka3.js');
-var Button = require('./Button-_PVkpayY.js');
-var Emphasis = require('./Emphasis-DS8rW6k_.js');
-var Markdown = require('./Markdown-BQMlObd7.js');
+var Heading = require('./Heading-DGcwyquV.js');
+var Text = require('./Text-BmgJyHqN.js');
+var Content = require('./Content-B8sewiu2.js');
+var Switch = require('./Switch-C-3rwwoF.js');
+var Button = require('./Button-DJsI4rlu.js');
+var Emphasis = require('./Emphasis-CxBl6Nw8.js');
+var Markdown = require('./Markdown-B2j0kJaC.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-BnoGW7Os.js');
+var Flex = require('../Flex-D5MXUunq.js');
 require('react');
 require('classnames');
 

package/dist/Flex/index.mjs

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

package/dist/Form/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var Form = require('../Form-DP_NGzgo.js');
-require('../tslib.es6-CpDKgg3T.js');
+var Form = require('../Form-DiJNLLI5.js');
+require('../tslib.es6-BxY8rbZl.js');
 require('react');
 require('react-hook-form');
 

package/dist/Form/index.mjs

@@ -1,4 +1,4 @@
-export { F as Form } from '../Form-o50dhKtv.js';
-import '../tslib.es6-B6xDFzvD.js';
+export { F as Form } from '../Form-Df03ygm5.js';
+import '../tslib.es6-nnNHhWHg.js';
 import 'react';
 import 'react-hook-form';

package/dist/{Form-o50dhKtv.js → Form-Df03ygm5.js}

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

package/dist/{Form-DP_NGzgo.js → Form-DiJNLLI5.js}

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

package/dist/FormField/FormFieldTypes.d.ts

@@ -1,6 +1,7 @@
 import { ChangeEvent, ReactNode, RefObject } from "react";
 import { RegisterOptions } from "react-hook-form";
 import { XOR } from "ts-xor";
+import { Clearable } from "@jobber/hooks/src/useShowClear";
 import { IconNames } from "../Icon";
 export type FormFieldTypes = "text" | "password" | "number" | "time" | "textarea" | "select" | "tel" | "email";
 export type AutocompleteTypes = "one-time-code" | "address-line1" | "address-line2";
@@ -81,7 +82,7 @@ export interface CommonFormFieldProps {
      * clearable. if the input value isn't editable (i.e. `InputTime`) you can
      * set it to `always`.
      */
-    readonly clearable?: "never" | "always";
+    readonly clearable?: Clearable;
 }
 export interface FormFieldProps extends CommonFormFieldProps {
     actionsRef?: RefObject<FieldActionsRef>;

package/dist/FormField/FormFieldWrapper.d.ts

@@ -1,10 +1,11 @@
 import { PropsWithChildren } from "react";
+import { Clearable } from "@jobber/hooks/useShowClear";
 import { FormFieldProps } from "./FormFieldTypes";
 interface FormFieldWrapperProps extends FormFieldProps {
     readonly error: string;
     readonly identifier: string;
     readonly descriptionIdentifier: string;
-    readonly clearable: "never" | "always";
+    readonly clearable: Clearable;
     readonly onClear: () => void;
 }
 export declare function FormFieldWrapper({ align, description, descriptionIdentifier, placeholder, value, children, invalid, error, size, prefix, suffix, max, maxLength, type, disabled, inline, identifier, clearable, onClear, toolbar, toolbarVisibility, wrapperRef, }: PropsWithChildren<FormFieldWrapperProps>): JSX.Element;

package/dist/FormField/index.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var FormField = require('../FormField-CtuPDPDo.js');
-require('../tslib.es6-CpDKgg3T.js');
+var FormField = require('../FormField-D1EBaX_d.js');
+require('../tslib.es6-BxY8rbZl.js');
 require('react');
 require('react-hook-form');
 require('classnames');
 require('framer-motion');
 require('@jobber/design');
-require('../Button-_PVkpayY.js');
+require('../Button-DJsI4rlu.js');
 require('react-router-dom');
-require('../Icon-D5WKnEZI.js');
-require('../Typography-Sk_RmgA6.js');
-require('../Text-BpytA6KA.js');
-require('../InputValidation-mhHF0wij.js');
-require('../Spinner-DDE-Ejr7.js');
+require('../Icon-gofYfHiX.js');
+require('../Typography-BcEypbiR.js');
+require('../Text-BmgJyHqN.js');
+require('../InputValidation-Buxu0QXf.js');
+require('../Spinner-_DBMQJbi.js');
 
 
 

package/dist/FormField/index.mjs

@@ -1,14 +1,14 @@
-export { F as FormField } from '../FormField-M1Xzf6zo.js';
-import '../tslib.es6-B6xDFzvD.js';
+export { F as FormField } from '../FormField-BcLK6jI0.js';
+import '../tslib.es6-nnNHhWHg.js';
 import 'react';
 import 'react-hook-form';
 import 'classnames';
 import 'framer-motion';
 import '@jobber/design';
-import '../Button-XOzbtRtW.js';
+import '../Button-CP9Bg57p.js';
 import 'react-router-dom';
-import '../Icon-CmTkqGLc.js';
-import '../Typography-Cr8gxwk8.js';
-import '../Text-CuUscxQC.js';
-import '../InputValidation-KwEiFq8-.js';
-import '../Spinner-jE9x7U1v.js';
+import '../Icon-DiohRKqK.js';
+import '../Typography-By3ElXpG.js';
+import '../Text-DxQOrTV0.js';
+import '../InputValidation-BG0URIss.js';
+import '../Spinner-DuVECVZh.js';

package/dist/{FormField-M1Xzf6zo.js → FormField-BcLK6jI0.js}

@@ -1,14 +1,14 @@
-import { _ as __rest } from './tslib.es6-B6xDFzvD.js';
+import { _ as __rest } from './tslib.es6-nnNHhWHg.js';
 import React, { useState, useEffect, useRef, useId, useImperativeHandle } from 'react';
 import { useFormContext, useForm, Controller } from 'react-hook-form';
 import classnames from 'classnames';
 import { AnimatePresence, motion } from 'framer-motion';
 import { tokens } from '@jobber/design';
-import { B as Button } from './Button-XOzbtRtW.js';
-import { I as Icon } from './Icon-CmTkqGLc.js';
-import { T as Text } from './Text-CuUscxQC.js';
-import { I as InputValidation } from './InputValidation-KwEiFq8-.js';
-import { S as Spinner } from './Spinner-jE9x7U1v.js';
+import { B as Button } from './Button-CP9Bg57p.js';
+import { I as Icon } from './Icon-DiohRKqK.js';
+import { T as Text } from './Text-DxQOrTV0.js';
+import { I as InputValidation } from './InputValidation-BG0URIss.js';
+import { S as Spinner } from './Spinner-DuVECVZh.js';
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","textarea":"mgPacJ6Z71Y-","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-"};
 
@@ -258,7 +258,7 @@ function FormField(props) {
             function handleClear() {
                 var _a;
                 handleBlur();
-                setValue(controlledName, undefined, { 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();
             }

package/dist/{FormField-CtuPDPDo.js → FormField-D1EBaX_d.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-CpDKgg3T.js');
+var tslib_es6 = require('./tslib.es6-BxY8rbZl.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-_PVkpayY.js');
-var Icon = require('./Icon-D5WKnEZI.js');
-var Text = require('./Text-BpytA6KA.js');
-var InputValidation = require('./InputValidation-mhHF0wij.js');
-var Spinner = require('./Spinner-DDE-Ejr7.js');
+var Button = require('./Button-DJsI4rlu.js');
+var Icon = require('./Icon-gofYfHiX.js');
+var Text = require('./Text-BmgJyHqN.js');
+var InputValidation = require('./InputValidation-Buxu0QXf.js');
+var Spinner = require('./Spinner-_DBMQJbi.js');
 
 var styles$1 = {"container":"geR7qBhrMfk-","wrapper":"nPGhTEEzsoU-","horizontalWrapper":"q7AxfhwVVBs-","timeInputLabel":"YhserUiOeFE-","miniLabel":"UIZq8hTmJVU-","large":"Ku8sWS0mLew-","text":"e4VYDAkWHAg-","textarea":"mgPacJ6Z71Y-","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-"};
 
@@ -260,7 +260,7 @@ function FormField(props) {
             function handleClear() {
                 var _a;
                 handleBlur();
-                setValue(controlledName, undefined, { 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();
             }

package/dist/FormatDate/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var FormatDate = require('../FormatDate-CTrl8IUg.js');
+var FormatDate = require('../FormatDate-5GeAPYFn.js');
 require('react');
 
 

package/dist/FormatDate/index.mjs

@@ -1,2 +1,2 @@
-export { F as FormatDate, s as strFormatDate } from '../FormatDate-Dwb9Xdkj.js';
+export { F as FormatDate, s as strFormatDate } from '../FormatDate-Dqx5gaY_.js';
 import 'react';