@consumidor-positivo/aurora 0.11.1 → 1.0.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;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;"}
+{"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  'data-testid'?: string\n}\nexport const CardEmphasis = ({\n  content,\n  height,\n  maxHeight,\n  'data-testid': dataTestId,\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\" data-testid={dataTestId}>\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":";;AASO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAGzB,SACE,oBAAC,OAAA,EAAI,OAAO,cAAc,WAAU,qBAAoB,eAAa,YAClE,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/Footer/index.d.ts

@@ -1,2 +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;
+export declare const Footer: ({ logo, categoryLinks, socialLinks, cnpj, address, companyOverview, certificates, copyrights, stores, "data-testid": dataTestId, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { Text } from "../Text/index.es.js";
+import "react";
 import "../Icon/index.es.js";
 import { IconFacebook } from "../icons/IconFacebook/index.es.js";
 import { IconInstagram } from "../icons/IconInstagram/index.es.js";
@@ -85,7 +86,8 @@ const Footer = ({
   companyOverview,
   certificates,
   copyrights,
-  stores = {}
+  stores = {},
+  "data-testid": dataTestId
 }) => {
   const usedCertificates = certificates.map(
     (certificate) => certificatesMap[certificate]
@@ -104,7 +106,7 @@ const Footer = ({
   });
   const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile();
   if (categoryLinks) {
-    return /* @__PURE__ */ jsx("footer", { className: "au-footer-full", children: /* @__PURE__ */ jsxs("div", { className: "au-footer-full__container", children: [
+    return /* @__PURE__ */ jsx("footer", { className: "au-footer-full", "data-testid": dataTestId, 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) => {
@@ -291,7 +293,7 @@ const Footer = ({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx("footer", { 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", "data-testid": dataTestId, 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" }),

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 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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"}
+{"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  'data-testid': dataTestId,\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\" data-testid={dataTestId}>\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\" data-testid={dataTestId}>\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/types.d.ts

@@ -30,4 +30,5 @@ export type FooterProps = {
     companyOverview?: string | ReactNode | JSX.Element | JSX.Element[];
     certificates: Array<Certificate>;
     copyrights: string | ReactNode | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };

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

@@ -15,7 +15,8 @@ import './styles.css';const RadioGroup = ({
   required = false,
   children,
   onChange,
-  onFocus
+  onFocus,
+  "data-testid": dataTestId
 }) => {
   const groupClass = classNames("au-radio-group", {
     "au-radio-group--horizontal": orientation === "horizontal"
@@ -41,7 +42,7 @@ import './styles.css';const RadioGroup = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsxs("div", { className: groupClass, children: [
+  return /* @__PURE__ */ jsxs("div", { className: groupClass, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(
       Conditional,
       {

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;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;"}
+{"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  'data-testid': dataTestId,\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} data-testid={dataTestId}>\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;AAAA,EACA,eAAe;AACjB,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,YAAY,eAAa,YACvC,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.es.js

@@ -1,37 +1,61 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { useState, useId } from "react";
 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";
 import { IconBell } from "../icons/IconBell/index.es.js";
-import './styles.css';const HeaderActions = ({ children, divider }) => {
+import './styles.css';const HeaderActions = ({
+  children,
+  divider,
+  "data-testid": dataTestId
+}) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: classNames("au-header__actions", {
         "au-header__actions--divider": divider
       }),
+      "data-testid": dataTestId,
       children
     }
   );
 };
 const HeaderBadges = ({
   children,
-  limitBadgeWidth = true
+  limitBadgeWidth = true,
+  "data-testid": dataTestId
 }) => {
   const componentClass = classNames("au-header__badges", {
     "au-header__badges--limited-width": limitBadgeWidth
   });
-  return /* @__PURE__ */ jsx("div", { className: componentClass, children });
+  return /* @__PURE__ */ jsx("div", { className: componentClass, "data-testid": dataTestId, children });
 };
-const HeaderButton = ({ children, onClick }) => {
-  return /* @__PURE__ */ jsx("button", { type: "button", className: "au-header__button", onClick, children });
+const HeaderButton = ({
+  children,
+  onClick,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: "au-header__button",
+      onClick,
+      "data-testid": dataTestId,
+      children
+    }
+  );
 };
-const HeaderHamburger = ({ onClick, isOpen, controls }) => {
+const HeaderHamburger = ({
+  onClick,
+  isOpen,
+  controls,
+  "data-testid": dataTestId
+}) => {
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -41,6 +65,7 @@ const HeaderHamburger = ({ onClick, isOpen, controls }) => {
       "aria-label": "Abrir menu de navegação",
       "aria-expanded": isOpen,
       "aria-controls": controls,
+      "data-testid": dataTestId,
       children: /* @__PURE__ */ jsx(IconMenu, { "aria-hidden": "true" })
     }
   );
@@ -48,9 +73,10 @@ const HeaderHamburger = ({ onClick, isOpen, controls }) => {
 const HeaderLogo = ({
   children,
   renderMobile,
-  renderDesktop
+  renderDesktop,
+  "data-testid": dataTestId
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-header__logo", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-header__logo", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(
       Conditional,
       {
@@ -68,13 +94,17 @@ const HeaderLogo = ({
     children
   ] });
 };
-const HeaderNavbar = ({ data, renderItem }) => {
-  return /* @__PURE__ */ jsx("nav", { role: "navigation", className: "au-header__navbar", children: data == null ? void 0 : data.map((item) => {
+const HeaderNavbar = ({
+  data,
+  renderItem,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ jsx("nav", { role: "navigation", className: "au-header__navbar", "data-testid": dataTestId, children: data == null ? void 0 : data.map((item) => {
     return renderItem(item);
   }) });
 };
 const HeaderNavbarLink = (navItem) => {
-  const { name, dropdown, active, href } = navItem;
+  const { name, dropdown, active, href, "data-testid": dataTestId } = navItem;
   const isDropdown = !!dropdown && dropdown.length;
   const [isOpen, setIsOpen] = useState(false);
   const dropdownId = useId();
@@ -103,6 +133,7 @@ const HeaderNavbarLink = (navItem) => {
       onMouseLeave: handleDropdownClose,
       onFocus: handleDropdownOpen,
       onBlur: handleDropdownBlur,
+      "data-testid": dataTestId,
       children: [
         isDropdown ? /* @__PURE__ */ jsxs(
           "button",
@@ -165,18 +196,22 @@ const HeaderNavbarLink = (navItem) => {
     }
   );
 };
-const HeaderNavigation = ({ children }) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__navigation", children });
+const HeaderNavigation = ({
+  children,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__navigation", "data-testid": dataTestId, children });
 };
 const HeaderProfile = ({
   fullName,
   onClickMenu,
-  notifications = {}
+  notifications = {},
+  "data-testid": dataTestId
 }) => {
   const initialLetters = getInitialLetters(fullName);
   const { visible = true, hasUnread = false, count, onClick } = notifications;
   const shouldShowBadge = count && count > 0 || hasUnread;
-  return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(
       Conditional,
       {
@@ -236,7 +271,8 @@ const HeaderProfile = ({
 };
 const HeaderWrap = ({
   children,
-  position = "static"
+  position = "static",
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */ jsx(
     "header",
@@ -246,6 +282,7 @@ const HeaderWrap = ({
         "au-header--fixed": position === "fixed",
         "au-header--static": position === "static"
       }),
+      "data-testid": dataTestId,
       children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children })
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderBadges.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderHamburger.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx","../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n  return (\n    <div\n      className={classNames('au-header__actions', {\n        'au-header__actions--divider': divider,\n      })}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  limitBadgeWidth?: boolean\n}\n\nexport const HeaderBadges = ({\n  children,\n  limitBadgeWidth = true,\n}: HeaderBadgesProps) => {\n  const componentClass = classNames('au-header__badges', {\n    'au-header__badges--limited-width': limitBadgeWidth,\n  })\n  return <div className={componentClass}>{children}</div>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderButtonProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n}\n\nexport const HeaderButton = ({ children, onClick }: HeaderButtonProps) => {\n  return (\n    <button type=\"button\" className=\"au-header__button\" onClick={onClick}>\n      {children}\n    </button>\n  )\n}\n","import { IconMenu } from '@components/icons/default'\n\nexport type HeaderHamburgerProps = {\n  onClick?: () => void\n  isOpen?: boolean\n  controls?: string\n}\n\nexport const HeaderHamburger = ({ onClick, isOpen, controls }: HeaderHamburgerProps) => {\n  return (\n    <button\n      type=\"button\"\n      className=\"au-header__hamburger\"\n      onClick={onClick}\n      aria-label=\"Abrir menu de navegação\"\n      aria-expanded={isOpen}\n      aria-controls={controls}>\n      <IconMenu aria-hidden=\"true\" />\n    </button>\n  )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '@components/misc'\n\nexport type HeaderLogoProps = {\n  children?: ReactNode | string | JSX.Element | JSX.Element[]\n  renderMobile?: ReactNode | string | JSX.Element | JSX.Element[]\n  renderDesktop?: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderLogo = ({\n  children,\n  renderMobile,\n  renderDesktop,\n}: HeaderLogoProps) => {\n  return (\n    <div className=\"au-header__logo\">\n      <Conditional\n        condition={!!renderMobile}\n        renderIf={<div className=\"au-header__logo--mobile\">{renderMobile}</div>}\n      />\n      <Conditional\n        condition={!!renderDesktop}\n        renderIf={\n          <div className=\"au-header__logo--desktop\">{renderDesktop}</div>\n        }\n      />\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n  data: NavbarDataProps[]\n  renderItem: (\n    item: NavbarDataProps,\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n  return (\n    <nav role=\"navigation\" className=\"au-header__navbar\">\n      {data?.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import { useState, useId } from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconChevronDown } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = (navItem: NavbarDataProps) => {\n  const { name, dropdown, active, href } = navItem\n  const isDropdown = !!dropdown && dropdown.length\n  const [isOpen, setIsOpen] = useState(false)\n  const dropdownId = useId()\n\n  function handleItemClick(item: NavbarDataProps, ev: React.MouseEvent) {\n    if (item.onClick) {\n      ev.preventDefault()\n      item.onClick()\n    }\n  }\n\n  const handleDropdownOpen = () => isDropdown && setIsOpen(true)\n  const handleDropdownClose = () => isDropdown && setIsOpen(false)\n  const handleDropdownBlur = (ev: React.FocusEvent<HTMLDivElement>) => {\n    if (isDropdown && !ev.currentTarget.contains(ev.relatedTarget as Node)) {\n      setIsOpen(false)\n    }\n  }\n\n  return (\n    <div\n      className={classNames('au-header__navbar-item', {\n        'au-header__navbar-item--is-dropdown': dropdown,\n        'au-header__navbar-item--is-active': active,\n        'au-header__navbar-item--is-open': isOpen,\n      })}\n      onMouseEnter={handleDropdownOpen}\n      onMouseLeave={handleDropdownClose}\n      onFocus={handleDropdownOpen}\n      onBlur={handleDropdownBlur}>\n      {isDropdown ? (\n        <button\n          type=\"button\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"true\"\n          aria-controls={dropdownId}\n          title={name}\n          onClick={(ev) => handleItemClick(navItem, ev)}\n          className={classNames('au-header__navbar-link', 'au-header__navbar-link--is-dropdown', {\n            'au-header__navbar-link--is-active': active,\n          })}>\n          <Text as=\"span\" variant=\"heading-micro\" weight=\"light\">\n            {name}\n          </Text>\n          <IconChevronDown aria-hidden=\"true\" />\n        </button>\n      ) : (\n        <Text\n          as=\"a\"\n          variant=\"heading-micro\"\n          weight=\"light\"\n          href={href}\n          onClick={(ev) => handleItemClick(navItem, ev)}\n          title={name}\n          className={classNames('au-header__navbar-link', {\n            'au-header__navbar-link--is-active': active,\n          })}>\n          {name}\n        </Text>\n      )}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <div id={dropdownId} className=\"au-header__dropdown\" aria-hidden={!isOpen}>\n            {dropdown?.map((item) => {\n              return (\n                <Text\n                  key={item.name}\n                  as=\"a\"\n                  variant=\"heading-micro\"\n                  href={item.href}\n                  onClick={(ev) => handleItemClick(item, ev)}\n                  weight=\"light\"\n                  tabIndex={isOpen ? undefined : -1}\n                  className={classNames('au-header__dropdown-link', {\n                    'au-header__dropdown-link--is-active': item.active,\n                  })}\n                  title={item.name}>\n                  {item.name}\n                </Text>\n              )\n            })}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n  return <div className=\"au-header__navigation\">{children}</div>\n}\n","import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\n\nexport type NotificationsConfig = {\n  visible?: boolean\n  count?: number\n  hasUnread?: boolean\n  onClick?: () => void\n}\n\nexport type HeaderProfileProps = {\n  fullName: string\n  onClickMenu?: () => void\n  notifications?: NotificationsConfig\n}\n\nexport const HeaderProfile = ({\n  fullName,\n  onClickMenu,\n  notifications = {},\n}: HeaderProfileProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  const { visible = true, hasUnread = false, count, onClick } = notifications\n  const shouldShowBadge = (count && count > 0) || hasUnread\n\n  return (\n    <div className=\"au-header__profile\">\n      <Conditional\n        condition={visible}\n        renderIf={\n          <button\n            type=\"button\"\n            className=\"au-header__profile-notifications\"\n            onClick={onClick}\n            aria-label={\n              shouldShowBadge\n                ? `Notificações, ${count && count > 0 ? count : 'novas'}`\n                : 'Notificações'\n            }>\n            <IconBell aria-hidden=\"true\" />\n            <Conditional\n              condition={!!shouldShowBadge}\n              renderIf={\n                <span\n                  className=\"au-header__profile-notifications-badge\"\n                  aria-hidden=\"true\">\n                  {count && count > 0 ? count : null}\n                </span>\n              }\n            />\n          </button>\n        }\n      />\n\n      <button\n        type=\"button\"\n        className=\"au-header__profile-menu-mobile\"\n        onClick={onClickMenu}\n        aria-label=\"Abrir menu de perfil\">\n        <IconMenu aria-hidden=\"true\" />\n      </button>\n\n      <button\n        type=\"button\"\n        className=\"au-header__profile-menu\"\n        onClick={onClickMenu}\n        aria-label={`Menu de ${fullName}`}>\n        <span className=\"au-header__profile-letters\" aria-hidden=\"true\">\n          {initialLetters}\n        </span>\n        <IconChevronDown aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  position?: 'static' | 'fixed'\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderWrap = ({\n  children,\n  position = 'static',\n}: HeaderWrapProps) => {\n  return (\n    <header\n      role=\"banner\"\n      className={classNames('au-header', {\n        'au-header--fixed': position === 'fixed',\n        'au-header--static': position === 'static',\n      })}>\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderHamburger, HeaderHamburgerProps } from './parts/HeaderHamburger'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\n\ntype Components = {\n  Actions: React.FC<HeaderActionsProps>\n  Badges: React.FC<HeaderBadgesProps>\n  Button: React.FC<HeaderButtonProps>\n  Hamburger: React.FC<HeaderHamburgerProps>\n  Logo: React.FC<HeaderLogoProps>\n  Navbar: React.FC<HeaderNavbarProps>\n  NavbarLink: React.FC<NavbarDataProps>\n  Navigation: React.FC<HeaderNavigationProps>\n  Profile: React.FC<HeaderProfileProps>\n  Root: React.FC<HeaderWrapProps>\n}\n\nconst components: Components = {\n  Actions: HeaderActions,\n  Badges: HeaderBadges,\n  Button: HeaderButton,\n  Hamburger: HeaderHamburger,\n  Logo: HeaderLogo,\n  Navbar: HeaderNavbar,\n  NavbarLink: HeaderNavbarLink,\n  Navigation: HeaderNavigation,\n  Profile: HeaderProfile,\n  Root: Header,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Header.${key}`\n})\n\nexport { components as Header }\n"],"names":["Header"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderBadges.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderHamburger.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx","../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  divider?: boolean\n  'data-testid'?: string\n}\n\nexport const HeaderActions = ({\n  children,\n  divider,\n  'data-testid': dataTestId,\n}: HeaderActionsProps) => {\n  return (\n    <div\n      className={classNames('au-header__actions', {\n        'au-header__actions--divider': divider,\n      })}\n      data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  limitBadgeWidth?: boolean\n  'data-testid'?: string\n}\n\nexport const HeaderBadges = ({\n  children,\n  limitBadgeWidth = true,\n  'data-testid': dataTestId,\n}: HeaderBadgesProps) => {\n  const componentClass = classNames('au-header__badges', {\n    'au-header__badges--limited-width': limitBadgeWidth,\n  })\n  return <div className={componentClass} data-testid={dataTestId}>{children}</div>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderButtonProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  'data-testid'?: string\n}\n\nexport const HeaderButton = ({\n  children,\n  onClick,\n  'data-testid': dataTestId,\n}: HeaderButtonProps) => {\n  return (\n    <button\n      type=\"button\"\n      className=\"au-header__button\"\n      onClick={onClick}\n      data-testid={dataTestId}>\n      {children}\n    </button>\n  )\n}\n","import { IconMenu } from '@components/icons/default'\n\nexport type HeaderHamburgerProps = {\n  onClick?: () => void\n  isOpen?: boolean\n  controls?: string\n  'data-testid'?: string\n}\n\nexport const HeaderHamburger = ({\n  onClick,\n  isOpen,\n  controls,\n  'data-testid': dataTestId,\n}: HeaderHamburgerProps) => {\n  return (\n    <button\n      type=\"button\"\n      className=\"au-header__hamburger\"\n      onClick={onClick}\n      aria-label=\"Abrir menu de navegação\"\n      aria-expanded={isOpen}\n      aria-controls={controls}\n      data-testid={dataTestId}>\n      <IconMenu aria-hidden=\"true\" />\n    </button>\n  )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '@components/misc'\n\nexport type HeaderLogoProps = {\n  children?: ReactNode | string | JSX.Element | JSX.Element[]\n  renderMobile?: ReactNode | string | JSX.Element | JSX.Element[]\n  renderDesktop?: ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\nexport const HeaderLogo = ({\n  children,\n  renderMobile,\n  renderDesktop,\n  'data-testid': dataTestId,\n}: HeaderLogoProps) => {\n  return (\n    <div className=\"au-header__logo\" data-testid={dataTestId}>\n      <Conditional\n        condition={!!renderMobile}\n        renderIf={<div className=\"au-header__logo--mobile\">{renderMobile}</div>}\n      />\n      <Conditional\n        condition={!!renderDesktop}\n        renderIf={\n          <div className=\"au-header__logo--desktop\">{renderDesktop}</div>\n        }\n      />\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n  data: NavbarDataProps[]\n  renderItem: (\n    item: NavbarDataProps,\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\nexport const HeaderNavbar = ({\n  data,\n  renderItem,\n  'data-testid': dataTestId,\n}: HeaderNavbarProps) => {\n  return (\n    <nav role=\"navigation\" className=\"au-header__navbar\" data-testid={dataTestId}>\n      {data?.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import { useState, useId } from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconChevronDown } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = (navItem: NavbarDataProps) => {\n  const { name, dropdown, active, href, 'data-testid': dataTestId } = navItem\n  const isDropdown = !!dropdown && dropdown.length\n  const [isOpen, setIsOpen] = useState(false)\n  const dropdownId = useId()\n\n  function handleItemClick(item: NavbarDataProps, ev: React.MouseEvent) {\n    if (item.onClick) {\n      ev.preventDefault()\n      item.onClick()\n    }\n  }\n\n  const handleDropdownOpen = () => isDropdown && setIsOpen(true)\n  const handleDropdownClose = () => isDropdown && setIsOpen(false)\n  const handleDropdownBlur = (ev: React.FocusEvent<HTMLDivElement>) => {\n    if (isDropdown && !ev.currentTarget.contains(ev.relatedTarget as Node)) {\n      setIsOpen(false)\n    }\n  }\n\n  return (\n    <div\n      className={classNames('au-header__navbar-item', {\n        'au-header__navbar-item--is-dropdown': dropdown,\n        'au-header__navbar-item--is-active': active,\n        'au-header__navbar-item--is-open': isOpen,\n      })}\n      onMouseEnter={handleDropdownOpen}\n      onMouseLeave={handleDropdownClose}\n      onFocus={handleDropdownOpen}\n      onBlur={handleDropdownBlur}\n      data-testid={dataTestId}>\n      {isDropdown ? (\n        <button\n          type=\"button\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"true\"\n          aria-controls={dropdownId}\n          title={name}\n          onClick={(ev) => handleItemClick(navItem, ev)}\n          className={classNames('au-header__navbar-link', 'au-header__navbar-link--is-dropdown', {\n            'au-header__navbar-link--is-active': active,\n          })}>\n          <Text as=\"span\" variant=\"heading-micro\" weight=\"light\">\n            {name}\n          </Text>\n          <IconChevronDown aria-hidden=\"true\" />\n        </button>\n      ) : (\n        <Text\n          as=\"a\"\n          variant=\"heading-micro\"\n          weight=\"light\"\n          href={href}\n          onClick={(ev) => handleItemClick(navItem, ev)}\n          title={name}\n          className={classNames('au-header__navbar-link', {\n            'au-header__navbar-link--is-active': active,\n          })}>\n          {name}\n        </Text>\n      )}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <div id={dropdownId} className=\"au-header__dropdown\" aria-hidden={!isOpen}>\n            {dropdown?.map((item) => {\n              return (\n                <Text\n                  key={item.name}\n                  as=\"a\"\n                  variant=\"heading-micro\"\n                  href={item.href}\n                  onClick={(ev) => handleItemClick(item, ev)}\n                  weight=\"light\"\n                  tabIndex={isOpen ? undefined : -1}\n                  className={classNames('au-header__dropdown-link', {\n                    'au-header__dropdown-link--is-active': item.active,\n                  })}\n                  title={item.name}>\n                  {item.name}\n                </Text>\n              )\n            })}\n          </div>\n        }\n      />\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\nexport const HeaderNavigation = ({\n  children,\n  'data-testid': dataTestId,\n}: HeaderNavigationProps) => {\n  return <div className=\"au-header__navigation\" data-testid={dataTestId}>{children}</div>\n}\n","import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\n\nexport type NotificationsConfig = {\n  visible?: boolean\n  count?: number\n  hasUnread?: boolean\n  onClick?: () => void\n}\n\nexport type HeaderProfileProps = {\n  fullName: string\n  onClickMenu?: () => void\n  notifications?: NotificationsConfig\n  'data-testid'?: string\n}\n\nexport const HeaderProfile = ({\n  fullName,\n  onClickMenu,\n  notifications = {},\n  'data-testid': dataTestId,\n}: HeaderProfileProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  const { visible = true, hasUnread = false, count, onClick } = notifications\n  const shouldShowBadge = (count && count > 0) || hasUnread\n\n  return (\n    <div className=\"au-header__profile\" data-testid={dataTestId}>\n      <Conditional\n        condition={visible}\n        renderIf={\n          <button\n            type=\"button\"\n            className=\"au-header__profile-notifications\"\n            onClick={onClick}\n            aria-label={\n              shouldShowBadge\n                ? `Notificações, ${count && count > 0 ? count : 'novas'}`\n                : 'Notificações'\n            }>\n            <IconBell aria-hidden=\"true\" />\n            <Conditional\n              condition={!!shouldShowBadge}\n              renderIf={\n                <span\n                  className=\"au-header__profile-notifications-badge\"\n                  aria-hidden=\"true\">\n                  {count && count > 0 ? count : null}\n                </span>\n              }\n            />\n          </button>\n        }\n      />\n\n      <button\n        type=\"button\"\n        className=\"au-header__profile-menu-mobile\"\n        onClick={onClickMenu}\n        aria-label=\"Abrir menu de perfil\">\n        <IconMenu aria-hidden=\"true\" />\n      </button>\n\n      <button\n        type=\"button\"\n        className=\"au-header__profile-menu\"\n        onClick={onClickMenu}\n        aria-label={`Menu de ${fullName}`}>\n        <span className=\"au-header__profile-letters\" aria-hidden=\"true\">\n          {initialLetters}\n        </span>\n        <IconChevronDown aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n  position?: 'static' | 'fixed'\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\nexport const HeaderWrap = ({\n  children,\n  position = 'static',\n  'data-testid': dataTestId,\n}: HeaderWrapProps) => {\n  return (\n    <header\n      role=\"banner\"\n      className={classNames('au-header', {\n        'au-header--fixed': position === 'fixed',\n        'au-header--static': position === 'static',\n      })}\n      data-testid={dataTestId}>\n      <div className=\"au-header__container\">{children}</div>\n    </header>\n  )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderHamburger, HeaderHamburgerProps } from './parts/HeaderHamburger'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\n\ntype Components = {\n  Actions: React.FC<HeaderActionsProps>\n  Badges: React.FC<HeaderBadgesProps>\n  Button: React.FC<HeaderButtonProps>\n  Hamburger: React.FC<HeaderHamburgerProps>\n  Logo: React.FC<HeaderLogoProps>\n  Navbar: React.FC<HeaderNavbarProps>\n  NavbarLink: React.FC<NavbarDataProps>\n  Navigation: React.FC<HeaderNavigationProps>\n  Profile: React.FC<HeaderProfileProps>\n  Root: React.FC<HeaderWrapProps>\n}\n\nconst components: Components = {\n  Actions: HeaderActions,\n  Badges: HeaderBadges,\n  Button: HeaderButton,\n  Hamburger: HeaderHamburger,\n  Logo: HeaderLogo,\n  Navbar: HeaderNavbar,\n  NavbarLink: HeaderNavbarLink,\n  Navigation: HeaderNavigation,\n  Profile: HeaderProfile,\n  Root: Header,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Header.${key}`\n})\n\nexport { components as Header }\n"],"names":["Header"],"mappings":"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"}

package/dist/components/Header/parts/HeaderActions.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export type HeaderActionsProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
     divider?: boolean;
+    'data-testid'?: string;
 };
-export declare const HeaderActions: ({ children, divider }: HeaderActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderActions: ({ children, divider, "data-testid": dataTestId, }: HeaderActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderBadges.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export type HeaderBadgesProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
     limitBadgeWidth?: boolean;
+    'data-testid'?: string;
 };
-export declare const HeaderBadges: ({ children, limitBadgeWidth, }: HeaderBadgesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderBadges: ({ children, limitBadgeWidth, "data-testid": dataTestId, }: HeaderBadgesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderButton.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export type HeaderButtonProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
     onClick: () => void;
+    'data-testid'?: string;
 };
-export declare const HeaderButton: ({ children, onClick }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderButton: ({ children, onClick, "data-testid": dataTestId, }: HeaderButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderHamburger.d.ts

@@ -2,5 +2,6 @@ export type HeaderHamburgerProps = {
     onClick?: () => void;
     isOpen?: boolean;
     controls?: string;
+    'data-testid'?: string;
 };
-export declare const HeaderHamburger: ({ onClick, isOpen, controls }: HeaderHamburgerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderHamburger: ({ onClick, isOpen, controls, "data-testid": dataTestId, }: HeaderHamburgerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderLogo.d.ts

@@ -3,5 +3,6 @@ export type HeaderLogoProps = {
     children?: ReactNode | string | JSX.Element | JSX.Element[];
     renderMobile?: ReactNode | string | JSX.Element | JSX.Element[];
     renderDesktop?: ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
-export declare const HeaderLogo: ({ children, renderMobile, renderDesktop, }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderLogo: ({ children, renderMobile, renderDesktop, "data-testid": dataTestId, }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderNavbar.d.ts

@@ -3,5 +3,6 @@ import { NavbarDataProps } from '../types';
 export type HeaderNavbarProps = {
     data: NavbarDataProps[];
     renderItem: (item: NavbarDataProps) => ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
-export declare const HeaderNavbar: ({ data, renderItem }: HeaderNavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderNavbar: ({ data, renderItem, "data-testid": dataTestId, }: HeaderNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderNavigation.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export type HeaderNavigationProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
-export declare const HeaderNavigation: ({ children }: HeaderNavigationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderNavigation: ({ children, "data-testid": dataTestId, }: HeaderNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderProfile.d.ts

@@ -8,5 +8,6 @@ export type HeaderProfileProps = {
     fullName: string;
     onClickMenu?: () => void;
     notifications?: NotificationsConfig;
+    'data-testid'?: string;
 };
-export declare const HeaderProfile: ({ fullName, onClickMenu, notifications, }: HeaderProfileProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderProfile: ({ fullName, onClickMenu, notifications, "data-testid": dataTestId, }: HeaderProfileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/parts/HeaderWrap.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export type HeaderWrapProps = {
     position?: 'static' | 'fixed';
     children: ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
-export declare const HeaderWrap: ({ children, position, }: HeaderWrapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderWrap: ({ children, position, "data-testid": dataTestId, }: HeaderWrapProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,5 @@ export type NavbarDataProps = {
     active?: boolean;
     href?: string;
     dropdown?: NavbarDataProps[];
+    'data-testid'?: string;
 };

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

@@ -1,17 +1,30 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
-import './styles.css';const Icon = ({
+import { useId, useMemo } from "react";
+import './styles.css';function _namespaceSvgIds(markup, uid) {
+  return markup.replace(
+    /(\s)id=(['"])([^'"]+)\2/g,
+    (_match, space, quote, id) => `${space}id=${quote}${id}_${uid}${quote}`
+  ).replace(/url\(#([^)]+)\)/g, (_match, id) => `url(#${id}_${uid})`).replace(/href=(['"])#([^'"]+)\1/g, (_match, quote, id) => `href=${quote}#${id}_${uid}${quote}`);
+}
+const Icon = ({
   markup,
   name,
   size,
   color,
   rawColor,
   className,
-  onClick
+  onClick,
+  "data-testid": dataTestId
 }) => {
   const iconStyle = {
     ...rawColor && { color: rawColor }
   };
+  const uid = useId().replace(/[^a-zA-Z0-9]/g, "");
+  const namespacedMarkup = useMemo(
+    () => markup ? _namespaceSvgIds(markup, uid) : "",
+    [markup, uid]
+  );
   const componentClass = classNames("au-icon", {
     [`au-icon--${name == null ? void 0 : name.toLocaleLowerCase()}`]: !!name,
     "au-icon--color-raw": !!rawColor,
@@ -29,8 +42,9 @@ import './styles.css';const Icon = ({
       style: iconStyle,
       onClick,
       className: componentClass,
+      "data-testid": dataTestId,
       dangerouslySetInnerHTML: {
-        __html: markup || ""
+        __html: namespacedMarkup
       }
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type IconSize = 'large' | 'medium' | 'small' | 'default'\nexport type IconColor = 'dark' | 'info' | 'default' | 'success'\n\nexport type IconProps = {\n  size?: IconSize\n  color?: IconColor\n  rawColor?: string\n  className?: string\n  onClick?: () => void\n}\ntype BaseIconProps = IconProps & {\n  markup?: string\n  name?: string\n}\n\nconst Icon: React.FC<BaseIconProps> = ({\n  markup,\n  name,\n  size,\n  color,\n  rawColor,\n  className,\n  onClick,\n}: BaseIconProps) => {\n  const iconStyle: React.CSSProperties = {\n    ...(rawColor && { color: rawColor }),\n  }\n\n  const componentClass = classNames('au-icon', {\n    [`au-icon--${name?.toLocaleLowerCase()}`]: !!name,\n    'au-icon--color-raw': !!rawColor,\n    'au-icon--color-dark': color === 'dark',\n    'au-icon--color-info': color === 'info',\n    'au-icon--color-success': color === 'success',\n    'au-icon--size-large': size === 'large',\n    'au-icon--size-medium': size === 'medium',\n    'au-icon--size-small': size === 'small',\n    [`${className}`]: !!className,\n  })\n\n  return (\n    <div\n      style={iconStyle}\n      onClick={onClick}\n      className={componentClass}\n      dangerouslySetInnerHTML={{\n        __html: markup || '',\n      }}\n    />\n  )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;AAkBA,MAAM,OAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,YAAiC;AAAA,IACrC,GAAI,YAAY,EAAE,OAAO,SAAA;AAAA,EAAS;AAGpC,QAAM,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,6BAAM,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7C,sBAAsB,CAAC,CAAC;AAAA,IACxB,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,UAAU;AAAA,IACjC,0BAA0B,UAAU;AAAA,IACpC,uBAAuB,SAAS;AAAA,IAChC,wBAAwB,SAAS;AAAA,IACjC,uBAAuB,SAAS;AAAA,IAChC,CAAC,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrB;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,yBAAyB;AAAA,QACvB,QAAQ,UAAU;AAAA,MAAA;AAAA,IACpB;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId, useMemo } from 'react'\nimport './styles.scss'\n\n// SVG ids (gradients, clip-paths) are document-global: two icons with the same\n// markup on one page would all resolve `url(#id)` against the first instance,\n// inheriting its colors. Suffix every id per instance to keep icons independent.\nfunction _namespaceSvgIds(markup: string, uid: string) {\n  return markup\n    .replace(\n      /(\\s)id=(['\"])([^'\"]+)\\2/g,\n      (_match, space, quote, id) => `${space}id=${quote}${id}_${uid}${quote}`,\n    )\n    .replace(/url\\(#([^)]+)\\)/g, (_match, id) => `url(#${id}_${uid})`)\n    .replace(/href=(['\"])#([^'\"]+)\\1/g, (_match, quote, id) => `href=${quote}#${id}_${uid}${quote}`)\n}\n\nexport type IconSize = 'large' | 'medium' | 'small' | 'default'\nexport type IconColor = 'dark' | 'info' | 'default' | 'success'\n\nexport type IconProps = {\n  size?: IconSize\n  color?: IconColor\n  rawColor?: string\n  className?: string\n  onClick?: () => void\n  'data-testid'?: string\n}\ntype BaseIconProps = IconProps & {\n  markup?: string\n  name?: string\n}\n\nconst Icon: React.FC<BaseIconProps> = ({\n  markup,\n  name,\n  size,\n  color,\n  rawColor,\n  className,\n  onClick,\n  'data-testid': dataTestId,\n}: BaseIconProps) => {\n  const iconStyle: React.CSSProperties = {\n    ...(rawColor && { color: rawColor }),\n  }\n\n  const uid = useId().replace(/[^a-zA-Z0-9]/g, '')\n  const namespacedMarkup = useMemo(\n    () => (markup ? _namespaceSvgIds(markup, uid) : ''),\n    [markup, uid],\n  )\n\n  const componentClass = classNames('au-icon', {\n    [`au-icon--${name?.toLocaleLowerCase()}`]: !!name,\n    'au-icon--color-raw': !!rawColor,\n    'au-icon--color-dark': color === 'dark',\n    'au-icon--color-info': color === 'info',\n    'au-icon--color-success': color === 'success',\n    'au-icon--size-large': size === 'large',\n    'au-icon--size-medium': size === 'medium',\n    'au-icon--size-small': size === 'small',\n    [`${className}`]: !!className,\n  })\n\n  return (\n    <div\n      style={iconStyle}\n      onClick={onClick}\n      className={componentClass}\n      data-testid={dataTestId}\n      dangerouslySetInnerHTML={{\n        __html: namespacedMarkup,\n      }}\n    />\n  )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;;AAOA,SAAS,iBAAiB,QAAgB,KAAa;AACrD,SAAO,OACJ;AAAA,IACC;AAAA,IACA,CAAC,QAAQ,OAAO,OAAO,OAAO,GAAG,KAAK,MAAM,KAAK,GAAG,EAAE,IAAI,GAAG,GAAG,KAAK;AAAA,EAAA,EAEtE,QAAQ,oBAAoB,CAAC,QAAQ,OAAO,QAAQ,EAAE,IAAI,GAAG,GAAG,EAChE,QAAQ,2BAA2B,CAAC,QAAQ,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE,IAAI,GAAG,GAAG,KAAK,EAAE;AACnG;AAkBA,MAAM,OAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAqB;AACnB,QAAM,YAAiC;AAAA,IACrC,GAAI,YAAY,EAAE,OAAO,SAAA;AAAA,EAAS;AAGpC,QAAM,MAAM,MAAA,EAAQ,QAAQ,iBAAiB,EAAE;AAC/C,QAAM,mBAAmB;AAAA,IACvB,MAAO,SAAS,iBAAiB,QAAQ,GAAG,IAAI;AAAA,IAChD,CAAC,QAAQ,GAAG;AAAA,EAAA;AAGd,QAAM,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,6BAAM,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7C,sBAAsB,CAAC,CAAC;AAAA,IACxB,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,UAAU;AAAA,IACjC,0BAA0B,UAAU;AAAA,IACpC,uBAAuB,SAAS;AAAA,IAChC,wBAAwB,SAAS;AAAA,IACjC,uBAAuB,SAAS;AAAA,IAChC,CAAC,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrB;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,eAAa;AAAA,MACb,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EAAA;AAGN;"}

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-eEtvWiuX.js";
+import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-C4yCunfz.js";
 const Image = ({ srcMob, srcTablet, srcDesk, ...props }) => {
   return /* @__PURE__ */ jsxs("picture", { children: [
     /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_MD})`, srcSet: srcMob }),