@mobilestockweb/form 1.0.5 → 1.2.0

package/index.d.ts

@@ -3,10 +3,10 @@ import * as react from 'react';
 import { ReactNode, InputHTMLAttributes, RefObject } from 'react';
 import { BadgeType } from '@mobilestockweb/badge';
 import { ButtonProps } from '@mobilestockweb/button';
+import { GroupBase, Props } from 'react-select';
 import { FormHandles, FormProps } from '@unform/core';
 import { ViewBaseProps } from '@mobilestockweb/container';
 import { DefaultTheme } from 'styled-components';
-import { GroupBase, Props } from 'react-select';
 import { ZodSchema } from 'zod';
 
 declare function ErrorLabel(): react_jsx_runtime.JSX.Element;
@@ -128,19 +128,56 @@ interface CounterRootProps {
         value: number;
         event: CounterEventName;
     }): void;
+    autoFocus?: boolean;
+    onFocus?(): void;
+    onBlur?(): void;
 }
 
 declare function CounterRoot({ children, ...props }: CounterRootProps): react_jsx_runtime.JSX.Element;
 
+interface CustomOption {
+    label: string;
+    value: string;
+}
+interface SelectProps<Option extends CustomOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isDisabled' | 'onChange'> {
+    name: string;
+    disabled?: boolean;
+    label?: string;
+    onChange?(payload: {
+        value: CustomOption['value'];
+        event: 'SELECT_CHANGE';
+    }): void;
+}
+interface SelectRef {
+    focus(): void;
+    blur(): void;
+}
+interface FormSelectPropsBase extends SelectProps<CustomOption, false, GroupBase<CustomOption>> {
+    name: string;
+    options: CustomOption[];
+    disabled?: boolean;
+    placeholder?: string;
+    defaultValue?: CustomOption;
+    label?: string;
+    autoFocus?: boolean;
+    onFocus?(): void;
+    onBlur?(): void;
+}
+
 type InputType = 'text' | 'password' | 'tel' | 'email' | 'number' | 'url' | 'zipcode' | 'hidden';
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
     name: string;
     label?: string;
     type?: InputType;
     autoSubmit?: boolean;
     full?: boolean;
-    error?: string;
+    showMaxContent?: boolean;
+    numberOfLines?: number;
     format?(value: string): string;
+    onChange?(payload: {
+        value: unknown;
+        event: 'INPUT_CHANGE' | 'AUTO_SUBMIT' | 'TOGGLE_PASSWORD';
+    }): void;
 }
 interface InputRef {
     focus(): void;
@@ -206,38 +243,50 @@ interface PhotoInputProps extends Omit<PhotoListProviderProps, 'children'> {
 }
 declare function FormPhotoList({ label, alignLabel, buttonAddDirection, numberOfImagesVisible, ...props }: PhotoInputProps): react_jsx_runtime.JSX.Element;
 
-interface PropsFormInputRadio extends InputHTMLAttributes<HTMLInputElement> {
+interface PropsFormInputRadio extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
     name: string;
     label: string;
     value: string;
+    onChange?(payload: {
+        value: string;
+        event: 'RADIO_CHANGE';
+    }): void;
 }
-declare function FormRadio(props: PropsFormInputRadio): react_jsx_runtime.JSX.Element;
-
-interface CustomOption {
-    label: string;
-    value: string;
-}
-interface SelectProps<Option extends CustomOption, IsMulti extends boolean, Group extends GroupBase<Option>> extends Omit<Props<Option, IsMulti, Group>, 'isDisabled'> {
-    name: string;
-    disabled?: boolean;
-    label?: string;
-}
-declare function FormSelect<Option extends CustomOption, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectProps<Option, IsMulti, Group>): react_jsx_runtime.JSX.Element;
+declare function FormRadio({ name, label, value, onChange, ...props }: PropsFormInputRadio): react_jsx_runtime.JSX.Element;
 
 declare function FormVertical({ children, ...props }: ViewBaseProps): react_jsx_runtime.JSX.Element;
 
