@s_mart/telas-de-acesso 8.0.6 → 8.1.0

package/dist/index.d.mts

@@ -1,4 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { TextFieldProps } from '@s_mart/form';
 import { UseFormReturn, FieldValues } from 'react-hook-form';
 
 interface TemplateTelaBaseProps {
@@ -50,11 +52,11 @@ interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
      * Logo do sistema que será exibido do topo do paper de cadastro
      * @default undefined
      */
-    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'] | React.ReactNode;
+    logo?: React.ImgHTMLAttributes<HTMLImageElement>['src'];
     /**
      * Função que será executada quando o formulário for submetido
      */
-    onSubmit: (data: any, methods: UseFormReturn<FieldValues, any>) => void;
+    onSubmit: (data: FormTelaCadastroSubmitValues) => void;
     /**
      * Link dos termos de uso do sistema - será exibido no checkbox de aceite dos termos de uso
      * @default undefined
@@ -63,9 +65,22 @@ interface TelaCadastroProps extends Omit<TemplateTelaBaseProps, 'children'> {
      * <TelaCadastro linkTermosDeUso="https://www.google.com" />
      */
     linkTermosDeUso?: string;
+    slots?: TelaCadastroSlots;
 }
+type TelaCadastroSlots = {
+    textFieldEmail?: (props: TextFieldProps) => React.ReactNode;
+    textFieldNome?: (props: TextFieldProps) => React.ReactNode;
+    textFieldSenha?: (props: TextFieldProps) => React.ReactNode;
+};
+type FormTelaCadastroValues = {
+    nome?: string;
+    email: string;
+    termosDeUso: boolean;
+    senha: string;
+};
+type FormTelaCadastroSubmitValues = FormTelaCadastroValues;
 
-declare function TelaCadastro({ logo, nomeSistema, onSubmit, linkTermosDeUso, email, nome, ...rest }: TelaCadastroProps): react_jsx_runtime.JSX.Element;
+declare const TelaCadastro: react.MemoExoticComponent<(props: TelaCadastroProps) => react_jsx_runtime.JSX.Element>;
 
 interface TelaLoginFormValues {
     email: string;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material";import{telefone as Ae}from"@s_mart/masks";import{lineWhatsApp as Qe}from"@s_mart/regular-icons";import{toRem as p}from"@s_mart/utils";import B from"@emotion/styled";import{colorPalette as He}from"@s_mart/tokens";var ae=B.div`
+import{LIcon as Je}from"@s_mart/core";import{Typography as Ge}from"@mui/material";import{telefone as Ke}from"@s_mart/masks";import{lineWhatsApp as Ye}from"@s_mart/regular-icons";import{toRem as p}from"@s_mart/utils";import $ from"@emotion/styled";import{colorPalette as Oe}from"@s_mart/tokens";var oe=$.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -18,7 +18,7 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
   @media (max-height: 600px) {
     justify-content: flex-start;
   }
-`,te=B.div`
+`,ae=$.div`
   position: absolute;
   left: 0;
   bottom: 32px;
@@ -27,7 +27,7 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
   @media (max-width: 768px) {
     display: none;
   }
-`,oe=B.h1`
+`,re=$.h1`
   position: absolute;
   left: 32px;
   top: 32px;
@@ -66,7 +66,7 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
   @media (max-width: 500px) {
     display: none;
   }
-`,re=B.div`
+`,ie=$.div`
   position: relative;
   z-index: 2;
 
@@ -75,7 +75,7 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
   margin: ${p(16)};
 
   background-color: ${({theme:e})=>e.palette.common.white};
-`,ie=B.button`
+`,ne=$.button`
   position: relative;
   z-index: 2;
 
@@ -96,113 +96,113 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
     background-color: transparent;
 
     svg {
-      color: ${He.green[300]};
+      color: ${Oe.green[300]};
     }
   }
