@consumidor-positivo/aurora 0.4.0 → 0.4.2

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

@@ -8,9 +8,9 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconClock } from "../icons/IconClock/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
-import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
+import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import './styles.css';const Alert = ({
   showIcon = true,
   status = "info",

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-BXRA68j0.js";
-import "../../index-B0Ush_Ua.js";
+import "../../index-BIEl3o0B.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-Chb8MRUv.js";
+import { a } from "../../index-DAA8IiTr.js";
 export {
   a as DatepickerCalendar
 };

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

@@ -3,8 +3,8 @@ import "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-AOefAAO5.js";
-import { C } from "../../index-B0Ush_Ua.js";
+import "../../index-BkeRYinJ.js";
+import { C } from "../../index-BIEl3o0B.js";
 export {
   C as CalendarHeader
 };

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

@@ -3,9 +3,9 @@ import $dbSRa$react__default, { useState, useEffect } from "react";
 import { c as classNames } from "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { h as COLOR_NEUTRAL_00 } from "../../tokens-D_iASp38.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const CheckboxField = ({
   label,

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

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import "../../index-BXRA68j0.js";
 import "../Icon/index.es.js";
 import { IconCalendar } from "../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-Chb8MRUv.js";
+import { g as getDefaultDate, D as DDMMYYYY, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-DAA8IiTr.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-AOefAAO5.js";
+import { u as useOutsideClick } from "../../index-BkeRYinJ.js";
+import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

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

@@ -273,7 +273,7 @@ const Footer = ({
           /* @__PURE__ */ jsx(
             Text,
             {
-              as: "h2",
+              as: "div",
               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=\"h2\"\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 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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"}

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

@@ -25,7 +25,7 @@ import './styles.css';const Modal = ({
   return /* @__PURE__ */ jsx("div", { className: modalClasses, children: /* @__PURE__ */ jsxs("div", { className: "au-modal__container", children: [
     /* @__PURE__ */ jsx("div", { className: "au-modal__header", children: /* @__PURE__ */ jsxs(If, { condition: layoutMobile !== "full-screen" || !isMobile(), children: [
       /* @__PURE__ */ jsxs(Then, { children: [
-        /* @__PURE__ */ jsx(When, { condition: !!onClose, children: /* @__PURE__ */ jsx("button", { className: "au-modal__header-close", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, {}) }) }),
+        /* @__PURE__ */ jsx(When, { condition: !!onClose, children: /* @__PURE__ */ jsx("button", { className: "au-modal__header-close", onClick: onClose, children: /* @__PURE__ */ jsx(IconX, { className: "au-modal__header-close-icon" }) }) }),
         headerContent
       ] }),
       /* @__PURE__ */ jsx(Else, { children: /* @__PURE__ */ jsx(When, { condition: !!onClose, children: /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Modal/index.tsx"],"sourcesContent":["import { IconX } from '@components/icons'\nimport { SubHeader } from '@components/SubHeader'\nimport classNames from 'classnames'\nimport { If, IfElse, Then, Else } from '../misc'\n\nimport { isMobile } from '@core/utils/isMobile'\n\nimport './styles.scss'\n\ntype ModalLayout = 'default' | 'centralized'\ntype ModalLayoutMobile = 'default' | 'centralized' | 'full-screen'\n\nexport type ModalProps = {\n  isOpen: boolean\n  onClose?: () => void\n  headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  content?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  layoutMobile?: ModalLayoutMobile\n  layoutDesktop?: ModalLayout\n  mobileModalTitle?: string\n  handleHelpInfo?: () => void\n}\n\nexport const Modal = ({\n  isOpen,\n  onClose,\n  headerContent,\n  content,\n  layoutMobile = 'default',\n  layoutDesktop = 'default',\n  mobileModalTitle = 'Título',\n  handleHelpInfo,\n}: ModalProps) => {\n  if (!isOpen) return null\n\n  const modalClasses = classNames('au-modal', {\n    'au-modal--is-open': isOpen,\n    'au-modal--mobile-full-screen': layoutMobile === 'full-screen',\n    'au-modal--mobile-centralized': layoutMobile === 'centralized',\n    'au-modal--desktop-centralized': layoutDesktop === 'centralized',\n  })\n\n  return (\n    <div className={modalClasses}>\n      <div className=\"au-modal__container\">\n        <div className=\"au-modal__header\">\n          <IfElse condition={layoutMobile !== 'full-screen' || !isMobile()}>\n            <Then>\n              <If condition={!!onClose}>\n                <button className=\"au-modal__header-close\" onClick={onClose}>\n                  <IconX />\n                </button>\n              </If>\n              {headerContent}\n            </Then>\n            <Else>\n              <If condition={!!onClose}>\n                <SubHeader\n                  title={mobileModalTitle}\n                  handleReturn={onClose!}\n                  handleHelpInfo={handleHelpInfo}\n                />\n              </If>\n            </Else>\n          </IfElse>\n        </div>\n        <div className=\"au-modal__content\">{content}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["IfElse","If"],"mappings":";;;;;;;AAuBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AACF,MAAkB;AACZ,MAAA,CAAC,OAAe,QAAA;AAEd,QAAA,eAAe,WAAW,YAAY;AAAA,IAC1C,qBAAqB;AAAA,IACrB,gCAAgC,iBAAiB;AAAA,IACjD,gCAAgC,iBAAiB;AAAA,IACjD,iCAAiC,kBAAkB;AAAA,EAAA,CACpD;AAED,6BACG,OAAI,EAAA,WAAW,cACd,UAAC,qBAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,oBACb,UAAC,qBAAAA,IAAA,EAAO,WAAW,iBAAiB,iBAAiB,CAAC,SAAA,GACpD,UAAA;AAAA,MAAA,qBAAC,MACC,EAAA,UAAA;AAAA,QAAA,oBAACC,MAAG,EAAA,WAAW,CAAC,CAAC,SACf,UAAC,oBAAA,UAAA,EAAO,WAAU,0BAAyB,SAAS,SAClD,UAAC,oBAAA,OAAA,CAAA,CAAM,EACT,CAAA,GACF;AAAA,QACC;AAAA,MAAA,GACH;AAAA,0BACC,MACC,EAAA,UAAA,oBAACA,QAAG,WAAW,CAAC,CAAC,SACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,cAAc;AAAA,UACd;AAAA,QAAA;AAAA,SAEJ,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,qBAAqB,UAAQ,SAAA;AAAA,EAAA,EAC9C,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Modal/index.tsx"],"sourcesContent":["import { IconX } from '@components/icons'\nimport { SubHeader } from '@components/SubHeader'\nimport classNames from 'classnames'\nimport { If, IfElse, Then, Else } from '../misc'\n\nimport { isMobile } from '@core/utils/isMobile'\n\nimport './styles.scss'\n\ntype ModalLayout = 'default' | 'centralized'\ntype ModalLayoutMobile = 'default' | 'centralized' | 'full-screen'\n\nexport type ModalProps = {\n  isOpen: boolean\n  onClose?: () => void\n  headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  content?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  layoutMobile?: ModalLayoutMobile\n  layoutDesktop?: ModalLayout\n  mobileModalTitle?: string\n  handleHelpInfo?: () => void\n}\n\nexport const Modal = ({\n  isOpen,\n  onClose,\n  headerContent,\n  content,\n  layoutMobile = 'default',\n  layoutDesktop = 'default',\n  mobileModalTitle = 'Título',\n  handleHelpInfo,\n}: ModalProps) => {\n  if (!isOpen) return null\n\n  const modalClasses = classNames('au-modal', {\n    'au-modal--is-open': isOpen,\n    'au-modal--mobile-full-screen': layoutMobile === 'full-screen',\n    'au-modal--mobile-centralized': layoutMobile === 'centralized',\n    'au-modal--desktop-centralized': layoutDesktop === 'centralized',\n  })\n\n  return (\n    <div className={modalClasses}>\n      <div className=\"au-modal__container\">\n        <div className=\"au-modal__header\">\n          <IfElse condition={layoutMobile !== 'full-screen' || !isMobile()}>\n            <Then>\n              <If condition={!!onClose}>\n                <button className=\"au-modal__header-close\" onClick={onClose}>\n                  <IconX className=\"au-modal__header-close-icon\" />\n                </button>\n              </If>\n              {headerContent}\n            </Then>\n            <Else>\n              <If condition={!!onClose}>\n                <SubHeader\n                  title={mobileModalTitle}\n                  handleReturn={onClose!}\n                  handleHelpInfo={handleHelpInfo}\n                />\n              </If>\n            </Else>\n          </IfElse>\n        </div>\n        <div className=\"au-modal__content\">{content}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["IfElse","If"],"mappings":";;;;;;;AAuBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AACF,MAAkB;AACZ,MAAA,CAAC,OAAe,QAAA;AAEd,QAAA,eAAe,WAAW,YAAY;AAAA,IAC1C,qBAAqB;AAAA,IACrB,gCAAgC,iBAAiB;AAAA,IACjD,gCAAgC,iBAAiB;AAAA,IACjD,iCAAiC,kBAAkB;AAAA,EAAA,CACpD;AAED,6BACG,OAAI,EAAA,WAAW,cACd,UAAC,qBAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,oBACb,UAAC,qBAAAA,IAAA,EAAO,WAAW,iBAAiB,iBAAiB,CAAC,SAAA,GACpD,UAAA;AAAA,MAAA,qBAAC,MACC,EAAA,UAAA;AAAA,QAAA,oBAACC,QAAG,WAAW,CAAC,CAAC,SACf,8BAAC,UAAO,EAAA,WAAU,0BAAyB,SAAS,SAClD,UAAC,oBAAA,OAAA,EAAM,WAAU,8BAAA,CAA8B,EACjD,CAAA,GACF;AAAA,QACC;AAAA,MAAA,GACH;AAAA,0BACC,MACC,EAAA,UAAA,oBAACA,QAAG,WAAW,CAAC,CAAC,SACf,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,cAAc;AAAA,UACd;AAAA,QAAA;AAAA,SAEJ,EACF,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,qBAAqB,UAAQ,SAAA;AAAA,EAAA,EAC9C,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Modal/styles.css

@@ -1 +1 @@
-.au-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:5}@keyframes slideInY{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInX{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideCentralized{0%{transform:translate(-50%,calc(100% + 12px))}to{transform:translate(-50%,-50%)}}.au-modal--is-open{opacity:1;visibility:visible;pointer-events:all}.au-modal--is-open .au-modal__container{animation:slideInY .3s ease forwards}.au-modal--is-open.au-modal--mobile-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open.au-modal--mobile-full-screen .au-modal__container{animation:none}@media (min-width: 600px){.au-modal--is-open.au-modal--desktop-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open:not(.au-modal--desktop-centralized) .au-modal__container{animation:slideInX .3s ease forwards}}.au-modal__container{background-color:#fff;border-radius:16px 16px 0 0;padding:16px;position:fixed;z-index:6;bottom:0;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-height:90vh}.au-modal.au-modal--mobile-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:90%;max-width:500px;height:min-content;border-radius:16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 600px){.au-modal:not(.au-modal--desktop-centralized) .au-modal__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;top:0;right:0;bottom:auto;left:auto;margin:0;height:100vh;height:100dvh;max-width:414px;max-height:100vh}.au-modal.au-modal--desktop-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;display:flex;max-width:500px;gap:16px;height:min-content;flex-direction:column;border-radius:16px}}@media (max-width: 599px){.au-modal--mobile-full-screen .au-modal__container{gap:0;padding:0;height:100vh;max-height:none;border-radius:0}.au-modal--mobile-full-screen .au-modal__content{padding:16px}}.au-modal__header{position:relative}.au-modal__header-close{background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:end;width:100%}.au-modal__content{height:calc(100% - 150px);overflow-y:auto;flex:1}.au-modal__content::-webkit-scrollbar{width:16px}.au-modal__content::-webkit-scrollbar-track{background:#f4f7fb;border-radius:32px}.au-modal__content::-webkit-scrollbar-thumb{background:#0048db;border-radius:8px;border:4px solid #f4f7fb}.au-modal__content::-webkit-scrollbar-thumb:hover{background:#1737a4;transition:all .3s ease}
+.au-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:5}@keyframes slideInY{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInX{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideCentralized{0%{transform:translate(-50%,calc(100% + 12px))}to{transform:translate(-50%,-50%)}}.au-modal--is-open{opacity:1;visibility:visible;pointer-events:all}.au-modal--is-open .au-modal__container{animation:slideInY .3s ease forwards}.au-modal--is-open.au-modal--mobile-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open.au-modal--mobile-full-screen .au-modal__container{animation:none}@media (min-width: 600px){.au-modal--is-open.au-modal--desktop-centralized .au-modal__container{animation:slideCentralized .3s ease forwards}.au-modal--is-open:not(.au-modal--desktop-centralized) .au-modal__container{animation:slideInX .3s ease forwards}}.au-modal__container{background-color:#fff;border-radius:16px 16px 0 0;padding:16px;position:fixed;z-index:6;bottom:0;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-height:90vh}.au-modal.au-modal--mobile-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;width:90%;max-width:500px;height:min-content;border-radius:16px;display:flex;flex-direction:column;gap:16px}@media (min-width: 600px){.au-modal:not(.au-modal--desktop-centralized) .au-modal__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;top:0;right:0;bottom:auto;left:auto;margin:0;height:100vh;height:100dvh;max-width:414px;max-height:100vh}.au-modal.au-modal--desktop-centralized .au-modal__container{top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;display:flex;max-width:500px;gap:16px;height:min-content;flex-direction:column;border-radius:16px}}@media (max-width: 599px){.au-modal--mobile-full-screen .au-modal__container{gap:0;padding:0;height:100vh;max-height:none;border-radius:0}.au-modal--mobile-full-screen .au-modal__content{padding:16px}}.au-modal__header{position:relative}.au-modal__header-close{background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:end;width:100%}.au-modal__header-close-icon{width:20px;height:20px}.au-modal__header-close-icon>svg{width:20px;height:20px;color:#313131}.au-modal__content{height:calc(100% - 150px);overflow-y:auto;flex:1}.au-modal__content::-webkit-scrollbar{width:16px}.au-modal__content::-webkit-scrollbar-track{background:#f4f7fb;border-radius:32px}.au-modal__content::-webkit-scrollbar-thumb{background:#0048db;border-radius:8px;border:4px solid #f4f7fb}.au-modal__content::-webkit-scrollbar-thumb:hover{background:#1737a4;transition:all .3s ease}

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

@@ -40,7 +40,7 @@ const NavbarVerticalLink = ({
   return /* @__PURE__ */ jsxs(
     Text,
     {
-      as: dropdown ? "p" : "a",
+      as: dropdown ? "div" : "a",
       href,
       variant: "heading-micro",
       weight: "light",

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick?: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n  href?: string\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (\n    link: NavbarVerticalDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderAlert,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\n      {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  href,\n  active = false,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n  function handleClick(ev: React.MouseEvent) {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else if(onClick) {\n      ev.preventDefault()\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as={dropdown ? 'p' : 'a'}\n      href={href}\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        [`au-navbar-vertical__link--is-active`]: active,\n        [`au-navbar-vertical__link--is-open`]: open,\n      })}\n      onClick={handleClick}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <div className=\"au-navbar-vertical__toggle\">\n              <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n              <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            </div>\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item, idx) => {\n                return (\n                  <Text\n                    key={`${item.name}-${idx}`}\n                    as=\"a\"\n                    href={item.href}\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'au-navbar-vertical__dropdown-link--is-active':\n                        item.active,\n                    })}\n                    title={item.name}\n                    onClick={item.onClick}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,MAAM,QAAQ;AACjB,aAAA,WAAW,MAAM,GAAG;AAAA,IAAA;AAAA,IAE5B,eAAgB,oBAAA,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IACzE,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AACvB,QAAA,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,eACf,SAAS;AACjB,SAAG,eAAe;AACV;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,MAAM;AAAA,MACrB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,gBAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAE1B,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAK,KAAA;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc7B,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick?: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n  href?: string\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (\n    link: NavbarVerticalDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderAlert,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\n      {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  href,\n  active = false,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n  function handleClick(ev: React.MouseEvent) {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else if(onClick) {\n      ev.preventDefault()\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as={dropdown ? 'div' : 'a'}\n      href={href}\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        [`au-navbar-vertical__link--is-active`]: active,\n        [`au-navbar-vertical__link--is-open`]: open,\n      })}\n      onClick={handleClick}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <div className=\"au-navbar-vertical__toggle\">\n              <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n              <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            </div>\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item, idx) => {\n                return (\n                  <Text\n                    key={`${item.name}-${idx}`}\n                    as=\"a\"\n                    href={item.href}\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'au-navbar-vertical__dropdown-link--is-active':\n                        item.active,\n                    })}\n                    title={item.name}\n                    onClick={item.onClick}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,MAAM,QAAQ;AACjB,aAAA,WAAW,MAAM,GAAG;AAAA,IAAA;AAAA,IAE5B,eAAgB,oBAAA,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IACzE,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AACvB,QAAA,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,eACf,SAAS;AACjB,SAAG,eAAe;AACV;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,QAAQ;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,qBAAA,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,gBAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAE1B,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAK,KAAA;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc7B,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}

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

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
 import { Portal } from "../Portal/index.es.js";
+import { B as BREAKPOINT_MD } from "../../tokens-D_iASp38.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

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

@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
 import "../icons/IconChevronDown/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconX/index.es.js";
-import { S } from "../../index-AOefAAO5.js";
+import { S } from "../../index-BkeRYinJ.js";
 export {
   S as Segment
 };

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

@@ -9,10 +9,10 @@ import { IconSlash } from "../icons/IconSlash/index.es.js";
 import { Modal } from "../Modal/index.es.js";
 import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
-import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { useState, useRef, useEffect } from "react";
+import { c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
 import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
   var _a;
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);

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

@@ -6,8 +6,8 @@ import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50, g as COLOR_BRAND_CYAN_50, d as COLOR_NEUTRAL_70 } from "../../tokens-D_iASp38.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50, g as COLOR_BRAND_CYAN_50, d as COLOR_NEUTRAL_70 } from "../../tokens-D_iASp38.js";
 import './styles.css';const Tag = ({
   status,
   border = "square",

package/dist/{index-B0Ush_Ua.js → index-BIEl3o0B.js}

@@ -3,7 +3,7 @@ import "./index-BXRA68j0.js";
 import "./components/Icon/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconChevronRight } from "./components/icons/IconChevronRight/index.es.js";
-import { S as Segment } from "./index-AOefAAO5.js";
+import { S as Segment } from "./index-BkeRYinJ.js";
 import $dbSRa$react__default, { createContext, useContext, useState, useRef, useCallback, useEffect, useMemo, forwardRef } from "react";
 import "react-dom";
 createContext(null);
@@ -5686,4 +5686,4 @@ export {
   $dfd62f934fc76fed$export$e11f8ba65d857bff as e,
   $dfd62f934fc76fed$export$5d847498420df57b as f
 };
-//# sourceMappingURL=index-B0Ush_Ua.js.map
+//# sourceMappingURL=index-BIEl3o0B.js.map