https://tassets.spotahome.com/3b8bf49ea5eeda3fdd0bc2bdf4a55e18b06ffb5c/assets/FormInput-CqUF0KMI.js

1(function(){try{var e=typeof globalThis<`u`?globalThis:typeof global<`u`?global:typeof window<`u`?window:typeof self<`u`?self:{};e[`__faroGitHash_tenant-bff-production`]=`3b8bf49ea5eeda3fdd0bc2bdf4a55e18b06ffb5c`}catch{}})(),(function(){try{var e=typeof globalThis<`u`?globalThis:typeof global<`u`?global:typeof window<`u`?window:typeof self<`u`?self:{};e[`__faroBundleId_tenant-bff-production`]=`3b8bf49ea5eeda3fdd0bc2bdf4a55e18b06ffb5c`}catch{}})();import{s as e,t}from"./react-ByyP5rfU.js";import{I as n}from"./client-CBS4RuQf.js";import{t as r}from"./jsx-runtime-BbymYIqe.js";import{a as i}from"./Button-C0iz8fxZ.js";var a=e(n()),o=e(i()),s=e(t()),c=4,l=`--initial-padding`,u=`--input-padding-left`,d=`--input-padding-right`,f=(e,t,n)=>{let r=window.getComputedStyle(t).getPropertyValue(n),i=parseInt(r,10)+e+c;t.style.setProperty(n,`${i}px`)},p=e=>{let t=window.getComputedStyle(e).getPropertyValue(l);e.style.setProperty(u,t),e.style.setProperty(d,t)},m=e=>{let t=(0,s.useRef)(null),n=(0,s.useRef)(null),r=(0,s.useRef)(null);return(0,s.useEffect)(()=>{p(t.current),n.current&&f(n.current.clientWidth,t.current,u),r.current&&f(r.current.clientWidth,t.current,d)},e),{wrapperRef:t,prefixRef:n,suffixRef:r}},h={primary:`var(--sah-primary)`,interaction:`var(--sah-interaction)`,"secondary-pink":`var(--sah-secondary-pink)`,"secondary-blue":`var(--sah-secondary-blue)`,"interaction-dark":`var(--sah-interaction-dark)`,"interaction-hover":`var(--sah-interaction-hover)`,tertiary:`var(--sah-tertiary)`,danger:`var(--sah-danger)`,success:`var(--sah-success)`,"success-light":`var(--sah-success-light)`,warning:`var(--sah-warning)`,white:`var(--sah-white)`,"primary-light":`var(--sah-primary-light)`,"interaction-light":`var(--sah-interaction-light)`,"interaction-tint":`var(--sah-interaction-tint)`,"secondary-blue-light":`var(--sah-secondary-blue-light)`,"secondary-blue-ultra-light":`var(--sah-secondary-blue-ultra-light)`,"secondary-pink-light":`var(--sah-secondary-pink-light)`,medium:`var(--sah-medium)`,light:`var(--sah-light)`,"medium-light":`var(--sah-medium-light)`,"ultra-light":`var(--sah-ultra-light)`,"overlay-light-black":`var(--sah-overlay-light-black)`,"overlay-black":`var(--sah-overlay-black)`,"overlay-white":`var(--sah-overlay-white)`,"overlay-pink":`var(--sah-overlay-pink)`,"primary-light-blue":`var(--sah-primary-light-blue)`,secondary:`var(--sah-secondary)`,"ultra-dark":`var(--sah-ultra-dark)`,dark:`var(--sah-dark)`,info:`var(--sah-info)`,"primary-dark":`var(--sah-primary-dark)`,translucid:`var(--sah-translucid)`,shadow:`var(--sah-shadow)`,"font-light":`var(--sah-font-w-light)`,"font-regular":`var(--sah-font-w-regular)`,"font-bold":`var(--sah-font-w-bold)`,"font-extra-bold":`var(--sah-font-w-extra-bold)`,"font-ultra-bold":`var(--sah-font-w-ultra-bold)`,"font-title":`var(--sah-font-title)`,"line-height-xxxs":`var(--sah-line-height-xxxs)`,"line-height-xxs":`var(--sah-line-height-xxs)`,"line-height-xs":`var(--sah-line-height-xs)`,"line-height-s":`var(--sah-line-height-s)`,"line-height-m":`var(--sah-line-height-m)`,"line-height-l":`var(--sah-line-height-l)`,"line-height-xl":`var(--sah-line-height-xl)`,"line-height-xxl":`var(--sah-line-height-xxl)`,"line-height-xxxl":`var(--sah-line-height-xxxxl)`,"line-height-xxxxl":`var(--sah-line-height-xxxxl)`,"line-height-xxxxxl":`var(--sah-line-height-xxxxxl)`,"line-height-xxxxxxl":`var(--sah-line-height-xxxxxxl)`,"line-height-xxxxxxxl":`var(--sah-line-height-xxxxxxxl)`,"line-height-xxxxxxxxl":`var(--sah-line-height-xxxxxxxxl)`,"form-input":`_form-input_imeg2_189`,"form-input--read-only":`_form-input--read-only_imeg2_217`,"form-input--bold":`_form-input--bold_imeg2_220`,"form-input--disabled":`_form-input--disabled_imeg2_224`,"form-input--with-error":`_form-input--with-error_imeg2_233`,"form-input__wrapper":`_form-input__wrapper_imeg2_237`,"form-input__title":`_form-input__title_imeg2_246`,"form-input__title--with-error":`_form-input__title--with-error_imeg2_256`,"form-input__title--textarea":`_form-input__title--textarea_imeg2_259`,"form-input__prefix":`_form-input__prefix_imeg2_275`,"form-input__suffix":`_form-input__suffix_imeg2_275`},g=r(),_=o.default.bind(h),v=({innerRef:e=null,id:t=`form-input`,t

1itle:n=`Default`,name:r,dataTest:i=`form-input`,placeholder:a=``,required:o=!1,disabled:s=!1,value:c,type:l=`text`,onBlur:u=()=>{},onChange:d=()=>{},hasError:f=!1,min:p=null,max:v=null,rows:y=1,readOnly:b=!1,bold:x=!1,renderPrefix:S=null,renderSuffix:C=null,autoFocus:w=!1,autoComplete:T=void 0,maxLength:E=null})=>{let{wrapperRef:D,prefixRef:O,suffixRef:k}=m([S,C]),A=l===`textarea`,j=A?`textarea`:`input`,M=_(`form-input`,{"form-input--with-error":f,"form-input--disabled":s,"form-input--read-only":b,"form-input--bold":x}),N=_(`form-input__title`,{"form-input__title--textarea":A,"form-input__title--with-error":f});return(0,g.jsxs)(`div`,{className:h[`form-input__wrapper`],ref:D,children:[S&&(0,g.jsx)(`span`,{className:h[`form-input__prefix`],ref:O,children:S()}),(0,g.jsx)(j,{className:M,disabled:s,ref:e,type:l,id:t,name:r,"data-test":i,required:o,onChange:e=>{let{value:t}=e.target;d({value:t,name:r})},value:c,onBlur:e=>{let{value:t}=e.target;u({value:t,name:r})},placeholder:a,rows:A?y:void 0,readOnly:b,min:p,max:v,autoFocus:w,autoComplete:T,maxLength:E}),C&&(0,g.jsx)(`span`,{className:h[`form-input__suffix`],ref:k,children:C()}),(0,g.jsxs)(`label`,{htmlFor:t,className:N,children:[n.toUpperCase(),o?`*`:null]})]})};v.propTypes={innerRef:a.default.oneOfType([a.default.func,a.default.shape({current:a.default.any})]),title:a.default.string,id:a.default.string,name:a.default.string.isRequired,dataTest:a.default.string,required:a.default.bool,type:a.default.oneOf([`text`,`textarea`,`password`,`email`,`number`,`tel`]),min:a.default.number,max:a.default.number,disabled:a.default.bool,value:a.default.oneOfType([a.default.string,a.default.number]).isRequired,onBlur:a.default.func,onChange:a.default.func,hasError:a.default.bool,readOnly:a.default.bool,bold:a.default.bool,placeholder:a.default.string,rows:a.default.number,renderPrefix:a.default.func,renderSuffix:a.default.func,autoFocus:a.default.bool,autoComplete:a.default.string,maxLength:a.default.number};var y=v;export{y as t};