-`;import{jsx as q,jsxs as H}from"react/jsx-runtime";function d({children:e,whatsapp:t,textoChamativo:r,style:i,paperStyle:a,ilustracao:n}){return H(ae,{style:i,children:[r&&q(oe,{children:r}),n&&q(te,{children:typeof n=="string"?q("img",{src:n,alt:"Logo do sistema"}):n}),q(re,{style:a,children:e}),t&&H(ie,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${t}`)},style:{marginBottom:16},children:[H(Xe,{variant:"bodyXS",children:["Com d\xFAvidas? ",Ae.format(t.slice(2))]}),q(Ve,{icon:Qe,size:"20px",removeMargin:!0})]})]})}import{Button as Ue,LIcon as V}from"@s_mart/core";import{Checkbox as Oe,Form as Je,TextField as N}from"@s_mart/form";import{Typography as M}from"@mui/material";import{required as ce}from"@s_mart/rules";import{lineCheck as X}from"@s_mart/regular-icons";import{colorPalette as R}from"@s_mart/tokens";import S from"@emotion/styled";import{toRem as l}from"@s_mart/utils";var ne=S.div`
+`;import{jsx as F,jsxs as V}from"react/jsx-runtime";function l({children:e,whatsapp:o,textoChamativo:i,style:r,paperStyle:t,ilustracao:n}){return V(oe,{style:r,children:[i&&F(re,{children:i}),n&&F(ae,{children:typeof n=="string"?F("img",{src:n,alt:"Logo do sistema"}):n}),F(ie,{style:t,children:e}),o&&V(ne,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${o}`)},style:{marginBottom:16},children:[V(Ge,{variant:"bodyXS",children:["Com d\xFAvidas? ",Ke.format(o.slice(2))]}),F(Je,{icon:Ye,size:"20px",removeMargin:!0})]})]})}import{Button as tt,LIcon as O}from"@s_mart/core";import{Checkbox as ot,TextField as at}from"@s_mart/form";import{Link as rt,Typography as B}from"@mui/material";import{lineCheck as J}from"@s_mart/regular-icons";import{colorPalette as R}from"@s_mart/tokens";import{styled as S}from"@mui/material/styles";import{toRem as d}from"@s_mart/utils";import"@mui/system";var se=S("div")`
   display: grid;
-  gap: ${l(32)};
-`,se=S.header`
+  gap: ${d(32)};
+`,pe=S("header")`
   display: grid;
   text-align: center;
-  gap: ${l(16)};
-`,pe=S.div`
+  gap: ${d(16)};
+`,le=S("div")`
   display: grid;
-  gap: ${l(32)};
-`,de=S.div`
+  gap: ${d(32)};
+`,de=S("div")`
   display: grid;
-  gap: ${l(4)};
+  gap: ${d(4)};
 
   > div:first-of-type {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: ${l(16)};
+    gap: ${d(16)};
 
     @media (max-width: 768px) {
       grid-template-columns: 1fr;
-      gap: ${l(8)};
+      gap: ${d(8)};
     }
   }
 
   > div:last-of-type {
     display: grid;
-    gap: ${l(4)};
+    gap: ${d(4)};
   }
-`,le=S.div`
+`,me=S("div")`
   display: flex;
   flex-wrap: wrap;
-  gap: ${l(8)};
-`,D=S.div`
+  gap: ${d(8)};
+`,D=S("div")`
   display: flex;
   align-items: center;
-  gap: ${l(4)};
+  gap: ${d(4)};
 
   color: ${R.neutral[600]};
   border: 1px solid ${R.neutral[600]};
-  border-radius: ${l(4)};
-  padding: ${l(3)} ${l(4)};
+  border-radius: ${d(4)};
+  padding: ${d(3)} ${d(4)};
 
   line-height: 1em;
   vertical-align: middle;
 
-  ${({checked:e})=>{if(e)return`
-        color: ${R.green[300]};
-        border-color: ${R.green[300]};
-      `}}
-`;function me(){let e=a=>a?a.match(/[a-z]/i):!1,t=a=>a?a.match(/[0-9]/i):!1,r=a=>a?a.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:t,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:a=>!a.email||!a.senha||!a.confirmarSenha||!a.termosDeUso||!e(a.senha)||!t(a.senha)||!r(a.senha)}}import{jsx as o,jsxs as m}from"react/jsx-runtime";function Ge({logo:e,nomeSistema:t,onSubmit:r,linkTermosDeUso:i,email:a,nome:n,...x}){let{senhaContemLetra:b,senhaContemNumero:h,senhaContemMinimoDe6Caracteres:T,desabilitarBotaoDeCadastro:L}=me();return o(d,{...x,children:m(ne,{children:[m(se,{children:[e&&o("div",{children:typeof e=="string"?o("img",{src:e,alt:"Logo do sistema"}):e}),m(M,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",t,"."]})]}),o(Je,{onSubmit:r,defaultValues:{email:a,nome:n,termosDeUso:!1},children:({watch:g})=>{let Y=b(g("senha")),Z=h(g("senha")),j=T(g("senha"));return m(pe,{children:[o(N,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),o(N,{name:"nome",label:"Nome completo",required:!0,rules:ce}),m(de,{children:[m("div",{children:[o(N,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:ce}),o(N,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:ee=>{if(!ee)return"Campo obrigat\xF3rio";if(ee!==g("senha"))return"As senhas devem ser iguais"}}})]}),m("div",{children:[o(M,{variant:"bodyXS",children:"Sua senha precisa conter:"}),m(le,{children:[m(D,{checked:!!Y,children:[Y&&o(V,{icon:X,size:"16px",removeMargin:!0}),o(M,{variant:"bodyXS",children:"Uma letra"})]}),m(D,{checked:!!Z,children:[Z&&o(V,{icon:X,size:"16px",removeMargin:!0}),o(M,{variant:"bodyXS",children:"Um n\xFAmero"})]}),m(D,{checked:!!j,children:[j&&o(V,{icon:X,size:"16px",removeMargin:!0}),o(M,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),o("div",{children:o(Oe,{name:"termosDeUso",label:m("div",{style:{display:"flex",gap:4},children:[o("span",{children:"Li e aceito os"}),o("a",{href:i,target:"_blank",style:{color:"var(--color-primary)"},rel:"noreferrer",children:"termos de uso"})]})})}),o("div",{children:o(Ue,{type:"submit",fullWidth:!0,disabled:L(g()),children:"Concluir meu cadastro"})})]})}})]})})}import{useMemo as Ke}from"react";import{Button as ye,Indicator as Ye}from"@s_mart/core";import{Checkbox as Ze,Form as je,TextField as ge}from"@s_mart/form";import{composeValidators as ea,required as Ce,email as aa}from"@s_mart/rules";import{useCapsLock as ta}from"@s_mart/hooks";import{colorPalette as oa}from"@s_mart/tokens";import{Typography as ra,useMediaQuery as ia}from"@mui/material";import A from"@emotion/styled";import{toRem as F}from"@s_mart/utils";var ue=A.div`
+  &[data-checked='true'] {
+    color: ${R.green[300]};
+    border-color: ${R.green[300]};
+  }
+`;import{useForm as Ze,useWatch as je}from"react-hook-form";var _=e=>e?e.match(/[a-z]/i):!1,X=e=>e?e.match(/[0-9]/i):!1,A=e=>e?e.length>=6:!1,ce={validate:e=>{if(!e)return"Obrigat\xF3rio";if(!_(e))return"Deve ter pelo menos uma letra";if(!X(e))return"Deve ter pelo menos um n\xFAmero";if(!A(e))return"Deve ter pelo menos 6 caracteres"}},ue=e=>({validate:o=>{if(!o)return"Obrigat\xF3rio";if(o!==e)return"As senhas devem ser iguais"}});function fe({email:e,nome:o}){let i=Ze({defaultValues:{email:e,nome:o,termosDeUso:!1,senha:void 0}}),r=je({control:i.control,name:"senha"}),t=_(r),n=X(r),h=A(r);return{form:i,senha:r,senhaContemLetra:t,senhaContemNumero:n,senhaContemMinimoDe6Caracteres:h}}import{TextField as Q}from"@s_mart/form";import{required as et}from"@s_mart/rules";import{jsx as U}from"react/jsx-runtime";var W={textFieldNome:e=>U(Q,{...e}),textFieldEmail:e=>U(Q,{...e}),textFieldSenha:e=>U(Q,{...e})},he={name:"nome",label:"Nome completo",required:!0,rules:et},ye={name:"email",label:"E-mail de acesso",required:!0,disabled:!0},ge={name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:ce};import{FormProvider as it}from"react-hook-form";import{memo as nt}from"react";import{jsx as a,jsxs as m}from"react/jsx-runtime";var Ce=nt(e=>{let{form:o,senha:i,senhaContemLetra:r,senhaContemMinimoDe6Caracteres:t,senhaContemNumero:n}=fe(e),h=e.logo,x=e.slots,y=typeof e.logo=="string"?a("img",{src:h,alt:"Logo do sistema"}):h,T=x?.textFieldNome??W.textFieldNome,w=x?.textFieldEmail??W.textFieldEmail,N=x?.textFieldSenha??W.textFieldSenha;return a(l,{...e,children:m(se,{children:[m(pe,{children:[h&&a("div",{children:y}),m(B,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",e.nomeSistema,"."]})]}),a(it,{...o,children:a("form",{onSubmit:o.handleSubmit(e.onSubmit),children:m(le,{children:[a(w,{...ye}),a(T,{...he}),m(de,{children:[m("div",{children:[a(N,{...ge}),a(at,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:ue(i)})]}),m("div",{children:[a(B,{variant:"bodyXS",children:"Sua senha precisa conter:"}),m(me,{children:[m(D,{"data-checked":!!r,children:[r&&a(O,{icon:J,size:"16px",removeMargin:!0}),a(B,{variant:"bodyXS",children:"Uma letra"})]}),m(D,{"data-checked":!!n,children:[n&&a(O,{icon:J,size:"16px",removeMargin:!0}),a(B,{variant:"bodyXS",children:"Um n\xFAmero"})]}),m(D,{"data-checked":!!t,children:[t&&a(O,{icon:J,size:"16px",removeMargin:!0}),a(B,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),a("div",{children:a(ot,{name:"termosDeUso",label:m("div",{style:{display:"flex",gap:4},children:[a("span",{children:"Li e aceito os"}),a(rt,{href:e.linkTermosDeUso,target:"_blank",sx:L=>({color:L.palette.primary.main}),rel:"noreferrer",children:"termos de uso"})]})})}),a("div",{children:a(tt,{type:"submit",fullWidth:!0,disabled:!o.formState.isValid,children:"Concluir meu cadastro"})})]})})})]})})});Ce.displayName="TelaCadastro";import{useMemo as st}from"react";import{Button as Se,Indicator as pt}from"@s_mart/core";import{Checkbox as lt,Form as dt,TextField as be}from"@s_mart/form";import{composeValidators as mt,required as $e,email as ct}from"@s_mart/rules";import{useCapsLock as ut}from"@s_mart/hooks";import{colorPalette as ft}from"@s_mart/tokens";import{Typography as ht,useMediaQuery as yt}from"@mui/material";import G from"@emotion/styled";import{toRem as P}from"@s_mart/utils";var xe=G.div`
   display: grid;
-  gap: ${F(32)};
-`,fe=A.header`
+  gap: ${P(32)};
+`,ve=G.header`
   display: grid;
   text-align: center;
-  gap: ${F(16)};
-`,he=A.div`
+  gap: ${P(16)};
+`,Te=G.div`
   display: grid;
-  gap: ${F(16)};
+  gap: ${P(16)};
 
   > div {
     display: grid;
-    gap: ${F(16)};
+    gap: ${P(16)};
   }
 
   > div:last-of-type {
-    gap: ${F(8)};
+    gap: ${P(8)};
   }
-`;import{jsx as c,jsxs as P}from"react/jsx-runtime";function na({logo:e,initialValues:t,onSubmit:r,onEsqueciMinhaSenha:i,errorLabel:a,...n}){let x=typeof e=="string"?c("img",{src:e,alt:"Logo do sistema"}):e,b=ta(),h=ia("(max-width: 500px)"),T=Ke(()=>({manterConectado:!1,...t}),[t]);return c(d,{...n,paperStyle:{minWidth:h?void 0:456,width:h?"90%":void 0},children:P(ue,{children:[c(fe,{children:e&&c("div",{children:x})}),c(je,{onSubmit:r,defaultValues:T,children:P(he,{children:[P("div",{children:[c(ge,{name:"email",label:"E-mail de acesso",required:!0,rules:ea([Ce,aa]),autoComplete:"email",type:"email"}),P("div",{children:[c(ge,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:Ce}),b&&c(Ye,{severity:"warning",children:"Capslock ativado"}),!!a&&c(ra,{variant:"titleXXS",color:oa.red[300],children:a})]})]}),c(Ze,{name:"manterConectado",label:"Manter conectado"}),P("div",{children:[c(ye,{type:"submit",fullWidth:!0,children:"Entrar"}),i&&c(ye,{type:"button",fullWidth:!0,variant:"text",onClick:i,children:"Esqueci minha senha"})]})]})})]})})}import{Button as Se,LIcon as sa}from"@s_mart/core";import{Typography as $e,useMediaQuery as pa}from"@mui/material";import{colorPalette as U}from"@s_mart/tokens";import{lineWhatsApp as da}from"@s_mart/regular-icons";import ve from"@emotion/styled";import{toRem as Q}from"@s_mart/utils";var xe=ve.div`
+`;import{jsx as c,jsxs as q}from"react/jsx-runtime";function gt({logo:e,initialValues:o,onSubmit:i,onEsqueciMinhaSenha:r,errorLabel:t,...n}){let h=typeof e=="string"?c("img",{src:e,alt:"Logo do sistema"}):e,x=ut(),y=yt("(max-width: 500px)"),T=st(()=>({manterConectado:!1,...o}),[o]);return c(l,{...n,paperStyle:{minWidth:y?void 0:456,width:y?"90%":void 0},children:q(xe,{children:[c(ve,{children:e&&c("div",{children:h})}),c(dt,{onSubmit:i,defaultValues:T,children:q(Te,{children:[q("div",{children:[c(be,{name:"email",label:"E-mail de acesso",required:!0,rules:mt([$e,ct]),autoComplete:"email",type:"email"}),q("div",{children:[c(be,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:$e}),x&&c(pt,{severity:"warning",children:"Capslock ativado"}),!!t&&c(ht,{variant:"titleXXS",color:ft.red[300],children:t})]})]}),c(lt,{name:"manterConectado",label:"Manter conectado"}),q("div",{children:[c(Se,{type:"submit",fullWidth:!0,children:"Entrar"}),r&&c(Se,{type:"button",fullWidth:!0,variant:"text",onClick:r,children:"Esqueci minha senha"})]})]})})]})})}import{Button as qe,LIcon as Ct}from"@s_mart/core";import{Typography as Ee,useMediaQuery as xt}from"@mui/material";import{colorPalette as Y}from"@s_mart/tokens";import{lineWhatsApp as vt}from"@s_mart/regular-icons";import Fe from"@emotion/styled";import{toRem as K}from"@s_mart/utils";var Be=Fe.div`
   display: grid;
-  gap: ${Q(32)};
+  gap: ${K(32)};
 
   > div {
     display: grid;
-    gap: ${Q(8)};
+    gap: ${K(8)};
   }
-`,Te=ve.header`
+`,Pe=Fe.header`
   display: grid;
   text-align: center;
-  gap: ${Q(16)};
-`;import{jsx as C,jsxs as k}from"react/jsx-runtime";function la({logo:e,onPrecisoDeAjuda:t,onRealizarAcesso:r,...i}){let a=typeof e=="string"?C("img",{src:e,alt:"Logo do sistema"}):e,n=pa("(max-width: 500px)");return C(d,{...i,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:k(xe,{children:[k("div",{children:[C(Te,{children:e&&C("div",{children:a})}),k("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:U.neutral[800]},children:[C($e,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),C($e,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),k("div",{children:[C(Se,{fullWidth:!0,onClick:r,children:"Realizar login"}),k(Se,{fullWidth:!0,variant:"text",onClick:t,style:{display:"flex",gap:4,color:U.neutral[900]},children:[C(sa,{icon:da,size:"20px",removeMargin:!0,color:U.neutral[900]}),"Preciso de outro convite"]})]})]})})}import{Button as ma}from"@s_mart/core";import{useMediaQuery as ca,Typography as Me}from"@mui/material";import be from"@emotion/styled";import{toRem as O}from"@s_mart/utils";var Be=be.div`
+  gap: ${K(16)};
+`;import{jsx as C,jsxs as E}from"react/jsx-runtime";function Tt({logo:e,onPrecisoDeAjuda:o,onRealizarAcesso:i,...r}){let t=typeof e=="string"?C("img",{src:e,alt:"Logo do sistema"}):e,n=xt("(max-width: 500px)");return C(l,{...r,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:E(Be,{children:[E("div",{children:[C(Pe,{children:e&&C("div",{children:t})}),E("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:Y.neutral[800]},children:[C(Ee,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),C(Ee,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),E("div",{children:[C(qe,{fullWidth:!0,onClick:i,children:"Realizar login"}),E(qe,{fullWidth:!0,variant:"text",onClick:o,style:{display:"flex",gap:4,color:Y.neutral[900]},children:[C(Ct,{icon:vt,size:"20px",removeMargin:!0,color:Y.neutral[900]}),"Preciso de outro convite"]})]})]})})}import{Button as St}from"@s_mart/core";import{useMediaQuery as bt,Typography as Ne}from"@mui/material";import ke from"@emotion/styled";import{toRem as Z}from"@s_mart/utils";var Me=ke.div`
   display: grid;
-  gap: ${O(32)};
+  gap: ${Z(32)};
 
   > div {
     display: grid;
-    gap: ${O(16)};
+    gap: ${Z(16)};
   }
-`,qe=be.header`
+`,we=ke.header`
   display: grid;
   text-align: center;
-  gap: ${O(16)};
-`;import{jsx as v,jsxs as Fe}from"react/jsx-runtime";function ua({logo:e,onVoltarParaLogin:t,...r}){let i=typeof e=="string"?v("img",{src:e,alt:"Logo do sistema"}):e,a=ca("(max-width: 500px)");return v(d,{...r,paperStyle:{maxWidth:a?void 0:456,width:a?"90%":void 0},children:Fe(Be,{children:[Fe("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[v(qe,{children:e&&v("div",{children:i})}),v(Me,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),v(Me,{variant:"bodySM",textAlign:"center",children:"Enviamos ao seu e-mail de acesso as instru\xE7\xF5es para criar uma nova senha. Verifique sua caixa de entrada e de Spam."})]}),v(ma,{fullWidth:!0,onClick:t,children:"Voltar para login"})]})})}import{Button as fa,LIcon as J}from"@s_mart/core";import{Typography as E}from"@mui/material";import{Form as ha,TextField as De}from"@s_mart/form";import{required as ya}from"@s_mart/rules";import{lineCheck as G}from"@s_mart/regular-icons";import{colorPalette as W}from"@s_mart/tokens";import $ from"@emotion/styled";import{toRem as u}from"@s_mart/utils";var Pe=$.div`
+  gap: ${Z(16)};
+`;import{jsx as v,jsxs as Le}from"react/jsx-runtime";function $t({logo:e,onVoltarParaLogin:o,...i}){let r=typeof e=="string"?v("img",{src:e,alt:"Logo do sistema"}):e,t=bt("(max-width: 500px)");return v(l,{...i,paperStyle:{maxWidth:t?void 0:456,width:t?"90%":void 0},children:Le(Me,{children:[Le("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[v(we,{children:e&&v("div",{children:r})}),v(Ne,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),v(Ne,{variant:"bodySM",textAlign:"center",children:"Enviamos ao seu e-mail de acesso as instru\xE7\xF5es para criar uma nova senha. Verifique sua caixa de entrada e de Spam."})]}),v(St,{fullWidth:!0,onClick:o,children:"Voltar para login"})]})})}import{Button as Ft,LIcon as j}from"@s_mart/core";import{Typography as k}from"@mui/material";import{Form as Bt,TextField as Ve}from"@s_mart/form";import{required as Pt}from"@s_mart/rules";import{lineCheck as ee}from"@s_mart/regular-icons";import{colorPalette as I}from"@s_mart/tokens";import b from"@emotion/styled";import{toRem as u}from"@s_mart/utils";var Re=b.div`
   display: grid;
   gap: ${u(32)};
-`,ke=$.header`
+`,De=b.header`
   display: grid;
   text-align: center;
   gap: ${u(16)};
-`,Ee=$.div`
+`,We=b.div`
   display: grid;
   gap: ${u(32)};
-`,we=$.div`
+`,Ie=b.div`
   display: grid;
   gap: ${u(4)};
 
@@ -221,17 +221,17 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
     display: grid;
     gap: ${u(4)};
   }
-`,Le=$.div`
+`,ze=b.div`
   display: flex;
   flex-wrap: wrap;
   gap: ${u(8)};
-`,_=$.div`
+`,z=b.div`
   display: flex;
   align-items: center;
   gap: ${u(4)};
 
-  color: ${W.neutral[600]};
-  border: 1px solid ${W.neutral[600]};
+  color: ${I.neutral[600]};
+  border: 1px solid ${I.neutral[600]};
   border-radius: ${u(4)};
   padding: ${u(3)} ${u(4)};
 
@@ -239,27 +239,27 @@ import{LIcon as Ve}from"@s_mart/core";import{Typography as Xe}from"@mui/material
   vertical-align: middle;
 
   ${({checked:e})=>{if(e)return`
-        color: ${W.green[300]};
-        border-color: ${W.green[300]};
+        color: ${I.green[300]};
+        border-color: ${I.green[300]};
       `}}
-`;function Re(){let e=a=>a?a.match(/[a-z]/i):!1,t=a=>a?a.match(/[0-9]/i):!1,r=a=>a?a.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:t,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:a=>!a.senha||!a.confirmarSenha||!e(a.senha)||!t(a.senha)||!r(a.senha)}}import{jsx as s,jsxs as y}from"react/jsx-runtime";function ga({logo:e,onTrocarMinhaSenha:t,...r}){let{senhaContemLetra:i,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:n,desabilitarBotaoDeCadastro:x}=Re();return s(d,{...r,children:y(Pe,{children:[y(ke,{children:[e&&s("div",{children:typeof e=="string"?s("img",{src:e,alt:"Logo do sistema"}):e}),s(E,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),s(ha,{onSubmit:t,children:({watch:h})=>{let T=i(h("senha")),L=a(h("senha")),z=n(h("senha"));return y(Ee,{children:[y(we,{children:[y("div",{children:[s(De,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:ya}),s(De,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:g=>{if(!g)return"Campo obrigat\xF3rio";if(g!==h("senha"))return"As senhas devem ser iguais"}}})]}),y("div",{children:[s(E,{variant:"bodyXS",children:"Sua senha precisa conter:"}),y(Le,{children:[y(_,{checked:!!T,children:[T&&s(J,{icon:G,size:"16px",removeMargin:!0}),s(E,{variant:"bodyXS",children:"Uma letra"})]}),y(_,{checked:!!L,children:[L&&s(J,{icon:G,size:"16px",removeMargin:!0}),s(E,{variant:"bodyXS",children:"Um n\xFAmero"})]}),y(_,{checked:!!z,children:[z&&s(J,{icon:G,size:"16px",removeMargin:!0}),s(E,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),s("div",{children:s(fa,{type:"submit",fullWidth:!0,disabled:x(h()),children:"Trocar minha senha"})})]})}})]})})}import{Button as Ie}from"@s_mart/core";import{Typography as ze,useMediaQuery as Ca}from"@mui/material";import K from"@emotion/styled";import{toRem as w}from"@s_mart/utils";var Ne=K.div`
+`;function He(){let e=t=>t?t.match(/[a-z]/i):!1,o=t=>t?t.match(/[0-9]/i):!1,i=t=>t?t.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:o,senhaContemMinimoDe6Caracteres:i,desabilitarBotaoDeCadastro:t=>!t.senha||!t.confirmarSenha||!e(t.senha)||!o(t.senha)||!i(t.senha)}}import{jsx as s,jsxs as g}from"react/jsx-runtime";function qt({logo:e,onTrocarMinhaSenha:o,...i}){let{senhaContemLetra:r,senhaContemNumero:t,senhaContemMinimoDe6Caracteres:n,desabilitarBotaoDeCadastro:h}=He();return s(l,{...i,children:g(Re,{children:[g(De,{children:[e&&s("div",{children:typeof e=="string"?s("img",{src:e,alt:"Logo do sistema"}):e}),s(k,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),s(Bt,{onSubmit:o,children:({watch:y})=>{let T=r(y("senha")),w=t(y("senha")),N=n(y("senha"));return g(We,{children:[g(Ie,{children:[g("div",{children:[s(Ve,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:Pt}),s(Ve,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:L=>{if(!L)return"Campo obrigat\xF3rio";if(L!==y("senha"))return"As senhas devem ser iguais"}}})]}),g("div",{children:[s(k,{variant:"bodyXS",children:"Sua senha precisa conter:"}),g(ze,{children:[g(z,{checked:!!T,children:[T&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(k,{variant:"bodyXS",children:"Uma letra"})]}),g(z,{checked:!!w,children:[w&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(k,{variant:"bodyXS",children:"Um n\xFAmero"})]}),g(z,{checked:!!N,children:[N&&s(j,{icon:ee,size:"16px",removeMargin:!0}),s(k,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),s("div",{children:s(Ft,{type:"submit",fullWidth:!0,disabled:h(y()),children:"Trocar minha senha"})})]})}})]})})}import{Button as Qe}from"@s_mart/core";import{Typography as Ue,useMediaQuery as Et}from"@mui/material";import te from"@emotion/styled";import{toRem as M}from"@s_mart/utils";var _e=te.div`
   display: grid;
-  gap: ${w(32)};
+  gap: ${M(32)};
 
   > div {
     display: grid;
-    gap: ${w(16)};
+    gap: ${M(16)};
   }
-`,We=K.header`
+`,Xe=te.header`
   display: grid;
   text-align: center;
-  gap: ${w(16)};
-`,_e=K.div`
+  gap: ${M(16)};
+`,Ae=te.div`
   display: grid;
-  gap: ${w(32)};
+  gap: ${M(32)};
 
   > div:last-of-type {
     display: grid;
-    gap: ${w(16)};
+    gap: ${M(16)};
   }
-`;import{Form as va,TextField as xa}from"@s_mart/form";import{composeValidators as Ta,email as Sa,required as $a}from"@s_mart/rules";import{jsx as f,jsxs as I}from"react/jsx-runtime";function ba({logo:e,onVoltarParaLogin:t,onConfirmar:r,...i}){let a=typeof e=="string"?f("img",{src:e,alt:"Logo do sistema"}):e,n=Ca("(max-width: 500px)");return f(d,{...i,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:I(Ne,{children:[I("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[f(We,{children:e&&f("div",{children:a})}),f(ze,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),f(ze,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),f(va,{onSubmit:r,children:I(_e,{children:[f("div",{children:f(xa,{name:"email",label:"E-mail de acesso",required:!0,rules:Ta([$a,Sa]),type:"email"})}),I("div",{children:[f(Ie,{fullWidth:!0,type:"submit",children:"Confirmar"}),f(Ie,{fullWidth:!0,onClick:t,variant:"neutral",children:"Voltar para login"})]})]})})]})})}export{Ge as TelaCadastro,la as TelaConviteExpirado,ba as TelaEsqueceuSenha,ua as TelaInstrucoesEnviadas,na as TelaLogin,ga as TelaNovaSenha,d as TemplateTelaBase};
+`;import{Form as kt,TextField as Mt}from"@s_mart/form";import{composeValidators as wt,email as Nt,required as Lt}from"@s_mart/rules";import{jsx as f,jsxs as H}from"react/jsx-runtime";function Rt({logo:e,onVoltarParaLogin:o,onConfirmar:i,...r}){let t=typeof e=="string"?f("img",{src:e,alt:"Logo do sistema"}):e,n=Et("(max-width: 500px)");return f(l,{...r,paperStyle:{minWidth:n?void 0:456,width:n?"90%":void 0},children:H(_e,{children:[H("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[f(Xe,{children:e&&f("div",{children:t})}),f(Ue,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),f(Ue,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),f(kt,{onSubmit:i,children:H(Ae,{children:[f("div",{children:f(Mt,{name:"email",label:"E-mail de acesso",required:!0,rules:wt([Lt,Nt]),type:"email"})}),H("div",{children:[f(Qe,{fullWidth:!0,type:"submit",children:"Confirmar"}),f(Qe,{fullWidth:!0,onClick:o,variant:"neutral",children:"Voltar para login"})]})]})})]})})}export{Ce as TelaCadastro,Tt as TelaConviteExpirado,Rt as TelaEsqueceuSenha,$t as TelaInstrucoesEnviadas,gt as TelaLogin,qt as TelaNovaSenha,l as TemplateTelaBase};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/telas-de-acesso",
-  "version": "8.0.6",
+  "version": "8.1.0",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -17,6 +17,7 @@
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^6.1.3",
+    "@mui/system": "^6.4.0",
     "@types/node": ">=20.0.0",
     "@types/react": ">=18.3.12",
     "@types/react-dom": ">=18.3.1",
@@ -26,10 +27,10 @@
     "typescript": ">=5.4.2",
     "@s_mart/core": "8.0.4",
     "@s_mart/form": "8.1.1",
-    "@s_mart/hooks": "8.0.8",
+    "@s_mart/hooks": "8.0.9",
     "@s_mart/masks": "5.2.0",
     "@s_mart/regular-icons": "6.0.6",
-    "@s_mart/utils": "5.3.3",
+    "@s_mart/utils": "5.3.4",
     "@s_mart/tokens": "5.1.1"
   },
   "publishConfig": {
@@ -38,17 +39,18 @@
   "devDependencies": {
     "@emotion/styled": "^11.13.0",
     "@mui/material": "^6.1.3",
+    "@mui/system": "^6.4.0",
     "@types/node": ">=20.0.0",
     "@types/react": ">=18.3.12",
     "@types/react-dom": ">=18.3.1",
     "typescript": ">=5.4.2",
     "@s_mart/core": "8.0.4",
     "@s_mart/form": "8.1.1",
-    "@s_mart/hooks": "8.0.8",
-    "@s_mart/masks": "5.2.0",
+    "@s_mart/hooks": "8.0.9",
     "@s_mart/regular-icons": "6.0.6",
     "@s_mart/tokens": "5.1.1",
-    "@s_mart/utils": "5.3.3"
+    "@s_mart/utils": "5.3.4",
+    "@s_mart/masks": "5.2.0"
   },
   "scripts": {
     "build": "tsup src/index.tsx --minify --format esm --dts --external react",