@consumidor-positivo/aurora 0.4.2 → 0.8.0

package/dist/components/Emphasis/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Emphasis/index.tsx"],"sourcesContent":["import { Text } from '@components/Text'\nimport { CSSProperties } from 'react'\n\nexport type CardEmphasisProps = {\n  content: { title: string; description?: string }[]\n  height?: number\n  maxHeight?: number\n}\nexport const CardEmphasis = ({\n  content,\n  height,\n  maxHeight,\n}: CardEmphasisProps) => {\n  const emphasisSize: CSSProperties = {\n    height: `${height}px`,\n    maxHeight: `${maxHeight}px`,\n  }\n\n  return (\n    <div style={emphasisSize} className=\"au-card__emphasis\">\n      {content?.map((item, index) => {\n        return (\n          <div key={`au-card-emphasis-${item.title}-${index}`} className=\"au-card__emphasis-container\">\n            <Text variant=\"body-small\" color=\"secondary\">\n              {item.title}\n            </Text>\n            <Text variant=\"body-small\" weight=\"semibold\">\n              {item.description}\n            </Text>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA,oBAAC,OAAI,EAAA,OAAO,cAAc,WAAU,qBACjC,UAAS,mCAAA,IAAI,CAAC,MAAM,UAAU;AAE3B,WAAA,qBAAC,OAAoD,EAAA,WAAU,+BAC7D,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,cAAa,OAAM,aAC9B,eAAK,OACR;AAAA,0BACC,MAAK,EAAA,SAAQ,cAAa,QAAO,YAC/B,eAAK,aACR;AAAA,IAAA,EAAA,GANQ,oBAAoB,KAAK,KAAK,IAAI,KAAK,EAOjD;AAAA,EAEH,GACH,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Emphasis/index.tsx"],"sourcesContent":["import { Text } from '@components/Text'\nimport { CSSProperties } from 'react'\n\nexport type CardEmphasisProps = {\n  content: { title: string; description?: string }[]\n  height?: number\n  maxHeight?: number\n}\nexport const CardEmphasis = ({\n  content,\n  height,\n  maxHeight,\n}: CardEmphasisProps) => {\n  const emphasisSize: CSSProperties = {\n    height: `${height}px`,\n    maxHeight: `${maxHeight}px`,\n  }\n\n  return (\n    <div style={emphasisSize} className=\"au-card__emphasis\">\n      {content?.map((item, index) => {\n        return (\n          <div key={`au-card-emphasis-${item.title}-${index}`} className=\"au-card__emphasis-container\">\n            <Text variant=\"body-small\" color=\"secondary\">\n              {item.title}\n            </Text>\n            <Text variant=\"body-small\" weight=\"semibold\">\n              {item.description}\n            </Text>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAGzB,SACE,oBAAC,OAAA,EAAI,OAAO,cAAc,WAAU,qBACjC,UAAA,mCAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,WACE,qBAAC,OAAA,EAAoD,WAAU,+BAC7D,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,cAAa,OAAM,aAC9B,eAAK,OACR;AAAA,0BACC,MAAA,EAAK,SAAQ,cAAa,QAAO,YAC/B,eAAK,YAAA,CACR;AAAA,IAAA,EAAA,GANQ,oBAAoB,KAAK,KAAK,IAAI,KAAK,EAOjD;AAAA,EAEJ,GAAC,CACH;AAEJ;"}

package/dist/components/ErrorMessage/index.es.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-const FieldErrorMessage = ({ hasError, message }) => {
+const FieldErrorMessage = ({ hasError, message, id }) => {
   if (!hasError || !message) return null;
-  return /* @__PURE__ */ jsx("p", { className: "au-field__message au-field__message--error", children: message });
+  return /* @__PURE__ */ jsx("p", { id, className: "au-field__message au-field__message--error", role: "alert", children: message });
 };
 export {
   FieldErrorMessage

package/dist/components/ErrorMessage/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/ErrorMessage/index.tsx"],"sourcesContent":["type ErrorMessageProps = {\n  hasError?: boolean\n  message?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message }: ErrorMessageProps) => {\n  if (!hasError || !message) return null\n\n\t\n  return <p className=\"au-field__message au-field__message--error\">{message}</p>\n}\n"],"names":[],"mappings":";AAKO,MAAM,oBAAoB,CAAC,EAAE,UAAU,cAAiC;AAC7E,MAAI,CAAC,YAAY,CAAC,QAAgB,QAAA;AAGlC,SAAQ,oBAAA,KAAA,EAAE,WAAU,8CAA8C,UAAQ,QAAA,CAAA;AAC5E;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/ErrorMessage/index.tsx"],"sourcesContent":["type ErrorMessageProps = {\n  hasError?: boolean\n  message?: string\n  id?: string\n}\n\nexport const FieldErrorMessage = ({ hasError, message, id }: ErrorMessageProps) => {\n  if (!hasError || !message) return null\n\n  return (\n    <p id={id} className=\"au-field__message au-field__message--error\" role=\"alert\">\n      {message}\n    </p>\n  )\n}\n"],"names":[],"mappings":";AAMO,MAAM,oBAAoB,CAAC,EAAE,UAAU,SAAS,SAA4B;AACjF,MAAI,CAAC,YAAY,CAAC,QAAS,QAAO;AAElC,6BACG,KAAA,EAAE,IAAQ,WAAU,8CAA6C,MAAK,SACpE,UAAA,SACH;AAEJ;"}

