@consumidor-positivo/aurora 0.0.20 → 0.0.21

package/dist/components/Footer/styles.css

@@ -1 +1 @@
-.au-footer{display:flex;flex-direction:column;background-color:#fff;padding-block:48px;gap:40px}.au-footer{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer{padding:0 16px}}@media (min-width: 1024px){.au-footer{padding-block:64px;gap:48px}}.au-footer__top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e4e9;padding-bottom:40px}@media (min-width: 1024px){.au-footer__top{padding-bottom:48px}}.au-footer__top-logos{display:flex;gap:24px;align-items:center}.au-footer__top-divider{display:none}@media (min-width: 1024px){.au-footer__top-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__top-certificates{display:none}@media (min-width: 1024px){.au-footer__top-certificates{display:flex;gap:33px}}.au-footer__top-social{display:none}@media (min-width: 1024px){.au-footer__top-social{display:flex;flex-direction:column;gap:16px}}.au-footer__top-social-links{display:none}@media (min-width: 1024px){.au-footer__top-social-links{display:flex;align-items:center;gap:16px}.au-footer__top-social-links svg{cursor:pointer}.au-footer__top-social-links svg:hover{opacity:.7}}.au-footer__content{display:flex;flex-direction:column;gap:32px;border-bottom:1px solid #c4c9d4;padding-bottom:40px}@media (min-width: 1024px){.au-footer__content{display:none}}.au-footer__content-certificates{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}@media (min-width: 1024px){.au-footer__content-certificates{display:none}}.au-footer__content-notes{display:flex}@media (min-width: 1024px){.au-footer__content-notes{display:none}}.au-footer__content-social{display:flex;flex-direction:column;gap:16px}@media (min-width: 1024px){.au-footer__content-social{display:none}}.au-footer__content-social-links{display:flex;align-items:center;gap:16px}.au-footer__content-social-links svg{cursor:pointer}.au-footer__content-social-links svg:hover{opacity:.7}.au-footer__bottom{display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.au-footer__bottom{justify-content:space-between}}.au-footer__bottom-notes{display:none}@media (min-width: 1024px){.au-footer__bottom-notes{display:block;max-width:540px}}.au-footer__bottom-copyrights{text-align:center}@media (min-width: 1024px){.au-footer__bottom-copyrights{max-width:400px;text-align:end}}.au-footer-full{display:flex;flex-direction:column;background-color:#fff;padding-block:48px;gap:40px}.au-footer-full{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer-full{padding:0 16px}}@media (min-width: 1024px){.au-footer-full{padding-block:64px;gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links.is-clickable{cursor:pointer}.au-footer-full__links.is-clickable:hover{opacity:.7}.au-footer-full__links-category{max-width:272px;display:flex;flex-direction:column;gap:16px}.au-footer-full__links-socials{display:flex;align-items:center;gap:16px}.au-footer-full__certificates{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-block:1px solid #c4c9d4;padding-block:40px;gap:32px}@media (min-width: 1024px){.au-footer-full__certificates{flex-direction:row;padding-block:48px}}.au-footer-full__certificates-logos{display:flex;flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap}@media (min-width: 1024px){.au-footer-full__certificates-logos{justify-content:start;gap:32px;width:100%}}.au-footer-full__certificates-notes{width:100%}@media (min-width: 1024px){.au-footer-full__certificates-notes{max-width:554px;text-align:end}}.au-footer-full__copyrights{display:flex;align-items:center;justify-content:center;text-align:center}
+.au-footer{display:flex;flex-direction:column;background-color:#fff;padding-block:48px;gap:40px}.au-footer{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer{padding:0 16px}}@media (min-width: 1024px){.au-footer{padding-block:64px;gap:48px}}.au-footer__top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e4e9;padding-bottom:40px}@media (min-width: 1024px){.au-footer__top{padding-bottom:48px}}.au-footer__top-logos{display:flex;gap:24px;align-items:center}.au-footer__top-divider{display:none}@media (min-width: 1024px){.au-footer__top-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__top-certificates{display:none}@media (min-width: 1024px){.au-footer__top-certificates{display:flex;gap:33px;align-items:center}}.au-footer__top-social{display:none}@media (min-width: 1024px){.au-footer__top-social{display:flex;flex-direction:column;gap:16px}}.au-footer__top-social-links{display:none}@media (min-width: 1024px){.au-footer__top-social-links{display:flex;align-items:center;gap:16px}.au-footer__top-social-links svg{cursor:pointer}.au-footer__top-social-links svg:hover{opacity:.7}}.au-footer__content{display:flex;flex-direction:column;gap:32px;border-bottom:1px solid #c4c9d4;padding-bottom:40px}@media (min-width: 1024px){.au-footer__content{display:none}}.au-footer__content-certificates{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}@media (min-width: 1024px){.au-footer__content-certificates{display:none}}.au-footer__content-notes{display:flex}@media (min-width: 1024px){.au-footer__content-notes{display:none}}.au-footer__content-social{display:flex;flex-direction:column;gap:16px}@media (min-width: 1024px){.au-footer__content-social{display:none}}.au-footer__content-social-links{display:flex;align-items:center;gap:16px}.au-footer__content-social-links svg{cursor:pointer}.au-footer__content-social-links svg:hover{opacity:.7}.au-footer__bottom{display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.au-footer__bottom{justify-content:space-between}}.au-footer__bottom-notes{display:none}@media (min-width: 1024px){.au-footer__bottom-notes{display:block;max-width:540px}}.au-footer__bottom-copyrights{text-align:center}@media (min-width: 1024px){.au-footer__bottom-copyrights{max-width:400px;text-align:end}}.au-footer-full{display:flex;flex-direction:column;background-color:#fff;padding-block:48px;gap:40px}.au-footer-full{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer-full{padding:0 16px}}@media (min-width: 1024px){.au-footer-full{padding-block:64px;gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links.is-clickable{cursor:pointer}.au-footer-full__links.is-clickable:hover{opacity:.7}.au-footer-full__links-category{max-width:272px;display:flex;flex-direction:column;gap:16px}.au-footer-full__links-socials{display:flex;align-items:center;gap:16px}.au-footer-full__certificates{display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-block:1px solid #c4c9d4;padding-block:40px;gap:32px}@media (min-width: 1024px){.au-footer-full__certificates{flex-direction:row;padding-block:48px}}.au-footer-full__certificates-logos{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap}@media (min-width: 1024px){.au-footer-full__certificates-logos{justify-content:start;gap:32px;width:100%}}.au-footer-full__certificates-notes{width:100%}@media (min-width: 1024px){.au-footer-full__certificates-notes{max-width:554px;text-align:end}}.au-footer-full__copyrights{display:flex;align-items:center;justify-content:center;text-align:center}

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

@@ -1,6 +1,7 @@
 import { HeaderActionsProps } from './parts/HeaderActions';
 import { HeaderBadgesProps } from './parts/HeaderBadges';
 import { HeaderButtonProps } from './parts/HeaderButton';
+import { HeaderLinkProps } from './parts/HeaderLink';
 import { HeaderLogoProps } from './parts/HeaderLogo';
 import { HeaderNavbarProps } from './parts/HeaderNavbar';
 import { HeaderNavigationProps } from './parts/HeaderNavigation';
@@ -13,6 +14,7 @@ type Components = {
     Actions: React.FC<HeaderActionsProps>;
     Badges: React.FC<HeaderBadgesProps>;
     Button: React.FC<HeaderButtonProps>;
+    Link: React.FC<HeaderLinkProps>;
     Logo: React.FC<HeaderLogoProps>;
     Navbar: React.FC<HeaderNavbarProps>;
     NavbarLink: React.FC<NavbarDataProps>;

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

@@ -3,11 +3,11 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
-import { IconChevronDown } from "../Icons/IconChevronDown/index.es.js";
-import { IconChevronLeft } from "../Icons/IconChevronLeft/index.es.js";
+import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
+import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";
 import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
-import { IconBell } from "../Icons/IconBell/index.es.js";
-import { IconMenu } from "../Icons/IconMenu/index.es.js";
+import { IconBell } from "../icons/IconBell/index.es.js";
+import { IconMenu } from "../icons/IconMenu/index.es.js";
 import './styles.css';const HeaderActions = ({ children, divider }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -25,6 +25,9 @@ const HeaderBadges = ({ children }) => {
 const HeaderButton = ({ children, onClick }) => {
   return /* @__PURE__ */ jsx("div", { className: "au-header__button", onClick, children });
 };
+const HeaderLink = ({ children, onClick }) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__link", onClick, children });
+};
 const HeaderLogo = ({
   children,
   renderMobile,
@@ -156,6 +159,7 @@ const components = {
   Actions: HeaderActions,
   Badges: HeaderBadges,
   Button: HeaderButton,
+  Link: HeaderLink,
   Logo: HeaderLogo,
   Navbar: HeaderNavbar,
   NavbarLink: HeaderNavbarLink,

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/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 { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n  return <div className=\"au-header__badges\">{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    <div className=\"au-header__button\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '../../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 className=\"au-header__navbar\">\n      {data?.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import classNames from 'classnames'\nimport { Text } from '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n  name,\n  onClick,\n  dropdown,\n  active,\n}: NavbarDataProps) => {\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      onClick={onClick}\n      title={name}\n      className={classNames('au-header__navbar-link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n      })}>\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <IconChevronDown />\n            <div className=\"au-header__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    key={item.name}\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-header__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                    <Conditional\n                      condition={!!item.active}\n                      renderIf={<IconChevronLeft />}\n                    />\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\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 <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { getInitialLetters } from '../../../core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n  onClickNotifications?: () => void\n  onClickMenu?: () => void\n  fullName: string\n}\n\nexport const HeaderProfile = ({\n  onClickNotifications,\n  onClickMenu,\n  fullName,\n}: HeaderProfileProps) => {\n  const initialLetters = getInitialLetters(fullName)\n  return (\n    <div className=\"au-header__profile\">\n      <div\n        className=\"au-header__profile-notifications\"\n        onClick={onClickNotifications}>\n        <IconBell />\n      </div>\n\n      <div className=\"au-header__profile-menu-mobile\" onClick={onClickMenu}>\n        <IconMenu />\n      </div>\n\n      <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n        <div className=\"au-header__profile-letters\">{initialLetters}</div>\n        <IconChevronDown />\n      </div>\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      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 { 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  Root: React.FC<HeaderWrapProps>\n  Actions: React.FC<HeaderActionsProps>\n  Badges: React.FC<HeaderBadgesProps>\n  Button: React.FC<HeaderButtonProps>\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}\n\nconst components: Components = {\n  Root: Header,\n  Actions: HeaderActions,\n  Badges: HeaderBadges,\n  Button: HeaderButton,\n  Logo: HeaderLogo,\n  Navbar: HeaderNavbar,\n  NavbarLink: HeaderNavbarLink,\n  Navigation: HeaderNavigation,\n  Profile: HeaderProfile,\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/HeaderLink.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 { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n  return <div className=\"au-header__badges\">{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    <div className=\"au-header__button\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n  children: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n}\n\nexport const HeaderLink = ({ children, onClick }: HeaderLinkProps) => {\n  return (\n    <div className=\"au-header__link\" onClick={onClick}>\n      {children}\n    </div>\n  )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '../../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 className=\"au-header__navbar\">\n      {data?.map((item) => {\n        return renderItem(item)\n      })}\n    </nav>\n  )\n}\n","import classNames from 'classnames'\nimport { Text } from '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n  name,\n  onClick,\n  dropdown,\n  active,\n}: NavbarDataProps) => {\n  return (\n    <Text\n      as=\"a\"\n      variant=\"heading-micro\"\n      weight=\"light\"\n      onClick={onClick}\n      title={name}\n      className={classNames('au-header__navbar-link', {\n        'is-dropdown': dropdown,\n        'is-active': active,\n      })}>\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <IconChevronDown />\n            <div className=\"au-header__dropdown\">\n              {dropdown?.map((item) => {\n                return (\n                  <Text\n                    key={item.name}\n                    as=\"a\"\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-header__dropdown-link', {\n                      'is-active': item.active,\n                    })}\n                    title={item.name}>\n                    {item.name}\n                    <Conditional\n                      condition={!!item.active}\n                      renderIf={<IconChevronLeft />}\n                    />\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\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 <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { getInitialLetters } from '../../../core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n  onClickNotifications?: () => void\n  onClickMenu?: () => void\n  fullName: string\n}\n\nexport const HeaderProfile = ({\n  onClickNotifications,\n  onClickMenu,\n  fullName,\n}: HeaderProfileProps) => {\n  const initialLetters = getInitialLetters(fullName)\n  return (\n    <div className=\"au-header__profile\">\n      <div\n        className=\"au-header__profile-notifications\"\n        onClick={onClickNotifications}>\n        <IconBell />\n      </div>\n\n      <div className=\"au-header__profile-menu-mobile\" onClick={onClickMenu}>\n        <IconMenu />\n      </div>\n\n      <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n        <div className=\"au-header__profile-letters\">{initialLetters}</div>\n        <IconChevronDown />\n      </div>\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      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 { HeaderLink, HeaderLinkProps } from './parts/HeaderLink'\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  Root: React.FC<HeaderWrapProps>\n  Actions: React.FC<HeaderActionsProps>\n  Badges: React.FC<HeaderBadgesProps>\n  Button: React.FC<HeaderButtonProps>\n  Link: React.FC<HeaderLinkProps>\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}\n\nconst components: Components = {\n  Root: Header,\n  Actions: HeaderActions,\n  Badges: HeaderBadges,\n  Button: HeaderButton,\n  Link: HeaderLink,\n  Logo: HeaderLogo,\n  Navbar: HeaderNavbar,\n  NavbarLink: HeaderNavbarLink,\n  Navigation: HeaderNavigation,\n  Profile: HeaderProfile,\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/HeaderLink.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+export type HeaderLinkProps = {
+    children: ReactNode | string | JSX.Element | JSX.Element[];
+    onClick: () => void;
+};
+export declare const HeaderLink: ({ children, onClick }: HeaderLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/styles.css

@@ -1 +1 @@
-.au-header{height:80px;padding:16px 0;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.au-header__container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media (min-width: 1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media (min-width: 1024px){.au-header__logo--desktop{display:block}}.au-header__link,.au-header__button{cursor:pointer}.au-header__badges{display:flex;align-items:center}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__navigation{display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media (min-width: 1024px){.au-header__navbar{display:flex;align-items:center;gap:40px}}.au-header__navbar .au-text{color:#16181d}.au-header__navbar-link{cursor:pointer}.au-header__navbar-link.is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link.is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;color:#0048db;letter-spacing:-.6px}.au-header__navbar-link.is-active{color:#0048db}.au-header__navbar-link:hover,.au-header__navbar-link:focus{color:#16181d}.au-header__navbar-link.is-dropdown>.au-icon{transition:transform .3s ease}.au-header__navbar-link.is-dropdown:hover>.au-icon,.au-header__navbar-link.is-dropdown:focus>.au-icon{transform:rotate(-180deg)}.is-dropdown .au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;z-index:2;top:100%;width:100%;left:0;opacity:.2;visibility:hidden;transition:opacity .3s ease,transform .2s linear,visibility .3s ease;transform:translateY(20px)}.is-dropdown:hover .au-header__dropdown,.is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(10px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;justify-content:space-between}.au-header__dropdown-link.is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700}.au-header__dropdown-link.is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions{display:flex;align-items:center;gap:16px}@media (min-width: 1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:24px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:32px}.au-header__profile-notifications{cursor:pointer}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu-mobile{display:none}}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca Variable,Lexend Deca,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}
+.au-header{height:80px;padding:16px 0;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.au-header__container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media (min-width: 1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media (min-width: 1024px){.au-header__logo--desktop{display:block}}.au-header__link{cursor:pointer}.au-header__button{padding:4px;cursor:pointer}.au-header__badges{display:flex;align-items:center;padding:0 16px}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__navigation{display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media (min-width: 1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar .au-text{color:#16181d}.au-header__navbar-link{cursor:pointer}.au-header__navbar-link.is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link.is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;color:#0048db;letter-spacing:-.6px}.au-header__navbar-link.is-dropdown>.au-icon{transition:transform .3s ease}.au-header__navbar-link.is-dropdown:hover>.au-icon,.au-header__navbar-link.is-dropdown:focus>.au-icon{transform:rotate(-180deg)}.is-dropdown .au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;z-index:2;top:100%;width:100%;left:0;opacity:.2;visibility:hidden;transition:opacity .3s ease,transform .2s linear,visibility .3s ease;transform:translateY(20px)}.is-dropdown:hover .au-header__dropdown,.is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(10px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;justify-content:space-between}.au-header__dropdown-link.is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700}.au-header__dropdown-link.is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions{display:flex;align-items:center;gap:16px}@media (min-width: 1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:24px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:32px}.au-header__profile-notifications{cursor:pointer}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu-mobile{display:none}}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca Variable,Lexend Deca,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}

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

@@ -3,8 +3,8 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
 import { useState } from "react";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
-import { IconChevronDown } from "../Icons/IconChevronDown/index.es.js";
-import { IconChevronUp } from "../Icons/IconChevronUp/index.es.js";
+import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
+import { IconChevronUp } from "../icons/IconChevronUp/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const NavbarVertical = ({
   data,

package/dist/components/NavbarVertical/styles.css

@@ -1 +1 @@
-.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;border-bottom:1px solid #e2e4e9}.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}.au-navbar-vertical__link.is-active{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link.is-active{color:#0048db;font-weight:700}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:absolute;bottom:0;left:0;width:100%}.au-navbar-vertical__actions>*{flex-grow:1}
+.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;border-bottom:1px solid #dce8ff}.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}.au-navbar-vertical__link.is-active{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link.is-active{color:#0048db;font-weight:700}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:absolute;bottom:0;left:0;width:100%}.au-navbar-vertical__actions>*{flex-grow:1}

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

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { Button } from "../Button/index.es.js";
 import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const NotificationsBarWrap = ({
@@ -48,16 +49,7 @@ const NotificationsBarLink = ({
         Conditional,
         {
           condition: !!onDelete,
-          renderIf: /* @__PURE__ */ jsx(
-            Text,
-            {
-              as: "a",
-              variant: "body-small",
-              weight: "semibold",
-              onClick: onDelete,
-              children: "Excluir"
-            }
-          )
+          renderIf: /* @__PURE__ */ jsx(Button, { type: "ghost", onClick: onDelete, children: "Excluir" })
         }
       )
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item) => renderItem(item))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n}: NotificationsBarLinkProps) => {\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <Text\n        as=\"a\"\n        variant=\"body-medium\"\n        weight=\"regular\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}>\n        <Conditional condition={!!Icon} renderIf={Icon} />\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <Text\n              as=\"a\"\n              variant=\"body-small\"\n              weight=\"semibold\"\n              onClick={onDelete}>\n              Excluir\n            </Text>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;AAkCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAA,iBAAiB,cAAc;AAAA,IAC/B,cAAc,WAAW;AAAA,EAC5B,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UACH,MAAA,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,SAAS,WAAW,IAAI,GAC5C,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,WAAU;AAAA,QACV;AAAA,QACA,UAAA;AAAA,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,cACrB,UACH,WAAA;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,SAAS;AAAA,cAAU,UAAA;AAAA,YAAA;AAAA,UAErB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Button } from '../Button'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item) => renderItem(item))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n}: NotificationsBarLinkProps) => {\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <Text\n        as=\"a\"\n        variant=\"body-medium\"\n        weight=\"regular\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}>\n        <Conditional condition={!!Icon} renderIf={Icon} />\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <Button type=\"ghost\" onClick={onDelete}>\n              Excluir\n            </Button>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;;AAmCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAA,iBAAiB,cAAc;AAAA,IAC/B,cAAc,WAAW;AAAA,EAC5B,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UACH,MAAA,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,SAAS,WAAW,IAAI,GAC5C,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,WAAU;AAAA,QACV;AAAA,QACA,UAAA;AAAA,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,cACrB,UACH,WAAA;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACG,oBAAA,QAAA,EAAO,MAAK,SAAQ,SAAS,UAAU,UAExC,WAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}

package/dist/components/NotificationsBar/styles.css

@@ -1 +1 @@
-.au-notifications-bar{background-color:#fff}.au-notifications-bar__section>.au-text{padding:16px 24px;background-color:#fff}.au-notifications-bar__section:first-child>[class*=__list]{background-color:#fafbff}.au-notifications-bar__section:first-child [class*=__item]{border-bottom:1px solid #dce8ff;position:relative}.au-notifications-bar__section:first-child [class*=__item]>.au-text{font-weight:700}.au-notifications-bar__section:first-child [class*=__item]:before{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background-color:#e52222;left:8px;top:calc(50% - 4px)}.au-notifications-bar__item{display:flex;align-items:center;border-top:1px solid #fafbff}.au-notifications-bar__item>*:nth-child(1){flex-grow:1}.au-notifications-bar__item>*:nth-child(2){margin-left:auto}.au-notifications-bar__link{display:flex;align-items:center;gap:12px;padding:24px 8px 24px 24px;cursor:pointer}.au-notifications-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column;padding:0 24px 0 0}.au-notifications-bar__actions>span.au-text{color:#454a54}.au-notifications-bar__actions>span.au-text+a.au-text{margin-top:8px}.au-notifications-bar__actions>a.au-text{cursor:pointer;color:#0048db}
+.au-notifications-bar{background-color:#fff}.au-notifications-bar__section>.au-text{padding:16px 24px;background-color:#fff}.au-notifications-bar__section:first-child{background-color:#f6f7fa}.au-notifications-bar__section:first-child>[class*=__list]{background-color:#f6f7fa}.au-notifications-bar__section:first-child [class*=__item]>.au-text{font-weight:700}.au-notifications-bar__item{display:flex;align-items:center}.au-notifications-bar__item+*{border-top:1px solid #fafbff}.au-notifications-bar__item>*:nth-child(1){flex-grow:1}.au-notifications-bar__item>*:nth-child(2){margin-left:auto}.au-notifications-bar__link{display:flex;align-items:center;gap:12px;padding:16px 24px;cursor:pointer}.au-notifications-bar__actions{display:flex;align-items:flex-end;flex-wrap:wrap;flex-direction:column;padding:16px 24px 16px 0}.au-notifications-bar__actions .au-text{padding-right:18px}

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

@@ -10,7 +10,7 @@ import './styles.css';const ProfileNav = ({ name, fullName }) => {
         "Olá, ",
         name
       ] }),
-      /* @__PURE__ */ jsx(Text, { color: "secondary", children: "Tudo bem?" })
+      /* @__PURE__ */ jsx(Text, { children: "Tudo bem?" })
     ] })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '../../core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text color=\"secondary\">Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AAC3D,QAAA,iBAAiB,kBAAkB,QAAQ;AAG/C,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eACH,CAAA,GACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACC,oBAAA,MAAA,EAAK,OAAM,aAAY,UAAS,aAAA;AAAA,IAAA,GACnC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '../../core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text>Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AAC3D,QAAA,iBAAiB,kBAAkB,QAAQ;AAG/C,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eACH,CAAA,GACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,QAAK,UAAS,YAAA,CAAA;AAAA,IAAA,GACjB;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/Text/styles.css

@@ -1 +1 @@
-.au-text{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#16181d}.au-text--color-secondary{color:#454a54}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:76px}.au-text--display-medium{font-size:48px;line-height:68px}.au-text--display-small{font-size:40px;line-height:60px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:52px}.au-text--heading-large{font-size:28px;line-height:48px}.au-text--heading-medium{font-size:24px;line-height:44px}.au-text--heading-small{font-size:20px;line-height:40px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:36px}.au-text--body-large{font-size:20px;line-height:30px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:21px}.au-text--caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}@media (min-width: 320px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:76px}.au-text--desk-display-medium{font-size:48px;line-height:68px}.au-text--desk-display-small{font-size:40px;line-height:60px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:52px}.au-text--desk-heading-large{font-size:28px;line-height:48px}.au-text--desk-heading-medium{font-size:24px;line-height:44px}.au-text--desk-heading-small{font-size:20px;line-height:40px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:36px}.au-text--desk-body-large{font-size:20px;line-height:30px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:21px}.au-text--desk-caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}}
+.au-text{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-weight:400}.au-text--color-common{color:#313131}.au-text--color-secondary{color:#454a54}.au-text--weight-bold{font-weight:700}.au-text--weight-semibold{font-weight:600}.au-text--weight-medium{font-weight:500}.au-text--weight-regular{font-weight:400}.au-text--weight-light{font-weight:300}.au-text--display-large,.au-text--display-medium,.au-text--display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--display-large{font-size:56px;line-height:76px}.au-text--display-medium{font-size:48px;line-height:68px}.au-text--display-small{font-size:40px;line-height:60px}.au-text--heading-big,.au-text--heading-large,.au-text--heading-medium,.au-text--heading-small,.au-text--heading-micro{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--heading-big{font-size:32px;line-height:52px}.au-text--heading-large{font-size:28px;line-height:48px}.au-text--heading-medium{font-size:24px;line-height:44px}.au-text--heading-small{font-size:20px;line-height:40px}.au-text--heading-micro{font-size:16px;line-height:24px}.au-text--body-big,.au-text--body-large,.au-text--body-medium,.au-text--body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--body-big{font-size:24px;line-height:36px}.au-text--body-large{font-size:20px;line-height:30px}.au-text--body-medium{font-size:16px;line-height:24px}.au-text--body-small{font-size:14px;line-height:21px}.au-text--caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}@media (min-width: 320px){.au-text--desk-display-large,.au-text--desk-display-medium,.au-text--desk-display-small{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-display-large{font-size:56px;line-height:76px}.au-text--desk-display-medium{font-size:48px;line-height:68px}.au-text--desk-display-small{font-size:40px;line-height:60px}.au-text--desk-heading-big,.au-text--desk-heading-large,.au-text--desk-heading-medium,.au-text--desk-heading-small,.au-text--desk-heading-micro{font-family:Lexend Deca Variable,Lexend Deca,sans-serif}.au-text--desk-heading-big{font-size:32px;line-height:52px}.au-text--desk-heading-large{font-size:28px;line-height:48px}.au-text--desk-heading-medium{font-size:24px;line-height:44px}.au-text--desk-heading-small{font-size:20px;line-height:40px}.au-text--desk-heading-micro{font-size:16px;line-height:24px}.au-text--desk-body-big,.au-text--desk-body-large,.au-text--desk-body-medium,.au-text--desk-body-small{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif}.au-text--desk-body-big{font-size:24px;line-height:36px}.au-text--desk-body-large{font-size:20px;line-height:30px}.au-text--desk-body-medium{font-size:16px;line-height:24px}.au-text--desk-body-small{font-size:14px;line-height:21px}.au-text--desk-caption{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;font-size:12px;line-height:18px}}