@jobber/components 5.1.5 → 5.3.0

package/dist/InputEmail/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputEmail = require('../InputEmail-CSeSZ6w2.js');
+var InputEmail = require('../InputEmail-D08WJJec.js');
 require('react');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../FormField-BG7r08Dq.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-CrNtqYZi.js');
+require('react-router-dom');
+require('../Icon-lHYv-rc2.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../InputValidation-CQHollVB.js');
+require('../Spinner-C51SF7aY.js');
 
 
 

package/dist/InputEmail/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputEmail, v as validationMessage } from '../InputEmail-B5ctn-sx.js';
+export { I as InputEmail, v as validationMessage } from '../InputEmail-DdzxJZx1.js';
 import 'react';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../FormField-CoyJGAVy.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-DphsaJ2N.js';
+import 'react-router-dom';
+import '../Icon-mKNhhLlM.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../InputValidation-S_Fw4V6C.js';
+import '../Spinner-CJLKR-Xv.js';

package/dist/{InputEmail-CSeSZ6w2.js → InputEmail-D08WJJec.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-BG7r08Dq.js');
 
 const validationMessage = "Please enter a valid email";
 function InputEmail(props) {

package/dist/{InputEmail-B5ctn-sx.js → InputEmail-DdzxJZx1.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CoyJGAVy.js';
 
 const validationMessage = "Please enter a valid email";
 function InputEmail(props) {

package/dist/InputFile/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var InputFile = require('../InputFile-CtpjNGHU.js');
-require('../tslib.es6-DwJa3lSq.js');
+var InputFile = require('../InputFile-BfLg9uuS.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react');
 require('classnames');
-require('../index-CjYX8oHn.js');
-require('../_commonjsHelpers-BGCqE92r.js');
+require('../index-2Uy3eyO0.js');
+require('../_commonjsHelpers-CD5-_3Iw.js');
 require('axios');
-require('../InputValidation-DFD0tltq.js');
+require('../InputValidation-CQHollVB.js');
 require('framer-motion');
-require('../Text-DgFnVjl0.js');
-require('../Typography-DpZMnfx5.js');
-require('../Icon-D68T3kRf.js');
+require('../Text-DXUZ3Xqc.js');
+require('../Typography-DtrR-UIr.js');
+require('../Icon-lHYv-rc2.js');
 require('@jobber/design');
-require('../Button-CRUgdCo5.js');
+require('../Button-CrNtqYZi.js');
 require('react-router-dom');
-require('../Content-10GB4FUR.js');
+require('../Content-DZpCfEYh.js');
 
 
 

package/dist/InputFile/index.mjs

@@ -1,16 +1,16 @@
-export { I as InputFile, u as updateFiles } from '../InputFile-DSpmf8ay.js';
-import '../tslib.es6-PGjtTazq.js';
+export { I as InputFile, u as updateFiles } from '../InputFile-aD7UHz7E.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react';
 import 'classnames';
-import '../index-CBHSpFM7.js';
-import '../_commonjsHelpers-CXHNZgRE.js';
+import '../index-CkU4RUJc.js';
+import '../_commonjsHelpers-D6r2ggSt.js';
 import 'axios';
-import '../InputValidation-CpVD6rqA.js';
+import '../InputValidation-S_Fw4V6C.js';
 import 'framer-motion';
-import '../Text-CPbFvIGm.js';
-import '../Typography-Cw3F4Rct.js';
-import '../Icon-Cx_Ktflt.js';
+import '../Text-DkNm4sVq.js';
+import '../Typography-CHkHpIpY.js';
+import '../Icon-mKNhhLlM.js';
 import '@jobber/design';
-import '../Button-CMkahsUS.js';
+import '../Button-DphsaJ2N.js';
 import 'react-router-dom';
-import '../Content-tJg0b8sb.js';
+import '../Content-BVuNlQrb.js';

package/dist/{InputFile-CtpjNGHU.js → InputFile-BfLg9uuS.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DwJa3lSq.js');
+var tslib_es6 = require('./tslib.es6-BzJQO8hv.js');
 var React = require('react');
 var classnames = require('classnames');
-var index = require('./index-CjYX8oHn.js');
+var index = require('./index-2Uy3eyO0.js');
 var axios = require('axios');
-var InputValidation = require('./InputValidation-DFD0tltq.js');
-var Button = require('./Button-CRUgdCo5.js');
-var Content = require('./Content-10GB4FUR.js');
-var Typography = require('./Typography-DpZMnfx5.js');
+var InputValidation = require('./InputValidation-CQHollVB.js');
+var Button = require('./Button-CrNtqYZi.js');
+var Content = require('./Content-DZpCfEYh.js');
+var Typography = require('./Typography-DtrR-UIr.js');
 
 var COMMON_MIME_TYPES = new Map([
     // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types

package/dist/{InputFile-DSpmf8ay.js → InputFile-aD7UHz7E.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter, b as __generator, c as __spread } from './tslib.es6-PGjtTazq.js';
+import { a as __awaiter, b as __generator, c as __spread } from './tslib.es6-De4Bn7R0.js';
 import React, { forwardRef, useImperativeHandle, Fragment, useMemo, useRef, useReducer, useEffect, useCallback } from 'react';
 import classnames from 'classnames';
-import { P as PropTypes } from './index-CBHSpFM7.js';
+import { P as PropTypes } from './index-CkU4RUJc.js';
 import axios from 'axios';
-import { I as InputValidation } from './InputValidation-CpVD6rqA.js';
-import { B as Button } from './Button-CMkahsUS.js';
-import { C as Content } from './Content-tJg0b8sb.js';
-import { T as Typography } from './Typography-Cw3F4Rct.js';
+import { I as InputValidation } from './InputValidation-S_Fw4V6C.js';
+import { B as Button } from './Button-DphsaJ2N.js';
+import { C as Content } from './Content-BVuNlQrb.js';
+import { T as Typography } from './Typography-CHkHpIpY.js';
 
 var COMMON_MIME_TYPES = new Map([
     // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types

package/dist/InputGroup/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var InputGroup = require('../InputGroup-DaH-mVrR.js');
+var InputGroup = require('../InputGroup-BlfzzhZh.js');
 require('react');
 require('classnames');
 

package/dist/InputGroup/index.mjs

@@ -1,3 +1,3 @@
-export { I as InputGroup } from '../InputGroup-BwK_gsqa.js';
+export { I as InputGroup } from '../InputGroup-Bofoy34X.js';
 import 'react';
 import 'classnames';

package/dist/InputNumber/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputNumber = require('../InputNumber-CxWoexPn.js');
+var InputNumber = require('../InputNumber-BWYOsHlM.js');
 require('react');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../FormField-BG7r08Dq.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-CrNtqYZi.js');
+require('react-router-dom');
+require('../Icon-lHYv-rc2.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../InputValidation-CQHollVB.js');
+require('../Spinner-C51SF7aY.js');
 
 
 

package/dist/InputNumber/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputNumber } from '../InputNumber-2F88h4ar.js';
+export { I as InputNumber } from '../InputNumber-YsaVs0-Z.js';
 import 'react';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../FormField-CoyJGAVy.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-DphsaJ2N.js';
+import 'react-router-dom';
+import '../Icon-mKNhhLlM.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../InputValidation-S_Fw4V6C.js';
+import '../Spinner-CJLKR-Xv.js';

package/dist/{InputNumber-CxWoexPn.js → InputNumber-BWYOsHlM.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-BG7r08Dq.js');
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/{InputNumber-2F88h4ar.js → InputNumber-YsaVs0-Z.js}

@@ -1,5 +1,5 @@
 import React, { forwardRef, createRef, useImperativeHandle } from 'react';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CoyJGAVy.js';
 
 function InputNumberInternal(props, ref) {
     var _a;

package/dist/InputPassword/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputPassword = require('../InputPassword-BwGM92oP.js');
+var InputPassword = require('../InputPassword-CTYaN5AO.js');
 require('react');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../FormField-BG7r08Dq.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-CrNtqYZi.js');
+require('react-router-dom');
+require('../Icon-lHYv-rc2.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../InputValidation-CQHollVB.js');
+require('../Spinner-C51SF7aY.js');
 
 
 

package/dist/InputPassword/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputPassword } from '../InputPassword-t3keEtCf.js';
+export { I as InputPassword } from '../InputPassword-Bt07opi0.js';
 import 'react';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../FormField-CoyJGAVy.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-DphsaJ2N.js';
+import 'react-router-dom';
+import '../Icon-mKNhhLlM.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../InputValidation-S_Fw4V6C.js';
+import '../Spinner-CJLKR-Xv.js';

package/dist/{InputPassword-t3keEtCf.js → InputPassword-Bt07opi0.js}

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CoyJGAVy.js';
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/{InputPassword-BwGM92oP.js → InputPassword-CTYaN5AO.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-BG7r08Dq.js');
 
 function InputPassword(props) {
     const { hasVisibility = false } = props;

package/dist/InputPhoneNumber/index.cjs

@@ -1,20 +1,20 @@
 'use strict';
 
-var InputPhoneNumber = require('../InputPhoneNumber-xO6F829T.js');
-require('../tslib.es6-DwJa3lSq.js');
+var InputPhoneNumber = require('../InputPhoneNumber-Dx9vwtNK.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react');
 require('react-hook-form');
-require('../FormField-M_2OnEmD.js');
+require('../FormField-BG7r08Dq.js');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-CrNtqYZi.js');
+require('react-router-dom');
+require('../Icon-lHYv-rc2.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../InputValidation-CQHollVB.js');
+require('../Spinner-C51SF7aY.js');
 
 
 

package/dist/InputPhoneNumber/index.mjs

@@ -1,15 +1,15 @@
-export { I as InputPhoneNumber } from '../InputPhoneNumber-DdIMDOKT.js';
-import '../tslib.es6-PGjtTazq.js';
+export { I as InputPhoneNumber } from '../InputPhoneNumber-C1lqZdeR.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react';
 import 'react-hook-form';
-import '../FormField-CnPTpuxr.js';
+import '../FormField-CoyJGAVy.js';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-DphsaJ2N.js';
+import 'react-router-dom';
+import '../Icon-mKNhhLlM.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../InputValidation-S_Fw4V6C.js';
+import '../Spinner-CJLKR-Xv.js';

package/dist/{InputPhoneNumber-DdIMDOKT.js → InputPhoneNumber-C1lqZdeR.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-PGjtTazq.js';
+import { _ as __rest } from './tslib.es6-De4Bn7R0.js';
 import React, { useState, cloneElement } from 'react';
 import { useFormContext, useForm } from 'react-hook-form';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { F as FormField } from './FormField-CoyJGAVy.js';
 
 var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};
 

package/dist/{InputPhoneNumber-xO6F829T.js → InputPhoneNumber-Dx9vwtNK.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-DwJa3lSq.js');
+var tslib_es6 = require('./tslib.es6-BzJQO8hv.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var FormField = require('./FormField-M_2OnEmD.js');
+var FormField = require('./FormField-BG7r08Dq.js');
 
 var styles = {"mask":"L7WK-i5uaOk-","hiddenValue":"q1wXBupm5Xc-"};
 

package/dist/InputText/InputText.d.ts

@@ -27,8 +27,10 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly clearable?: "always" | "never" | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
+    readonly toolbar?: React.ReactNode;
     readonly defaultValue?: string | Date | undefined;
     readonly prefix?: import("../FormField").Affix | undefined;
+    readonly autofocus?: boolean | undefined;
     readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
     inputRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> | undefined;
     readonly keyboard?: "numeric" | "decimal" | undefined;
@@ -47,6 +49,7 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     onEnter?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
     readonly readonly?: boolean | undefined;
     readonly validations?: import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    readonly toolbarVisibility?: "always" | "while-editing" | undefined;
 } | {
     rows?: undefined;
     multiline?: boolean | undefined;
@@ -65,8 +68,10 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     readonly clearable?: "always" | "never" | undefined;
     onFocus?: (() => void) | undefined;
     onBlur?: (() => void) | undefined;
+    readonly toolbar?: React.ReactNode;
     readonly defaultValue?: string | Date | undefined;
     readonly prefix?: import("../FormField").Affix | undefined;
+    readonly autofocus?: boolean | undefined;
     readonly autocomplete?: boolean | import("../FormField").AutocompleteTypes | undefined;
     inputRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement> | undefined;
     readonly keyboard?: "numeric" | "decimal" | undefined;
@@ -85,4 +90,5 @@ export declare const InputText: React.ForwardRefExoticComponent<({
     onEnter?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
     readonly readonly?: boolean | undefined;
     readonly validations?: import("react-hook-form").RegisterOptions<import("react-hook-form").FieldValues, string> | undefined;
+    readonly toolbarVisibility?: "always" | "while-editing" | undefined;
 }) & React.RefAttributes<InputTextRef>>;

package/dist/InputText/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var InputText = require('../InputText-CajfLbS3.js');
+var InputText = require('../InputText-v4qRVK-d.js');
 require('react');
-require('../useSafeLayoutEffect-BXCvs7Wo.js');
-require('../FormField-M_2OnEmD.js');
-require('../tslib.es6-DwJa3lSq.js');
+require('../useSafeLayoutEffect-CJKP3EBD.js');
+require('../FormField-BG7r08Dq.js');
+require('../tslib.es6-BzJQO8hv.js');
 require('react-hook-form');
 require('classnames');
-require('../Button-CRUgdCo5.js');
-require('react-router-dom');
-require('../Icon-D68T3kRf.js');
-require('@jobber/design');
-require('../Typography-DpZMnfx5.js');
-require('../Text-DgFnVjl0.js');
-require('../InputValidation-DFD0tltq.js');
 require('framer-motion');
-require('../Spinner-BJPnAe3t.js');
+require('@jobber/design');
+require('../Button-CrNtqYZi.js');
+require('react-router-dom');
+require('../Icon-lHYv-rc2.js');
+require('../Typography-DtrR-UIr.js');
+require('../Text-DXUZ3Xqc.js');
+require('../InputValidation-CQHollVB.js');
+require('../Spinner-C51SF7aY.js');
 
 
 

package/dist/InputText/index.mjs

@@ -1,16 +1,16 @@
-export { I as InputText } from '../InputText-CQT-IXCb.js';
+export { I as InputText } from '../InputText-DeiYWOQM.js';
 import 'react';
-import '../useSafeLayoutEffect-I3qMfKlY.js';
-import '../FormField-CnPTpuxr.js';
-import '../tslib.es6-PGjtTazq.js';
+import '../useSafeLayoutEffect-DfYEVDlo.js';
+import '../FormField-CoyJGAVy.js';
+import '../tslib.es6-De4Bn7R0.js';
 import 'react-hook-form';
 import 'classnames';
-import '../Button-CMkahsUS.js';
-import 'react-router-dom';
-import '../Icon-Cx_Ktflt.js';
-import '@jobber/design';
-import '../Typography-Cw3F4Rct.js';
-import '../Text-CPbFvIGm.js';
-import '../InputValidation-CpVD6rqA.js';
 import 'framer-motion';
-import '../Spinner-DjBP7aIM.js';
+import '@jobber/design';
+import '../Button-DphsaJ2N.js';
+import 'react-router-dom';
+import '../Icon-mKNhhLlM.js';
+import '../Typography-CHkHpIpY.js';
+import '../Text-DkNm4sVq.js';
+import '../InputValidation-S_Fw4V6C.js';
+import '../Spinner-CJLKR-Xv.js';

package/dist/{InputText-CQT-IXCb.js → InputText-DeiYWOQM.js}

@@ -1,10 +1,11 @@
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-I3qMfKlY.js';
-import { F as FormField } from './FormField-CnPTpuxr.js';
+import { u as useSafeLayoutEffect_1 } from './useSafeLayoutEffect-DfYEVDlo.js';
+import { F as FormField } from './FormField-CoyJGAVy.js';
 
 function InputTextInternal(props, ref) {
     const inputRef = useRef(null);
     const actionsRef = useRef(null);
+    const wrapperRef = useRef(null);
     const rowRange = getRowRange();
     useImperativeHandle(ref, () => ({
         insert: (text) => {
@@ -30,15 +31,21 @@ function InputTextInternal(props, ref) {
         },
     }));
     useSafeLayoutEffect_1(() => {
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
+        if (inputRef &&
+            inputRef.current instanceof HTMLTextAreaElement &&
+            wrapperRef &&
+            wrapperRef.current instanceof HTMLDivElement) {
+            resize(inputRef.current, wrapperRef.current);
         }
-    }, [inputRef.current]);
-    return (React.createElement(FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, onChange: handleChange, rows: rowRange.min })));
+    }, [inputRef.current, wrapperRef.current]);
+    return (React.createElement(FormField, Object.assign({}, props, { type: props.multiline ? "textarea" : "text", inputRef: inputRef, actionsRef: actionsRef, wrapperRef: wrapperRef, onChange: handleChange, rows: rowRange.min })));
     function handleChange(newValue) {
         props.onChange && props.onChange(newValue);
-        if (inputRef && inputRef.current instanceof HTMLTextAreaElement) {
-            resize(inputRef.current);
+        if (inputRef &&
+            inputRef.current instanceof HTMLTextAreaElement &&
+            wrapperRef &&
+            (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) instanceof HTMLDivElement) {
+            resize(inputRef.current, wrapperRef.current);
         }
     }
     function getRowRange() {
@@ -52,11 +59,12 @@ function InputTextInternal(props, ref) {
             return { min: props.rows, max: props.rows };
         }
     }
-    function resize(textArea) {
+    function resize(textArea, wrapper) {
         if (rowRange.min === rowRange.max)
             return;
-        textArea.style.height = "auto";
-        textArea.style.height = textAreaHeight(textArea) + "px";
+        textArea.style.flexBasis = "auto";
+        wrapper.style.height = "auto";
+        textArea.style.flexBasis = textAreaHeight(textArea) + "px";
     }
     function textAreaHeight(textArea) {
         const { lineHeight, borderBottomWidth, borderTopWidth, paddingBottom, paddingTop, } = window.getComputedStyle(textArea);