-interface FormPropsWithHandler<T extends object> extends FormProps {
-    onSubmit(params: SubmitParams<T>): Promise<void> | void;
+interface FormPropsWithHandler<T extends object> extends Omit<FormProps, 'onSubmit'> {
+    onSubmit?(params: SubmitParams<T>): Promise<void> | void;
+    onBeforeSubmit?(params: {
+        data: T;
+    }): Promise<boolean> | boolean;
+    onAfterSubmit?(params: {
+        data: T;
+    }): Promise<void> | void;
     schema?: ZodSchema<T>;
+    name?: string;
 }
 interface PropsContext {
     submitForm(): void;
     clearForm(): void;
     formRef: RefObject<FormHandles>;
     loading?: boolean;
+    notifyFieldChange(fieldName: string, fieldValue: unknown): void;
+}
+declare function FormComponent<T extends object>({ children, onSubmit, onBeforeSubmit, onAfterSubmit, schema, name: formName, ...props }: FormPropsWithHandler<T>): react_jsx_runtime.JSX.Element;
+
+interface UseFormReturn<T extends object> {
+    readonly values: T;
+    getValue<K extends keyof T & string>(name: K): T[K] | undefined;
+    setValue<K extends keyof T & string>(name: K, value: T[K]): void;
+    submit(): void;
+    clear(): void;
+    setErrors(errors: Record<string, string>): void;
+    reset(data?: Partial<T>): void;
 }
 declare function useForm(): PropsContext;
-declare function FormComponent<T extends object>({ children, onSubmit, schema, ...props }: FormPropsWithHandler<T>): react_jsx_runtime.JSX.Element;
+declare function useForm<T extends object>(name: string): UseFormReturn<T>;
 
 interface SubmitParams<T extends object> {
     data: T;
@@ -247,7 +296,7 @@ interface SubmitParams<T extends object> {
 declare const Form: typeof FormComponent & {
     Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<InputRef>>;
     Radio: typeof FormRadio;
-    Select: typeof FormSelect;
+    Select: react.ForwardRefExoticComponent<FormSelectPropsBase & react.RefAttributes<SelectRef>>;
     Button: typeof FormButton;
     Counter: typeof CounterRoot & {
         Display: typeof Display;

package/index.js

@@ -1,29 +1,29 @@
-"use strict";var Hr=Object.create;var ve=Object.defineProperty,Or=Object.defineProperties,zr=Object.getOwnPropertyDescriptor,Vr=Object.getOwnPropertyDescriptors,Dr=Object.getOwnPropertyNames,xe=Object.getOwnPropertySymbols,Br=Object.getPrototypeOf,Ue=Object.prototype.hasOwnProperty,dt=Object.prototype.propertyIsEnumerable;var ct=(e,t,o)=>t in e?ve(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,h=(e,t)=>{for(var o in t||(t={}))Ue.call(t,o)&&ct(e,o,t[o]);if(xe)for(var o of xe(t))dt.call(t,o)&&ct(e,o,t[o]);return e},v=(e,t)=>Or(e,Vr(t));var P=(e,t)=>{var o={};for(var n in e)Ue.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&xe)for(var n of xe(e))t.indexOf(n)<0&&dt.call(e,n)&&(o[n]=e[n]);return o};var $r=(e,t)=>{for(var o in t)ve(e,o,{get:t[o],enumerable:!0})},ft=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Dr(t))!Ue.call(e,r)&&r!==o&&ve(e,r,{get:()=>t[r],enumerable:!(n=zr(t,r))||n.enumerable});return e};var I=(e,t,o)=>(o=e!=null?Hr(Br(e)):{},ft(t||!e||!e.__esModule?ve(o,"default",{value:e,enumerable:!0}):o,e)),kr=e=>ft(ve({},"__esModule",{value:!0}),e);var Se=(e,t,o)=>new Promise((n,r)=>{var u=a=>{try{l(o.next(a))}catch(g){r(g)}},i=a=>{try{l(o.throw(a))}catch(g){r(g)}},l=a=>a.done?n(a.value):Promise.resolve(a.value).then(u,i);l((o=o.apply(e,t)).next())});var fn={};$r(fn,{Form:()=>dn,useForm:()=>k});module.exports=kr(fn);var vt=require("@mobilestockweb/button");var gt=require("@unform/web"),ht=require("notistack"),te=require("react"),Ct=require("zod"),bt=require("@mobilestockweb/container");var Ie=require("react/jsx-runtime"),Et=(0,te.createContext)({});function k(){return(0,te.useContext)(Et)}function Tt(r){var u=r,{children:e,onSubmit:t,schema:o}=u,n=P(u,["children","onSubmit","schema"]);let i=(0,te.useRef)(null),[l,a]=(0,te.useState)(!1);function g(){var m;(m=i.current)==null||m.submitForm()}function c(){var m,E;(m=i.current)==null||m.setErrors({}),(E=i.current)==null||E.reset()}function p(m){let E={};for(let C of m){let d=C.path.filter(F=>typeof F=="string"||typeof F=="number").join(".");d&&(E[String(d)]=C.message)}return E}function b(m){if(m instanceof Ct.ZodError)return p(m.issues);if(typeof m=="object"&&m!==null&&"errors"in m){let E=m.errors;if(Array.isArray(E)&&E.length>0&&"message"in E[0]&&"path"in E[0])return p(E)}return null}function s(C,d){return Se(this,arguments,function*(m,{reset:E}){var F,L,y,S,B;if((F=i.current)==null||F.setErrors({}),o){let N=o.safeParse(m);if(!N.success){(L=i.current)==null||L.setErrors(p(N.error.issues));return}}try{a(!0),yield t({data:m,ref:i,reset:E})}catch(N){let $=b(N);if($)(y=i.current)==null||y.setErrors($);else{let ee="Erro ao realizar opera\xE7\xE3o",fe=500;if(typeof N=="object"&&N!==null&&"isAxiosError"in N&&N.isAxiosError){let f=N;fe=((S=f.response)==null?void 0:S.status)||500;let T=(B=f.response)==null?void 0:B.data;T!=null&&T.message&&(ee=T.message)}else N instanceof Error&&(ee=N.message||ee);(0,ht.enqueueSnackbar)(ee,{variant:fe>=500?"error":"warning"})}}finally{a(!1)}})}return(0,Ie.jsx)(Et.Provider,{value:{formRef:i,submitForm:g,clearForm:c,loading:l},children:(0,Ie.jsx)(gt.Form,v(h({},n),{ref:i,onSubmit:s,children:(0,Ie.jsx)(bt.Container.Vertical,{gap:"2XS",children:e})}))})}var Ft=require("react/jsx-runtime");function yt(u){var i=u,{type:e="SUBMIT",disabled:t,isLoading:o,onClick:n}=i,r=P(i,["type","disabled","isLoading","onClick"]);let{submitForm:l,clearForm:a,loading:g}=k();function c(p){switch(p.preventDefault(),e){case"SUBMIT":l();break;case"RESET":a();break;default:n==null||n(p)}}return(0,Ft.jsx)(vt.Button,v(h({},r),{onClick:c,isLoading:e==="SUBMIT"&&g||o,disabled:g||o||t,type:e.toLowerCase()}))}var Ge=I(require("styled-components")),Mt=require("@mobilestockweb/badge"),At=require("@mobilestockweb/container"),wt=I(require("@mobilestockweb/tools")),Ht=require("@mobilestockweb/typography");var Rt=require("@unform/core"),_=require("react"),St=require("react/jsx-runtime"),Pt=(0,_.createContext)(void 0);function xt(e){let{fieldName:t,registerField:o,error:n,defaultValue:r}=(0,Rt.useField)(e.name),[u,i]=(0,_.useState)(0),l=(0,_.useCallback)(p=>{let b=p;return e.maxCount!==void 0&&b>e.maxCount&&(b=e.maxCount),e.minCount!==void 0&&b<e.minCount&&(b=e.minCount),b},[e.maxCount,e.minCount]),a=(0,_.useCallback)(p=>{var s;let b=l(p);i(b),(s=e.onChange)==null||s.call(e,{value:b,event:"EDIT"})},[l]);(0,_.useEffect)(()=>{o({name:t,getValue:()=>u,setValue:(p,b)=>a(b),clearValue:()=>a(0)})},[t,u,o,a]),(0,_.useEffect)(()=>{a(Number(e.initialCount)||Number(r)||0)},[e.initialCount,a,r]);function g(p=1){i(b=>{var m;let s=l(b+1*p);return(m=e.onChange)==null||m.call(e,{value:s,event:"INCREMENT"}),s})}function c(p=1){i(b=>{var m;let s=l(b-1*p);return(m=e.onChange)==null||m.call(e,{value:s,event:"DECREMENT"}),s})}return(0,St.jsx)(Pt.Provider,{value:{count:u,increment:g,decrement:c,configureCount:a,multiplier:e.multiplier,maxCount:e.maxCount,minCount:e.minCount,editable:e.editable,label:e.label,labelPosition:e.labelPosition,buttonTransparent:e.buttonTransparent,groupElements:e.groupElements,error:n},children:e.children})}function U(){let e=(0,_.useContext)(Pt);if(!e)throw new Error("useCounter must be used within a CounterProvider");return e}var It=I(require("styled-components")),Lt=require("@mobilestockweb/container");var Nt=require("react/jsx-runtime");function me(e){return(0,Nt.jsx)(_r,h({align:"CENTER"},e))}var _r=(0,It.default)(Lt.Container.Vertical)`
+"use strict";var ln=Object.create;var Ae=Object.defineProperty,sn=Object.defineProperties,un=Object.getOwnPropertyDescriptor,mn=Object.getOwnPropertyDescriptors,pn=Object.getOwnPropertyNames,$e=Object.getOwnPropertySymbols,cn=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty,Mt=Object.prototype.propertyIsEnumerable;var At=(e,t,o)=>t in e?Ae(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))at.call(t,o)&&At(e,o,t[o]);if($e)for(var o of $e(t))Mt.call(t,o)&&At(e,o,t[o]);return e},S=(e,t)=>sn(e,mn(t));var P=(e,t)=>{var o={};for(var i in e)at.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(e!=null&&$e)for(var i of $e(e))t.indexOf(i)<0&&Mt.call(e,i)&&(o[i]=e[i]);return o};var dn=(e,t)=>{for(var o in t)Ae(e,o,{get:t[o],enumerable:!0})},Nt=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of pn(t))!at.call(e,r)&&r!==o&&Ae(e,r,{get:()=>t[r],enumerable:!(i=un(t,r))||i.enumerable});return e};var L=(e,t,o)=>(o=e!=null?ln(cn(e)):{},Nt(t||!e||!e.__esModule?Ae(o,"default",{value:e,enumerable:!0}):o,e)),fn=e=>Nt(Ae({},"__esModule",{value:!0}),e);var Ue=(e,t,o)=>new Promise((i,r)=>{var m=a=>{try{l(o.next(a))}catch(s){r(s)}},n=a=>{try{l(o.throw(a))}catch(s){r(s)}},l=a=>a.done?i(a.value):Promise.resolve(a.value).then(m,n);l((o=o.apply(e,t)).next())});var Dn={};dn(Dn,{Form:()=>Vn,useForm:()=>B});module.exports=fn(Dn);var Ut=require("@mobilestockweb/button");var be=require("react");var Dt=require("@unform/web"),Bt=require("notistack"),te=require("react"),kt=require("zod"),_t=require("@mobilestockweb/container");var Me=new Map;function lt(e){let t=Me.get(e);return t||(t={formRef:null,values:{},watchedFields:new Set,listeners:new Set},Me.set(e,t)),t}function Ot(e,t){let o=lt(e);o.formRef=t}function zt(e){let t=Me.get(e);t&&(t.formRef=null,t.values={},t.watchedFields.clear(),t.listeners.clear(),Me.delete(e))}function Vt(e,t,o){let i=Me.get(e);!i||!i.watchedFields.has(t)||i.values[t]===o||(i.values=S(b({},i.values),{[t]:o}),i.listeners.forEach(r=>r()))}var Ge=require("react/jsx-runtime"),st=(0,te.createContext)({});function $t(l){var a=l,{children:e,onSubmit:t,onBeforeSubmit:o,onAfterSubmit:i,schema:r,name:m}=a,n=P(a,["children","onSubmit","onBeforeSubmit","onAfterSubmit","schema","name"]);let s=(0,te.useRef)(null),[f,C]=(0,te.useState)(!1);(0,te.useEffect)(()=>{if(m)return Ot(m,s),()=>zt(m)},[m]);let p=(0,te.useCallback)((g,T)=>{m&&Vt(m,g,T)},[m]);function c(){var g;(g=s.current)==null||g.submitForm()}function u(){var g,T;(g=s.current)==null||g.setErrors({}),(T=s.current)==null||T.reset()}function d(g){let T={};for(let v of g){let y=v.path.filter(h=>typeof h=="string"||typeof h=="number").join(".");y&&(T[String(y)]=v.message)}return T}function R(g){if(g instanceof kt.ZodError)return d(g.issues);if(typeof g=="object"&&g!==null&&"errors"in g){let T=g.errors;if(Array.isArray(T)&&T.length>0&&"message"in T[0]&&"path"in T[0])return d(T)}return null}function E(v,y){return Ue(this,arguments,function*(g,{reset:T}){var h,H,A,D,N;if((h=s.current)==null||h.setErrors({}),r){let O=r.safeParse(g);if(!O.success){(H=s.current)==null||H.setErrors(d(O.error.issues));return}}if(!(o&&(yield o({data:g}))===!1))try{C(!0),yield t==null?void 0:t({data:g,ref:s,reset:T}),yield i==null?void 0:i({data:g})}catch(O){let x=R(O);if(x)(A=s.current)==null||A.setErrors(x);else{let z="Erro ao realizar opera\xE7\xE3o",_=500;if(typeof O=="object"&&O!==null&&"isAxiosError"in O&&O.isAxiosError){let Ve=O;_=((D=Ve.response)==null?void 0:D.status)||500;let Se=(N=Ve.response)==null?void 0:N.data;Se!=null&&Se.message&&(z=Se.message)}else O instanceof Error&&(z=O.message||z);(0,Bt.enqueueSnackbar)(z,{variant:_>=500?"error":"warning"})}}finally{C(!1)}})}return(0,Ge.jsx)(st.Provider,{value:{formRef:s,submitForm:c,clearForm:u,loading:f,notifyFieldChange:p},children:(0,Ge.jsx)(Dt.Form,S(b({},n),{ref:s,onSubmit:E,children:(0,Ge.jsx)(_t.Container.Vertical,{gap:"2XS",children:e})}))})}var gn={};function B(e){let t=(0,be.useContext)(st),o=e?lt(e):null,i=(0,be.useCallback)(n=>o?(o.listeners.add(n),()=>{o.listeners.delete(n)}):()=>{},[o]),r=(0,be.useCallback)(()=>o?o.values:gn,[o]),m=(0,be.useSyncExternalStore)(i,r);return!e||!o?t:{get values(){var n,l,a;return(a=(l=(n=o.formRef)==null?void 0:n.current)==null?void 0:l.getData())!=null?a:{}},getValue(n){var l,a;return o.watchedFields.add(n),n in m?m[n]:(a=(l=o.formRef)==null?void 0:l.current)==null?void 0:a.getFieldValue(n)},setValue(n,l){var a,s;(s=(a=o.formRef)==null?void 0:a.current)==null||s.setFieldValue(n,l)},submit(){var n,l;(l=(n=o.formRef)==null?void 0:n.current)==null||l.submitForm()},clear(){var n,l,a,s;(l=(n=o.formRef)==null?void 0:n.current)==null||l.setErrors({}),(s=(a=o.formRef)==null?void 0:a.current)==null||s.reset()},setErrors(n){var l,a;(a=(l=o.formRef)==null?void 0:l.current)==null||a.setErrors(n)},reset(n){var l,a;(a=(l=o.formRef)==null?void 0:l.current)==null||a.reset(n)}}}var Xt=require("react/jsx-runtime");function Gt(m){var n=m,{type:e="SUBMIT",disabled:t,isLoading:o,onClick:i}=n,r=P(n,["type","disabled","isLoading","onClick"]);let{submitForm:l,clearForm:a,loading:s}=B();function f(C){switch(C.preventDefault(),e){case"SUBMIT":l();break;case"RESET":a();break;default:i==null||i(C)}}return(0,Xt.jsx)(Ut.Button,S(b({},r),{onClick:f,isLoading:e==="SUBMIT"&&s||o,disabled:s||o||t,type:e.toLowerCase()}))}var ut=L(require("styled-components")),jt=require("@mobilestockweb/badge"),eo=require("@mobilestockweb/container"),to=L(require("@mobilestockweb/tools")),oo=require("@mobilestockweb/typography");var Wt=require("@unform/core"),Z=require("react");var Zt=require("react/jsx-runtime"),Kt=(0,Z.createContext)(void 0);function qt(e){let{notifyFieldChange:t}=B(),{fieldName:o,registerField:i,error:r,defaultValue:m}=(0,Wt.useField)(e.name),[n,l]=(0,Z.useState)(0),a=(0,Z.useCallback)(p=>{let c=p;return e.maxCount!==void 0&&c>e.maxCount&&(c=e.maxCount),e.minCount!==void 0&&c<e.minCount&&(c=e.minCount),c},[e.maxCount,e.minCount]),s=(0,Z.useCallback)((p,c=!0)=>{var d;let u=a(p);l(u),t==null||t(o,u),c&&((d=e.onChange)==null||d.call(e,{value:u,event:"EDIT"}))},[a,t,o]);(0,Z.useEffect)(()=>{i({name:o,getValue:()=>n,setValue:(p,c)=>s(c),clearValue:()=>s(0)})},[o,n,i,s]),(0,Z.useEffect)(()=>{s(Number(e.initialCount)||Number(m)||0,!1)},[e.initialCount,s,m]);function f(p=1){l(c=>{var d;let u=a(c+1*p);return t==null||t(o,u),(d=e.onChange)==null||d.call(e,{value:u,event:"INCREMENT"}),u})}function C(p=1){l(c=>{var d;let u=a(c-1*p);return t==null||t(o,u),(d=e.onChange)==null||d.call(e,{value:u,event:"DECREMENT"}),u})}return(0,Zt.jsx)(Kt.Provider,{value:{count:n,increment:f,decrement:C,configureCount:s,multiplier:e.multiplier,maxCount:e.maxCount,minCount:e.minCount,editable:e.editable,label:e.label,labelPosition:e.labelPosition,buttonTransparent:e.buttonTransparent,groupElements:e.groupElements,error:r,autoFocus:e.autoFocus,onFocus:e.onFocus,onBlur:e.onBlur},children:e.children})}function Y(){let e=(0,Z.useContext)(Kt);if(!e)throw new Error("useCounter must be used within a CounterProvider");return e}var Yt=L(require("styled-components")),Jt=require("@mobilestockweb/container");var Qt=require("react/jsx-runtime");function Ce(e){return(0,Qt.jsx)(hn,b({align:"CENTER"},e))}var hn=(0,Yt.default)(Jt.Container.Vertical)`
   min-width: 40px;
   height: 34px;
   user-select: none;
-`;var ye=require("react/jsx-runtime");function Fe(e){let{groupElements:t}=U();return(0,ye.jsx)(me,{children:t&&e.renderInsidePill?(0,ye.jsx)(Ur,{$type:e.type,full:!0,align:"CENTER",children:(0,ye.jsx)(Gr,{$type:e.type,children:e.text})}):(0,ye.jsx)(Mt.Badge,{text:e.text,type:e.type,size:"XS"})})}function Ot(e,t){return Object.keys(t.colors.badge).find(o=>o.toLowerCase()===(e==null?void 0:e.toLowerCase()))||"default"}var Ur=(0,Ge.default)(At.Container.Vertical)`
-  background-color: ${({$type:e,theme:t})=>{let o=Ot(e,t);return t.colors.badge[o]}};
+`;var Ne=require("react/jsx-runtime");function Oe(e){let{groupElements:t}=Y();return(0,Ne.jsx)(Ce,{children:t&&e.renderInsidePill?(0,Ne.jsx)(bn,{$type:e.type,full:!0,align:"CENTER",children:(0,Ne.jsx)(Cn,{$type:e.type,children:e.text})}):(0,Ne.jsx)(jt.Badge,{text:e.text,type:e.type,size:"XS"})})}function ro(e,t){return Object.keys(t.colors.badge).find(o=>o.toLowerCase()===(e==null?void 0:e.toLowerCase()))||"default"}var bn=(0,ut.default)(eo.Container.Vertical)`
+  background-color: ${({$type:e,theme:t})=>{let o=ro(e,t);return t.colors.badge[o]}};
   width: 100%;
-`,Gr=(0,Ge.default)(Ht.Typography)`
-  color: ${({$type:e,theme:t})=>{let o=Ot(e,t);return wt.default.defineTextColor(t.colors.badge[o])}};
-`;Fe.displayName="Form.FormCounter.Badge";var J=require("react"),G=require("@mobilestockweb/container"),_t=I(require("@mobilestockweb/tools"));var Re=I(require("styled-components")),zt=require("@mobilestockweb/container");var Vt=require("react/jsx-runtime");function ge(o){var n=o,{children:e}=n,t=P(n,["children"]);let{groupElements:r,error:u}=U();return(0,Vt.jsx)(Xr,v(h({align:"CENTER",$groupElements:r,$error:!!u},t),{children:e}))}var Xr=(0,Re.default)(zt.Container.Horizontal)`
+`,Cn=(0,ut.default)(oo.Typography)`
+  color: ${({$type:e,theme:t})=>{let o=ro(e,t);return to.default.defineTextColor(t.colors.badge[o])}};
+`;Oe.displayName="Form.FormCounter.Badge";var ae=require("react"),J=require("@mobilestockweb/container"),mo=L(require("@mobilestockweb/tools"));var ze=L(require("styled-components")),no=require("@mobilestockweb/container");var io=require("react/jsx-runtime");function xe(o){var i=o,{children:e}=i,t=P(i,["children"]);let{groupElements:r,error:m}=Y();return(0,io.jsx)(Tn,S(b({align:"CENTER",$groupElements:r,$error:!!m},t),{children:e}))}var Tn=(0,ze.default)(no.Container.Horizontal)`
   border-radius: ${({theme:e})=>e.borderRadius.default};
   overflow: hidden;
   background-color: transparent;
   border: none;
-  ${({$groupElements:e,theme:t})=>e&&Re.css`
+  ${({$groupElements:e,theme:t})=>e&&ze.css`
       background-color: ${t.colors.input.default};
 
       border: 1px solid ${t.colors.input.border};
     `}
-  ${({$error:e,theme:t})=>e&&Re.css`
+  ${({$error:e,theme:t})=>e&&ze.css`
       background-color: ${t.colors.input.error};
       border: 1px solid ${t.colors.alert.urgent};
     `}
-`;var Dt=require("@mobilestockweb/typography"),Bt=require("react/jsx-runtime");function Y({children:e}){return(0,Bt.jsx)(Dt.Typography,{color:"DANGER_600",size:"SM",weight:"MEDIUM",children:e})}var $t=require("@mobilestockweb/typography"),kt=require("react/jsx-runtime");function oe({children:e}){return(0,kt.jsx)($t.Typography,{weight:"REGULAR",children:e})}var x=require("react/jsx-runtime");function Ut({children:e}){let{label:t,error:o,labelPosition:n}=U(),r=[],u=[],i=(0,J.useCallback)(a=>(0,J.isValidElement)(a)&&a.type===J.Fragment?i(a.props.children):a,[]),l=i(e);return J.Children.toArray(l).forEach(a=>{(0,J.isValidElement)(a)&&_t.default.isComponentWithDisplayName(a.type)&&a.type.displayName===Fe.displayName&&!a.props.renderInsidePill?r.push(a):u.push(a)}),(0,x.jsxs)(G.Container.Vertical,{align:"CENTER_START",children:[n==="TOP_START"&&t&&(0,x.jsxs)(G.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,x.jsx)(oe,{children:t}),o&&!r.length&&(0,x.jsx)(Y,{children:o})]}),n!=="LEFT"&&(0,x.jsxs)(G.Container.Vertical,{align:"CENTER",children:[(n!=="TOP_START"&&t||n!=="TOP_START"&&o&&!r.length)&&(0,x.jsxs)(G.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[t&&(0,x.jsx)(oe,{children:t}),o&&!r.length&&(0,x.jsx)(Y,{children:o})]}),(0,x.jsxs)(G.Container.Horizontal,{align:"CENTER_START",children:[r.length>0&&(0,x.jsx)(G.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,x.jsxs)(G.Container.Vertical,{children:[(0,x.jsx)(ge,{children:u}),o&&!!r.length&&(0,x.jsx)(Y,{children:o})]})]})]}),n==="LEFT"&&(0,x.jsx)(G.Container.Vertical,{children:(0,x.jsxs)(G.Container.Horizontal,{align:"CENTER",children:[(0,x.jsxs)(G.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[t&&(0,x.jsx)(oe,{children:t}),o&&!r.length&&(0,x.jsx)(Y,{children:o})]}),r.length>0&&(0,x.jsx)(G.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,x.jsx)(ge,{children:u})]})})]})}var re=require("@mobilestockweb/container");var Le=require("react"),Gt=I(require("styled-components")),Xt=require("@mobilestockweb/button");var Xe=require("react/jsx-runtime");function Q(n){var r=n,{type:e,disabled:t}=r,o=P(r,["type","disabled"]);let{loading:u}=k(),i=U(),l=(0,Le.useRef)(null),a=(0,Le.useMemo)(()=>e==="PLUS"&&i.maxCount!==void 0?i.count>=i.maxCount:e==="MINUS"&&i.minCount!==void 0?i.count<=i.minCount:!1,[e,i.count,i.maxCount,i.minCount]);function g(){e==="PLUS"?i.increment():i.decrement()}function c(){l.current=setTimeout(()=>{"vibrate"in navigator&&navigator.vibrate(500),e==="PLUS"?i.increment(i.multiplier):i.decrement(i.multiplier)},500)}function p(){l.current&&(clearTimeout(l.current),l.current=null)}return(0,Xe.jsx)(me,{children:(0,Xe.jsx)(Wr,v(h({type:"button",icon:e==="PLUS"?"Plus":"Minus",backgroundColor:e==="PLUS"?"DEFAULT_DARK":"CANCEL_DARK"},o),{size:"SM",variant:i.buttonTransparent?"TRANSPARENT":"DEFAULT",$grouped:i.groupElements,disabled:a||t||u,onClick:g,onMouseDown:c,onMouseUp:p,onMouseLeave:p,onTouchStart:c,onTouchEnd:p}))})}var Wr=(0,Gt.default)(Xt.Button)`
+`;var ao=require("@mobilestockweb/typography"),lo=require("react/jsx-runtime");function ie({children:e}){return(0,lo.jsx)(ao.Typography,{color:"DANGER_600",size:"SM",weight:"MEDIUM",children:e})}var so=require("@mobilestockweb/typography"),uo=require("react/jsx-runtime");function ue({children:e}){return(0,uo.jsx)(so.Typography,{weight:"REGULAR",children:e})}var w=require("react/jsx-runtime");function po({children:e}){let{label:t,error:o,labelPosition:i}=Y(),r=[],m=[],n=(0,ae.useCallback)(a=>(0,ae.isValidElement)(a)&&a.type===ae.Fragment?n(a.props.children):a,[]),l=n(e);return ae.Children.toArray(l).forEach(a=>{(0,ae.isValidElement)(a)&&mo.default.isComponentWithDisplayName(a.type)&&a.type.displayName===Oe.displayName&&!a.props.renderInsidePill?r.push(a):m.push(a)}),(0,w.jsxs)(J.Container.Vertical,{align:"CENTER_START",children:[i==="TOP_START"&&t&&(0,w.jsxs)(J.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,w.jsx)(ue,{children:t}),o&&!r.length&&(0,w.jsx)(ie,{children:o})]}),i!=="LEFT"&&(0,w.jsxs)(J.Container.Vertical,{align:"CENTER",children:[(i!=="TOP_START"&&t||i!=="TOP_START"&&o&&!r.length)&&(0,w.jsxs)(J.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[t&&(0,w.jsx)(ue,{children:t}),o&&!r.length&&(0,w.jsx)(ie,{children:o})]}),(0,w.jsxs)(J.Container.Horizontal,{align:"CENTER_START",children:[r.length>0&&(0,w.jsx)(J.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,w.jsxs)(J.Container.Vertical,{children:[(0,w.jsx)(xe,{children:m}),o&&!!r.length&&(0,w.jsx)(ie,{children:o})]})]})]}),i==="LEFT"&&(0,w.jsx)(J.Container.Vertical,{children:(0,w.jsxs)(J.Container.Horizontal,{align:"CENTER",children:[(0,w.jsxs)(J.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[t&&(0,w.jsx)(ue,{children:t}),o&&!r.length&&(0,w.jsx)(ie,{children:o})]}),r.length>0&&(0,w.jsx)(J.Container.Horizontal,{padding:"NONE_2XS_NONE_NONE",children:r}),(0,w.jsx)(xe,{children:m})]})})]})}var me=require("@mobilestockweb/container");var Xe=require("react"),co=L(require("styled-components")),fo=require("@mobilestockweb/button");var mt=require("react/jsx-runtime");function le(i){var r=i,{type:e,disabled:t}=r,o=P(r,["type","disabled"]);let{loading:m}=B(),n=Y(),l=(0,Xe.useRef)(null),a=(0,Xe.useMemo)(()=>e==="PLUS"&&n.maxCount!==void 0?n.count>=n.maxCount:e==="MINUS"&&n.minCount!==void 0?n.count<=n.minCount:!1,[e,n.count,n.maxCount,n.minCount]);function s(){e==="PLUS"?n.increment():n.decrement()}function f(){l.current=setTimeout(()=>{"vibrate"in navigator&&navigator.vibrate(500),e==="PLUS"?n.increment(n.multiplier):n.decrement(n.multiplier)},500)}function C(){l.current&&(clearTimeout(l.current),l.current=null)}return(0,mt.jsx)(Ce,{children:(0,mt.jsx)(vn,S(b({type:"button",icon:e==="PLUS"?"Plus":"Minus",backgroundColor:e==="PLUS"?"DEFAULT_DARK":"CANCEL_DARK"},o),{size:"SM",variant:n.buttonTransparent?"TRANSPARENT":"DEFAULT",$grouped:n.groupElements,disabled:a||t||m,onClick:s,onMouseDown:f,onMouseUp:C,onMouseLeave:C,onTouchStart:f,onTouchEnd:C}))})}var vn=(0,co.default)(fo.Button)`
   border-radius: ${({$grouped:e,theme:t})=>e?t.borderRadius.none:t.borderRadius.default};
-`;var pe=require("react"),Wt=I(require("styled-components")),qt=require("@mobilestockweb/clickable"),We=require("@mobilestockweb/container"),qe=require("@mobilestockweb/typography");var j=require("react/jsx-runtime");function he(){let{count:e,editable:t,configureCount:o}=U(),n=(0,pe.useRef)(null),[r,u]=(0,pe.useState)(!1),[i,l]=(0,pe.useState)(e.toString());(0,pe.useEffect)(()=>{l(e.toString())},[e]);function a(c){let p=Number(c.target.value);o(Number.isNaN(p)?0:p),u(!1)}function g(c){var p;c.key==="Enter"&&(c.preventDefault(),(p=n.current)==null||p.blur())}return t?(0,j.jsx)(qt.Clickable,{onClick:()=>u(!0),type:"button",children:(0,j.jsx)(We.Container.Horizontal,{padding:"NONE_2XS",children:(0,j.jsx)(me,{children:r?(0,j.jsx)(qr,{"data-testid":"counter-input",ref:n,value:i,autoFocus:!0,onKeyDown:g,type:"text",inputMode:"numeric",onChange:c=>l(c.target.value),onFocus:c=>c.target.select(),onBlur:a}):(0,j.jsx)(qe.Typography,{weight:"BOLD",size:"LG",children:e})})})}):(0,j.jsx)(We.Container.Horizontal,{padding:"NONE_2XS",children:(0,j.jsx)(me,{children:(0,j.jsx)(qe.Typography,{weight:"BOLD",size:"LG",children:e})})})}var qr=Wt.default.input`
+`;var Te=require("react"),go=L(require("styled-components")),ho=require("@mobilestockweb/clickable"),pt=require("@mobilestockweb/container"),ct=require("@mobilestockweb/typography");var se=require("react/jsx-runtime");function Fe(){let{count:e,editable:t,configureCount:o,autoFocus:i,onFocus:r,onBlur:m}=Y(),n=(0,Te.useRef)(null),[l,a]=(0,Te.useState)(i&&t),[s,f]=(0,Te.useState)(e.toString());(0,Te.useEffect)(()=>{f(e.toString())},[e]);function C(u){let d=Number(u.target.value);o(Number.isNaN(d)?0:d),a(!1),m==null||m()}function p(u){var d;u.key==="Enter"&&(u.preventDefault(),(d=n.current)==null||d.blur())}function c(u){u.target.select(),r==null||r()}return t?(0,se.jsx)(ho.Clickable,{onClick:()=>a(!0),type:"button",children:(0,se.jsx)(pt.Container.Horizontal,{padding:"NONE_2XS",children:(0,se.jsx)(Ce,{children:l?(0,se.jsx)(En,{"data-testid":"counter-input",ref:n,value:s,autoFocus:!0,onKeyDown:p,type:"text",inputMode:"numeric",onChange:u=>f(u.target.value),onFocus:c,onBlur:C}):(0,se.jsx)(ct.Typography,{weight:"BOLD",size:"LG",children:e})})})}):(0,se.jsx)(pt.Container.Horizontal,{padding:"NONE_2XS",children:(0,se.jsx)(Ce,{children:(0,se.jsx)(ct.Typography,{weight:"BOLD",size:"LG",children:e})})})}var En=go.default.input`
   &:focus {
     outline: none;
     box-shadow: none;
@@ -42,87 +42,59 @@
   text-align: center;
   width: 40px;
   height: 34px;
-`;he.displayName="Form.FormCounter.Display";var R=require("react/jsx-runtime");function Kt(){let{label:e,labelPosition:t,error:o}=U();return(0,R.jsxs)(re.Container.Vertical,{align:"CENTER_START",children:[t==="TOP_START"&&e&&(0,R.jsxs)(re.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,R.jsx)(oe,{children:e}),o&&(0,R.jsx)(Y,{children:o})]}),t!=="LEFT"&&(0,R.jsxs)(re.Container.Vertical,{align:"CENTER",children:[t!=="TOP_START"&&(e||o)&&(0,R.jsxs)(re.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[e&&(0,R.jsx)(oe,{children:e}),o&&(0,R.jsx)(Y,{children:o})]}),(0,R.jsxs)(ge,{children:[(0,R.jsx)(Q,{type:"MINUS"}),(0,R.jsx)(he,{}),(0,R.jsx)(Q,{type:"PLUS"})]})]}),t==="LEFT"&&(0,R.jsx)(re.Container.Vertical,{children:(0,R.jsxs)(re.Container.Horizontal,{align:"CENTER",children:[(e||o)&&(0,R.jsxs)(re.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[e&&(0,R.jsx)(oe,{children:e}),o&&(0,R.jsx)(Y,{children:o})]}),(0,R.jsxs)(ge,{children:[(0,R.jsx)(Q,{type:"MINUS"}),(0,R.jsx)(he,{}),(0,R.jsx)(Q,{type:"PLUS"})]})]})})]})}var Ne=require("react/jsx-runtime");function Zt(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,Ne.jsx)(xt,v(h({buttonTransparent:!1,labelPosition:"TOP_START",multiplier:1},t),{children:e?(0,Ne.jsx)(Ut,{children:e}):(0,Ne.jsx)(Kt,{})}))}var Yt=require("react/jsx-runtime");function Ke(e){return(0,Yt.jsx)(Q,v(h({},e),{type:"MINUS"}))}Ke.displayName="Form.FormCounter.Minus";var Jt=require("react/jsx-runtime");function Ze(e){return(0,Jt.jsx)(Q,v(h({},e),{type:"PLUS"}))}Ze.displayName="Form.FormCounter.Plus";var Qt=Object.assign(Zt,{Display:he,Plus:Ze,Minus:Ke,Badge:Fe});var jt=require("@mobilestockweb/container");var to=require("react/jsx-runtime");function eo(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,to.jsx)(jt.Container.Horizontal,v(h({gap:"SM"},t),{children:e}))}var oo=require("@unform/core"),O=require("react"),Pe=I(require("styled-components")),ro=require("@mobilestockweb/button"),Je=require("@mobilestockweb/container"),Ye=I(require("@mobilestockweb/tools")),Qe=require("@mobilestockweb/typography");var ne=require("react/jsx-runtime"),no=(0,O.forwardRef)(function(s,b){var m=s,{name:t,label:o,defaultValue:n,type:r,autoSubmit:u,full:i,error:l,format:a,onChange:g,maxLength:c}=m,p=P(m,["name","label","defaultValue","type","autoSubmit","full","error","format","onChange","maxLength"]);let{loading:E}=k(),C=(0,oo.useField)(t),d=(0,O.useRef)(null),[F,L]=(0,O.useState)(!1),[y,S]=(0,O.useState)(""),B=r==="password",N=r==="tel"?15:r==="zipcode"?9:c,$=t+"-input"+(0,O.useId)();(0,O.useEffect)(()=>{let f=y||n||(C==null?void 0:C.defaultValue)||"";d.current.value=f,S(f),C.registerField({name:C.fieldName,ref:d,getValue:T=>{var W;return((W=T.current)==null?void 0:W.value)||""},setValue:(T,W)=>{T.current&&(T.current.value=W,S(W))},clearValue:T=>{T.current&&(T.current.value="",S(""))}})},[C==null?void 0:C.fieldName,C==null?void 0:C.registerField]),(0,O.useImperativeHandle)(b,()=>({focus(){var f;(f=d.current)==null||f.focus()},blur(){var f;(f=d.current)==null||f.blur()}}));let ee=(0,O.useCallback)(f=>{let T=f.target.value;switch(r){case"tel":T=Ye.default.phoneNumberFormatter(T);break;case"email":case"url":T=T.trim();break;case"zipcode":T=Ye.default.formatZipcode(T);break}a&&(T=a(T)),S(T),f.target.value=T,d.current.value=T,g==null||g(f),r==="tel"&&u&&T.length===15&&d.current.form&&(d.current.form.requestSubmit(),d.current.blur()),r==="zipcode"&&u&&T.length===9&&d.current.form&&(d.current.form.requestSubmit(),d.current.blur())},[r,a,u,g,C]);function fe(){return r==="password"?F?"text":"password":r}return(0,ne.jsxs)(Kr,{full:i,$show:r!=="hidden",children:[o&&(0,ne.jsx)(Zr,{htmlFor:$,size:"SM",children:o}),(0,ne.jsxs)(Yr,{align:"CENTER",padding:"XS_NONE",gap:"SM",$isError:!!(C!=null&&C.error),$isPassword:B,children:[(0,ne.jsx)(Jr,v(h({},p),{ref:d,id:$,value:y,onChange:ee,maxLength:N,type:fe(),disabled:E||p.disabled})),B&&(0,ne.jsx)(ro.Button,{size:"SM",onClick:()=>L(!F),icon:F?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),!!(C!=null&&C.error)&&(0,ne.jsx)(Qe.Typography,{color:"DANGER",size:"SM",children:C==null?void 0:C.error})]})}),Kr=(0,Pe.default)(Je.Container.Vertical)`
-  display: ${({$show:e})=>e?"flex":"none"};
-`,Zr=(0,Pe.default)(Qe.Typography).attrs({forwardedAs:"label"})``,Yr=(0,Pe.default)(Je.Container.Horizontal)`
-  padding: ${({$isPassword:e})=>e?"0 0 0 10px":"0 10px"};
-  background-color: ${({$isError:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
-  border: 1px solid ${({$isError:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
+`;Fe.displayName="Form.FormCounter.Display";var I=require("react/jsx-runtime");function bo(){let{label:e,labelPosition:t,error:o}=Y();return(0,I.jsxs)(me.Container.Vertical,{align:"CENTER_START",children:[t==="TOP_START"&&e&&(0,I.jsxs)(me.Container.Horizontal,{padding:"NONE_NONE_2XS_NONE",gap:"2XS",children:[(0,I.jsx)(ue,{children:e}),o&&(0,I.jsx)(ie,{children:o})]}),t!=="LEFT"&&(0,I.jsxs)(me.Container.Vertical,{align:"CENTER",children:[t!=="TOP_START"&&(e||o)&&(0,I.jsxs)(me.Container.Vertical,{align:"CENTER",padding:"NONE_NONE_2XS_NONE",children:[e&&(0,I.jsx)(ue,{children:e}),o&&(0,I.jsx)(ie,{children:o})]}),(0,I.jsxs)(xe,{children:[(0,I.jsx)(le,{type:"MINUS"}),(0,I.jsx)(Fe,{}),(0,I.jsx)(le,{type:"PLUS"})]})]}),t==="LEFT"&&(0,I.jsx)(me.Container.Vertical,{children:(0,I.jsxs)(me.Container.Horizontal,{align:"CENTER",children:[(e||o)&&(0,I.jsxs)(me.Container.Vertical,{padding:"NONE_2XS_NONE_NONE",children:[e&&(0,I.jsx)(ue,{children:e}),o&&(0,I.jsx)(ie,{children:o})]}),(0,I.jsxs)(xe,{children:[(0,I.jsx)(le,{type:"MINUS"}),(0,I.jsx)(Fe,{}),(0,I.jsx)(le,{type:"PLUS"})]})]})})]})}var We=require("react/jsx-runtime");function Co(o){var i=o,{children:e}=i,t=P(i,["children"]);return(0,We.jsx)(qt,S(b({buttonTransparent:!1,labelPosition:"TOP_START",multiplier:1},t),{children:e?(0,We.jsx)(po,{children:e}):(0,We.jsx)(bo,{})}))}var To=require("react/jsx-runtime");function dt(e){return(0,To.jsx)(le,S(b({},e),{type:"MINUS"}))}dt.displayName="Form.FormCounter.Minus";var vo=require("react/jsx-runtime");function ft(e){return(0,vo.jsx)(le,S(b({},e),{type:"PLUS"}))}ft.displayName="Form.FormCounter.Plus";var Eo=Object.assign(Co,{Display:Fe,Plus:ft,Minus:dt,Badge:Oe});var yo=require("@mobilestockweb/container");var xo=require("react/jsx-runtime");function So(o){var i=o,{children:e}=i,t=P(i,["children"]);return(0,xo.jsx)(yo.Container.Horizontal,S(b({gap:"SM"},t),{children:e}))}var Fo=require("@unform/core"),V=require("react"),ve=L(require("styled-components")),Ro=require("@mobilestockweb/button"),bt=require("@mobilestockweb/container"),gt=L(require("@mobilestockweb/tools")),ht=require("@mobilestockweb/typography");var oe=require("react/jsx-runtime"),Po=(0,V.forwardRef)(function(d,u){var R=d,{name:t,type:o="text",full:i,label:r,maxLength:m,autoSubmit:n=!1,defaultValue:l,numberOfLines:a=1,showMaxContent:s=!1,autoCapitalize:f,format:C,onChange:p}=R,c=P(R,["name","type","full","label","maxLength","autoSubmit","defaultValue","numberOfLines","showMaxContent","autoCapitalize","format","onChange"]);let E=(0,ve.useTheme)(),{loading:g,notifyFieldChange:T}=B(),v=(0,Fo.useField)(t),y=a>1,h=(0,V.useRef)(null),[H,A]=(0,V.useState)(!1),[D,N]=(0,V.useState)(""),O=o==="password",x=o==="tel"?15:o==="zipcode"?9:m,z=t+"-input"+(0,V.useId)(),_={width:"100%",border:"none",outline:"none",backgroundColor:"transparent",fontFamily:E.font.families[0],lineHeight:E.font.lineHeight,fontSize:E.font.size.sm,color:E.colors.text.default},Ve=S(b({},_),{height:"2.5rem"}),Se=S(b({},_),{padding:"10px 0",display:"block",resize:"none",overflow:"hidden",boxSizing:"border-box"}),on=(0,V.useMemo)(()=>o==="password"?H?"text":"password":o,[o,H]),De=(0,V.useCallback)(()=>{if(!y||!h.current)return;let M=h.current,F=window.getComputedStyle(M),q=parseInt(F.lineHeight,10);isNaN(q)&&(q=parseInt(F.fontSize,10)*E.font.lineHeight);let Be=parseInt(F.paddingTop,10),he=parseInt(F.paddingBottom,10),ke=q*a+Be+he+1,He=parseFloat(getComputedStyle(document.documentElement).fontSize)*2.5;if(s)M.style.height=ke+"px";else{M.style.height="0";let _e=M.scrollHeight;M.style.height=Math.max(He,Math.min(_e,ke))+"px"}},[y,a,s,E.font.lineHeight]),Ht=(0,V.useCallback)(M=>{var q,Be;let F=M.target.value;switch(o){case"tel":F=gt.default.phoneNumberFormatter(F);break;case"email":case"url":F=F.trim();break;case"zipcode":F=gt.default.formatZipcode(F);break}if(C&&(F=C(F)),y&&a&&h.current){let he=h.current;he.value=F,he.style.height="auto";let ke=he.scrollHeight,we=window.getComputedStyle(he),He=parseInt(we.lineHeight,10);isNaN(He)&&(He=parseInt(we.fontSize,10)*E.font.lineHeight);let _e=parseInt(we.paddingTop,10),nn=parseInt(we.paddingBottom,10),an=He*(a+1)+_e+nn+1;if(ke>an){he.value=D,De();return}}N(F),M.target.value=F,h.current.value=F,p==null||p({value:F,event:"INPUT_CHANGE"}),T==null||T(t,F),o==="tel"&&n&&F.length===15&&((q=h.current)!=null&&q.form)&&(p==null||p({value:F,event:"AUTO_SUBMIT"}),h.current.form.requestSubmit(),h.current.blur()),o==="zipcode"&&n&&F.length===9&&((Be=h.current)!=null&&Be.form)&&(p==null||p({value:F,event:"AUTO_SUBMIT"}),h.current.form.requestSubmit(),h.current.blur())},[o,C,n,p,v,T,y,a,D,De]);(0,V.useEffect)(()=>{let M=D||l||(v==null?void 0:v.defaultValue)||"";h.current.value=M,N(M),v.registerField({name:v.fieldName,ref:h,getValue:F=>{var q;return((q=F.current)==null?void 0:q.value)||""},setValue:(F,q)=>{F.current&&(F.current.value=q,N(q))},clearValue:F=>{F.current&&(F.current.value="",N(""))}})},[v==null?void 0:v.fieldName,v==null?void 0:v.registerField]),(0,V.useEffect)(()=>{De()},[D,De]),(0,V.useImperativeHandle)(u,()=>({focus(){var M;(M=h.current)==null||M.focus()},blur(){var M;(M=h.current)==null||M.blur()}}));function rn(){A(M=>(p==null||p({value:!M,event:"TOGGLE_PASSWORD"}),!M))}return(0,oe.jsxs)(yn,{full:i,$show:o!=="hidden",children:[r&&(0,oe.jsx)("label",{htmlFor:z,children:(0,oe.jsx)(ht.Typography,{children:r})}),(0,oe.jsxs)(Sn,{$error:!!(v!=null&&v.error),$isPassword:O,children:[y?(0,oe.jsx)("textarea",S(b({},c),{ref:h,id:z,value:D,onChange:Ht,maxLength:x,disabled:g||c.disabled,style:Se})):(0,oe.jsx)("input",S(b({},c),{ref:h,id:z,value:D,onChange:Ht,maxLength:x,type:on,disabled:g||c.disabled,style:Ve})),O&&(0,oe.jsx)(Ro.Button,{size:"SM",onClick:rn,icon:H?"EyeOutline":"EyeOff",variant:"TRANSPARENT",type:"button"})]}),!!(v!=null&&v.error)&&(0,oe.jsx)(ht.Typography,{color:"DANGER",size:"SM",children:v==null?void 0:v.error})]})}),yn=(0,ve.default)(bt.Container.Vertical)`
+  ${({$show:e})=>!e&&ve.css`
+      display: none;
+    `}
+`,Sn=(0,ve.default)(bt.Container.Horizontal)`
+  overflow: hidden;
+  background-color: ${({$error:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
+  border: 1px solid ${({$error:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
   border-radius: ${({theme:e})=>e.borderRadius.default};
-`,Jr=Pe.default.input`
-  width: 100%;
-  border: none;
-  height: 2.5rem;
-  outline: none;
-  background-color: transparent;
-`;var wo=require("@unform/core"),Ho=require("react"),Oo=I(require("styled-components")),De=require("@mobilestockweb/container");var io=require("@unform/core"),X=require("react");var V={getHashFile(e){return`${e.name}-${e.size}`}};var so=require("react/jsx-runtime"),ao=(0,X.createContext)(null);function lo({children:e,accept:t,onChange:o,name:n}){let{fieldName:r,registerField:u,defaultValue:i}=(0,io.useField)(n),[l,a]=(0,X.useState)(null),g=(0,X.useCallback)(s=>{let m=s.map(y=>({file:y,hash:V.getHashFile(y)})),E=(l||[]).map(y=>({file:y,hash:V.getHashFile(y)})),C=[...m,...E],d=Array.from(new Set(C.map(y=>y.hash))).map(y=>C.find(S=>S.hash===y)),F=d.filter(y=>m.some(S=>S.hash===y.hash));if(!F.length)return;let L=d.map(y=>y.file);a(L),o==null||o({value:F.map(y=>y.file),event:"ADD_FILES"})},[l,o]),c=(0,X.useCallback)(s=>{if(!s){a(null);return}let m=s.filter(E=>!!E);g(m)},[g,a]);(0,X.useEffect)(()=>{u({name:r,getValue:()=>l,setValue:(s,m)=>c(m||i),clearValue:()=>a(null)})},[r,u,l,c,i]),(0,X.useEffect)(()=>{a(null)},[t]);function p(s){if(!l)return;let m=l.filter(E=>V.getHashFile(E)!==s);a(m),o==null||o({value:l.find(E=>V.getHashFile(E)===s),event:"REMOVE_FILE"})}function b(){let s=document.createElement("input");s.style.display="none",s.setAttribute("type","file"),s.setAttribute("accept","*/*"),s.setAttribute("id",String(Math.random())),s.setAttribute("multiple","multiple"),document.body.appendChild(s),s.addEventListener("change",()=>{s.files&&g(Array.from(s.files)),document.body.removeChild(s)});let m=new MouseEvent("click");s.dispatchEvent(m)}return(0,so.jsx)(ao.Provider,{value:{handleSelectFile:b,handleSaveFiles:g,handleRemoveFile:p,accept:t,files:l,name:n},children:e})}function K(){let e=(0,X.useContext)(ao);if(!e)throw new Error("useMultipleArchive must be used within a MultipleArchiveProvider");return e}var Me={convertBytesToReadableFormat(e){return e>=1073741824?(e/1073741824).toFixed(2)+" GB":e>=1048576?(e/1048576).toFixed(2)+" MB":e>=1024?(e/1024).toFixed(2)+" KB":e+" B"},parseAcceptString(e){if(!e)return["all"];let t=["|",",",";"," ",`
-`,"	","\r"];return typeof e=="string"?e.split(new RegExp(t.map(o=>`\\${o}`).join("|"))).map(o=>o.trim().replace(".","")).filter(o=>o.length>0):e}};var Co=require("@mobilestockweb/container"),bo=require("@mobilestockweb/spacer");var uo=require("@unform/core"),mo=require("@mobilestockweb/typography");var po=require("react/jsx-runtime");function Ae(){let e=K(),{error:t}=(0,uo.useField)(e.name);return(0,po.jsx)(mo.Typography,{color:"DANGER",size:"XS",children:t})}var co=require("@mobilestockweb/button"),fo=require("react/jsx-runtime");function we(){return(0,fo.jsx)(co.Button,{type:"button",text:"Selecionar arquivo",size:"XS"})}var He=require("@mobilestockweb/typography");var ie=require("react/jsx-runtime");function Oe(){var t,o;let e=K();return(t=e.accept)!=null&&t.includes("all")?(0,ie.jsx)(He.Typography,{size:"XS",children:"Todos os tipos de arquivos s\xE3o suportados"}):(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsx)(He.Typography,{size:"XS",children:"Arquivos suportados"}),(0,ie.jsxs)(He.Typography,{size:"XS",children:["( ",(o=e.accept)==null?void 0:o.join(", ")," )"]})]})}var go=require("@mobilestockweb/typography"),ho=require("react/jsx-runtime");function ze({children:e}){return(0,ho.jsx)(go.Typography,{size:"LG",weight:"REGULAR",children:e||"Arraste o arquivo para c\xE1"})}var ae=require("react/jsx-runtime");function Eo(){var t;let e=K();return(0,ae.jsxs)(Co.Container.Vertical,{align:"CENTER",children:[(0,ae.jsx)(ze,{}),(0,ae.jsx)(bo.Spacer,{size:"2XS"}),(0,ae.jsx)(we,{}),(0,ae.jsx)(Ae,{}),(t=e.accept)!=null&&t.includes("all")?null:(0,ae.jsx)(Oe,{})]})}var To=I(require("chroma-js")),vo=require("react"),yo=require("styled-components");var Ro=require("react/jsx-runtime");function Fo(e){let t=K(),o=(0,yo.useTheme)(),[n,r]=(0,vo.useState)(!1);function u(i){var g;i.preventDefault(),r(!1);let l=i.dataTransfer;if(!l)return;let a=[];if(l.items&&l.items.length>0)for(let c=0;c<l.items.length;c++){let p=l.items[c];if(p.kind!=="file")continue;let b=p.webkitGetAsEntry();if(b&&b.isDirectory)continue;let s=p.getAsFile();s&&a.push(s)}else if(l.files&&l.files.length>0)for(let c=0;c<l.files.length;c++){let p=l.files.item(c);p&&a.push(p)}a.length!==0&&((g=t.accept)!=null&&g.some(c=>c!=="all")&&(a=a.filter(c=>{var b;let p=c.name.split(".").pop();return(b=t.accept)==null?void 0:b.includes(p==null?void 0:p.toLowerCase())}),!a.length)||t.handleSaveFiles(a))}return(0,Ro.jsx)("div",h({onDragOver:i=>{i.preventDefault(),r(!0)},onDrop:u,onDragLeave:i=>{i.preventDefault(),r(!1)},style:h({},n?{backgroundColor:(0,To.default)(o.colors.formMultipleArchive.droppableArea).alpha(.5).css()}:void 0),onClick:t.handleSelectFile},e))}var Po=require("react"),je=I(require("styled-components")),xo=require("@mobilestockweb/button"),So=require("@mobilestockweb/clickable"),le=require("@mobilestockweb/container"),Io=require("@mobilestockweb/icons"),Ve=require("@mobilestockweb/typography");var M=require("react/jsx-runtime");function Lo(){var n,r,u;let e=K(),[t,o]=(0,Po.useState)(!1);return(0,M.jsxs)(M.Fragment,{children:[(0,M.jsx)(le.Container.Horizontal,{align:"END",children:!!((n=e.files)!=null&&n.length)&&(0,M.jsx)(So.Clickable,{type:"button","data-testid":"flip-button",onClick:()=>o(!t),children:(0,M.jsxs)(le.Container.Horizontal,{align:"CENTER",children:[(0,M.jsxs)(Ve.Typography,{size:"XS",children:[(r=e.files)==null?void 0:r.length," arquivos"]}),(0,M.jsx)(Qr,{"data-testid":"flip-icon-container","data-flip":t,$flip:t,children:(0,M.jsx)(Io.Icon,{name:"ChevronDown",size:"XS"})})]})})}),(0,M.jsx)(jr,{"data-testid":"multiple-archive-list","data-open":t,$flip:t,children:(u=e.files)==null?void 0:u.map((i,l)=>(0,M.jsxs)(le.Container.Horizontal,{align:"START_CENTER",children:[(0,M.jsxs)(le.Container.Horizontal,{gap:"SM",full:!0,children:[(0,M.jsx)(Ve.Typography,{size:"XS",weight:"MEDIUM",children:i.name.slice(0,20)}),i.size&&(0,M.jsx)(Ve.Typography,{size:"XS",children:Me.convertBytesToReadableFormat(i.size)})]}),(0,M.jsx)(le.Container.Vertical,{children:(0,M.jsx)(xo.Button,{variant:"TRANSPARENT",icon:"Trash",backgroundColor:"CANCEL_DARK",size:"XS","data-testid":`trash-button-${l}`,onClick:()=>e.handleRemoveFile(`${i.name}-${i.size}`)})})]},l))})]})}var Qr=(0,je.default)(le.Container.Horizontal)`
+  padding: ${({$isPassword:e})=>e?"0 0 0 10px":"0 10px"};
+`;var tr=require("@unform/core"),or=require("react"),rr=L(require("styled-components")),et=require("@mobilestockweb/container");var Io=require("@unform/core"),Q=require("react");var W={getHashFile(e){return`${e.name}-${e.size}`}};var Ho=require("react/jsx-runtime"),Lo=(0,Q.createContext)(null);function wo({children:e,accept:t,onChange:o,name:i}){let{notifyFieldChange:r}=B(),{fieldName:m,registerField:n,defaultValue:l}=(0,Io.useField)(i),[a,s]=(0,Q.useState)(null),f=(0,Q.useCallback)(u=>{let d=u.map(y=>({file:y,hash:W.getHashFile(y)})),R=(a||[]).map(y=>({file:y,hash:W.getHashFile(y)})),E=[...d,...R],g=Array.from(new Set(E.map(y=>y.hash))).map(y=>E.find(h=>h.hash===y)),T=g.filter(y=>d.some(h=>h.hash===y.hash));if(!T.length)return;let v=g.map(y=>y.file);s(v),r==null||r(m,v),o==null||o({value:T.map(y=>y.file),event:"ADD_FILES"})},[a,o,r,m]),C=(0,Q.useCallback)(u=>{if(!u){s(null);return}let d=u.filter(R=>!!R);f(d)},[f,s]);(0,Q.useEffect)(()=>{n({name:m,getValue:()=>a,setValue:(u,d)=>C(d||l),clearValue:()=>s(null)})},[m,n,a,C,l]),(0,Q.useEffect)(()=>{s(null)},[t]);function p(u){if(!a)return;let d=a.filter(R=>W.getHashFile(R)!==u);s(d),r==null||r(m,d),o==null||o({value:a.find(R=>W.getHashFile(R)===u),event:"REMOVE_FILE"})}function c(){let u=document.createElement("input");u.style.display="none",u.setAttribute("type","file"),u.setAttribute("accept","*/*"),u.setAttribute("id",String(Math.random())),u.setAttribute("multiple","multiple"),document.body.appendChild(u),u.addEventListener("change",()=>{u.files&&f(Array.from(u.files)),document.body.removeChild(u)});let d=new MouseEvent("click");u.dispatchEvent(d)}return(0,Ho.jsx)(Lo.Provider,{value:{handleSelectFile:c,handleSaveFiles:f,handleRemoveFile:p,accept:t,files:a,name:i},children:e})}function re(){let e=(0,Q.useContext)(Lo);if(!e)throw new Error("useMultipleArchive must be used within a MultipleArchiveProvider");return e}var Ke={convertBytesToReadableFormat(e){return e>=1073741824?(e/1073741824).toFixed(2)+" GB":e>=1048576?(e/1048576).toFixed(2)+" MB":e>=1024?(e/1024).toFixed(2)+" KB":e+" B"},parseAcceptString(e){if(!e)return["all"];let t=["|",",",";"," ",`
+`,"	","\r"];return typeof e=="string"?e.split(new RegExp(t.map(o=>`\\${o}`).join("|"))).map(o=>o.trim().replace(".","")).filter(o=>o.length>0):e}};var Bo=require("@mobilestockweb/container"),ko=require("@mobilestockweb/spacer");var Ao=require("@unform/core"),Mo=require("@mobilestockweb/typography");var No=require("react/jsx-runtime");function qe(){let e=re(),{error:t}=(0,Ao.useField)(e.name);return(0,No.jsx)(Mo.Typography,{color:"DANGER",size:"XS",children:t})}var Oo=require("@mobilestockweb/button"),zo=require("react/jsx-runtime");function Ze(){return(0,zo.jsx)(Oo.Button,{type:"button",text:"Selecionar arquivo",size:"XS"})}var Ye=require("@mobilestockweb/typography");var pe=require("react/jsx-runtime");function Je(){var t,o;let e=re();return(t=e.accept)!=null&&t.includes("all")?(0,pe.jsx)(Ye.Typography,{size:"XS",children:"Todos os tipos de arquivos s\xE3o suportados"}):(0,pe.jsxs)(pe.Fragment,{children:[(0,pe.jsx)(Ye.Typography,{size:"XS",children:"Arquivos suportados"}),(0,pe.jsxs)(Ye.Typography,{size:"XS",children:["( ",(o=e.accept)==null?void 0:o.join(", ")," )"]})]})}var Vo=require("@mobilestockweb/typography"),Do=require("react/jsx-runtime");function Qe({children:e}){return(0,Do.jsx)(Vo.Typography,{size:"LG",weight:"REGULAR",children:e||"Arraste o arquivo para c\xE1"})}var ce=require("react/jsx-runtime");function _o(){var t;let e=re();return(0,ce.jsxs)(Bo.Container.Vertical,{align:"CENTER",children:[(0,ce.jsx)(Qe,{}),(0,ce.jsx)(ko.Spacer,{size:"2XS"}),(0,ce.jsx)(Ze,{}),(0,ce.jsx)(qe,{}),(t=e.accept)!=null&&t.includes("all")?null:(0,ce.jsx)(Je,{})]})}var $o=L(require("chroma-js")),Uo=require("react"),Go=require("styled-components");var Wo=require("react/jsx-runtime");function Xo(e){let t=re(),o=(0,Go.useTheme)(),[i,r]=(0,Uo.useState)(!1);function m(n){var s;n.preventDefault(),r(!1);let l=n.dataTransfer;if(!l)return;let a=[];if(l.items&&l.items.length>0)for(let f=0;f<l.items.length;f++){let C=l.items[f];if(C.kind!=="file")continue;let p=C.webkitGetAsEntry();if(p&&p.isDirectory)continue;let c=C.getAsFile();c&&a.push(c)}else if(l.files&&l.files.length>0)for(let f=0;f<l.files.length;f++){let C=l.files.item(f);C&&a.push(C)}a.length!==0&&((s=t.accept)!=null&&s.some(f=>f!=="all")&&(a=a.filter(f=>{var p;let C=f.name.split(".").pop();return(p=t.accept)==null?void 0:p.includes(C==null?void 0:C.toLowerCase())}),!a.length)||t.handleSaveFiles(a))}return(0,Wo.jsx)("div",b({onDragOver:n=>{n.preventDefault(),r(!0)},onDrop:m,onDragLeave:n=>{n.preventDefault(),r(!1)},style:b({},i?{backgroundColor:(0,$o.default)(o.colors.formMultipleArchive.droppableArea).alpha(.5).css()}:void 0),onClick:t.handleSelectFile},e))}var Ko=require("react"),Ct=L(require("styled-components")),qo=require("@mobilestockweb/button"),Zo=require("@mobilestockweb/clickable"),de=require("@mobilestockweb/container"),Yo=require("@mobilestockweb/icons"),je=require("@mobilestockweb/typography");var k=require("react/jsx-runtime");function Jo(){var i,r,m;let e=re(),[t,o]=(0,Ko.useState)(!1);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsx)(de.Container.Horizontal,{align:"END",children:!!((i=e.files)!=null&&i.length)&&(0,k.jsx)(Zo.Clickable,{type:"button","data-testid":"flip-button",onClick:()=>o(!t),children:(0,k.jsxs)(de.Container.Horizontal,{align:"CENTER",children:[(0,k.jsxs)(je.Typography,{size:"XS",children:[(r=e.files)==null?void 0:r.length," arquivos"]}),(0,k.jsx)(xn,{"data-testid":"flip-icon-container","data-flip":t,$flip:t,children:(0,k.jsx)(Yo.Icon,{name:"ChevronDown",size:"XS"})})]})})}),(0,k.jsx)(Fn,{"data-testid":"multiple-archive-list","data-open":t,$flip:t,children:(m=e.files)==null?void 0:m.map((n,l)=>(0,k.jsxs)(de.Container.Horizontal,{align:"START_CENTER",children:[(0,k.jsxs)(de.Container.Horizontal,{gap:"SM",full:!0,children:[(0,k.jsx)(je.Typography,{size:"XS",weight:"MEDIUM",children:n.name.slice(0,20)}),n.size&&(0,k.jsx)(je.Typography,{size:"XS",children:Ke.convertBytesToReadableFormat(n.size)})]}),(0,k.jsx)(de.Container.Vertical,{children:(0,k.jsx)(qo.Button,{variant:"TRANSPARENT",icon:"Trash",backgroundColor:"CANCEL_DARK",size:"XS","data-testid":`trash-button-${l}`,onClick:()=>e.handleRemoveFile(`${n.name}-${n.size}`)})})]},l))})]})}var xn=(0,Ct.default)(de.Container.Horizontal)`
   transform: ${({$flip:e})=>e?"rotate(180deg)":"rotate(0deg)"};
   transition: transform 0.3s ease;
-`,jr=(0,je.default)(le.Container.Vertical)`
+`,Fn=(0,Ct.default)(de.Container.Vertical)`
   display: ${({$flip:e})=>e?"flex":"none"};
   max-height: 200px;
   overflow-y: auto;
-`;var No=require("@mobilestockweb/typography"),Ao=require("react/jsx-runtime");function Mo({children:e}){return(0,Ao.jsx)(No.Typography,{children:e})}var Z=require("react/jsx-runtime");function zo(o){var n=o,{accept:e}=n,t=P(n,["accept"]);let{error:r}=(0,wo.useField)(t.name),u=(0,Ho.useMemo)(()=>Me.parseAcceptString(e),[e]);return(0,Z.jsx)(lo,v(h({},t),{accept:u,children:(0,Z.jsxs)(De.Container.Vertical,{gap:"2XS",children:[(0,Z.jsx)(De.Container.Horizontal,{align:t.alignLabel||"START",children:(0,Z.jsx)(Mo,{children:t.label})}),(0,Z.jsxs)(en,{$error:!!r,padding:"MD",children:[(0,Z.jsx)(Fo,{children:t.children||(0,Z.jsx)(Eo,{})}),(0,Z.jsx)(Lo,{})]})]})}))}var en=(0,Oo.default)(De.Container.Vertical)`
+`;var Qo=require("@mobilestockweb/typography"),er=require("react/jsx-runtime");function jo({children:e}){return(0,er.jsx)(Qo.Typography,{children:e})}var ne=require("react/jsx-runtime");function nr(o){var i=o,{accept:e}=i,t=P(i,["accept"]);let{error:r}=(0,tr.useField)(t.name),m=(0,or.useMemo)(()=>Ke.parseAcceptString(e),[e]);return(0,ne.jsx)(wo,S(b({},t),{accept:m,children:(0,ne.jsxs)(et.Container.Vertical,{gap:"2XS",children:[(0,ne.jsx)(et.Container.Horizontal,{align:t.alignLabel||"START",children:(0,ne.jsx)(jo,{children:t.label})}),(0,ne.jsxs)(Rn,{$error:!!r,padding:"MD",children:[(0,ne.jsx)(Xo,{children:t.children||(0,ne.jsx)(_o,{})}),(0,ne.jsx)(Jo,{})]})]})}))}var Rn=(0,rr.default)(et.Container.Vertical)`
   border: 1px solid ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.border};
   border-radius: ${({theme:e})=>e.borderRadius.default};
   background-color: ${({theme:e,$error:t})=>t?e.colors.input.error:e.colors.input.default};
   min-width: 400px;
-`;var Vo=Object.assign(zo,{Title:ze,HelpButton:we,HelpText:Oe,ErrorLabel:Ae});var H=require("@dnd-kit/core"),Tr=require("@dnd-kit/modifiers"),ue=require("@dnd-kit/sortable"),Ee=require("react"),vr=require("styled-components"),ke=require("@mobilestockweb/container");var Do=require("@unform/core"),A=require("react"),Bo=require("styled-components"),_o=require("react/jsx-runtime"),$o=(0,A.createContext)(null);function ko({gap:e="2XS",size:t="SM",name:o,children:n,onChange:r,multiple:u,dragAndDrop:i,buttonAddDirection:l}){let a=(0,Bo.useTheme)(),{fieldName:g,registerField:c,defaultValue:p}=(0,Do.useField)(o),[b,s]=(0,A.useState)(null),[m,E]=(0,A.useState)(!1),[C,d]=(0,A.useState)(null),F=(0,A.useMemo)(()=>a.sizeImage[t.toLowerCase()],[a,t]),L=(0,A.useMemo)(()=>a.gaps[e.toLowerCase()],[a,e]),y=(0,A.useCallback)(f=>{s(l==="RIGHT"?T=>[...T||[],...f].reverse():T=>[...T||[],...f])},[s,l]),S=(0,A.useCallback)(f=>{if(!f){s(null);return}y(f)},[y]);(0,A.useEffect)(()=>{c({name:g,getValue:()=>b,setValue:(f,T)=>S(T||p),clearValue:()=>s(null)})},[g,c,b,S,p]);function B(){let f=document.createElement("input");f.style.display="none",f.setAttribute("type","file"),f.setAttribute("accept","image/*"),f.setAttribute("id",String(Math.random())),u&&f.setAttribute("multiple","multiple"),document.body.appendChild(f),f.addEventListener("change",()=>{f.files&&(u?y(Array.from(f.files)):(E(!0),d(Array.from(f.files)[0])),document.body.removeChild(f))});let T=new MouseEvent("click");f.dispatchEvent(T)}function N(f){if(!b)return;let T=b.filter(W=>`${W.name}-${W.size}`!==f);s(T),r==null||r({value:b.find(W=>`${W.name}-${W.size}`===f),event:"REMOVE_IMAGE"})}function $(f){s(f),r==null||r({value:f,event:"REORDER_IMAGES"})}function ee(f){y([f]),E(!1),d(null),r==null||r({value:f,event:"CROP_SAVE"})}function fe(){E(!1),d(null)}return(0,_o.jsx)($o.Provider,{value:{showDeviceImage:B,images:b,removeImage:N,reorderImages:$,openImageCropModal:m,imageToCrop:C,handleImageCropCancel:fe,handleImageCropSave:ee,sizeComponent:F,gapComponent:L,dragAndDrop:i,name:o,gap:e},children:n})}function z(){let e=(0,A.useContext)($o);if(!e)throw new Error("usePhotoList must be used within a PhotoListProvider");return e}var Uo=require("@mobilestockweb/button");var Go=require("react/jsx-runtime");function et(){let e=z();return(0,Go.jsx)(Uo.Button,{type:"button",icon:"Plus",variant:"OUTLINE",onClick:e.showDeviceImage,style:{height:e.sizeComponent,width:e.sizeComponent,minWidth:e.sizeComponent,maxWidth:e.sizeComponent}})}var Xo=require("@unform/core"),Wo=require("@mobilestockweb/typography");var Ko=require("react/jsx-runtime");function qo(){let e=z(),{error:t}=(0,Xo.useField)(e.name);return(0,Ko.jsx)(Wo.Typography,{color:"DANGER",size:"XS",children:t})}var lr=require("@dnd-kit/sortable"),sr=require("@dnd-kit/utilities"),$e=require("react"),ur=require("styled-components"),mr=require("@mobilestockweb/container");var jo=require("@dnd-kit/sortable"),er=I(require("styled-components")),tr=require("@mobilestockweb/container");var Zo=require("@dnd-kit/sortable"),Yo=I(require("styled-components")),Qo=require("react/jsx-runtime");function Jo({id:e}){let{isDragging:t}=(0,Zo.useSortable)({id:e});return(0,Qo.jsx)(tn,{$isDragging:t})}var tn=Yo.default.div`
+`;var ir=Object.assign(nr,{Title:Qe,HelpButton:Ze,HelpText:Je,ErrorLabel:qe});var G=require("@dnd-kit/core"),$r=require("@dnd-kit/modifiers"),ge=require("@dnd-kit/sortable"),Ie=require("react"),Ur=require("styled-components"),rt=require("@mobilestockweb/container");var ar=require("@unform/core"),$=require("react"),lr=require("styled-components");var mr=require("react/jsx-runtime"),sr=(0,$.createContext)(null);function ur({gap:e="2XS",size:t="SM",name:o,children:i,onChange:r,multiple:m,dragAndDrop:n,buttonAddDirection:l}){let a=(0,lr.useTheme)(),{notifyFieldChange:s}=B(),{fieldName:f,registerField:C,defaultValue:p}=(0,ar.useField)(o),[c,u]=(0,$.useState)(null),[d,R]=(0,$.useState)(!1),[E,g]=(0,$.useState)(null),T=(0,$.useMemo)(()=>a.sizeImage[t.toLowerCase()],[a,t]),v=(0,$.useMemo)(()=>a.gaps[e.toLowerCase()],[a,e]),y=(0,$.useCallback)(x=>{u(l==="RIGHT"?z=>{let _=[...z||[],...x].reverse();return s==null||s(f,_),_}:z=>{let _=[...z||[],...x];return s==null||s(f,_),_})},[u,l,s,f]),h=(0,$.useCallback)(x=>{if(!x){u(null);return}y(x)},[y]);(0,$.useEffect)(()=>{C({name:f,getValue:()=>c,setValue:(x,z)=>h(z||p),clearValue:()=>u(null)})},[f,C,c,h,p]);function H(){let x=document.createElement("input");x.style.display="none",x.setAttribute("type","file"),x.setAttribute("accept","image/*"),x.setAttribute("id",String(Math.random())),m&&x.setAttribute("multiple","multiple"),document.body.appendChild(x),x.addEventListener("change",()=>{x.files&&(m?y(Array.from(x.files)):(R(!0),g(Array.from(x.files)[0])),document.body.removeChild(x))});let z=new MouseEvent("click");x.dispatchEvent(z)}function A(x){if(!c)return;let z=c.filter(_=>`${_.name}-${_.size}`!==x);u(z),s==null||s(f,z),r==null||r({value:c.find(_=>`${_.name}-${_.size}`===x),event:"REMOVE_IMAGE"})}function D(x){u(x),s==null||s(f,x),r==null||r({value:x,event:"REORDER_IMAGES"})}function N(x){y([x]),R(!1),g(null),r==null||r({value:x,event:"CROP_SAVE"})}function O(){R(!1),g(null)}return(0,mr.jsx)(sr.Provider,{value:{showDeviceImage:H,images:c,removeImage:A,reorderImages:D,openImageCropModal:d,imageToCrop:E,handleImageCropCancel:O,handleImageCropSave:N,sizeComponent:T,gapComponent:v,dragAndDrop:n,name:o,gap:e},children:i})}function X(){let e=(0,$.useContext)(sr);if(!e)throw new Error("usePhotoList must be used within a PhotoListProvider");return e}var pr=require("@mobilestockweb/button");var cr=require("react/jsx-runtime");function Tt(){let e=X();return(0,cr.jsx)(pr.Button,{type:"button",icon:"Plus",variant:"OUTLINE",onClick:e.showDeviceImage,style:{height:e.sizeComponent,width:e.sizeComponent,minWidth:e.sizeComponent,maxWidth:e.sizeComponent}})}var dr=require("@unform/core"),fr=require("@mobilestockweb/typography");var hr=require("react/jsx-runtime");function gr(){let e=X(),{error:t}=(0,dr.useField)(e.name);return(0,hr.jsx)(fr.Typography,{color:"DANGER",size:"XS",children:t})}var Lr=require("@dnd-kit/sortable"),wr=require("@dnd-kit/utilities"),ot=require("react"),Hr=require("styled-components"),Ar=require("@mobilestockweb/container");var Er=require("@dnd-kit/sortable"),yr=L(require("styled-components")),Sr=require("@mobilestockweb/container");var br=require("@dnd-kit/sortable"),Cr=L(require("styled-components")),vr=require("react/jsx-runtime");function Tr({id:e}){let{isDragging:t}=(0,br.useSortable)({id:e});return(0,vr.jsx)(Pn,{$isDragging:t})}var Pn=Cr.default.div`
   height: 5px;
   width: 90%;
   background-color: ${({theme:e,$isDragging:t})=>t?e.colors.formPhotoList.highlightBar:e.colors.formPhotoList.defaultBar};
-`;var tt=require("react/jsx-runtime");function or({id:e}){let t=z(),{listeners:o,attributes:n}=(0,jo.useSortable)({id:e});return(0,tt.jsx)(on,v(h(h({$sizeComponent:t.sizeComponent,align:"CENTER"},o),n),{children:(0,tt.jsx)(Jo,{id:e})}))}var on=(0,er.default)(tr.Container.Horizontal)`
+`;var vt=require("react/jsx-runtime");function xr({id:e}){let t=X(),{listeners:o,attributes:i}=(0,Er.useSortable)({id:e});return(0,vt.jsx)(In,S(b(b({$sizeComponent:t.sizeComponent,align:"CENTER"},o),i),{children:(0,vt.jsx)(Tr,{id:e})}))}var In=(0,yr.default)(Sr.Container.Horizontal)`
   padding: 4px 12px;
   position: absolute;
   bottom: 0;
   width: ${({$sizeComponent:e})=>e};
   background-color: ${({theme:e})=>e.colors.formPhotoList.controlBar};
-`;var Be=I(require("styled-components")),rr=require("@mobilestockweb/clickable"),nr=require("@mobilestockweb/icons"),ir=I(require("@mobilestockweb/tools"));var ot=require("react/jsx-runtime");function ar({id:e}){let t=z(),o=(0,Be.useTheme)();function n(){t.removeImage(e)}return(0,ot.jsx)(rn,{onClick:n,children:(0,ot.jsx)(nr.Icon,{name:"X",size:"XS",color:ir.default.defineTextColor(o.colors.formPhotoList.trashButton)})})}var rn=(0,Be.default)(rr.Clickable)`
+`;var tt=L(require("styled-components")),Fr=require("@mobilestockweb/clickable"),Rr=require("@mobilestockweb/icons"),Pr=L(require("@mobilestockweb/tools"));var Et=require("react/jsx-runtime");function Ir({id:e}){let t=X(),o=(0,tt.useTheme)();function i(){t.removeImage(e)}return(0,Et.jsx)(Ln,{onClick:i,children:(0,Et.jsx)(Rr.Icon,{name:"X",size:"XS",color:Pr.default.defineTextColor(o.colors.formPhotoList.trashButton)})})}var Ln=(0,tt.default)(Fr.Clickable)`
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   border-bottom-left-radius: 4px;
   background-color: ${e=>e.theme.colors.formPhotoList.trashButton};
-`;var Ce=require("react/jsx-runtime");function nn({file:e}){let t=(0,ur.useTheme)(),o=z(),{setNodeRef:n,transform:r,transition:u,isDragging:i}=(0,lr.useSortable)({id:V.getHashFile(e)}),l=(0,$e.useMemo)(()=>URL.createObjectURL(e),[e]);return(0,Ce.jsxs)(mr.Container.Vertical,{ref:n,align:"CENTER",style:v(h({borderColor:t.colors.formPhotoList.controlBar,borderStyle:"solid",borderWidth:1},i&&{borderColor:t.colors.formPhotoList.highlightBar}),{transform:sr.CSS.Transform.toString(r),transition:u,zIndex:i?100:0,userSelect:"none",width:o.sizeComponent,minWidth:o.sizeComponent,maxWidth:o.sizeComponent,height:o.sizeComponent,flexShrink:0,backgroundColor:"white",position:"relative",borderRadius:t.borderRadius.default,overflow:"hidden"}),children:[(0,Ce.jsx)(ar,{id:V.getHashFile(e)}),(0,Ce.jsx)("img",{alt:"image",style:{width:"100%",objectFit:"cover"},src:l}),o.dragAndDrop&&(0,Ce.jsx)(or,{id:V.getHashFile(e)})]})}var pr=(0,$e.memo)(nn);var cr=require("@mobilestockweb/typography"),fr=require("react/jsx-runtime");function dr({children:e}){return(0,fr.jsx)(cr.Typography,{children:e})}var q=require("react"),br=require("react-image-crop"),be=I(require("styled-components")),it=require("@mobilestockweb/button"),ce=require("@mobilestockweb/container");var se=require("react"),rt=I(require("react-modal")),gr=require("styled-components"),hr=require("ua-parser-js");var nt=require("react/jsx-runtime");function Cr(o){var n=o,{children:e}=n,t=P(n,["children"]);let r=(0,gr.useTheme)(),[u,i]=(0,se.useState)(!1),[l,a]=(0,se.useState)(void 0),g=(0,se.useCallback)(()=>(0,hr.UAParser)(window.navigator.userAgent).device.type==="mobile"||window.innerWidth<=768,[]),c=(0,se.useCallback)(()=>{i(g()),a(window.innerHeight)},[g]);return(0,se.useEffect)(()=>(i(g()),a(window.innerHeight),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[g,c]),u?(0,nt.jsx)(rt.default,v(h({ariaHideApp:!1,style:{content:{top:0,left:0,right:0,bottom:0,padding:0,margin:0,borderRadius:0,border:"none",height:l?`${l}px`:"100vh",maxHeight:l?`${l}px`:"100vh",boxSizing:"border-box"}}},t),{children:e})):(0,nt.jsx)(rt.default,v(h({ariaHideApp:!1,style:{overlay:{backgroundColor:r.colors.container.shadow},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",padding:0,margin:0,transform:"translate(-50%, -50%)",borderRadius:8,border:"none",width:"min(900px, 100vw - 32px)",height:"min(700px, 100vh - 32px)",maxWidth:"calc(100vw - 32px)",maxHeight:"calc(100vh - 32px)",boxSizing:"border-box"}}},t),{children:e}))}var D=require("react/jsx-runtime");function Er(){let e=z(),t=(0,q.useRef)(null),o=(0,q.useRef)(null),[n,r]=(0,q.useState)(),[u,i]=(0,q.useState)(),[l,a]=(0,q.useState)(),g=(0,q.useMemo)(()=>e.imageToCrop?URL.createObjectURL(e.imageToCrop):void 0,[e.imageToCrop]);(0,q.useEffect)(()=>{e.imageToCrop||(r(void 0),i(void 0),a(void 0))},[e.imageToCrop,e.openImageCropModal]);function c({displayWidth:s,displayHeight:m,naturalWidth:E,naturalHeight:C}){i({displayWidth:s,displayHeight:m,naturalWidth:E,naturalHeight:C});let d=Math.min(s,m);r({unit:"px",width:d,height:d,x:s>m?(s-d)/2:0,y:m>s?(m-d)/2:0})}function p(){return Se(this,null,function*(){if(!e.imageToCrop||!n||!u)return;let s=u.naturalWidth/u.displayWidth,m=u.naturalHeight/u.displayHeight,E=n.x*s,C=n.y*m,d=n.width*s,F=n.height*m,L=new OffscreenCanvas(d,F),y=L.getContext("2d"),S=new Image;S.src=URL.createObjectURL(e.imageToCrop),yield new Promise($=>{S.onload=()=>$()}),y.drawImage(S,E,C,d,F,0,0,d,F);let B=yield L.convertToBlob({type:"image/png",quality:1}),N="";if(!e.imageToCrop.name)N="image-cropped.png";else{let $=e.imageToCrop.name.split(".");$.pop(),N=$.join(".")+"-cropped.png"}e.handleImageCropSave(new File([B],N,{type:"image/png",lastModified:Date.now()}))})}function b(s){let m=s.currentTarget,E=o.current,C=E.clientWidth,d=E.clientHeight,F=m.naturalWidth,L=m.naturalHeight,y=Math.min(C/F,d/L),S=F*y,B=L*y;a({width:S,height:B}),c({displayWidth:S,displayHeight:B,naturalWidth:F,naturalHeight:L})}return(0,D.jsx)(Cr,{isOpen:e.openImageCropModal,children:(0,D.jsxs)(ce.Container.Vertical,{full:!0,padding:"NONE_XS_XS_XS",style:{height:"100%",maxHeight:"100%",boxSizing:"border-box"},gap:"MD",children:[(0,D.jsx)(ce.Container.Vertical,{full:!0,align:"CENTER",style:{minHeight:0},children:(0,D.jsx)(an,{ref:o,align:"CENTER",children:(0,D.jsx)(ln,{crop:n,width:l==null?void 0:l.width,height:l==null?void 0:l.height,onChange:s=>r(s),children:(0,D.jsx)(sn,{src:g,ref:t,"data-testid":"image-to-crop",onLoad:b})})})}),(0,D.jsxs)(ce.Container.Horizontal,{gap:"MD",children:[(0,D.jsx)(ce.Container.Vertical,{full:!0,children:(0,D.jsx)(it.Button,{onClick:e.handleImageCropCancel,text:"Cancelar",backgroundColor:"CANCEL_DARK"})}),(0,D.jsx)(ce.Container.Vertical,{full:!0,children:(0,D.jsx)(it.Button,{onClick:p,text:"Salvar"})})]})]})})}var an=(0,be.default)(ce.Container.Vertical)`
+`;var Re=require("react/jsx-runtime");function wn({file:e}){let t=(0,Hr.useTheme)(),o=X(),{setNodeRef:i,transform:r,transition:m,isDragging:n}=(0,Lr.useSortable)({id:W.getHashFile(e)}),l=(0,ot.useMemo)(()=>URL.createObjectURL(e),[e]);return(0,Re.jsxs)(Ar.Container.Vertical,{ref:i,align:"CENTER",style:S(b({borderColor:t.colors.formPhotoList.controlBar,borderStyle:"solid",borderWidth:1},n&&{borderColor:t.colors.formPhotoList.highlightBar}),{transform:wr.CSS.Transform.toString(r),transition:m,zIndex:n?100:0,userSelect:"none",width:o.sizeComponent,minWidth:o.sizeComponent,maxWidth:o.sizeComponent,height:o.sizeComponent,flexShrink:0,backgroundColor:"white",position:"relative",borderRadius:t.borderRadius.default,overflow:"hidden"}),children:[(0,Re.jsx)(Ir,{id:W.getHashFile(e)}),(0,Re.jsx)("img",{alt:"image",style:{width:"100%",objectFit:"cover"},src:l}),o.dragAndDrop&&(0,Re.jsx)(xr,{id:W.getHashFile(e)})]})}var Mr=(0,ot.memo)(wn);var Nr=require("@mobilestockweb/typography"),zr=require("react/jsx-runtime");function Or({children:e}){return(0,zr.jsx)(Nr.Typography,{children:e})}var j=require("react"),kr=require("react-image-crop"),Pe=L(require("styled-components")),xt=require("@mobilestockweb/button"),Ee=require("@mobilestockweb/container");var fe=require("react"),yt=L(require("react-modal")),Vr=require("styled-components"),Dr=require("ua-parser-js");var St=require("react/jsx-runtime");function Br(o){var i=o,{children:e}=i,t=P(i,["children"]);let r=(0,Vr.useTheme)(),[m,n]=(0,fe.useState)(!1),[l,a]=(0,fe.useState)(void 0),s=(0,fe.useCallback)(()=>(0,Dr.UAParser)(window.navigator.userAgent).device.type==="mobile"||window.innerWidth<=768,[]),f=(0,fe.useCallback)(()=>{n(s()),a(window.innerHeight)},[s]);return(0,fe.useEffect)(()=>(n(s()),a(window.innerHeight),window.addEventListener("resize",f),()=>{window.removeEventListener("resize",f)}),[s,f]),m?(0,St.jsx)(yt.default,S(b({ariaHideApp:!1,style:{content:{top:0,left:0,right:0,bottom:0,padding:0,margin:0,borderRadius:0,border:"none",height:l?`${l}px`:"100vh",maxHeight:l?`${l}px`:"100vh",boxSizing:"border-box"}}},t),{children:e})):(0,St.jsx)(yt.default,S(b({ariaHideApp:!1,style:{overlay:{backgroundColor:r.colors.container.shadow},content:{top:"50%",left:"50%",right:"auto",bottom:"auto",padding:0,margin:0,transform:"translate(-50%, -50%)",borderRadius:8,border:"none",width:"min(900px, 100vw - 32px)",height:"min(700px, 100vh - 32px)",maxWidth:"calc(100vw - 32px)",maxHeight:"calc(100vh - 32px)",boxSizing:"border-box"}}},t),{children:e}))}var K=require("react/jsx-runtime");function _r(){let e=X(),t=(0,j.useRef)(null),o=(0,j.useRef)(null),[i,r]=(0,j.useState)(),[m,n]=(0,j.useState)(),[l,a]=(0,j.useState)(),s=(0,j.useMemo)(()=>e.imageToCrop?URL.createObjectURL(e.imageToCrop):void 0,[e.imageToCrop]);(0,j.useEffect)(()=>{e.imageToCrop||(r(void 0),n(void 0),a(void 0))},[e.imageToCrop,e.openImageCropModal]);function f({displayWidth:c,displayHeight:u,naturalWidth:d,naturalHeight:R}){n({displayWidth:c,displayHeight:u,naturalWidth:d,naturalHeight:R});let E=Math.min(c,u);r({unit:"px",width:E,height:E,x:c>u?(c-E)/2:0,y:u>c?(u-E)/2:0})}function C(){return Ue(this,null,function*(){if(!e.imageToCrop||!i||!m)return;let c=m.naturalWidth/m.displayWidth,u=m.naturalHeight/m.displayHeight,d=i.x*c,R=i.y*u,E=i.width*c,g=i.height*u,T=new OffscreenCanvas(E,g),v=T.getContext("2d"),y=new Image;y.src=URL.createObjectURL(e.imageToCrop),yield new Promise(A=>{y.onload=()=>A()}),v.drawImage(y,d,R,E,g,0,0,E,g);let h=yield T.convertToBlob({type:"image/png",quality:1}),H="";if(!e.imageToCrop.name)H="image-cropped.png";else{let A=e.imageToCrop.name.split(".");A.pop(),H=A.join(".")+"-cropped.png"}e.handleImageCropSave(new File([h],H,{type:"image/png",lastModified:Date.now()}))})}function p(c){let u=c.currentTarget,d=o.current,R=d.clientWidth,E=d.clientHeight,g=u.naturalWidth,T=u.naturalHeight,v=Math.min(R/g,E/T),y=g*v,h=T*v;a({width:y,height:h}),f({displayWidth:y,displayHeight:h,naturalWidth:g,naturalHeight:T})}return(0,K.jsx)(Br,{isOpen:e.openImageCropModal,children:(0,K.jsxs)(Ee.Container.Vertical,{full:!0,padding:"NONE_XS_XS_XS",style:{height:"100%",maxHeight:"100%",boxSizing:"border-box"},gap:"MD",children:[(0,K.jsx)(Ee.Container.Vertical,{full:!0,align:"CENTER",style:{minHeight:0},children:(0,K.jsx)(Hn,{ref:o,align:"CENTER",children:(0,K.jsx)(An,{crop:i,width:l==null?void 0:l.width,height:l==null?void 0:l.height,onChange:c=>r(c),children:(0,K.jsx)(Mn,{src:s,ref:t,"data-testid":"image-to-crop",onLoad:p})})})}),(0,K.jsxs)(Ee.Container.Horizontal,{gap:"MD",children:[(0,K.jsx)(Ee.Container.Vertical,{full:!0,children:(0,K.jsx)(xt.Button,{onClick:e.handleImageCropCancel,text:"Cancelar",backgroundColor:"CANCEL_DARK"})}),(0,K.jsx)(Ee.Container.Vertical,{full:!0,children:(0,K.jsx)(xt.Button,{onClick:C,text:"Salvar"})})]})]})})}var Hn=(0,Pe.default)(Ee.Container.Vertical)`
   width: 100%;
   height: 100%;
   min-height: 0;
   padding-left: 16px;
   padding-right: 16px;
-`,ln=(0,be.default)(br.ReactCrop)`
-  ${({width:e,height:t})=>e&&t&&be.css`
+`,An=(0,Pe.default)(kr.ReactCrop)`
+  ${({width:e,height:t})=>e&&t&&Pe.css`
       width: ${e}px;
       height: ${t}px;
       display: inline-flex;
     `}
-`,sn=be.default.img``;var w=require("react/jsx-runtime");function yr({numberOfImagesVisible:e,buttonAddDirection:t,label:o,alignLabel:n}){var E,C;let r=z(),u=(0,vr.useTheme)(),i=(0,H.useSensors)((0,H.useSensor)(H.MouseSensor),(0,H.useSensor)(H.TouchSensor),(0,H.useSensor)(H.KeyboardSensor,{coordinateGetter:ue.sortableKeyboardCoordinates})),[l,a]=(0,Ee.useState)(null),g=(0,Ee.useId)();function c(d){var L;return((L=r.images)==null?void 0:L.findIndex(y=>V.getHashFile(y)===d))||0}let p=l?c(l):-1;function b({over:d}){if(a(null),d){let F=c(d.id);if(p!==F){let L=(0,ue.arrayMove)(r.images,p,F);r.reorderImages(L)}}}function s({active:d}){d&&a(d.id)}let m=(0,Ee.useMemo)(()=>e?`calc(${r.sizeComponent} * ${e} + (${r.gapComponent} * ${e}))`:`calc(100% - ${r.sizeComponent} - ${r.gapComponent})`,[e,r.sizeComponent,r.gapComponent]);return(0,w.jsxs)(w.Fragment,{children:[!!o&&(0,w.jsx)(ke.Container.Horizontal,{align:n||"START",children:(0,w.jsx)(dr,{children:o})}),(0,w.jsx)(H.DndContext,{id:g,sensors:i,collisionDetection:H.closestCenter,onDragCancel:()=>a(null),onDragStart:s,onDragEnd:b,modifiers:[Tr.restrictToHorizontalAxis],children:(0,w.jsxs)(ke.Container.Horizontal,{align:"START_CENTER",gap:r.gap,children:[t==="LEFT"&&(0,w.jsx)(et,{}),(0,w.jsx)(ue.SortableContext,{items:((E=r.images)==null?void 0:E.map(d=>V.getHashFile(d)))||[],strategy:ue.horizontalListSortingStrategy,children:(0,w.jsx)(ke.Container.Horizontal,{gap:r.gap,style:{flexBasis:"max-content",overflowX:"scroll",paddingBottom:u.spacing["2xs"],maxWidth:m},children:(C=r.images)==null?void 0:C.map(d=>(0,w.jsx)(pr,{file:d},V.getHashFile(d)))})}),t==="RIGHT"&&(0,w.jsx)(et,{})]})}),(0,w.jsx)(qo,{}),(0,w.jsx)(Er,{})]})}var at=require("react/jsx-runtime");function Fr(u){var i=u,{label:e,alignLabel:t,buttonAddDirection:o="LEFT",numberOfImagesVisible:n=0}=i,r=P(i,["label","alignLabel","buttonAddDirection","numberOfImagesVisible"]);return(0,at.jsx)(ko,v(h({multiple:!0,dragAndDrop:!0,buttonAddDirection:o},r),{children:(0,at.jsx)(yr,{label:e,alignLabel:t,buttonAddDirection:o,numberOfImagesVisible:n})}))}var Rr=require("@unform/core"),Pr=require("react"),st=I(require("styled-components")),lt=require("@mobilestockweb/container"),ut=require("@mobilestockweb/typography");var de=require("react/jsx-runtime");function xr(e){let{loading:t}=k(),{error:o,fieldName:n,registerField:r}=(0,Rr.useField)(e.name),u=(0,Pr.useRef)(null),i=`radio_${e.name}_${e.label}`;function l(){r({name:n,ref:u,getValue:a=>a.current.value,clearValue:a=>{a.current.checked=!1}})}return(0,de.jsxs)(lt.Container.Vertical,{onClick:l,gap:"XS",padding:"2XS_NONE",children:[(0,de.jsxs)(lt.Container.Horizontal,{align:"START_CENTER",gap:"XS",children:[(0,de.jsx)(un,v(h({id:i,ref:u},e),{type:"radio",disabled:t})),(0,de.jsx)(mn,{htmlFor:i,size:"MD",children:e.label})]}),o&&(0,de.jsx)(ut.Typography,{color:"DANGER",size:"SM",children:o})]})}var un=st.default.input`
+`,Mn=Pe.default.img``;var U=require("react/jsx-runtime");function Gr({numberOfImagesVisible:e,buttonAddDirection:t,label:o,alignLabel:i}){var d,R;let r=X(),m=(0,Ur.useTheme)(),n=(0,G.useSensors)((0,G.useSensor)(G.MouseSensor),(0,G.useSensor)(G.TouchSensor),(0,G.useSensor)(G.KeyboardSensor,{coordinateGetter:ge.sortableKeyboardCoordinates})),[l,a]=(0,Ie.useState)(null),s=(0,Ie.useId)();function f(E){var T;return((T=r.images)==null?void 0:T.findIndex(v=>W.getHashFile(v)===E))||0}let C=l?f(l):-1;function p({over:E}){if(a(null),E){let g=f(E.id);if(C!==g){let T=(0,ge.arrayMove)(r.images,C,g);r.reorderImages(T)}}}function c({active:E}){E&&a(E.id)}let u=(0,Ie.useMemo)(()=>e?`calc(${r.sizeComponent} * ${e} + (${r.gapComponent} * ${e}))`:`calc(100% - ${r.sizeComponent} - ${r.gapComponent})`,[e,r.sizeComponent,r.gapComponent]);return(0,U.jsxs)(U.Fragment,{children:[!!o&&(0,U.jsx)(rt.Container.Horizontal,{align:i||"START",children:(0,U.jsx)(Or,{children:o})}),(0,U.jsx)(G.DndContext,{id:s,sensors:n,collisionDetection:G.closestCenter,onDragCancel:()=>a(null),onDragStart:c,onDragEnd:p,modifiers:[$r.restrictToHorizontalAxis],children:(0,U.jsxs)(rt.Container.Horizontal,{align:"START_CENTER",gap:r.gap,children:[t==="LEFT"&&(0,U.jsx)(Tt,{}),(0,U.jsx)(ge.SortableContext,{items:((d=r.images)==null?void 0:d.map(E=>W.getHashFile(E)))||[],strategy:ge.horizontalListSortingStrategy,children:(0,U.jsx)(rt.Container.Horizontal,{gap:r.gap,style:{flexBasis:"max-content",overflowX:"scroll",paddingBottom:m.spacing["2xs"],maxWidth:u},children:(R=r.images)==null?void 0:R.map(E=>(0,U.jsx)(Mr,{file:E},W.getHashFile(E)))})}),t==="RIGHT"&&(0,U.jsx)(Tt,{})]})}),(0,U.jsx)(gr,{}),(0,U.jsx)(_r,{})]})}var Ft=require("react/jsx-runtime");function Xr(m){var n=m,{label:e,alignLabel:t,buttonAddDirection:o="LEFT",numberOfImagesVisible:i=0}=n,r=P(n,["label","alignLabel","buttonAddDirection","numberOfImagesVisible"]);return(0,Ft.jsx)(ur,S(b({multiple:!0,dragAndDrop:!0,buttonAddDirection:o},r),{children:(0,Ft.jsx)(Gr,{label:e,alignLabel:t,buttonAddDirection:o,numberOfImagesVisible:i})}))}var Wr=require("@unform/core"),Kr=require("react"),Pt=L(require("styled-components")),Rt=require("@mobilestockweb/container"),It=require("@mobilestockweb/typography");var ye=require("react/jsx-runtime");function qr(m){var n=m,{name:e,label:t,value:o,onChange:i}=n,r=P(n,["name","label","value","onChange"]);let{loading:l,notifyFieldChange:a}=B(),{error:s,fieldName:f,registerField:C}=(0,Wr.useField)(e),p=(0,Kr.useRef)(null),c=`radio_${e}_${t}`;function u(){C({name:f,ref:p,getValue:d=>d.current.value,clearValue:d=>{d.current.checked=!1}}),a==null||a(f,o),i==null||i({value:o,event:"RADIO_CHANGE"})}return(0,ye.jsxs)(Rt.Container.Vertical,{onClick:u,gap:"XS",padding:"2XS_NONE",children:[(0,ye.jsxs)(Rt.Container.Horizontal,{align:"START_CENTER",gap:"XS",children:[(0,ye.jsx)(Nn,S(b({id:c,ref:p},r),{type:"radio",disabled:l})),(0,ye.jsx)(On,{htmlFor:c,size:"MD",children:t})]}),s&&(0,ye.jsx)(It.Typography,{color:"DANGER",size:"SM",children:s})]})}var Nn=Pt.default.input`
   width: 1rem;
   height: 1rem;
-`,mn=(0,st.default)(ut.Typography).attrs({forwardedAs:"label"})``;var Sr=require("@unform/core"),_e=require("react"),Ir=I(require("react-select")),mt=I(require("styled-components")),Lr=require("@mobilestockweb/container"),pt=require("@mobilestockweb/typography");var Te=require("react/jsx-runtime");function Nr(e){let{loading:t}=k(),{fieldName:o,defaultValue:n,registerField:r,error:u}=(0,Sr.useField)(e.name),i=(0,_e.useRef)(null);return(0,_e.useEffect)(()=>{r({name:o,ref:i.current,getValue:l=>{var g,c;let a=(g=l==null?void 0:l.state)==null?void 0:g.selectValue;return a?e!=null&&e.isMulti?a.map(p=>p.value):(c=a[0])==null?void 0:c.value:e!=null&&e.isMulti?[]:""}})},[o,r,e.isMulti]),(0,Te.jsxs)(pn,{$isWrong:!!u,children:[(e==null?void 0:e.label)&&(0,Te.jsx)(cn,{htmlFor:o,size:"MD",children:e.label}),(0,Te.jsx)(Ir.default,v(h({defaultValue:n},e),{className:"react-select",classNamePrefix:"react-select",ref:i,isDisabled:t||e.disabled})),u&&(0,Te.jsx)(pt.Typography,{color:"DANGER",size:"SM",children:u})]})}var pn=(0,mt.default)(Lr.Container.Vertical)`
-  .react-select {
-    background-color: ${({$isWrong:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
-    border: 1px solid ${({$isWrong:e,theme:t})=>e?t.colors.alert.urgent:t.colors.input.border};
-    border-radius: ${({theme:e})=>e.borderRadius.default};
-    height: 2.7rem;
-    width: 100%;
-  }
-  .react-select__control {
-    background-color: ${({$isWrong:e,theme:t})=>e?t.colors.input.error:t.colors.input.default};
-    border: none;
-    height: 100%;
-  }
-  .react-select__placeholder {
-    padding: 0.3rem;
-  }
-  .react-select__menu {
-    color: ${({theme:e})=>e.colors.select.text};
-    background-color: ${({theme:e})=>e.colors.select.default};
-    height: auto;
-  }
-  .react-select__option--is-focused {
-    color: ${({theme:e})=>e.colors.text.contrast};
-    background-color: ${({theme:e})=>e.colors.select.focused};
-  }
-`,cn=(0,mt.default)(pt.Typography).attrs({forwardedAs:"label"})``;var Mr=require("@mobilestockweb/container");var wr=require("react/jsx-runtime");function Ar(o){var n=o,{children:e}=n,t=P(n,["children"]);return(0,wr.jsx)(Mr.Container.Vertical,v(h({gap:"SM"},t),{children:e}))}var dn=Object.assign(Tt,{Input:no,Radio:xr,Select:Nr,Button:yt,Counter:Qt,Vertical:Ar,Horizontal:eo,MultipleArchive:Vo,PhotoList:Fr});0&&(module.exports={Form,useForm});
+`,On=(0,Pt.default)(It.Typography).attrs({forwardedAs:"label"})``;var Zr=require("@unform/core"),nt=L(require("chroma-js")),Lt=require("lodash"),ee=require("react"),Yr=L(require("react-select")),it=L(require("styled-components")),Jr=require("@mobilestockweb/container"),wt=require("@mobilestockweb/typography");var Le=require("react/jsx-runtime"),Qr=(0,ee.forwardRef)(function({name:t,label:o,options:i,placeholder:r="Selecione um item",disabled:m,defaultValue:n,onChange:l,autoFocus:a,onFocus:s,onBlur:f},C){let p=(0,it.useTheme)(),{loading:c,notifyFieldChange:u}=B(),{fieldName:d,defaultValue:R,registerField:E,error:g}=(0,Zr.useField)(t),T=(0,ee.useRef)(null);(0,ee.useImperativeHandle)(C,()=>({focus(){var h;(h=T.current)==null||h.focus()},blur(){var h;(h=T.current)==null||h.blur()}})),(0,ee.useEffect)(()=>{E({name:d,ref:T.current,getValue:h=>{var A,D,N;let H=((N=(D=(A=h==null?void 0:h.state)==null?void 0:A.selectValue)==null?void 0:D[0])==null?void 0:N.value)||"";return u==null||u(d,H),l==null||l({value:H,event:"SELECT_CHANGE"}),H}})},[d,E,l]);let v=(0,ee.useCallback)(h=>function(H){return(0,Lt.mergeWith)(H,{fontFamily:p.font.families,lineHeight:p.font.lineHeight,color:p.colors.text.default},h)},[]),y=(0,ee.useCallback)((h,H)=>{let A="transparent",D=p.colors.text.default;switch(!0){case H.isFocused:{let N=(0,nt.default)(p.colors.listItem.hover);N.luminance()>.5?A=N.brighten(1).hex("rgb"):A=N.hex("rgb");let O=(0,nt.default)(A);D=O.luminance(O.luminance()>.5?-2:2).hex("rgb");break}case H.isSelected:{A=p.colors.listItem.selected;let N=(0,nt.default)(A);D=N.luminance(N.luminance()>.5?-2:2).hex("rgb");break}}return(0,Lt.mergeWith)(h,{fontFamily:p.font.families,lineHeight:p.font.lineHeight,color:D,backgroundColor:A})},[]);return(0,Le.jsxs)(Jr.Container.Vertical,{children:[o&&(0,Le.jsx)(zn,{htmlFor:d,size:"MD",children:o}),(0,Le.jsx)(Yr.default,{defaultValue:n||R,options:[{label:r,options:i}],placeholder:r,menuPortalTarget:document.body,menuPosition:"fixed",styles:{container:v({width:"100%",display:"flex",height:"3rem"}),control:v({width:"100%",backgroundColor:g?p.colors.input.error:void 0,borderColor:g?p.colors.alert.urgent:void 0}),indicatorSeparator:v({backgroundColor:g?p.colors.alert.urgent:void 0}),dropdownIndicator:v({color:g?p.colors.alert.urgent:p.colors.text.default}),option:y,menuPortal:v({zIndex:99999})},openMenuOnFocus:!0,ref:T,isDisabled:c||m,autoFocus:a,onFocus:s,onBlur:f}),g&&(0,Le.jsx)(wt.Typography,{color:"DANGER",size:"SM",children:g})]})}),zn=(0,it.default)(wt.Typography).attrs({forwardedAs:"label"})``;var jr=require("@mobilestockweb/container");var tn=require("react/jsx-runtime");function en(o){var i=o,{children:e}=i,t=P(i,["children"]);return(0,tn.jsx)(jr.Container.Vertical,S(b({gap:"SM"},t),{children:e}))}var Vn=Object.assign($t,{Input:Po,Radio:qr,Select:Qr,Button:Gt,Counter:Eo,Vertical:en,Horizontal:So,MultipleArchive:ir,PhotoList:Xr});0&&(module.exports={Form,useForm});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilestockweb/form",
-  "version": "1.0.5",
+  "version": "1.2.0",
   "main": "index.js",
   "dependencies": {
     "notistack": "^3.0.1",