package/dist/components/Field/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import './styles.css';const RadioField = ({
   type = "radio",
   direction = "left",

package/dist/components/Field/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/Field/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { RadioFieldProps } from '../types'\nimport './styles.scss'\n\nexport const RadioField = ({\n  type = 'radio',\n  direction = 'left',\n  label,\n  error,\n  id,\n  disabled,\n  ...props\n}: RadioFieldProps) => {\n  const radioClasses = classNames('au-radio-field', {\n    'au-radio-field--left-direction': direction === 'left',\n    'au-radio-field--right-direction': direction === 'right',\n    'au-radio-field--disabled': !!disabled,\n    'au-radio-field--error': !!error,\n  })\n\n  const getSafeId = (id: RadioFieldProps['id']) => {\n    return id ? id : `au-radio-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n  \n  return (\n    <div className={radioClasses}>\n      <input\n        className=\"au-radio-field__input\"\n        type={type}\n        id={safeId}\n        disabled={disabled}\n        {...props}\n      />\n      <label className=\"au-radio-field__label\" htmlFor={safeId}>\n        {label}\n      </label>\n    </div>\n  )\n}\n"],"names":["id"],"mappings":";;;AAKO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACf,QAAA,eAAe,WAAW,kBAAkB;AAAA,IAChD,kCAAkC,cAAc;AAAA,IAChD,mCAAmC,cAAc;AAAA,IACjD,4BAA4B,CAAC,CAAC;AAAA,IAC9B,yBAAyB,CAAC,CAAC;AAAA,EAAA,CAC5B;AAEK,QAAA,YAAY,CAACA,QAA8B;AAC/C,WAAOA,MAAKA,MAAK,YAAY,KAAK,OAAQ,CAAA;AAAA,EAAA;AAE5C,QAAM,CAAC,MAAM,IAAI,SAAS,UAAU,EAAE,CAAC;AAGrC,SAAA,qBAAC,OAAI,EAAA,WAAW,cACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IACN;AAAA,wBACC,SAAM,EAAA,WAAU,yBAAwB,SAAS,QAC/C,UACH,OAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/Field/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { RadioFieldProps } from '../types'\nimport './styles.scss'\n\nexport const RadioField = ({\n  type = 'radio',\n  direction = 'left',\n  label,\n  error,\n  id,\n  disabled,\n  ...props\n}: RadioFieldProps) => {\n  const radioClasses = classNames('au-radio-field', {\n    'au-radio-field--left-direction': direction === 'left',\n    'au-radio-field--right-direction': direction === 'right',\n    'au-radio-field--disabled': !!disabled,\n    'au-radio-field--error': !!error,\n  })\n\n  const getSafeId = (id: RadioFieldProps['id']) => {\n    return id ? id : `au-radio-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n  \n  return (\n    <div className={radioClasses}>\n      <input\n        className=\"au-radio-field__input\"\n        type={type}\n        id={safeId}\n        disabled={disabled}\n        {...props}\n      />\n      <label className=\"au-radio-field__label\" htmlFor={safeId}>\n        {label}\n      </label>\n    </div>\n  )\n}\n"],"names":["id"],"mappings":";;;AAKO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,eAAe,WAAW,kBAAkB;AAAA,IAChD,kCAAkC,cAAc;AAAA,IAChD,mCAAmC,cAAc;AAAA,IACjD,4BAA4B,CAAC,CAAC;AAAA,IAC9B,yBAAyB,CAAC,CAAC;AAAA,EAAA,CAC5B;AAED,QAAM,YAAY,CAACA,QAA8B;AAC/C,WAAOA,MAAKA,MAAK,YAAY,KAAK,QAAQ;AAAA,EAC5C;AACA,QAAM,CAAC,MAAM,IAAI,SAAS,UAAU,EAAE,CAAC;AAEvC,SACE,qBAAC,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,wBAEL,SAAA,EAAM,WAAU,yBAAwB,SAAS,QAC/C,UAAA,MAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Field/styles.css

@@ -1 +1 @@
-.au-radio-field{cursor:pointer;display:flex;align-items:center;gap:8px;width:max-content}.au-radio-field--left-direction{flex-direction:row}.au-radio-field--right-direction{flex-direction:row-reverse}.au-radio-field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;cursor:pointer;position:relative;height:24px;width:24px}.au-radio-field__input:after,.au-radio-field__input:before{content:"";border-radius:50%;position:absolute}.au-radio-field__input:after{background-color:#454a54;content:"";height:10px;width:10px;left:7px;top:7px;transform:scale(0);transform-origin:center;transition:transform .2s}.au-radio-field__input:before{content:"";border:2px solid #454a54;height:24px;width:24px}.au-radio-field__input:checked:before{border-color:#0048db;background-color:#0048db;transition:all .2s ease}.au-radio-field__input:checked:after{background-color:#fff;transform:scale(1)}.au-radio-field__input:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #0048db}.au-radio-field__input:hover:not(:focus){background-color:#f2f5fc;outline:2px solid #F2F5FC}.au-radio-field__label{color:#454a54;font-size:16px;line-height:24px}.au-radio-field--disabled,.au-radio-field--disabled .au-radio-field__input{cursor:not-allowed}.au-radio-field--disabled .au-radio-field__input:before{border-color:#c4c9d4}.au-radio-field--disabled .au-radio-field__input:checked:before{background-color:#c4c9d4}.au-radio-field--disabled .au-radio-field__label{cursor:not-allowed;color:#c4c9d4}.au-radio-field--error .au-radio-field__input:before{border:2px solid #991717}.au-radio-field--error .au-radio-field__input:checked:before{border-color:#0048db}
+.au-radio-field{cursor:pointer;display:flex;align-items:center;gap:8px;width:max-content}.au-radio-field--left-direction{flex-direction:row}.au-radio-field--right-direction{flex-direction:row-reverse}.au-radio-field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:50%;cursor:pointer;position:relative;height:20px;width:20px}.au-radio-field__input:after,.au-radio-field__input:before{content:"";border-radius:50%;position:absolute}.au-radio-field__input:after{background-color:#454a54;content:"";height:8px;width:8px;left:6px;top:6px;transform:scale(0);transform-origin:center;transition:transform .2s}.au-radio-field__input:before{content:"";border:2px solid #454a54;height:20px;width:20px}.au-radio-field__input:checked:before{border-color:#0048db;background-color:#0048db;transition:all .2s ease}.au-radio-field__input:checked:after{background-color:#fff;transform:scale(1)}.au-radio-field__input:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #0048db}.au-radio-field__input:hover:not(:focus){background-color:#f2f5fc;outline:2px solid #F2F5FC}.au-radio-field__label{color:#454a54;font-size:14px;line-height:22px}.au-radio-field--disabled,.au-radio-field--disabled .au-radio-field__input{cursor:not-allowed}.au-radio-field--disabled .au-radio-field__input:before{border-color:#c4c9d4}.au-radio-field--disabled .au-radio-field__input:checked:before{background-color:#c4c9d4}.au-radio-field--disabled .au-radio-field__label{cursor:not-allowed;color:#c4c9d4}.au-radio-field--error .au-radio-field__input:before{border:2px solid #991717}.au-radio-field--error .au-radio-field__input:checked:before{border-color:#0048db}

package/dist/components/Footer/index.d.ts

@@ -1,3 +1,2 @@
 import { FooterProps } from './types';
-
 export declare const Footer: ({ logo, categoryLinks, socialLinks, cnpj, address, companyOverview, certificates, copyrights, stores, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Footer/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
 import { IconFacebook } from "../icons/IconFacebook/index.es.js";
@@ -102,52 +102,43 @@ const Footer = ({
       url: stores[store]
     };
   });
-  const handleClick = (url) => {
-    window.open(url, "_blank");
-  };
   const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile();
   if (categoryLinks) {
-    return /* @__PURE__ */ jsx("footer", { role: "contentinfo", className: "au-footer-full", children: /* @__PURE__ */ jsxs("div", { className: "au-footer-full__container", children: [
+    return /* @__PURE__ */ jsx("footer", { className: "au-footer-full", children: /* @__PURE__ */ jsxs("div", { className: "au-footer-full__container", children: [
       /* @__PURE__ */ jsx("div", { className: "au-footer-full__logo", children: logo }),
       /* @__PURE__ */ jsxs("div", { className: "au-footer-full__links", children: [
         categoryLinks.map(({ categoryTitle, links }, index) => {
           return /* @__PURE__ */ jsxs("div", { className: "au-footer-full__links-category", children: [
             /* @__PURE__ */ jsx(Text, { as: "h2", variant: "heading-micro", weight: "bold", children: categoryTitle }),
             links.map(({ title, url }, index2) => {
-              return /* @__PURE__ */ jsx(
-                "div",
+              return url ? /* @__PURE__ */ jsx(
+                "a",
                 {
-                  className: classNames("au-footer-full__links", {
-                    "au-footer-full__links--is-clickable": !!url
-                  }),
-                  onClick: () => url && handleClick(url),
-                  children: /* @__PURE__ */ jsx(
-                    Text,
-                    {
-                      as: "a",
-                      variant: "body-medium",
-                      weight: "regular",
-                      color: "secondary",
-                      children: title
-                    }
-                  )
+                  className: "au-footer-full__links au-footer-full__links--is-clickable",
+                  href: url,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", weight: "regular", color: "secondary", children: title })
                 },
                 index2
-              );
+              ) : /* @__PURE__ */ jsx("span", { className: "au-footer-full__links", children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-medium", weight: "regular", color: "secondary", children: title }) }, index2);
             })
           ] }, index);
         }),
         /* @__PURE__ */ jsxs("div", { className: "au-footer-full__company-info", children: [
           /* @__PURE__ */ jsx(Text, { as: "h2", variant: "heading-micro", weight: "bold", children: "Siga a gente" }),
-          /* @__PURE__ */ jsx("div", { className: "au-footer-full__links-socials", children: usedSocials.map(({ icon, url }, index) => {
+          /* @__PURE__ */ jsx("div", { className: "au-footer-full__links-socials", children: usedSocials.map(({ icon, url, name }, index) => {
             return /* @__PURE__ */ jsx(
-              "div",
+              "a",
               {
                 className: classNames("au-footer-full__links", {
                   "au-footer-full__links--is-clickable": !!url
                 }),
-                onClick: () => url && handleClick(url),
-                children: icon
+                href: url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                "aria-label": `Siga-nos no ${name}`,
+                children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: icon })
               },
               index
             );
@@ -185,10 +176,11 @@ const Footer = ({
                 /* @__PURE__ */ jsx(
                   Text,
                   {
-                    as: "h2",
+                    as: "strong",
                     variant: "body-medium",
                     weight: "bold",
                     color: "secondary",
+                    className: "au-footer-full__address-label",
                     children: "Localização (sem atendimento ao público):"
                   }
                 ),
@@ -214,15 +206,22 @@ const Footer = ({
               }
             ),
             usedStores.map(({ icon, url, name }, index) => {
-              return /* @__PURE__ */ jsx(
+              return url ? /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: url,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  className: "au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable",
+                  children: /* @__PURE__ */ jsx(LazyImage, { src: icon, alt: name })
+                },
+                index
+              ) : /* @__PURE__ */ jsx(
                 LazyImage,
                 {
-                  className: classNames("au-footer-full__stores-logo", {
-                    "au-footer-full__stores-logo--is-clickable": !!url
-                  }),
+                  className: "au-footer-full__stores-logo",
                   src: icon,
-                  alt: name,
-                  onClick: () => url && handleClick(url)
+                  alt: name
                 },
                 index
               );
@@ -254,15 +253,22 @@ const Footer = ({
                   }
                 ),
                 usedStores.map(({ icon, url, name }, index) => {
-                  return /* @__PURE__ */ jsx(
+                  return url ? /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: url,
+                      target: "_blank",
+                      rel: "noopener noreferrer",
+                      className: "au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable",
+                      children: /* @__PURE__ */ jsx(LazyImage, { src: icon, alt: name })
+                    },
+                    index
+                  ) : /* @__PURE__ */ jsx(
                     LazyImage,
                     {
-                      className: classNames("au-footer-full__stores-logo", {
-                        "au-footer-full__stores-logo--is-clickable": !!url
-                      }),
+                      className: "au-footer-full__stores-logo",
                       src: icon,
-                      alt: name,
-                      onClick: () => url && handleClick(url)
+                      alt: name
                     },
                     index
                   );
@@ -285,7 +291,7 @@ const Footer = ({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx("footer", { role: "contentinfo", className: "au-footer", children: /* @__PURE__ */ jsx("div", { className: "au-footer__container", children: /* @__PURE__ */ jsxs("div", { className: "au-footer__content", children: [
+  return /* @__PURE__ */ jsx("footer", { className: "au-footer", children: /* @__PURE__ */ jsx("div", { className: "au-footer__container", children: /* @__PURE__ */ jsxs("div", { className: "au-footer__content", children: [
     /* @__PURE__ */ jsxs("div", { className: "au-footer__content-logos", children: [
       logo,
       /* @__PURE__ */ jsx("div", { className: "au-footer__content-divider" }),
@@ -296,7 +302,7 @@ const Footer = ({
     /* @__PURE__ */ jsx("div", { className: "au-footer__content-copyrights", children: /* @__PURE__ */ jsx(
       Text,
       {
-        as: "h2",
+        as: "p",
         variant: "body-medium",
         weight: "regular",
         color: "secondary",

package/dist/components/Footer/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n  IconInstagram,\n  IconFacebook,\n  IconYoutube,\n  IconLinkedin,\n  IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n  fintech2022: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n    name: 'Melhores Fintechs 2022',\n  },\n  fintech2023: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n    name: 'Melhores Fintechs 2023',\n  },\n  pcidss: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n    name: 'PCI DSS Compliant',\n  },\n  quintessa: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n    name: 'Quintessa',\n  },\n  ra1000: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n    name: 'RA 1000',\n  },\n  reclameaqui: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n    name: 'Ótimo Reclame Aqui',\n  },\n  scaleup: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n    name: 'Scale Up',\n  },\n  sslblindado: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n    name: 'SSL Blindado',\n  },\n}\nexport const socialsMap = {\n  instagram: {\n    name: 'Instagram',\n    icon: <IconInstagram />,\n  },\n  facebook: {\n    name: 'Facebook',\n    icon: <IconFacebook />,\n  },\n  youtube: {\n    name: 'Youtube',\n    icon: <IconYoutube />,\n  },\n  linkedin: {\n    name: 'Linkedin',\n    icon: <IconLinkedin />,\n  },\n  tiktok: {\n    name: 'TikTok',\n    icon: <IconTiktok />,\n  },\n}\n\nexport const storesMap = {\n  googleplay: {\n    name: 'Google Play',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n  },\n  appstore: {\n    name: 'App Store',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n  },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n  logo,\n  categoryLinks,\n  socialLinks,\n  cnpj,\n  address,\n  companyOverview,\n  certificates,\n  copyrights,\n  stores = {},\n}: FooterProps) => {\n  const usedCertificates = certificates.map(\n    (certificate) => certificatesMap[certificate],\n  )\n\n  const usedSocials = Object.keys(socialLinks).map((social) => {\n    return {\n      ...socialsMap[social as keyof typeof socialsMap],\n      url: socialLinks[social as keyof typeof socialLinks],\n    }\n  })\n\n  const usedStores = Object.keys(stores).map((store) => {\n    return {\n      ...storesMap[store as keyof typeof storesMap],\n      url: stores[store as keyof typeof stores],\n    }\n  })\n\n  const handleClick = (url: string) => {\n    window.open(url, '_blank')\n  }\n\n  const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n  \n  if (categoryLinks) {\n    return (\n      <footer role=\"contentinfo\" className=\"au-footer-full\">\n        <div className=\"au-footer-full__container\">\n          <div className=\"au-footer-full__logo\">{logo}</div>\n          <div className=\"au-footer-full__links\">\n            {categoryLinks.map(({ categoryTitle, links }, index) => {\n              return (\n                <div key={index} className=\"au-footer-full__links-category\">\n                  <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                    {categoryTitle}\n                  </Text>\n                  {links.map(({ title, url }, index) => {\n                    return (\n                      <div\n                        className={classNames('au-footer-full__links', {\n                          'au-footer-full__links--is-clickable': !!url,\n                        })}\n                        key={index}\n                        onClick={() => url && handleClick(url)}>\n                        <Text\n                          as=\"a\"\n                          variant=\"body-medium\"\n                          weight=\"regular\"\n                          color=\"secondary\">\n                          {title}\n                        </Text>\n                      </div>\n                    )\n                  })}\n                </div>\n              )\n            })}\n            <div className=\"au-footer-full__company-info\">\n              <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                Siga a gente\n              </Text>\n              <div className=\"au-footer-full__links-socials\">\n                {usedSocials.map(({ icon, url }, index) => {\n                  return (\n                    <div\n                      className={classNames('au-footer-full__links', {\n                        'au-footer-full__links--is-clickable': !!url,\n                      })}\n                      key={index}\n                      onClick={() => url && handleClick(url)}>\n                      {icon}\n                    </div>\n                  )\n                })}\n              </div>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  weight=\"bold\"\n                  color=\"secondary\">\n                  CNPJ:\n                </Text> {cnpj}\n              </Text>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"h2\"\n                  variant=\"body-medium\"\n                  weight=\"bold\"\n                  color=\"secondary\">\n                  Localização (sem atendimento ao público):\n                </Text>\n                {address}\n              </Text>\n            </div>\n          </div>\n          <Conditional\n            condition={!!usedStores.length && Boolean(isMobile())}\n            renderIf={\n              <div className=\"au-footer-full__stores\">\n                <Text\n                  className=\"au-footer-full__stores-title\"\n                  as=\"h2\"\n                  variant=\"heading-micro\"\n                  weight=\"bold\">\n                  Baixe nosso app\n                </Text>\n                {usedStores.map(({ icon, url, name }, index) => {\n                  return (\n                    <LazyImage\n                      className={classNames('au-footer-full__stores-logo', {\n                        'au-footer-full__stores-logo--is-clickable': !!url,\n                      })}\n                      key={index}\n                      src={icon}\n                      alt={name}\n                      onClick={() => url && handleClick(url)}\n                    />\n                  )\n                })}\n              </div>\n            }\n          />\n          {companyOverview && (\n            <div className=\"au-footer-full__company-overview\">\n              <Text color=\"secondary\">{companyOverview}</Text>\n            </div>\n          )}\n          <div className=\"au-footer-full__bottom\">\n            <div className={classNames(\"au-footer-full__bottom-certificates\", {\n              'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n            })}>\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n            <div className=\"au-footer-full__bottom-side\">\n              <Conditional\n                condition={!!usedStores.length && !isMobile()}\n                renderIf={\n                  <div className=\"au-footer-full__stores\">\n                    <Text\n                      className=\"au-footer-full__stores-title\"\n                      as=\"h2\"\n                      variant=\"heading-micro\"\n                      weight=\"bold\">\n                      Baixe nosso app\n                    </Text>\n                    {usedStores.map(({ icon, url, name }, index) => {\n                      return (\n                        <LazyImage\n                          className={classNames('au-footer-full__stores-logo', {\n                            'au-footer-full__stores-logo--is-clickable': !!url,\n                          })}\n                          key={index}\n                          src={icon}\n                          alt={name}\n                          onClick={() => url && handleClick(url)}\n                        />\n                      )\n                    })}\n                  </div>\n                }\n              />\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\"\n                className=\"au-footer-full__copyrights\"\n                dangerouslySetInnerHTML={copyrights}\n              />\n            </div>\n          </div>\n        </div>\n      </footer>\n    )\n  }\n\n  return (\n    <footer role=\"contentinfo\" className=\"au-footer\">\n      <div className=\"au-footer__container\">\n        <div className=\"au-footer__content\">\n          <div className=\"au-footer__content-logos\">\n            {logo}\n            <div className=\"au-footer__content-divider\" />\n            <div className=\"au-footer__content-certificates\">\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n          </div>\n          <div className=\"au-footer__content-copyrights\">\n            <Text\n              as=\"h2\"\n              variant=\"body-medium\"\n              weight=\"regular\"\n              color=\"secondary\">\n              {copyrights}\n            </Text>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"names":["index","logo"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n  IconInstagram,\n  IconFacebook,\n  IconYoutube,\n  IconLinkedin,\n  IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n  fintech2022: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n    name: 'Melhores Fintechs 2022',\n  },\n  fintech2023: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n    name: 'Melhores Fintechs 2023',\n  },\n  pcidss: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n    name: 'PCI DSS Compliant',\n  },\n  quintessa: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n    name: 'Quintessa',\n  },\n  ra1000: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n    name: 'RA 1000',\n  },\n  reclameaqui: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n    name: 'Ótimo Reclame Aqui',\n  },\n  scaleup: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n    name: 'Scale Up',\n  },\n  sslblindado: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n    name: 'SSL Blindado',\n  },\n}\nexport const socialsMap = {\n  instagram: {\n    name: 'Instagram',\n    icon: <IconInstagram />,\n  },\n  facebook: {\n    name: 'Facebook',\n    icon: <IconFacebook />,\n  },\n  youtube: {\n    name: 'Youtube',\n    icon: <IconYoutube />,\n  },\n  linkedin: {\n    name: 'Linkedin',\n    icon: <IconLinkedin />,\n  },\n  tiktok: {\n    name: 'TikTok',\n    icon: <IconTiktok />,\n  },\n}\n\nexport const storesMap = {\n  googleplay: {\n    name: 'Google Play',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n  },\n  appstore: {\n    name: 'App Store',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n  },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n  logo,\n  categoryLinks,\n  socialLinks,\n  cnpj,\n  address,\n  companyOverview,\n  certificates,\n  copyrights,\n  stores = {},\n}: FooterProps) => {\n  const usedCertificates = certificates.map(\n    (certificate) => certificatesMap[certificate],\n  )\n\n  const usedSocials = Object.keys(socialLinks).map((social) => {\n    return {\n      ...socialsMap[social as keyof typeof socialsMap],\n      url: socialLinks[social as keyof typeof socialLinks],\n    }\n  })\n\n  const usedStores = Object.keys(stores).map((store) => {\n    return {\n      ...storesMap[store as keyof typeof storesMap],\n      url: stores[store as keyof typeof stores],\n    }\n  })\n\n  const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n  \n  if (categoryLinks) {\n    return (\n      <footer className=\"au-footer-full\">\n        <div className=\"au-footer-full__container\">\n          <div className=\"au-footer-full__logo\">{logo}</div>\n          <div className=\"au-footer-full__links\">\n            {categoryLinks.map(({ categoryTitle, links }, index) => {\n              return (\n                <div key={index} className=\"au-footer-full__links-category\">\n                  <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                    {categoryTitle}\n                  </Text>\n                  {links.map(({ title, url }, index) => {\n                    return url ? (\n                      <a\n                        key={index}\n                        className=\"au-footer-full__links au-footer-full__links--is-clickable\"\n                        href={url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\" color=\"secondary\">\n                          {title}\n                        </Text>\n                      </a>\n                    ) : (\n                      <span key={index} className=\"au-footer-full__links\">\n                        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\" color=\"secondary\">\n                          {title}\n                        </Text>\n                      </span>\n                    )\n                  })}\n                </div>\n              )\n            })}\n            <div className=\"au-footer-full__company-info\">\n              <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                Siga a gente\n              </Text>\n              <div className=\"au-footer-full__links-socials\">\n                {usedSocials.map(({ icon, url, name }, index) => {\n                  return (\n                    <a\n                      key={index}\n                      className={classNames('au-footer-full__links', {\n                        'au-footer-full__links--is-clickable': !!url,\n                      })}\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={`Siga-nos no ${name}`}>\n                      <span aria-hidden=\"true\">{icon}</span>\n                    </a>\n                  )\n                })}\n              </div>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  weight=\"bold\"\n                  color=\"secondary\">\n                  CNPJ:\n                </Text> {cnpj}\n              </Text>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  variant=\"body-medium\"\n                  weight=\"bold\"\n                  color=\"secondary\"\n                  className=\"au-footer-full__address-label\">\n                  Localização (sem atendimento ao público):\n                </Text>\n                {address}\n              </Text>\n            </div>\n          </div>\n          <Conditional\n            condition={!!usedStores.length && Boolean(isMobile())}\n            renderIf={\n              <div className=\"au-footer-full__stores\">\n                <Text\n                  className=\"au-footer-full__stores-title\"\n                  as=\"h2\"\n                  variant=\"heading-micro\"\n                  weight=\"bold\">\n                  Baixe nosso app\n                </Text>\n                {usedStores.map(({ icon, url, name }, index) => {\n                  return url ? (\n                    <a\n                      key={index}\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable\">\n                      <LazyImage src={icon} alt={name} />\n                    </a>\n                  ) : (\n                    <LazyImage\n                      className=\"au-footer-full__stores-logo\"\n                      key={index}\n                      src={icon}\n                      alt={name}\n                    />\n                  )\n                })}\n              </div>\n            }\n          />\n          {companyOverview && (\n            <div className=\"au-footer-full__company-overview\">\n              <Text color=\"secondary\">{companyOverview}</Text>\n            </div>\n          )}\n          <div className=\"au-footer-full__bottom\">\n            <div className={classNames(\"au-footer-full__bottom-certificates\", {\n              'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n            })}>\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n            <div className=\"au-footer-full__bottom-side\">\n              <Conditional\n                condition={!!usedStores.length && !isMobile()}\n                renderIf={\n                  <div className=\"au-footer-full__stores\">\n                    <Text\n                      className=\"au-footer-full__stores-title\"\n                      as=\"h2\"\n                      variant=\"heading-micro\"\n                      weight=\"bold\">\n                      Baixe nosso app\n                    </Text>\n                    {usedStores.map(({ icon, url, name }, index) => {\n                      return url ? (\n                        <a\n                          key={index}\n                          href={url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable\">\n                          <LazyImage src={icon} alt={name} />\n                        </a>\n                      ) : (\n                        <LazyImage\n                          className=\"au-footer-full__stores-logo\"\n                          key={index}\n                          src={icon}\n                          alt={name}\n                        />\n                      )\n                    })}\n                  </div>\n                }\n              />\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\"\n                className=\"au-footer-full__copyrights\"\n                dangerouslySetInnerHTML={copyrights}\n              />\n            </div>\n          </div>\n        </div>\n      </footer>\n    )\n  }\n\n  return (\n    <footer className=\"au-footer\">\n      <div className=\"au-footer__container\">\n        <div className=\"au-footer__content\">\n          <div className=\"au-footer__content-logos\">\n            {logo}\n            <div className=\"au-footer__content-divider\" />\n            <div className=\"au-footer__content-certificates\">\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n          </div>\n          <div className=\"au-footer__content-copyrights\">\n            <Text\n              as=\"p\"\n              variant=\"body-medium\"\n              weight=\"regular\"\n              color=\"secondary\">\n              {copyrights}\n            </Text>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"names":["index","logo"],"mappings":"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"}

package/dist/components/Footer/styles.css

@@ -1 +1 @@
-.au-footer{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer{padding-block:48px}}.au-footer__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer__container{padding:0 16px}}.au-footer__container{display:flex;flex-direction:column;gap:48px}.au-footer__content{display:flex;align-items:center;justify-content:space-between}@media (max-width: 1023px){.au-footer__content{gap:32px;flex-direction:column}}.au-footer__content-logos{display:flex;gap:16px;align-items:center}@media (max-width: 1023px){.au-footer__content-logos{gap:32px;flex-direction:column}}.au-footer__content-divider{display:none}@media (min-width: 1024px){.au-footer__content-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__content-certificates{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 1023px){.au-footer__content-certificates{justify-content:center;padding-top:32px;border-top:1px solid #e2e4e9}}@media (min-width: 1024px){.au-footer__content-certificates{margin-right:8px}}.au-footer__content-copyrights{max-width:385px;text-align:center}@media (min-width: 1024px){.au-footer__content-copyrights{text-align:right}}.au-footer__bottom{display:flex;align-items:center;justify-content:center;text-align:center}.au-footer-full{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer-full{padding-block:48px}}@media (min-width: 1024px){.au-footer-full{padding-block:64px}}.au-footer-full__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer-full__container{padding:0 16px}}.au-footer-full__container{gap:32px;display:flex;flex-direction:column}@media (min-width: 1024px){.au-footer-full__container{gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links--is-clickable{cursor:pointer}.au-footer-full__links--is-clickable:hover .au-text{color:#16181d}.au-footer-full__links-category{max-width:272px;display:flex;flex-direction:column;gap:16px}.au-footer-full__links-socials{display:flex;align-items:center;gap:16px}.au-footer-full__company-info{max-width:320px;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.au-footer-full__company-info{gap:16px}}.au-footer-full__company-overview{padding-top:32px;border-top:1px solid #e2e4e9}@media (min-width: 1024px){.au-footer-full__company-overview{padding-top:48px}}.au-footer-full__bottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:32px}@media (min-width: 1024px){.au-footer-full__bottom{gap:48px;flex-direction:row;padding-top:48px;border-top:1px solid #e2e4e9}}.au-footer-full__bottom-certificates{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap;gap:32px 0px}.au-footer-full__bottom-certificates--with-border{border-top:1px solid #e2e4e9;padding-top:32px}@media (min-width: 1024px){.au-footer-full__bottom-certificates{justify-content:start;flex-wrap:nowrap;gap:32px}}.au-footer-full__bottom-side{display:flex;width:100%;flex-direction:column;align-items:center;border-top:1px solid #e2e4e9;text-align:center}@media (min-width: 1024px){.au-footer-full__bottom-side{border-top:0;text-align:right;align-items:flex-end}}.au-footer-full__stores{display:flex;gap:13px;flex-wrap:wrap;align-items:center}@media (min-width: 1024px){.au-footer-full__stores{gap:16px}}.au-footer-full__stores-title{text-align:left}@media (max-width: 599px){.au-footer-full__stores-title{width:100%}}.au-footer-full__stores-logo{cursor:pointer;max-width:129px}@media (max-width: 599px){.au-footer-full__stores-logo{flex:1}}@media (min-width: 1024px){.au-footer-full__stores-logo{width:117px}}.au-footer-full__stores-logo--is-clickable{cursor:pointer}.au-footer-full__stores-logo--is-clickable:hover{opacity:.6}.au-footer-full__copyrights{padding-top:32px}@media (min-width: 1024px){.au-footer-full__copyrights{padding-top:16px}}
+.au-footer{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media(min-width:600px){.au-footer{padding-block:48px}}.au-footer__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.au-footer__container{padding:0 16px}}.au-footer__container{display:flex;flex-direction:column;gap:48px}.au-footer__content{display:flex;align-items:center;justify-content:space-between}@media(max-width:1023px){.au-footer__content{gap:32px;flex-direction:column}}.au-footer__content-logos{display:flex;gap:16px;align-items:center}@media(max-width:1023px){.au-footer__content-logos{gap:32px;flex-direction:column}}.au-footer__content-divider{display:none}@media(min-width:1024px){.au-footer__content-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__content-certificates{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}@media(max-width:1023px){.au-footer__content-certificates{justify-content:center;padding-top:32px;border-top:1px solid #e2e4e9}}@media(min-width:1024px){.au-footer__content-certificates{margin-right:8px}}.au-footer__content-copyrights{max-width:385px;text-align:center}@media(min-width:1024px){.au-footer__content-copyrights{text-align:right}}.au-footer__bottom{display:flex;align-items:center;justify-content:center;text-align:center}.au-footer-full{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media(min-width:600px){.au-footer-full{padding-block:48px}}@media(min-width:1024px){.au-footer-full{padding-block:64px}}.au-footer-full__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media(min-width:1024px){.au-footer-full__container{padding:0 16px}}.au-footer-full__container{gap:32px;display:flex;flex-direction:column}@media(min-width:1024px){.au-footer-full__container{gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links--is-clickable{cursor:pointer}.au-footer-full__links--is-clickable:hover .au-text{color:#16181d}.au-footer-full__links-category{max-width:272px;display:flex;flex-direction:column;gap:16px}.au-footer-full__links-socials{display:flex;align-items:center;gap:16px}.au-footer-full__company-info{max-width:320px;display:flex;flex-direction:column;gap:24px}@media(min-width:1024px){.au-footer-full__company-info{gap:16px}}.au-footer-full__address-label{display:block}.au-footer-full__company-overview{padding-top:32px;border-top:1px solid #e2e4e9}@media(min-width:1024px){.au-footer-full__company-overview{padding-top:48px}}.au-footer-full__bottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:32px}@media(min-width:1024px){.au-footer-full__bottom{gap:48px;flex-direction:row;padding-top:48px;border-top:1px solid #e2e4e9}}.au-footer-full__bottom-certificates{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap;gap:32px 0px}.au-footer-full__bottom-certificates--with-border{border-top:1px solid #e2e4e9;padding-top:32px}@media(min-width:1024px){.au-footer-full__bottom-certificates{justify-content:start;flex-wrap:nowrap;gap:32px}}.au-footer-full__bottom-side{display:flex;width:100%;flex-direction:column;align-items:center;border-top:1px solid #e2e4e9;text-align:center}@media(min-width:1024px){.au-footer-full__bottom-side{border-top:0;text-align:right;align-items:flex-end}}.au-footer-full__stores{display:flex;gap:13px;flex-wrap:wrap;align-items:center}@media(min-width:1024px){.au-footer-full__stores{gap:16px}}.au-footer-full__stores-title{text-align:left}@media(max-width:599px){.au-footer-full__stores-title{width:100%}}.au-footer-full__stores-logo{color:inherit;text-decoration:none;cursor:pointer;max-width:129px}@media(max-width:599px){.au-footer-full__stores-logo{flex:1}}@media(min-width:1024px){.au-footer-full__stores-logo{width:117px}}.au-footer-full__stores-logo--is-clickable{cursor:pointer}.au-footer-full__stores-logo--is-clickable:hover{opacity:.6}.au-footer-full__copyrights{padding-top:32px}@media(min-width:1024px){.au-footer-full__copyrights{padding-top:16px}}

package/dist/components/Footer/types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { certificatesMap } from './data';
-
 export type Link = {
     title: string | ReactNode | JSX.Element | JSX.Element[];
     url?: string;

package/dist/components/Group/index.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
-import $dbSRa$react__default, { useState } from "react";
+import $8WNJc$react__default, { useState } from "react";
 import { RadioField } from "../Field/index.es.js";
 import './styles.css';const RadioGroup = ({
   name = "",
@@ -24,8 +24,8 @@ import './styles.css';const RadioGroup = ({
     return name2 ? name2 : `au-radio-group-${Math.random()}`;
   };
   const [safeName] = useState(getSafeName(name));
-  const childrenWithProps = $dbSRa$react__default.Children.map(children, (child) => {
-    if ($dbSRa$react__default.isValidElement(child)) {
+  const childrenWithProps = $8WNJc$react__default.Children.map(children, (child) => {
+    if ($8WNJc$react__default.isValidElement(child)) {
       const childProps = child.props;
       return /* @__PURE__ */ jsx(
         RadioField,

package/dist/components/Group/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/Group/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport React, { useState } from 'react'\nimport { RadioField } from '../Field'\nimport { RadioFieldProps, RadioGroupProps } from '../types'\n\nexport const RadioGroup = ({\n  name = '',\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n}: RadioGroupProps) => {\n  const groupClass = classNames('au-radio-group', {\n    'au-radio-group--horizontal': orientation === 'horizontal',\n  })\n\n  const getSafeName = (name: string): string => {\n    return name ? name : `au-radio-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as RadioFieldProps\n\n      return (\n        <RadioField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={onChange}\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-radio-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-radio-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["name","React"],"mappings":";;;;;;;AASO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACf,QAAA,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAEK,QAAA,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,OAAQ,CAAA;AAAA,EAAA;AAEtD,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAC5D,QAAAA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAGvB,aAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA,gBAAgB,iBAAiB,WAAW;AAAA,UAC5C;AAAA,UACA;AAAA,UACC,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACO,WAAA;AAAA,EAAA,CACR;AAGC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAK,EAAA,SAAQ,cAAa,QAAO,YAAW,OAAM,aAChD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAK,EAAA,WAAU,mCAAkC,UAAC,KAAA;AAAA,QAAA,GAEvD;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,0BAA0B,UAAkB,mBAAA;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,EAChE,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/Group/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport React, { useState } from 'react'\nimport { RadioField } from '../Field'\nimport { RadioFieldProps, RadioGroupProps } from '../types'\n\nexport const RadioGroup = ({\n  name = '',\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n}: RadioGroupProps) => {\n  const groupClass = classNames('au-radio-group', {\n    'au-radio-group--horizontal': orientation === 'horizontal',\n  })\n\n  const getSafeName = (name: string): string => {\n    return name ? name : `au-radio-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as RadioFieldProps\n\n      return (\n        <RadioField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={onChange}\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-radio-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-radio-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["name","React"],"mappings":";;;;;;;AASO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAED,QAAM,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,QAAQ;AAAA,EACtD;AACA,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAChE,QAAIA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAEzB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA,gBAAgB,iBAAiB,WAAW;AAAA,UAC5C;AAAA,UACA;AAAA,UACC,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAA,EAAK,SAAQ,cAAa,QAAO,YAAW,OAAM,aAChD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAA,EAAK,WAAU,mCAAkC,UAAA,IAAA,CAAC;AAAA,QAAA,EAAA,CAEvD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,mBAAkB;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,aAAA,CAAc;AAAA,EAAA,GAChE;AAEJ;"}

package/dist/components/Header/index.d.ts

@@ -8,7 +8,6 @@ import { HeaderNavigationProps } from './parts/HeaderNavigation';
 import { HeaderProfileProps } from './parts/HeaderProfile';
 import { HeaderWrapProps } from './parts/HeaderWrap';
 import { NavbarDataProps } from './types';
-
 type Components = {
     Actions: React.FC<HeaderActionsProps>;
     Badges: React.FC<HeaderBadgesProps>;

package/dist/components/Header/index.es.js

@@ -1,8 +1,9 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import { IconMenu } from "../icons/IconMenu/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { useState, useId } from "react";
 import { Text } from "../Text/index.es.js";
 import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
 import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
@@ -28,10 +29,21 @@ const HeaderBadges = ({
   return /* @__PURE__ */ jsx("div", { className: componentClass, children });
 };
 const HeaderButton = ({ children, onClick }) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__button", onClick, children });
+  return /* @__PURE__ */ jsx("button", { type: "button", className: "au-header__button", onClick, children });
 };
-const HeaderHamburger = ({ onClick }) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__hamburger", children: /* @__PURE__ */ jsx("div", { className: "au-header__hamburger", onClick, children: /* @__PURE__ */ jsx(IconMenu, {}) }) });
+const HeaderHamburger = ({ onClick, isOpen, controls }) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "au-header__hamburger",
+      onClick,
+      "aria-label": "Abrir menu de navegação",
+      "aria-expanded": isOpen,
+      "aria-controls": controls,
+      children: /* @__PURE__ */ jsx(IconMenu, { "aria-hidden": "true" })
+    }
+  );
 };
 const HeaderLogo = ({
   children,
@@ -64,50 +76,71 @@ const HeaderNavbar = ({ data, renderItem }) => {
 const HeaderNavbarLink = (navItem) => {
   const { name, dropdown, active, href } = navItem;
   const isDropdown = !!dropdown && dropdown.length;
+  const [isOpen, setIsOpen] = useState(false);
+  const dropdownId = useId();
   function handleItemClick(item, ev) {
     if (item.onClick) {
       ev.preventDefault();
       item.onClick();
     }
   }
+  const handleDropdownOpen = () => isDropdown && setIsOpen(true);
+  const handleDropdownClose = () => isDropdown && setIsOpen(false);
+  const handleDropdownBlur = (ev) => {
+    if (isDropdown && !ev.currentTarget.contains(ev.relatedTarget)) {
+      setIsOpen(false);
+    }
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: classNames("au-header__navbar-item", {
         "au-header__navbar-item--is-dropdown": dropdown,
-        "au-header__navbar-item--is-active": active
+        "au-header__navbar-item--is-active": active,
+        "au-header__navbar-item--is-open": isOpen
       }),
+      onMouseEnter: handleDropdownOpen,
+      onMouseLeave: handleDropdownClose,
+      onFocus: handleDropdownOpen,
+      onBlur: handleDropdownBlur,
       children: [
-        /* @__PURE__ */ jsxs(
+        isDropdown ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": isOpen,
+            "aria-haspopup": "true",
+            "aria-controls": dropdownId,
+            title: name,
+            onClick: (ev) => handleItemClick(navItem, ev),
+            className: classNames("au-header__navbar-link", "au-header__navbar-link--is-dropdown", {
+              "au-header__navbar-link--is-active": active
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Text, { as: "span", variant: "heading-micro", weight: "light", children: name }),
+              /* @__PURE__ */ jsx(IconChevronDown, { "aria-hidden": "true" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx(
           Text,
           {
-            as: isDropdown ? "div" : "a",
+            as: "a",
             variant: "heading-micro",
             weight: "light",
             href,
             onClick: (ev) => handleItemClick(navItem, ev),
             title: name,
             className: classNames("au-header__navbar-link", {
-              "au-header__navbar-link--is-dropdown": dropdown,
               "au-header__navbar-link--is-active": active
             }),
-            children: [
-              name,
-              /* @__PURE__ */ jsx(
-                Conditional,
-                {
-                  condition: !!(dropdown == null ? void 0 : dropdown.length),
-                  renderIf: /* @__PURE__ */ jsx(IconChevronDown, {})
-                }
-              )
-            ]
+            children: name
           }
         ),
         /* @__PURE__ */ jsx(
           Conditional,
           {
             condition: !!(dropdown == null ? void 0 : dropdown.length),
-            renderIf: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "au-header__dropdown", children: dropdown == null ? void 0 : dropdown.map((item) => {
+            renderIf: /* @__PURE__ */ jsx("div", { id: dropdownId, className: "au-header__dropdown", "aria-hidden": !isOpen, children: dropdown == null ? void 0 : dropdown.map((item) => {
               return /* @__PURE__ */ jsx(
                 Text,
                 {
@@ -116,6 +149,7 @@ const HeaderNavbarLink = (navItem) => {
                   href: item.href,
                   onClick: (ev) => handleItemClick(item, ev),
                   weight: "light",
+                  tabIndex: isOpen ? void 0 : -1,
                   className: classNames("au-header__dropdown-link", {
                     "au-header__dropdown-link--is-active": item.active
                   }),
@@ -124,7 +158,7 @@ const HeaderNavbarLink = (navItem) => {
                 },
                 item.name
               );
-            }) }) })
+            }) })
           }
         )
       ]
@@ -147,23 +181,57 @@ const HeaderProfile = ({
       Conditional,
       {
         condition: visible,
-        renderIf: /* @__PURE__ */ jsxs("div", { className: "au-header__profile-notifications", onClick, children: [
-          /* @__PURE__ */ jsx(IconBell, {}),
-          /* @__PURE__ */ jsx(
-            Conditional,
-            {
-              condition: !!shouldShowBadge,
-              renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__profile-notifications-badge", children: count && count > 0 ? count : null })
-            }
-          )
-        ] })
+        renderIf: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "au-header__profile-notifications",
+            onClick,
+            "aria-label": shouldShowBadge ? `Notificações, ${count && count > 0 ? count : "novas"}` : "Notificações",
+            children: [
+              /* @__PURE__ */ jsx(IconBell, { "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx(
+                Conditional,
+                {
+                  condition: !!shouldShowBadge,
+                  renderIf: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "au-header__profile-notifications-badge",
+                      "aria-hidden": "true",
+                      children: count && count > 0 ? count : null
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: "au-header__profile-menu-mobile", onClick: onClickMenu, children: /* @__PURE__ */ jsx(IconMenu, {}) }),
-    /* @__PURE__ */ jsxs("div", { className: "au-header__profile-menu", onClick: onClickMenu, children: [
-      /* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: initialLetters }),
-      /* @__PURE__ */ jsx(IconChevronDown, {})
-    ] })
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "au-header__profile-menu-mobile",
+        onClick: onClickMenu,
+        "aria-label": "Abrir menu de perfil",
+        children: /* @__PURE__ */ jsx(IconMenu, { "aria-hidden": "true" })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "au-header__profile-menu",
+        onClick: onClickMenu,
+        "aria-label": `Menu de ${fullName}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "au-header__profile-letters", "aria-hidden": "true", children: initialLetters }),
+          /* @__PURE__ */ jsx(IconChevronDown, { "aria-hidden": "true" })
+        ]
+      }
+    )
   ] });
 };
 const HeaderWrap = ({