@s_mart/telas-de-acesso 4.0.1 → 5.0.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-var i2=Object.create;var k1=Object.defineProperty;var t2=Object.getOwnPropertyDescriptor;var l2=Object.getOwnPropertyNames;var o2=Object.getPrototypeOf,s2=Object.prototype.hasOwnProperty;var K=(e,a)=>()=>(a||e((a={exports:{}}).exports,a),a.exports);var h2=(e,a,r,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of l2(a))!s2.call(e,n)&&n!==r&&k1(e,n,{get:()=>a[n],enumerable:!(i=t2(a,n))||i.enumerable});return e};var v2=(e,a,r)=>(r=e!=null?i2(o2(e)):{},h2(a||!e||!e.__esModule?k1(r,"default",{value:e,enumerable:!0}):r,e));var q1=K(s=>{"use strict";var f=typeof Symbol=="function"&&Symbol.for,f1=f?Symbol.for("react.element"):60103,Z1=f?Symbol.for("react.portal"):60106,e1=f?Symbol.for("react.fragment"):60107,a1=f?Symbol.for("react.strict_mode"):60108,r1=f?Symbol.for("react.profiler"):60114,n1=f?Symbol.for("react.provider"):60109,c1=f?Symbol.for("react.context"):60110,g1=f?Symbol.for("react.async_mode"):60111,i1=f?Symbol.for("react.concurrent_mode"):60111,t1=f?Symbol.for("react.forward_ref"):60112,l1=f?Symbol.for("react.suspense"):60113,w2=f?Symbol.for("react.suspense_list"):60120,o1=f?Symbol.for("react.memo"):60115,s1=f?Symbol.for("react.lazy"):60116,A2=f?Symbol.for("react.block"):60121,P2=f?Symbol.for("react.fundamental"):60117,$2=f?Symbol.for("react.responder"):60118,D2=f?Symbol.for("react.scope"):60119;function H(e){if(typeof e=="object"&&e!==null){var a=e.$$typeof;switch(a){case f1:switch(e=e.type,e){case g1:case i1:case e1:case r1:case a1:case l1:return e;default:switch(e=e&&e.$$typeof,e){case c1:case t1:case s1:case o1:case n1:return e;default:return a}}case Z1:return a}}}function I1(e){return H(e)===i1}s.AsyncMode=g1;s.ConcurrentMode=i1;s.ContextConsumer=c1;s.ContextProvider=n1;s.Element=f1;s.ForwardRef=t1;s.Fragment=e1;s.Lazy=s1;s.Memo=o1;s.Portal=Z1;s.Profiler=r1;s.StrictMode=a1;s.Suspense=l1;s.isAsyncMode=function(e){return I1(e)||H(e)===g1};s.isConcurrentMode=I1;s.isContextConsumer=function(e){return H(e)===c1};s.isContextProvider=function(e){return H(e)===n1};s.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===f1};s.isForwardRef=function(e){return H(e)===t1};s.isFragment=function(e){return H(e)===e1};s.isLazy=function(e){return H(e)===s1};s.isMemo=function(e){return H(e)===o1};s.isPortal=function(e){return H(e)===Z1};s.isProfiler=function(e){return H(e)===r1};s.isStrictMode=function(e){return H(e)===a1};s.isSuspense=function(e){return H(e)===l1};s.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===e1||e===i1||e===r1||e===a1||e===l1||e===w2||typeof e=="object"&&e!==null&&(e.$$typeof===s1||e.$$typeof===o1||e.$$typeof===n1||e.$$typeof===c1||e.$$typeof===t1||e.$$typeof===P2||e.$$typeof===$2||e.$$typeof===D2||e.$$typeof===A2)};s.typeOf=H});var z1=K(h=>{"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var e=typeof Symbol=="function"&&Symbol.for,a=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,l=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,u=e?Symbol.for("react.context"):60110,o=e?Symbol.for("react.async_mode"):60111,v=e?Symbol.for("react.concurrent_mode"):60111,g=e?Symbol.for("react.forward_ref"):60112,k=e?Symbol.for("react.suspense"):60113,S=e?Symbol.for("react.suspense_list"):60120,P=e?Symbol.for("react.memo"):60115,$=e?Symbol.for("react.lazy"):60116,j=e?Symbol.for("react.block"):60121,Y=e?Symbol.for("react.fundamental"):60117,w0=e?Symbol.for("react.responder"):60118,A0=e?Symbol.for("react.scope"):60119;function P0(t){return typeof t=="string"||typeof t=="function"||t===i||t===v||t===l||t===n||t===k||t===S||typeof t=="object"&&t!==null&&(t.$$typeof===$||t.$$typeof===P||t.$$typeof===d||t.$$typeof===u||t.$$typeof===g||t.$$typeof===Y||t.$$typeof===w0||t.$$typeof===A0||t.$$typeof===j)}function y(t){if(typeof t=="object"&&t!==null){var m1=t.$$typeof;switch(m1){case a:var X=t.type;switch(X){case o:case v:case i:case l:case n:case k:return X;default:var E1=X&&X.$$typeof;switch(E1){case u:case g:case $:case P:case d:return E1;default:return m1}}case r:return m1}}}var $0=o,D0=v,R0=u,F0=d,O0=a,_0=g,B0=i,N0=$,I0=P,q0=r,z0=l,W0=n,U0=k,S1=!1;function j0(t){return S1||(S1=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),L1(t)||y(t)===o}function L1(t){return y(t)===v}function Y0(t){return y(t)===u}function X0(t){return y(t)===d}function K0(t){return typeof t=="object"&&t!==null&&t.$$typeof===a}function Q0(t){return y(t)===g}function G0(t){return y(t)===i}function J0(t){return y(t)===$}function e2(t){return y(t)===P}function a2(t){return y(t)===r}function r2(t){return y(t)===l}function n2(t){return y(t)===n}function c2(t){return y(t)===k}h.AsyncMode=$0,h.ConcurrentMode=D0,h.ContextConsumer=R0,h.ContextProvider=F0,h.Element=O0,h.ForwardRef=_0,h.Fragment=B0,h.Lazy=N0,h.Memo=I0,h.Portal=q0,h.Profiler=z0,h.StrictMode=W0,h.Suspense=U0,h.isAsyncMode=j0,h.isConcurrentMode=L1,h.isContextConsumer=Y0,h.isContextProvider=X0,h.isElement=K0,h.isForwardRef=Q0,h.isFragment=G0,h.isLazy=J0,h.isMemo=e2,h.isPortal=a2,h.isProfiler=r2,h.isStrictMode=n2,h.isSuspense=c2,h.isValidElementType=P0,h.typeOf=y}()});var W1=K((c4,y1)=>{"use strict";process.env.NODE_ENV==="production"?y1.exports=q1():y1.exports=z1()});var G1=K((i4,Q1)=>{"use strict";var M1=W1(),R2={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},F2={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},O2={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},X1={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},H1={};H1[M1.ForwardRef]=O2;H1[M1.Memo]=X1;function U1(e){return M1.isMemo(e)?X1:H1[e.$$typeof]||R2}var _2=Object.defineProperty,B2=Object.getOwnPropertyNames,j1=Object.getOwnPropertySymbols,N2=Object.getOwnPropertyDescriptor,I2=Object.getPrototypeOf,Y1=Object.prototype;function K1(e,a,r){if(typeof a!="string"){if(Y1){var i=I2(a);i&&i!==Y1&&K1(e,i,r)}var n=B2(a);j1&&(n=n.concat(j1(a)));for(var l=U1(e),d=U1(a),u=0;u<n.length;++u){var o=n[u];if(!F2[o]&&!(r&&r[o])&&!(d&&d[o])&&!(l&&l[o])){var v=N2(a,o);try{_2(e,o,v)}catch{}}}}return e}Q1.exports=K1});import{LIcon as b2,Typography as x2}from"@s_mart/core";import{telefone as S2}from"@s_mart/masks";var T={description:"m37.5 11.3-19 19.4-7-7.2a.9.9 0 0 0-1.2 0l-2 2.1c-.4.4-.4 1 0 1.3l9.6 9.8c.3.4.9.4 1.2 0l21.6-22.1c.4-.3.4-1 0-1.3l-2-2a.9.9 0 0 0-1.2 0Z",id:"line-check-regular"};var Q={description:"M35.2 12.7a15.9 15.9 0 0 0-25 19.1L8 40l8.4-2.2a16 16 0 0 0 23.6-14 16 16 0 0 0-4.8-11.1ZM24 37a13 13 0 0 1-6.7-1.9l-.5-.3-5 1.3 1.3-4.8-.3-.5a13.2 13.2 0 0 1 20.5-16.3c2.5 2.4 4 5.7 4 9.3C37.3 31 31.3 37 24 37Zm7.2-10-2.7-1c-.4-.1-.6-.2-.9.2l-1.2 1.5c-.3.3-.5.3-.9.1-2.3-1.1-3.9-2-5.4-4.7-.4-.7.4-.6 1.2-2.1v-.7c-.2-.2-1-2.2-1.3-3-.3-.7-.6-.6-.9-.6h-.7c-.3 0-.7 0-1 .4-.4.4-1.5 1.4-1.5 3.3 0 2 1.5 3.9 1.6 4.1.2.3 2.8 4.3 6.8 6 2.5 1.1 3.5 1.2 4.8 1 .7 0 2.3-1 2.6-1.9.4-.9.4-1.7.3-1.9l-.8-.4Z",id:"line-whatsapp-regular"};var c=e=>`${e/16}rem`;import B from"@emotion/styled";var d2=Object.defineProperty,m2=(e,a)=>{for(var r in a)d2(e,r,{get:a[r],enumerable:!0})},m={};m2(m,{blue:()=>p2,green:()=>y2,neutral:()=>V2,red:()=>Z2,yellow:()=>H2});var u2={75:"#AFD2FF",100:"#689DCB",300:"#045BA8",500:"#132C70"},p2=u2,f2={75:"#FEBCAC",100:"#F5917F",300:"#EF4829",500:"#BD2601"},Z2=f2,g2={75:"#D6EEBC",100:"#A5D770",300:"#49BF00",500:"#518133"},y2=g2,M2={75:"#FDEFB3",100:"#FFE380",300:"#FFAB00",500:"#C56C00"},H2=M2,C2={0:"#FFFFFF",10:"#FBFBFB",20:"#F4F5F7",30:"#EEEEEE",40:"#DBDBDB",50:"#CACACA",100:"#8B8B8B",500:"#555555",600:"#464646",800:"#2E2E2E",900:"#262626"},V2=C2;var T1=B.div`
+import{LIcon as Ve,Typography as Xe}from"@s_mart/core";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`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -18,7 +18,7 @@ var i2=Object.create;var k1=Object.defineProperty;var t2=Object.getOwnPropertyDe
   @media (max-height: 600px) {
     justify-content: flex-start;
   }
-`,w1=B.div`
+`,te=B.div`
   position: absolute;
   left: 0;
   bottom: 32px;
@@ -27,26 +27,26 @@ var i2=Object.create;var k1=Object.defineProperty;var t2=Object.getOwnPropertyDe
   @media (max-width: 768px) {
     display: none;
   }
-`,A1=B.h1`
+`,oe=B.h1`
   position: absolute;
   left: 32px;
   top: 32px;
 
   color: ${({theme:e})=>e.palette.common.white};
-  font-size: ${c(32)};
+  font-size: ${p(32)};
   line-height: 150%;
   font-weight: normal;
 
   @media (max-width: 768px) {
     left: 16px;
     top: 16px;
-    font-size: ${c(24)};
+    font-size: ${p(24)};
   }
 
   @media (max-height: 830px) {
     left: 16px;
     top: 16px;
-    font-size: ${c(24)};
+    font-size: ${p(24)};
 
     @media (max-width: 768px) {
       display: none;
@@ -59,35 +59,35 @@ var i2=Object.create;var k1=Object.defineProperty;var t2=Object.getOwnPropertyDe
 
   span {
     background-color: #262626;
-    padding: ${c(4)} ${c(8)};
-    border-radius: ${c(12)};
+    padding: ${p(4)} ${p(8)};
+    border-radius: ${p(12)};
   }
 
   @media (max-width: 500px) {
     display: none;
   }
-`,P1=B.div`
+`,re=B.div`
   position: relative;
   z-index: 2;
 
-  padding: ${c(32)};
-  border-radius: ${c(24)};
-  margin: ${c(16)};
+  padding: ${p(32)};
+  border-radius: ${p(24)};
+  margin: ${p(16)};
 
   background-color: ${({theme:e})=>e.palette.common.white};
-`,$1=B.button`
+`,ne=B.button`
   position: relative;
   z-index: 2;
 
   background-color: ${({theme:e})=>e.palette.primary.main};
-  padding: ${c(4)} ${c(8)};
+  padding: ${p(4)} ${p(8)};
   border: none;
-  border-radius: ${c(8)};
+  border-radius: ${p(8)};
   cursor: pointer;
 
   display: flex;
   align-items: center;
-  gap: ${c(4)};
+  gap: ${p(4)};
 
   color: ${({theme:e})=>e.palette.common.white};
 
@@ -96,285 +96,170 @@ var i2=Object.create;var k1=Object.defineProperty;var t2=Object.getOwnPropertyDe
     background-color: transparent;
 
     svg {
-      color: ${m.green[300]};
+      color: ${He.green[300]};
     }
   }
-`;import{jsx as N,jsxs as u1}from"react/jsx-runtime";function M({children:e,whatsapp:a,textoChamativo:r,style:i,paperStyle:n,ilustracao:l}){return u1(T1,{style:i,children:[r&&N(A1,{children:r}),l&&N(w1,{children:typeof l=="string"?N("img",{src:l,alt:"Logo do sistema"}):l}),N(P1,{style:n,children:e}),a&&u1($1,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${a}`)},style:{marginBottom:16},children:[u1(x2,{variant:"bodyXS",children:["Com d\xFAvidas? ",S2.format(a.slice(2))]}),N(b2,{icon:Q,size:"20px",removeMargin:!0})]})]})}import{Button as L2,LIcon as p1,Typography as I}from"@s_mart/core";import{Checkbox as E2,Form as k2,TextField as J}from"@s_mart/form";import{required as N1}from"@s_mart/rules";import O from"@emotion/styled";var D1=O.div`
+`;import{jsx as q,jsxs as H}from"react/jsx-runtime";function d({children:e,whatsapp:t,textoChamativo:r,style:n,paperStyle:a,ilustracao:i}){return H(ae,{style:n,children:[r&&q(oe,{children:r}),i&&q(te,{children:typeof i=="string"?q("img",{src:i,alt:"Logo do sistema"}):i}),q(re,{style:a,children:e}),t&&H(ne,{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,Typography as M}from"@s_mart/core";import{Checkbox as Oe,Form as Je,TextField as N}from"@s_mart/form";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 ie=S.div`
   display: grid;
-  gap: ${c(32)};
-`,R1=O.header`
+  gap: ${l(32)};
+`,se=S.header`
   display: grid;
   text-align: center;
-  gap: ${c(16)};
-`,F1=O.div`
+  gap: ${l(16)};
+`,pe=S.div`
   display: grid;
-  gap: ${c(32)};
-`,O1=O.div`
+  gap: ${l(32)};
+`,de=S.div`
   display: grid;
-  gap: ${c(4)};
+  gap: ${l(4)};
 
   > div:first-of-type {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: ${c(16)};
+    gap: ${l(16)};
 
     @media (max-width: 768px) {
       grid-template-columns: 1fr;
-      gap: ${c(8)};
+      gap: ${l(8)};
     }
   }
 
   > div:last-of-type {
     display: grid;
-    gap: ${c(4)};
+    gap: ${l(4)};
   }
-`,_1=O.div`
+`,le=S.div`
   display: flex;
   flex-wrap: wrap;
-  gap: ${c(8)};
-`,G=O.div`
+  gap: ${l(8)};
+`,D=S.div`
   display: flex;
   align-items: center;
-  gap: ${c(4)};
+  gap: ${l(4)};
 
-  color: ${m.neutral[600]};
-  border: 1px solid ${m.neutral[600]};
-  border-radius: ${c(4)};
-  padding: ${c(3)} ${c(4)};
+  color: ${R.neutral[600]};
+  border: 1px solid ${R.neutral[600]};
+  border-radius: ${l(4)};
+  padding: ${l(3)} ${l(4)};
 
   line-height: 1em;
   vertical-align: middle;
 
   ${({checked:e})=>{if(e)return`
-        color: ${m.green[300]};
-        border-color: ${m.green[300]};
+        color: ${R.green[300]};
+        border-color: ${R.green[300]};
       `}}
-`;function B1(){let e=n=>n?n.match(/[a-z]/i):!1,a=n=>n?n.match(/[0-9]/i):!1,r=n=>n?n.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:n=>!n.email||!n.senha||!n.confirmarSenha||!n.termosDeUso||!e(n.senha)||!a(n.senha)||!r(n.senha)}}import{jsx as p,jsxs as C}from"react/jsx-runtime";function T2({logo:e,nomeSistema:a,onSubmit:r,linkTermosDeUso:i,email:n,nome:l,...d}){let{senhaContemLetra:u,senhaContemNumero:o,senhaContemMinimoDe6Caracteres:v,desabilitarBotaoDeCadastro:g}=B1();return p(M,{...d,children:C(D1,{children:[C(R1,{children:[e&&p("div",{children:typeof e=="string"?p("img",{src:e,alt:"Logo do sistema"}):e}),C(I,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",a,"."]})]}),p(k2,{onSubmit:r,defaultValues:{email:n,nome:l,termosDeUso:!1},children:({watch:S})=>{let P=u(S("senha")),$=o(S("senha")),j=v(S("senha"));return C(F1,{children:[p(J,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),p(J,{name:"nome",label:"Nome completo",required:!0,rules:N1}),C(O1,{children:[C("div",{children:[p(J,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:N1}),p(J,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:Y=>{if(!Y)return"Campo obrigat\xF3rio";if(Y!==S("senha"))return"As senhas devem ser iguais"}}})]}),C("div",{children:[p(I,{variant:"bodyXS",children:"Sua senha precisa conter:"}),C(_1,{children:[C(G,{checked:!!P,children:[P&&p(p1,{icon:T,size:"16px",removeMargin:!0}),p(I,{variant:"bodyXS",children:"Uma letra"})]}),C(G,{checked:!!$,children:[$&&p(p1,{icon:T,size:"16px",removeMargin:!0}),p(I,{variant:"bodyXS",children:"Um n\xFAmero"})]}),C(G,{checked:!!j,children:[j&&p(p1,{icon:T,size:"16px",removeMargin:!0}),p(I,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),p("div",{children:p(E2,{name:"termosDeUso",label:C("div",{style:{display:"flex",gap:4},children:[p("span",{children:"Li e aceito os"}),p("a",{href:i,target:"_blank",style:{color:"var(--color-primary)"},rel:"noreferrer",children:"termos de uso"})]})})}),p("div",{children:p(L2,{type:"submit",fullWidth:!0,disabled:g(S()),children:"Concluir meu cadastro"})})]})}})]})})}import{useMemo as i3}from"react";import{Button as t0,Indicator as t3,Typography as l3}from"@s_mart/core";import{Checkbox as o3,Form as s3,TextField as l0}from"@s_mart/form";import{composeValidators as h3,required as o0,email as v3}from"@s_mart/rules";import{useEffect as W2,useState as U2}from"react";import k4 from"react";import o4,{forwardRef as s4,useRef as h4,useCallback as v4,useLayoutEffect as d4,useEffect as m4,createElement as u4,useState as p4,Component as f4,useContext as Z4}from"react";import{createPortal as y4}from"react-dom";var q2=v2(G1());var z2="SnackbarContent",H4={root:z2+"-root"};var E="SnackbarItem",C4={contentRoot:E+"-contentRoot",lessPadding:E+"-lessPadding",variantSuccess:E+"-variantSuccess",variantError:E+"-variantError",variantInfo:E+"-variantInfo",variantWarning:E+"-variantWarning",message:E+"-message",action:E+"-action",wrappedRoot:E+"-wrappedRoot"};var D="SnackbarContainer",V4={root:D+"-root",rootDense:D+"-rootDense",top:D+"-top",bottom:D+"-bottom",left:D+"-left",right:D+"-right",center:D+"-center"};var b4=process.env.NODE_ENV!=="production";import C1 from"@emotion/styled";import j2 from"@emotion/styled";import{css as R}from"@emotion/react";import{jsx as I4}from"react/jsx-runtime";import{Fragment as z4,jsx as W4}from"react/jsx-runtime";import{Fragment as j4,jsx as Y4,jsxs as X4}from"react/jsx-runtime";import{useEffect as Q4,useRef as G4}from"react";import*as h1 from"react";import"@emotion/styled";import{ThemeContext as K2}from"@emotion/react";import*as a0 from"react";import*as b from"react";var J1=()=>{let[e,a]=U2(!1);return W2(()=>{let r=i=>{i.key==="CapsLock"&&a(i.getModifierState("CapsLock"))};return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[]),e};var $4=C1.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${c(8)};
-
-  background-color: white;
-  border-radius: 4px;
-  padding: ${c(16)} ${c(16)};
-
-  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12);
-
-  border-left: 6px solid
-    ${({variant:e})=>{switch(e){case"error":return m.red[300];case"warning":return m.yellow[300];case"info":return m.blue[100];default:case"success":return m.green[300]}}};
-
-  > div {
-    display: flex;
-    align-items: center;
-    gap: ${c(8)};
-  }
-`,D4=C1.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-
-  > *:first-of-type {
-    margin-bottom: ${c(4)};
-  }
-`,R4=C1.div`
-  cursor: pointer;
-  align-self: flex-start;
-`,B4=j2.i`
-  align-self: center;
-  display: inline-flex;
-  color: ${({color:e})=>e};
-
-  user-select: none;
-
-  svg {
-    z-index: 0 !important;
-    outline: 0 !important;
-
-    ${({left:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&R`
-        left: ${e};
-      `}
-
-    ${({right:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&R`
-        right: ${e};
-      `}
-
-    ${({top:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&R`
-        top: ${e};
-      `}
-
-    ${({bottom:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&R`
-        bottom: ${e};
-      `}
-
-    ${({color:e})=>{let a=e;return e==="inherit"&&(a="currentColor"),R`
-        fill: ${a};
-      `}}
-    position: relative;
-
-    height: ${({height:e})=>e} !important;
-    width: ${({width:e})=>e} !important;
-
-    ${({removeMargin:e})=>e?R`
-          margin: 0;
-        `:R`
-        margin: 0 ${c(4)};
-      `}
-  }
-`;function q(){return q=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},q.apply(this,arguments)}var Y2=typeof window<"u"?h1.useLayoutEffect:h1.useEffect,X2=Y2;function e0(e,a){let r=q({},a);return Object.keys(e).forEach(i=>{if(i.toString().match(/^(components|slots)$/))r[i]=q({},e[i],r[i]);else if(i.toString().match(/^(componentsProps|slotProps)$/)){let n=e[i]||{},l=a[i];r[i]={},!l||!Object.keys(l)?r[i]=n:!n||!Object.keys(n)?r[i]=l:(r[i]=q({},l),Object.keys(n).forEach(d=>{r[i][d]=e0(n[d],l[d])}))}else r[i]===void 0&&(r[i]=e[i])}),r}function Q2(e){return Object.keys(e).length===0}function G2(e=null){let a=a0.useContext(K2);return!a||Q2(a)?e:a}var J2=G2;function e3(e){let{theme:a,name:r,props:i}=e;return!a||!a.components||!a.components[r]||!a.components[r].defaultProps?i:e0(a.components[r].defaultProps,i)}var a3=X2;function r3(e,a,r,i,n){let[l,d]=b.useState(()=>n&&r?r(e).matches:i?i(e).matches:a);return a3(()=>{let u=!0;if(!r)return;let o=r(e),v=()=>{u&&d(o.matches)};return v(),o.addListener(v),()=>{u=!1,o.removeListener(v)}},[e,r]),l}var r0=b.useSyncExternalStore;function n3(e,a,r,i,n){let l=b.useCallback(()=>a,[a]),d=b.useMemo(()=>{if(n&&r)return()=>r(e).matches;if(i!==null){let{matches:v}=i(e);return()=>v}return l},[l,e,i,n,r]),[u,o]=b.useMemo(()=>{if(r===null)return[l,()=>()=>{}];let v=r(e);return[()=>v.matches,g=>(v.addListener(g),()=>{v.removeListener(g)})]},[l,r,e]);return r0(o,u,d)}function c3(e,a={}){let r=J2(),i=typeof window<"u"&&typeof window.matchMedia<"u",{defaultMatches:n=!1,matchMedia:l=i?window.matchMedia:null,ssrMatchMedia:d=null,noSsr:u=!1}=e3({name:"MuiUseMediaQuery",props:a,theme:r});process.env.NODE_ENV!=="production"&&typeof e=="function"&&r===null&&console.error(["MUI: The `query` argument provided is invalid.","You are providing a function without a theme in the context.","One of the parent elements needs to use a ThemeProvider."].join(`
-`));let o=typeof e=="function"?e(r):e;o=o.replace(/^@media( ?)/m,"");let v=(r0!==void 0?n3:r3)(o,n,l,d,u);return process.env.NODE_ENV!=="production"&&b.useDebugValue({query:o,match:v}),v}var w=(e,a)=>c3(e,a);import V1 from"@emotion/styled";var n0=V1.div`
+`;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:n,email:a,nome:i,...x}){let{senhaContemLetra:b,senhaContemNumero:h,senhaContemMinimoDe6Caracteres:T,desabilitarBotaoDeCadastro:L}=me();return o(d,{...x,children:m(ie,{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:i,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:n,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,Typography as Ze}from"@s_mart/core";import{Checkbox as je,Form as ea,TextField as ge}from"@s_mart/form";import{composeValidators as aa,required as Ce,email as ta}from"@s_mart/rules";import{useCapsLock as oa,useMediaQuery as ra}from"@s_mart/hooks";import{colorPalette as na}from"@s_mart/tokens";import A from"@emotion/styled";import{toRem as F}from"@s_mart/utils";var ue=A.div`
   display: grid;
-  gap: ${c(32)};
-`,c0=V1.header`
+  gap: ${F(32)};
+`,fe=A.header`
   display: grid;
   text-align: center;
-  gap: ${c(16)};
-`,i0=V1.div`
+  gap: ${F(16)};
+`,he=A.div`
   display: grid;
-  gap: ${c(16)};
+  gap: ${F(16)};
 
   > div {
     display: grid;
-    gap: ${c(16)};
+    gap: ${F(16)};
   }
 
   > div:last-of-type {
-    gap: ${c(8)};
+    gap: ${F(8)};
   }
-`;import{jsx as V,jsxs as z}from"react/jsx-runtime";function d3({logo:e,initialValues:a,onSubmit:r,onEsqueciMinhaSenha:i,errorLabel:n,...l}){let d=typeof e=="string"?V("img",{src:e,alt:"Logo do sistema"}):e,u=J1(),o=w("(max-width: 500px)"),v=i3(()=>({manterConectado:!1,...a}),[a]);return V(M,{...l,paperStyle:{minWidth:o?void 0:456,width:o?"90%":void 0},children:z(n0,{children:[V(c0,{children:e&&V("div",{children:d})}),V(s3,{onSubmit:r,defaultValues:v,children:z(i0,{children:[z("div",{children:[V(l0,{name:"email",label:"E-mail de acesso",required:!0,rules:h3([o0,v3]),autoComplete:"email",type:"email"}),z("div",{children:[V(l0,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:o0}),u&&V(t3,{severity:"warning",children:"Capslock ativado"}),!!n&&V(l3,{variant:"titleXXS",color:m.red[300],children:n})]})]}),V(o3,{name:"manterConectado",label:"Manter conectado"}),z("div",{children:[V(t0,{type:"submit",fullWidth:!0,children:"Entrar"}),i&&V(t0,{type:"button",fullWidth:!0,variant:"text",onClick:i,children:"Esqueci minha senha"})]})]})})]})})}import{Button as d0,LIcon as m3,Typography as m0}from"@s_mart/core";import s0 from"@emotion/styled";var h0=s0.div`
+`;import{jsx as c,jsxs as P}from"react/jsx-runtime";function ia({logo:e,initialValues:t,onSubmit:r,onEsqueciMinhaSenha:n,errorLabel:a,...i}){let x=typeof e=="string"?c("img",{src:e,alt:"Logo do sistema"}):e,b=oa(),h=ra("(max-width: 500px)"),T=Ke(()=>({manterConectado:!1,...t}),[t]);return c(d,{...i,paperStyle:{minWidth:h?void 0:456,width:h?"90%":void 0},children:P(ue,{children:[c(fe,{children:e&&c("div",{children:x})}),c(ea,{onSubmit:r,defaultValues:T,children:P(he,{children:[P("div",{children:[c(ge,{name:"email",label:"E-mail de acesso",required:!0,rules:aa([Ce,ta]),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(Ze,{variant:"titleXXS",color:na.red[300],children:a})]})]}),c(je,{name:"manterConectado",label:"Manter conectado"}),P("div",{children:[c(ye,{type:"submit",fullWidth:!0,children:"Entrar"}),n&&c(ye,{type:"button",fullWidth:!0,variant:"text",onClick:n,children:"Esqueci minha senha"})]})]})})]})})}import{Button as Se,LIcon as sa,Typography as $e}from"@s_mart/core";import{useMediaQuery as pa}from"@s_mart/hooks";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`
   display: grid;
-  gap: ${c(32)};
+  gap: ${Q(32)};
 
   > div {
     display: grid;
-    gap: ${c(8)};
+    gap: ${Q(8)};
   }
-`,v0=s0.header`
+`,Te=ve.header`
   display: grid;
   text-align: center;
-  gap: ${c(16)};
-`;import{jsx as A,jsxs as W}from"react/jsx-runtime";function u3({logo:e,onPrecisoDeAjuda:a,onRealizarAcesso:r,...i}){let n=typeof e=="string"?A("img",{src:e,alt:"Logo do sistema"}):e,l=w("(max-width: 500px)");return A(M,{...i,paperStyle:{minWidth:l?void 0:456,width:l?"90%":void 0},children:W(h0,{children:[W("div",{children:[A(v0,{children:e&&A("div",{children:n})}),W("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:m.neutral[800]},children:[A(m0,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),A(m0,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),W("div",{children:[A(d0,{fullWidth:!0,onClick:r,children:"Realizar login"}),W(d0,{fullWidth:!0,variant:"text",onClick:a,style:{display:"flex",gap:4,color:m.neutral[900]},children:[A(m3,{icon:Q,size:"20px",removeMargin:!0,color:m.neutral[900]}),"Preciso de outro convite"]})]})]})})}import{Button as p3,Typography as Z0}from"@s_mart/core";import u0 from"@emotion/styled";var p0=u0.div`
+  gap: ${Q(16)};
+`;import{jsx as C,jsxs as k}from"react/jsx-runtime";function la({logo:e,onPrecisoDeAjuda:t,onRealizarAcesso:r,...n}){let a=typeof e=="string"?C("img",{src:e,alt:"Logo do sistema"}):e,i=pa("(max-width: 500px)");return C(d,{...n,paperStyle:{minWidth:i?void 0:456,width:i?"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,Typography as Me}from"@s_mart/core";import{useMediaQuery as ca}from"@s_mart/hooks";import be from"@emotion/styled";import{toRem as O}from"@s_mart/utils";var Be=be.div`
   display: grid;
-  gap: ${c(32)};
+  gap: ${O(32)};
 
   > div {
     display: grid;
-    gap: ${c(16)};
+    gap: ${O(16)};
   }
-`,f0=u0.header`
+`,qe=be.header`
   display: grid;
   text-align: center;
-  gap: ${c(16)};
-`;import{jsx as F,jsxs as g0}from"react/jsx-runtime";function f3({logo:e,onVoltarParaLogin:a,...r}){let i=typeof e=="string"?F("img",{src:e,alt:"Logo do sistema"}):e,n=w("(max-width: 500px)");return F(M,{...r,paperStyle:{maxWidth:n?void 0:456,width:n?"90%":void 0},children:g0(p0,{children:[g0("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[F(f0,{children:e&&F("div",{children:i})}),F(Z0,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),F(Z0,{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."})]}),F(p3,{fullWidth:!0,onClick:a,children:"Voltar para login"})]})})}import{Button as Z3,LIcon as b1,Typography as U}from"@s_mart/core";import{Form as g3,TextField as x0}from"@s_mart/form";import{required as y3}from"@s_mart/rules";import _ from"@emotion/styled";var y0=_.div`
+  gap: ${O(16)};
+`;import{jsx as v,jsxs as Fe}from"react/jsx-runtime";function ua({logo:e,onVoltarParaLogin:t,...r}){let n=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:n})}),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,Typography as E}from"@s_mart/core";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`
   display: grid;
-  gap: ${c(32)};
-`,M0=_.header`
+  gap: ${u(32)};
+`,ke=$.header`
   display: grid;
   text-align: center;
-  gap: ${c(16)};
-`,H0=_.div`
+  gap: ${u(16)};
+`,Ee=$.div`
   display: grid;
-  gap: ${c(32)};
-`,C0=_.div`
+  gap: ${u(32)};
+`,we=$.div`
   display: grid;
-  gap: ${c(4)};
+  gap: ${u(4)};
 
   > div:first-of-type {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: ${c(16)};
+    gap: ${u(16)};
 
     @media (max-width: 768px) {
       grid-template-columns: 1fr;
-      gap: ${c(8)};
+      gap: ${u(8)};
     }
   }
 
   > div:last-of-type {
     display: grid;
-    gap: ${c(4)};
+    gap: ${u(4)};
   }
-`,V0=_.div`
+`,Le=$.div`
   display: flex;
   flex-wrap: wrap;
-  gap: ${c(8)};
-`,v1=_.div`
+  gap: ${u(8)};
+`,_=$.div`
   display: flex;
   align-items: center;
-  gap: ${c(4)};
+  gap: ${u(4)};
 
-  color: ${m.neutral[600]};
-  border: 1px solid ${m.neutral[600]};
-  border-radius: ${c(4)};
-  padding: ${c(3)} ${c(4)};
+  color: ${W.neutral[600]};
+  border: 1px solid ${W.neutral[600]};
+  border-radius: ${u(4)};
+  padding: ${u(3)} ${u(4)};
 
   line-height: 1em;
   vertical-align: middle;
 
   ${({checked:e})=>{if(e)return`
-        color: ${m.green[300]};
-        border-color: ${m.green[300]};
+        color: ${W.green[300]};
+        border-color: ${W.green[300]};
       `}}
-`;function b0(){let e=n=>n?n.match(/[a-z]/i):!1,a=n=>n?n.match(/[0-9]/i):!1,r=n=>n?n.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:n=>!n.senha||!n.confirmarSenha||!e(n.senha)||!a(n.senha)||!r(n.senha)}}import{jsx as Z,jsxs as L}from"react/jsx-runtime";function M3({logo:e,onTrocarMinhaSenha:a,...r}){let{senhaContemLetra:i,senhaContemNumero:n,senhaContemMinimoDe6Caracteres:l,desabilitarBotaoDeCadastro:d}=b0();return Z(M,{...r,children:L(y0,{children:[L(M0,{children:[e&&Z("div",{children:typeof e=="string"?Z("img",{src:e,alt:"Logo do sistema"}):e}),Z(U,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),Z(g3,{onSubmit:a,children:({watch:o})=>{let v=i(o("senha")),g=n(o("senha")),k=l(o("senha"));return L(H0,{children:[L(C0,{children:[L("div",{children:[Z(x0,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:y3}),Z(x0,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:S=>{if(!S)return"Campo obrigat\xF3rio";if(S!==o("senha"))return"As senhas devem ser iguais"}}})]}),L("div",{children:[Z(U,{variant:"bodyXS",children:"Sua senha precisa conter:"}),L(V0,{children:[L(v1,{checked:!!v,children:[v&&Z(b1,{icon:T,size:"16px",removeMargin:!0}),Z(U,{variant:"bodyXS",children:"Uma letra"})]}),L(v1,{checked:!!g,children:[g&&Z(b1,{icon:T,size:"16px",removeMargin:!0}),Z(U,{variant:"bodyXS",children:"Um n\xFAmero"})]}),L(v1,{checked:!!k,children:[k&&Z(b1,{icon:T,size:"16px",removeMargin:!0}),Z(U,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),Z("div",{children:Z(Z3,{type:"submit",fullWidth:!0,disabled:d(o()),children:"Trocar minha senha"})})]})}})]})})}import{Button as k0,Typography as T0}from"@s_mart/core";import x1 from"@emotion/styled";var S0=x1.div`
+`;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:n,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:i,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=n(h("senha")),L=a(h("senha")),z=i(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,Typography as ze}from"@s_mart/core";import{useMediaQuery as Ca}from"@s_mart/hooks";import K from"@emotion/styled";import{toRem as w}from"@s_mart/utils";var Ne=K.div`
   display: grid;
-  gap: ${c(32)};
+  gap: ${w(32)};
 
   > div {
     display: grid;
-    gap: ${c(16)};
+    gap: ${w(16)};
   }
-`,L0=x1.header`
+`,We=K.header`
   display: grid;
   text-align: center;
-  gap: ${c(16)};
-`,E0=x1.div`
+  gap: ${w(16)};
+`,_e=K.div`
   display: grid;
-  gap: ${c(32)};
+  gap: ${w(32)};
 
   > div:last-of-type {
     display: grid;
-    gap: ${c(16)};
+    gap: ${w(16)};
   }
-`;import{Form as H3,TextField as C3}from"@s_mart/form";import{composeValidators as V3,email as b3,required as x3}from"@s_mart/rules";import{jsx as x,jsxs as d1}from"react/jsx-runtime";function S3({logo:e,onVoltarParaLogin:a,onConfirmar:r,...i}){let n=typeof e=="string"?x("img",{src:e,alt:"Logo do sistema"}):e,l=w("(max-width: 500px)");return x(M,{...i,paperStyle:{minWidth:l?void 0:456,width:l?"90%":void 0},children:d1(S0,{children:[d1("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[x(L0,{children:e&&x("div",{children:n})}),x(T0,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),x(T0,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),x(H3,{onSubmit:r,children:d1(E0,{children:[x("div",{children:x(C3,{name:"email",label:"E-mail de acesso",required:!0,rules:V3([x3,b3]),type:"email"})}),d1("div",{children:[x(k0,{fullWidth:!0,type:"submit",children:"Confirmar"}),x(k0,{fullWidth:!0,onClick:a,variant:"neutral",children:"Voltar para login"})]})]})})]})})}export{T2 as TelaCadastro,u3 as TelaConviteExpirado,S3 as TelaEsqueceuSenha,f3 as TelaInstrucoesEnviadas,d3 as TelaLogin,M3 as TelaNovaSenha,M as TemplateTelaBase};
-/*! Bundled license information:
-
-@mui/styled-engine/index.js:
-  (**
-   * @mui/styled-engine v5.14.6
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-@mui/material/index.js:
-  (**
-   * @mui/material v5.14.6
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
-/*! Bundled license information:
-
-react-is/cjs/react-is.production.min.js:
-  (** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react-is/cjs/react-is.development.js:
-  (** @license React v16.13.1
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
+`;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,...n}){let a=typeof e=="string"?f("img",{src:e,alt:"Logo do sistema"}):e,i=Ca("(max-width: 500px)");return f(d,{...n,paperStyle:{minWidth:i?void 0:456,width:i?"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,ia as TelaLogin,ga as TelaNovaSenha,d as TemplateTelaBase};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@s_mart/telas-de-acesso",
-  "version": "4.0.1",
+  "version": "5.0.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -9,20 +9,20 @@
   "files": [
     "dist/**"
   ],
-  "scripts": {
-    "build": "tsup src/index.tsx --minify --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
-    "lint": "eslint src/**/*.ts* --fix"
-  },
   "dependencies": {
     "tsup": "^6.7.0",
     "typescript": "^5.2.2",
     "@types/react": "^18.2.21",
     "@types/react-dom": "18.2.4",
-    "@s_mart/core": "*",
-    "@s_mart/form": "*",
-    "@s_mart/masks": "*",
-    "@s_mart/rules": "*"
+    "@s_mart/core": "5.0.0",
+    "@s_mart/form": "5.0.0",
+    "@s_mart/masks": "5.0.0",
+    "@s_mart/rules": "5.0.0",
+    "@s_mart/tokens": "5.0.0",
+    "@s_mart/utils": "5.0.0",
+    "@s_mart/regular-icons": "5.0.0",
+    "eslint-config-smarten": "4.0.1",
+    "@s_mart/hooks": "5.0.0"
   },
   "peerDependencies": {
     "react": ">=18.2.0",
@@ -33,16 +33,23 @@
     "@types/react-dom": ">=18.2.7",
     "@emotion/react": ">=11.10.8",
     "@emotion/styled": ">=11.10.8",
-    "@s_mart/core": "*",
-    "@s_mart/form": "*",
-    "@s_mart/masks": "*"
+    "@s_mart/core": "5.0.0",
+    "@s_mart/form": "5.0.0",
+    "@s_mart/masks": "5.0.0",
+    "@s_mart/tokens": "5.0.0",
+    "@s_mart/utils": "5.0.0",
+    "@s_mart/regular-icons": "5.0.0",
+    "@s_mart/hooks": "5.0.0"
   },
   "devDependencies": {
-    "@s_mart/tsconfig": "*",
-    "eslint": "^8.47.0",
-    "eslint-config-smarten": "*"
+    "eslint": "^8.47.0"
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --minify --format esm --dts --external react",
+    "dev": "tsup src/index.tsx --format esm --watch --dts --external react",
+    "lint": "eslint src/**/*.ts* --fix"
   }
 }

package/dist/index.js

@@ -1,380 +0,0 @@
-"use strict";var p2=Object.create;var n1=Object.defineProperty;var f2=Object.getOwnPropertyDescriptor;var Z2=Object.getOwnPropertyNames;var g2=Object.getPrototypeOf,y2=Object.prototype.hasOwnProperty;var c1=(e,a)=>()=>(a||e((a={exports:{}}).exports,a),a.exports),M2=(e,a)=>{for(var r in a)n1(e,r,{get:a[r],enumerable:!0})},_1=(e,a,r,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let n of Z2(a))!y2.call(e,n)&&n!==r&&n1(e,n,{get:()=>a[n],enumerable:!(i=f2(a,n))||i.enumerable});return e};var M=(e,a,r)=>(r=e!=null?p2(g2(e)):{},_1(a||!e||!e.__esModule?n1(r,"default",{value:e,enumerable:!0}):r,e)),H2=e=>_1(n1({},"__esModule",{value:!0}),e);var e0=c1(h=>{"use strict";var g=typeof Symbol=="function"&&Symbol.for,L1=g?Symbol.for("react.element"):60103,E1=g?Symbol.for("react.portal"):60106,o1=g?Symbol.for("react.fragment"):60107,s1=g?Symbol.for("react.strict_mode"):60108,h1=g?Symbol.for("react.profiler"):60114,v1=g?Symbol.for("react.provider"):60109,d1=g?Symbol.for("react.context"):60110,k1=g?Symbol.for("react.async_mode"):60111,m1=g?Symbol.for("react.concurrent_mode"):60111,u1=g?Symbol.for("react.forward_ref"):60112,p1=g?Symbol.for("react.suspense"):60113,$2=g?Symbol.for("react.suspense_list"):60120,f1=g?Symbol.for("react.memo"):60115,Z1=g?Symbol.for("react.lazy"):60116,D2=g?Symbol.for("react.block"):60121,R2=g?Symbol.for("react.fundamental"):60117,F2=g?Symbol.for("react.responder"):60118,O2=g?Symbol.for("react.scope"):60119;function x(e){if(typeof e=="object"&&e!==null){var a=e.$$typeof;switch(a){case L1:switch(e=e.type,e){case k1:case m1:case o1:case h1:case s1:case p1:return e;default:switch(e=e&&e.$$typeof,e){case d1:case u1:case Z1:case f1:case v1:return e;default:return a}}case E1:return a}}}function J1(e){return x(e)===m1}h.AsyncMode=k1;h.ConcurrentMode=m1;h.ContextConsumer=d1;h.ContextProvider=v1;h.Element=L1;h.ForwardRef=u1;h.Fragment=o1;h.Lazy=Z1;h.Memo=f1;h.Portal=E1;h.Profiler=h1;h.StrictMode=s1;h.Suspense=p1;h.isAsyncMode=function(e){return J1(e)||x(e)===k1};h.isConcurrentMode=J1;h.isContextConsumer=function(e){return x(e)===d1};h.isContextProvider=function(e){return x(e)===v1};h.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===L1};h.isForwardRef=function(e){return x(e)===u1};h.isFragment=function(e){return x(e)===o1};h.isLazy=function(e){return x(e)===Z1};h.isMemo=function(e){return x(e)===f1};h.isPortal=function(e){return x(e)===E1};h.isProfiler=function(e){return x(e)===h1};h.isStrictMode=function(e){return x(e)===s1};h.isSuspense=function(e){return x(e)===p1};h.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===o1||e===m1||e===h1||e===s1||e===p1||e===$2||typeof e=="object"&&e!==null&&(e.$$typeof===Z1||e.$$typeof===f1||e.$$typeof===v1||e.$$typeof===d1||e.$$typeof===u1||e.$$typeof===R2||e.$$typeof===F2||e.$$typeof===O2||e.$$typeof===D2)};h.typeOf=x});var a0=c1(v=>{"use strict";process.env.NODE_ENV!=="production"&&function(){"use strict";var e=typeof Symbol=="function"&&Symbol.for,a=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,i=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,l=e?Symbol.for("react.profiler"):60114,u=e?Symbol.for("react.provider"):60109,f=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,m=e?Symbol.for("react.concurrent_mode"):60111,V=e?Symbol.for("react.forward_ref"):60112,D=e?Symbol.for("react.suspense"):60113,T=e?Symbol.for("react.suspense_list"):60120,B=e?Symbol.for("react.memo"):60115,N=e?Symbol.for("react.lazy"):60116,e1=e?Symbol.for("react.block"):60121,a1=e?Symbol.for("react.fundamental"):60117,N0=e?Symbol.for("react.responder"):60118,I0=e?Symbol.for("react.scope"):60119;function q0(t){return typeof t=="string"||typeof t=="function"||t===i||t===m||t===l||t===n||t===D||t===T||typeof t=="object"&&t!==null&&(t.$$typeof===N||t.$$typeof===B||t.$$typeof===u||t.$$typeof===f||t.$$typeof===V||t.$$typeof===a1||t.$$typeof===N0||t.$$typeof===I0||t.$$typeof===e1)}function b(t){if(typeof t=="object"&&t!==null){var x1=t.$$typeof;switch(x1){case a:var r1=t.type;switch(r1){case s:case m:case i:case l:case n:case D:return r1;default:var O1=r1&&r1.$$typeof;switch(O1){case f:case V:case N:case B:case u:return O1;default:return x1}}case r:return x1}}}var z0=s,W0=m,U0=f,j0=u,Y0=a,X0=V,K0=i,Q0=N,G0=B,J0=r,e2=l,a2=n,r2=D,R1=!1;function n2(t){return R1||(R1=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),F1(t)||b(t)===s}function F1(t){return b(t)===m}function c2(t){return b(t)===f}function i2(t){return b(t)===u}function t2(t){return typeof t=="object"&&t!==null&&t.$$typeof===a}function l2(t){return b(t)===V}function o2(t){return b(t)===i}function s2(t){return b(t)===N}function h2(t){return b(t)===B}function v2(t){return b(t)===r}function d2(t){return b(t)===l}function m2(t){return b(t)===n}function u2(t){return b(t)===D}v.AsyncMode=z0,v.ConcurrentMode=W0,v.ContextConsumer=U0,v.ContextProvider=j0,v.Element=Y0,v.ForwardRef=X0,v.Fragment=K0,v.Lazy=Q0,v.Memo=G0,v.Portal=J0,v.Profiler=e2,v.StrictMode=a2,v.Suspense=r2,v.isAsyncMode=n2,v.isConcurrentMode=F1,v.isContextConsumer=c2,v.isContextProvider=i2,v.isElement=t2,v.isForwardRef=l2,v.isFragment=o2,v.isLazy=s2,v.isMemo=h2,v.isPortal=v2,v.isProfiler=d2,v.isStrictMode=m2,v.isSuspense=u2,v.isValidElementType=q0,v.typeOf=b}()});var r0=c1((T3,T1)=>{"use strict";process.env.NODE_ENV==="production"?T1.exports=e0():T1.exports=a0()});var s0=c1((w3,o0)=>{"use strict";var w1=r0(),_2={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},B2={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},N2={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},t0={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},A1={};A1[w1.ForwardRef]=N2;A1[w1.Memo]=t0;function n0(e){return w1.isMemo(e)?t0:A1[e.$$typeof]||_2}var I2=Object.defineProperty,q2=Object.getOwnPropertyNames,c0=Object.getOwnPropertySymbols,z2=Object.getOwnPropertyDescriptor,W2=Object.getPrototypeOf,i0=Object.prototype;function l0(e,a,r){if(typeof a!="string"){if(i0){var i=W2(a);i&&i!==i0&&l0(e,i,r)}var n=q2(a);c0&&(n=n.concat(c0(a)));for(var l=n0(e),u=n0(a),f=0;f<n.length;++f){var s=n[f];if(!B2[s]&&!(r&&r[s])&&!(u&&u[s])&&!(l&&l[s])){var m=z2(a,s);try{I2(e,s,m)}catch{}}}}return e}o0.exports=l0});var l3={};M2(l3,{TelaCadastro:()=>G1,TelaConviteExpirado:()=>x0,TelaEsqueceuSenha:()=>B0,TelaInstrucoesEnviadas:()=>E0,TelaLogin:()=>C0,TelaNovaSenha:()=>R0,TemplateTelaBase:()=>C});module.exports=H2(l3);var t1=require("@s_mart/core"),W1=require("@s_mart/masks");var R={description:"m37.5 11.3-19 19.4-7-7.2a.9.9 0 0 0-1.2 0l-2 2.1c-.4.4-.4 1 0 1.3l9.6 9.8c.3.4.9.4 1.2 0l21.6-22.1c.4-.3.4-1 0-1.3l-2-2a.9.9 0 0 0-1.2 0Z",id:"line-check-regular"};var i1={description:"M35.2 12.7a15.9 15.9 0 0 0-25 19.1L8 40l8.4-2.2a16 16 0 0 0 23.6-14 16 16 0 0 0-4.8-11.1ZM24 37a13 13 0 0 1-6.7-1.9l-.5-.3-5 1.3 1.3-4.8-.3-.5a13.2 13.2 0 0 1 20.5-16.3c2.5 2.4 4 5.7 4 9.3C37.3 31 31.3 37 24 37Zm7.2-10-2.7-1c-.4-.1-.6-.2-.9.2l-1.2 1.5c-.3.3-.5.3-.9.1-2.3-1.1-3.9-2-5.4-4.7-.4-.7.4-.6 1.2-2.1v-.7c-.2-.2-1-2.2-1.3-3-.3-.7-.6-.6-.9-.6h-.7c-.3 0-.7 0-1 .4-.4.4-1.5 1.4-1.5 3.3 0 2 1.5 3.9 1.6 4.1.2.3 2.8 4.3 6.8 6 2.5 1.1 3.5 1.2 4.8 1 .7 0 2.3-1 2.6-1.9.4-.9.4-1.7.3-1.9l-.8-.4Z",id:"line-whatsapp-regular"};var c=e=>`${e/16}rem`;var Y=M(require("@emotion/styled"));var C2=Object.defineProperty,V2=(e,a)=>{for(var r in a)C2(e,r,{get:a[r],enumerable:!0})},p={};V2(p,{blue:()=>x2,green:()=>k2,neutral:()=>P2,red:()=>L2,yellow:()=>w2});var b2={75:"#AFD2FF",100:"#689DCB",300:"#045BA8",500:"#132C70"},x2=b2,S2={75:"#FEBCAC",100:"#F5917F",300:"#EF4829",500:"#BD2601"},L2=S2,E2={75:"#D6EEBC",100:"#A5D770",300:"#49BF00",500:"#518133"},k2=E2,T2={75:"#FDEFB3",100:"#FFE380",300:"#FFAB00",500:"#C56C00"},w2=T2,A2={0:"#FFFFFF",10:"#FBFBFB",20:"#F4F5F7",30:"#EEEEEE",40:"#DBDBDB",50:"#CACACA",100:"#8B8B8B",500:"#555555",600:"#464646",800:"#2E2E2E",900:"#262626"},P2=A2;var B1=Y.default.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  overflow: auto;
-  overflow-x: hidden;
-
-  height: 100vh;
-
-  background-color: ${({theme:e})=>e.palette.primary.main};
-  transition: background-color 0.3s ease-in-out;
-
-  @media (max-width: 500px) {
-    background-color: ${({theme:e})=>e.palette.common.white};
-  }
-
-  @media (max-height: 600px) {
-    justify-content: flex-start;
-  }
-`,N1=Y.default.div`
-  position: absolute;
-  left: 0;
-  bottom: 32px;
-  z-index: 1;
-
-  @media (max-width: 768px) {
-    display: none;
-  }
-`,I1=Y.default.h1`
-  position: absolute;
-  left: 32px;
-  top: 32px;
-
-  color: ${({theme:e})=>e.palette.common.white};
-  font-size: ${c(32)};
-  line-height: 150%;
-  font-weight: normal;
-
-  @media (max-width: 768px) {
-    left: 16px;
-    top: 16px;
-    font-size: ${c(24)};
-  }
-
-  @media (max-height: 830px) {
-    left: 16px;
-    top: 16px;
-    font-size: ${c(24)};
-
-    @media (max-width: 768px) {
-      display: none;
-    }
-  }
-
-  @media (max-height: 600px) {
-    display: none;
-  }
-
-  span {
-    background-color: #262626;
-    padding: ${c(4)} ${c(8)};
-    border-radius: ${c(12)};
-  }
-
-  @media (max-width: 500px) {
-    display: none;
-  }
-`,q1=Y.default.div`
-  position: relative;
-  z-index: 2;
-
-  padding: ${c(32)};
-  border-radius: ${c(24)};
-  margin: ${c(16)};
-
-  background-color: ${({theme:e})=>e.palette.common.white};
-`,z1=Y.default.button`
-  position: relative;
-  z-index: 2;
-
-  background-color: ${({theme:e})=>e.palette.primary.main};
-  padding: ${c(4)} ${c(8)};
-  border: none;
-  border-radius: ${c(8)};
-  cursor: pointer;
-
-  display: flex;
-  align-items: center;
-  gap: ${c(4)};
-
-  color: ${({theme:e})=>e.palette.common.white};
-
-  @media (max-width: 500px) {
-    color: ${({theme:e})=>e.palette.common.black};
-    background-color: transparent;
-
-    svg {
-      color: ${p.green[300]};
-    }
-  }
-`;var w=require("react/jsx-runtime");function C({children:e,whatsapp:a,textoChamativo:r,style:i,paperStyle:n,ilustracao:l}){return(0,w.jsxs)(B1,{style:i,children:[r&&(0,w.jsx)(I1,{children:r}),l&&(0,w.jsx)(N1,{children:typeof l=="string"?(0,w.jsx)("img",{src:l,alt:"Logo do sistema"}):l}),(0,w.jsx)(q1,{style:n,children:e}),a&&(0,w.jsxs)(z1,{onClick:()=>{window.open(`https://api.whatsapp.com/send?phone=${a}`)},style:{marginBottom:16},children:[(0,w.jsxs)(t1.Typography,{variant:"bodyXS",children:["Com d\xFAvidas? ",W1.telefone.format(a.slice(2))]}),(0,w.jsx)(t1.LIcon,{icon:i1,size:"20px",removeMargin:!0})]})]})}var S=require("@s_mart/core"),P=require("@s_mart/form"),S1=require("@s_mart/rules");var I=M(require("@emotion/styled"));var U1=I.default.div`
-  display: grid;
-  gap: ${c(32)};
-`,j1=I.default.header`
-  display: grid;
-  text-align: center;
-  gap: ${c(16)};
-`,Y1=I.default.div`
-  display: grid;
-  gap: ${c(32)};
-`,X1=I.default.div`
-  display: grid;
-  gap: ${c(4)};
-
-  > div:first-of-type {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: ${c(16)};
-
-    @media (max-width: 768px) {
-      grid-template-columns: 1fr;
-      gap: ${c(8)};
-    }
-  }
-
-  > div:last-of-type {
-    display: grid;
-    gap: ${c(4)};
-  }
-`,K1=I.default.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${c(8)};
-`,l1=I.default.div`
-  display: flex;
-  align-items: center;
-  gap: ${c(4)};
-
-  color: ${p.neutral[600]};
-  border: 1px solid ${p.neutral[600]};
-  border-radius: ${c(4)};
-  padding: ${c(3)} ${c(4)};
-
-  line-height: 1em;
-  vertical-align: middle;
-
-  ${({checked:e})=>{if(e)return`
-        color: ${p.green[300]};
-        border-color: ${p.green[300]};
-      `}}
-`;function Q1(){let e=n=>n?n.match(/[a-z]/i):!1,a=n=>n?n.match(/[0-9]/i):!1,r=n=>n?n.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:n=>!n.email||!n.senha||!n.confirmarSenha||!n.termosDeUso||!e(n.senha)||!a(n.senha)||!r(n.senha)}}var o=require("react/jsx-runtime");function G1({logo:e,nomeSistema:a,onSubmit:r,linkTermosDeUso:i,email:n,nome:l,...u}){let{senhaContemLetra:f,senhaContemNumero:s,senhaContemMinimoDe6Caracteres:m,desabilitarBotaoDeCadastro:V}=Q1();return(0,o.jsx)(C,{...u,children:(0,o.jsxs)(U1,{children:[(0,o.jsxs)(j1,{children:[e&&(0,o.jsx)("div",{children:typeof e=="string"?(0,o.jsx)("img",{src:e,alt:"Logo do sistema"}):e}),(0,o.jsxs)(S.Typography,{variant:"titleSM",children:["Vamos cadastrar uma senha de acesso ao ",a,"."]})]}),(0,o.jsx)(P.Form,{onSubmit:r,defaultValues:{email:n,nome:l,termosDeUso:!1},children:({watch:T})=>{let B=f(T("senha")),N=s(T("senha")),e1=m(T("senha"));return(0,o.jsxs)(Y1,{children:[(0,o.jsx)(P.TextField,{name:"email",label:"E-mail de acesso",required:!0,disabled:!0}),(0,o.jsx)(P.TextField,{name:"nome",label:"Nome completo",required:!0,rules:S1.required}),(0,o.jsxs)(X1,{children:[(0,o.jsxs)("div",{children:[(0,o.jsx)(P.TextField,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:S1.required}),(0,o.jsx)(P.TextField,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:a1=>{if(!a1)return"Campo obrigat\xF3rio";if(a1!==T("senha"))return"As senhas devem ser iguais"}}})]}),(0,o.jsxs)("div",{children:[(0,o.jsx)(S.Typography,{variant:"bodyXS",children:"Sua senha precisa conter:"}),(0,o.jsxs)(K1,{children:[(0,o.jsxs)(l1,{checked:!!B,children:[B&&(0,o.jsx)(S.LIcon,{icon:R,size:"16px",removeMargin:!0}),(0,o.jsx)(S.Typography,{variant:"bodyXS",children:"Uma letra"})]}),(0,o.jsxs)(l1,{checked:!!N,children:[N&&(0,o.jsx)(S.LIcon,{icon:R,size:"16px",removeMargin:!0}),(0,o.jsx)(S.Typography,{variant:"bodyXS",children:"Um n\xFAmero"})]}),(0,o.jsxs)(l1,{checked:!!e1,children:[e1&&(0,o.jsx)(S.LIcon,{icon:R,size:"16px",removeMargin:!0}),(0,o.jsx)(S.Typography,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),(0,o.jsx)("div",{children:(0,o.jsx)(P.Checkbox,{name:"termosDeUso",label:(0,o.jsxs)("div",{style:{display:"flex",gap:4},children:[(0,o.jsx)("span",{children:"Li e aceito os"}),(0,o.jsx)("a",{href:i,target:"_blank",style:{color:"var(--color-primary)"},rel:"noreferrer",children:"termos de uso"})]})})}),(0,o.jsx)("div",{children:(0,o.jsx)(S.Button,{type:"submit",fullWidth:!0,disabled:V(T()),children:"Concluir meu cadastro"})})]})}})]})})}var H0=require("react"),z=require("@s_mart/core"),W=require("@s_mart/form"),U=require("@s_mart/rules");var g1=require("react");var X2=M(require("react"),1);var A=M(require("react")),U2=require("react-dom");var j2=M(s0());var Y2="SnackbarContent",$3={root:Y2+"-root"};var $="SnackbarItem",D3={contentRoot:$+"-contentRoot",lessPadding:$+"-lessPadding",variantSuccess:$+"-variantSuccess",variantError:$+"-variantError",variantInfo:$+"-variantInfo",variantWarning:$+"-variantWarning",message:$+"-message",action:$+"-action",wrappedRoot:$+"-wrappedRoot"};var q="SnackbarContainer",R3={root:q+"-root",rootDense:q+"-rootDense",top:q+"-top",bottom:q+"-bottom",left:q+"-left",right:q+"-right",center:q+"-center"};var F3=process.env.NODE_ENV!=="production";var y1=M(require("@emotion/styled"),1);var v0=M(require("@emotion/styled"),1),F=require("@emotion/react");var K2=require("react/jsx-runtime"),d0=require("react/jsx-runtime"),P1=require("react/jsx-runtime"),m0=require("react"),M1=M(require("react"),1),Y3=require("@emotion/styled"),p0=require("@emotion/react"),f0=M(require("react"),1),E=M(require("react"),1),h0=()=>{let[e,a]=(0,g1.useState)(!1);return(0,g1.useEffect)(()=>{let r=i=>{i.key==="CapsLock"&&a(i.getModifierState("CapsLock"))};return window.addEventListener("keydown",r),()=>{window.removeEventListener("keydown",r)}},[]),e};var q3=y1.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: ${c(8)};
-
-  background-color: white;
-  border-radius: 4px;
-  padding: ${c(16)} ${c(16)};
-
-  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.12);
-
-  border-left: 6px solid
-    ${({variant:e})=>{switch(e){case"error":return p.red[300];case"warning":return p.yellow[300];case"info":return p.blue[100];default:case"success":return p.green[300]}}};
-
-  > div {
-    display: flex;
-    align-items: center;
-    gap: ${c(8)};
-  }
-`,z3=y1.default.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-
-  > *:first-of-type {
-    margin-bottom: ${c(4)};
-  }
-`,W3=y1.default.div`
-  cursor: pointer;
-  align-self: flex-start;
-`,j3=v0.default.i`
-  align-self: center;
-  display: inline-flex;
-  color: ${({color:e})=>e};
-
-  user-select: none;
-
-  svg {
-    z-index: 0 !important;
-    outline: 0 !important;
-
-    ${({left:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&F.css`
-        left: ${e};
-      `}
-
-    ${({right:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&F.css`
-        right: ${e};
-      `}
-
-    ${({top:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&F.css`
-        top: ${e};
-      `}
-
-    ${({bottom:e})=>(typeof e=="string"||typeof e=="number"&&e>0)&&F.css`
-        bottom: ${e};
-      `}
-
-    ${({color:e})=>{let a=e;return e==="inherit"&&(a="currentColor"),F.css`
-        fill: ${a};
-      `}}
-    position: relative;
-
-    height: ${({height:e})=>e} !important;
-    width: ${({width:e})=>e} !important;
-
-    ${({removeMargin:e})=>e?F.css`
-          margin: 0;
-        `:F.css`
-        margin: 0 ${c(4)};
-      `}
-  }
-`;function Q(){return Q=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},Q.apply(this,arguments)}var Q2=typeof window<"u"?M1.useLayoutEffect:M1.useEffect,G2=Q2;function u0(e,a){let r=Q({},a);return Object.keys(e).forEach(i=>{if(i.toString().match(/^(components|slots)$/))r[i]=Q({},e[i],r[i]);else if(i.toString().match(/^(componentsProps|slotProps)$/)){let n=e[i]||{},l=a[i];r[i]={},!l||!Object.keys(l)?r[i]=n:!n||!Object.keys(n)?r[i]=l:(r[i]=Q({},l),Object.keys(n).forEach(u=>{r[i][u]=u0(n[u],l[u])}))}else r[i]===void 0&&(r[i]=e[i])}),r}function J2(e){return Object.keys(e).length===0}function e3(e=null){let a=f0.useContext(p0.ThemeContext);return!a||J2(a)?e:a}var a3=e3;function r3(e){let{theme:a,name:r,props:i}=e;return!a||!a.components||!a.components[r]||!a.components[r].defaultProps?i:u0(a.components[r].defaultProps,i)}var n3=G2;function c3(e,a,r,i,n){let[l,u]=E.useState(()=>n&&r?r(e).matches:i?i(e).matches:a);return n3(()=>{let f=!0;if(!r)return;let s=r(e),m=()=>{f&&u(s.matches)};return m(),s.addListener(m),()=>{f=!1,s.removeListener(m)}},[e,r]),l}var Z0=E.useSyncExternalStore;function i3(e,a,r,i,n){let l=E.useCallback(()=>a,[a]),u=E.useMemo(()=>{if(n&&r)return()=>r(e).matches;if(i!==null){let{matches:m}=i(e);return()=>m}return l},[l,e,i,n,r]),[f,s]=E.useMemo(()=>{if(r===null)return[l,()=>()=>{}];let m=r(e);return[()=>m.matches,V=>(m.addListener(V),()=>{m.removeListener(V)})]},[l,r,e]);return Z0(s,f,u)}function t3(e,a={}){let r=a3(),i=typeof window<"u"&&typeof window.matchMedia<"u",{defaultMatches:n=!1,matchMedia:l=i?window.matchMedia:null,ssrMatchMedia:u=null,noSsr:f=!1}=r3({name:"MuiUseMediaQuery",props:a,theme:r});process.env.NODE_ENV!=="production"&&typeof e=="function"&&r===null&&console.error(["MUI: The `query` argument provided is invalid.","You are providing a function without a theme in the context.","One of the parent elements needs to use a ThemeProvider."].join(`
-`));let s=typeof e=="function"?e(r):e;s=s.replace(/^@media( ?)/m,"");let m=(Z0!==void 0?i3:c3)(s,n,l,u,f);return process.env.NODE_ENV!=="production"&&E.useDebugValue({query:s,match:m}),m}var O=(e,a)=>t3(e,a);var H1=M(require("@emotion/styled"));var g0=H1.default.div`
-  display: grid;
-  gap: ${c(32)};
-`,y0=H1.default.header`
-  display: grid;
-  text-align: center;
-  gap: ${c(16)};
-`,M0=H1.default.div`
-  display: grid;
-  gap: ${c(16)};
-
-  > div {
-    display: grid;
-    gap: ${c(16)};
-  }
-
-  > div:last-of-type {
-    gap: ${c(8)};
-  }
-`;var Z=require("react/jsx-runtime");function C0({logo:e,initialValues:a,onSubmit:r,onEsqueciMinhaSenha:i,errorLabel:n,...l}){let u=typeof e=="string"?(0,Z.jsx)("img",{src:e,alt:"Logo do sistema"}):e,f=h0(),s=O("(max-width: 500px)"),m=(0,H0.useMemo)(()=>({manterConectado:!1,...a}),[a]);return(0,Z.jsx)(C,{...l,paperStyle:{minWidth:s?void 0:456,width:s?"90%":void 0},children:(0,Z.jsxs)(g0,{children:[(0,Z.jsx)(y0,{children:e&&(0,Z.jsx)("div",{children:u})}),(0,Z.jsx)(W.Form,{onSubmit:r,defaultValues:m,children:(0,Z.jsxs)(M0,{children:[(0,Z.jsxs)("div",{children:[(0,Z.jsx)(W.TextField,{name:"email",label:"E-mail de acesso",required:!0,rules:(0,U.composeValidators)([U.required,U.email]),autoComplete:"email",type:"email"}),(0,Z.jsxs)("div",{children:[(0,Z.jsx)(W.TextField,{name:"senha",label:"Senha de acesso",type:"password",required:!0,rules:U.required}),f&&(0,Z.jsx)(z.Indicator,{severity:"warning",children:"Capslock ativado"}),!!n&&(0,Z.jsx)(z.Typography,{variant:"titleXXS",color:p.red[300],children:n})]})]}),(0,Z.jsx)(W.Checkbox,{name:"manterConectado",label:"Manter conectado"}),(0,Z.jsxs)("div",{children:[(0,Z.jsx)(z.Button,{type:"submit",fullWidth:!0,children:"Entrar"}),i&&(0,Z.jsx)(z.Button,{type:"button",fullWidth:!0,variant:"text",onClick:i,children:"Esqueci minha senha"})]})]})})]})})}var _=require("@s_mart/core");var $1=M(require("@emotion/styled"));var V0=$1.default.div`
-  display: grid;
-  gap: ${c(32)};
-
-  > div {
-    display: grid;
-    gap: ${c(8)};
-  }
-`,b0=$1.default.header`
-  display: grid;
-  text-align: center;
-  gap: ${c(16)};
-`;var H=require("react/jsx-runtime");function x0({logo:e,onPrecisoDeAjuda:a,onRealizarAcesso:r,...i}){let n=typeof e=="string"?(0,H.jsx)("img",{src:e,alt:"Logo do sistema"}):e,l=O("(max-width: 500px)");return(0,H.jsx)(C,{...i,paperStyle:{minWidth:l?void 0:456,width:l?"90%":void 0},children:(0,H.jsxs)(V0,{children:[(0,H.jsxs)("div",{children:[(0,H.jsx)(b0,{children:e&&(0,H.jsx)("div",{children:n})}),(0,H.jsxs)("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",gap:8,color:p.neutral[800]},children:[(0,H.jsx)(_.Typography,{variant:"bodyMD",children:"Parece que este convite j\xE1 foi usado ou expirou."}),(0,H.jsx)(_.Typography,{variant:"bodyMD",children:"J\xE1 se cadastrou? Realize o login."})]})]}),(0,H.jsxs)("div",{children:[(0,H.jsx)(_.Button,{fullWidth:!0,onClick:r,children:"Realizar login"}),(0,H.jsxs)(_.Button,{fullWidth:!0,variant:"text",onClick:a,style:{display:"flex",gap:4,color:p.neutral[900]},children:[(0,H.jsx)(_.LIcon,{icon:i1,size:"20px",removeMargin:!0,color:p.neutral[900]}),"Preciso de outro convite"]})]})]})})}var G=require("@s_mart/core");var D1=M(require("@emotion/styled"));var S0=D1.default.div`
-  display: grid;
-  gap: ${c(32)};
-
-  > div {
-    display: grid;
-    gap: ${c(16)};
-  }
-`,L0=D1.default.header`
-  display: grid;
-  text-align: center;
-  gap: ${c(16)};
-`;var k=require("react/jsx-runtime");function E0({logo:e,onVoltarParaLogin:a,...r}){let i=typeof e=="string"?(0,k.jsx)("img",{src:e,alt:"Logo do sistema"}):e,n=O("(max-width: 500px)");return(0,k.jsx)(C,{...r,paperStyle:{maxWidth:n?void 0:456,width:n?"90%":void 0},children:(0,k.jsxs)(S0,{children:[(0,k.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[(0,k.jsx)(L0,{children:e&&(0,k.jsx)("div",{children:i})}),(0,k.jsx)(G.Typography,{variant:"titleMD",textAlign:"center",children:"Instru\xE7\xF5es enviadas"}),(0,k.jsx)(G.Typography,{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."})]}),(0,k.jsx)(G.Button,{fullWidth:!0,onClick:a,children:"Voltar para login"})]})})}var L=require("@s_mart/core"),J=require("@s_mart/form"),D0=require("@s_mart/rules");var j=M(require("@emotion/styled"));var k0=j.default.div`
-  display: grid;
-  gap: ${c(32)};
-`,T0=j.default.header`
-  display: grid;
-  text-align: center;
-  gap: ${c(16)};
-`,w0=j.default.div`
-  display: grid;
-  gap: ${c(32)};
-`,A0=j.default.div`
-  display: grid;
-  gap: ${c(4)};
-
-  > div:first-of-type {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: ${c(16)};
-
-    @media (max-width: 768px) {
-      grid-template-columns: 1fr;
-      gap: ${c(8)};
-    }
-  }
-
-  > div:last-of-type {
-    display: grid;
-    gap: ${c(4)};
-  }
-`,P0=j.default.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${c(8)};
-`,C1=j.default.div`
-  display: flex;
-  align-items: center;
-  gap: ${c(4)};
-
-  color: ${p.neutral[600]};
-  border: 1px solid ${p.neutral[600]};
-  border-radius: ${c(4)};
-  padding: ${c(3)} ${c(4)};
-
-  line-height: 1em;
-  vertical-align: middle;
-
-  ${({checked:e})=>{if(e)return`
-        color: ${p.green[300]};
-        border-color: ${p.green[300]};
-      `}}
-`;function $0(){let e=n=>n?n.match(/[a-z]/i):!1,a=n=>n?n.match(/[0-9]/i):!1,r=n=>n?n.length>=6:!1;return{senhaContemLetra:e,senhaContemNumero:a,senhaContemMinimoDe6Caracteres:r,desabilitarBotaoDeCadastro:n=>!n.senha||!n.confirmarSenha||!e(n.senha)||!a(n.senha)||!r(n.senha)}}var d=require("react/jsx-runtime");function R0({logo:e,onTrocarMinhaSenha:a,...r}){let{senhaContemLetra:i,senhaContemNumero:n,senhaContemMinimoDe6Caracteres:l,desabilitarBotaoDeCadastro:u}=$0();return(0,d.jsx)(C,{...r,children:(0,d.jsxs)(k0,{children:[(0,d.jsxs)(T0,{children:[e&&(0,d.jsx)("div",{children:typeof e=="string"?(0,d.jsx)("img",{src:e,alt:"Logo do sistema"}):e}),(0,d.jsx)(L.Typography,{variant:"titleSM",children:"Vamos cadastrar uma nova senha de acesso."})]}),(0,d.jsx)(J.Form,{onSubmit:a,children:({watch:s})=>{let m=i(s("senha")),V=n(s("senha")),D=l(s("senha"));return(0,d.jsxs)(w0,{children:[(0,d.jsxs)(A0,{children:[(0,d.jsxs)("div",{children:[(0,d.jsx)(J.TextField,{type:"password",name:"senha",label:"Senha de acesso",required:!0,rules:D0.required}),(0,d.jsx)(J.TextField,{type:"password",name:"confirmarSenha",label:"Confirme sua senha",required:!0,rules:{validate:T=>{if(!T)return"Campo obrigat\xF3rio";if(T!==s("senha"))return"As senhas devem ser iguais"}}})]}),(0,d.jsxs)("div",{children:[(0,d.jsx)(L.Typography,{variant:"bodyXS",children:"Sua senha precisa conter:"}),(0,d.jsxs)(P0,{children:[(0,d.jsxs)(C1,{checked:!!m,children:[m&&(0,d.jsx)(L.LIcon,{icon:R,size:"16px",removeMargin:!0}),(0,d.jsx)(L.Typography,{variant:"bodyXS",children:"Uma letra"})]}),(0,d.jsxs)(C1,{checked:!!V,children:[V&&(0,d.jsx)(L.LIcon,{icon:R,size:"16px",removeMargin:!0}),(0,d.jsx)(L.Typography,{variant:"bodyXS",children:"Um n\xFAmero"})]}),(0,d.jsxs)(C1,{checked:!!D,children:[D&&(0,d.jsx)(L.LIcon,{icon:R,size:"16px",removeMargin:!0}),(0,d.jsx)(L.Typography,{variant:"bodyXS",children:"M\xEDnimo de 6 caracteres"})]})]})]})]}),(0,d.jsx)("div",{children:(0,d.jsx)(L.Button,{type:"submit",fullWidth:!0,disabled:u(s()),children:"Trocar minha senha"})})]})}})]})})}var X=require("@s_mart/core");var V1=M(require("@emotion/styled"));var F0=V1.default.div`
-  display: grid;
-  gap: ${c(32)};
-
-  > div {
-    display: grid;
-    gap: ${c(16)};
-  }
-`,O0=V1.default.header`
-  display: grid;
-  text-align: center;
-  gap: ${c(16)};
-`,_0=V1.default.div`
-  display: grid;
-  gap: ${c(32)};
-
-  > div:last-of-type {
-    display: grid;
-    gap: ${c(16)};
-  }
-`;var b1=require("@s_mart/form"),K=require("@s_mart/rules");var y=require("react/jsx-runtime");function B0({logo:e,onVoltarParaLogin:a,onConfirmar:r,...i}){let n=typeof e=="string"?(0,y.jsx)("img",{src:e,alt:"Logo do sistema"}):e,l=O("(max-width: 500px)");return(0,y.jsx)(C,{...i,paperStyle:{minWidth:l?void 0:456,width:l?"90%":void 0},children:(0,y.jsxs)(F0,{children:[(0,y.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:24},children:[(0,y.jsx)(O0,{children:e&&(0,y.jsx)("div",{children:n})}),(0,y.jsx)(X.Typography,{variant:"titleMD",textAlign:"center",children:"Esqueceu a senha?"}),(0,y.jsx)(X.Typography,{variant:"bodySM",textAlign:"center",children:"Informe seu e-mail de acesso para receber instru\xE7\xF5es e criar uma nova senha."})]}),(0,y.jsx)(b1.Form,{onSubmit:r,children:(0,y.jsxs)(_0,{children:[(0,y.jsx)("div",{children:(0,y.jsx)(b1.TextField,{name:"email",label:"E-mail de acesso",required:!0,rules:(0,K.composeValidators)([K.required,K.email]),type:"email"})}),(0,y.jsxs)("div",{children:[(0,y.jsx)(X.Button,{fullWidth:!0,type:"submit",children:"Confirmar"}),(0,y.jsx)(X.Button,{fullWidth:!0,onClick:a,variant:"neutral",children:"Voltar para login"})]})]})})]})})}0&&(module.exports={TelaCadastro,TelaConviteExpirado,TelaEsqueceuSenha,TelaInstrucoesEnviadas,TelaLogin,TelaNovaSenha,TemplateTelaBase});
-/*! Bundled license information:
-
-@mui/styled-engine/index.js:
-  (**
-   * @mui/styled-engine v5.14.6
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-@mui/material/index.js:
-  (**
-   * @mui/material v5.14.6
-   *
-   * @license MIT
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/
-/*! Bundled license information:
-
-react-is/cjs/react-is.production.min.js:
-  (** @license React v16.13.1
-   * react-is.production.min.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
-react-is/cjs/react-is.development.js:
-  (** @license React v16.13.1
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-*/