@consumidor-positivo/aurora 0.4.2 → 0.8.0

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

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

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type HeaderActionsProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
     divider?: boolean;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type HeaderBadgesProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
     limitBadgeWidth?: boolean;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type HeaderButtonProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
     onClick: () => void;

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

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

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type HeaderLogoProps = {
     children?: ReactNode | string | JSX.Element | JSX.Element[];
     renderMobile?: ReactNode | string | JSX.Element | JSX.Element[];

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { NavbarDataProps } from '../types';
-
 export type HeaderNavbarProps = {
     data: NavbarDataProps[];
     renderItem: (item: NavbarDataProps) => ReactNode | string | JSX.Element | JSX.Element[];

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

@@ -1,3 +1,2 @@
 import { NavbarDataProps } from '../types';
-
 export declare const HeaderNavbarLink: (navItem: NavbarDataProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type HeaderNavigationProps = {
     children: ReactNode | string | JSX.Element | JSX.Element[];
 };

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export type HeaderWrapProps = {
     position?: 'static' | 'fixed';
     children: ReactNode | string | JSX.Element | JSX.Element[];

package/dist/components/Header/styles.css

@@ -1 +1 @@
-.au-header{height:80px;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:1232px;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__badges .au-logo img{width:100%}.au-header__badges--limited-width .au-logo{max-width:56px}.au-header__navigation{height:100%;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-item{position:relative}.au-header__navbar-item--is-dropdown{height:calc(100% + 8px);align-self:flex-start;display:flex;align-items:center;justify-content:center;padding-bottom:8px;gap:8px}.au-header__navbar-item--is-dropdown .au-icon{transition:transform .25s ease}.au-header__navbar-item--is-dropdown:hover .au-icon,.au-header__navbar-item--is-dropdown:focus .au-icon{transform:rotate(-180deg)}.au-header__navbar-item--is-dropdown:hover .au-header__dropdown,.au-header__navbar-item--is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.au-header__navbar-link{height:100%;cursor:pointer;text-decoration:none}.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;letter-spacing:-.6px}.au-header__navbar-link:hover,.au-header__navbar-link:focus{color:#16181d}.au-header__navbar-link--is-active{color:#0048db}.au-header__navbar-link--is-active:hover,.au-header__navbar-link--is-active:focus{color:#0048db}.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;overflow:hidden;z-index:2;top:100%;width:100%;left:-8px;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,transform .2s linear,visibility .25s ease-in-out;transform:translateY(-8px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;text-decoration:none;justify-content:space-between;cursor:pointer}.au-header__dropdown-link--is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700;letter-spacing:-.6px}.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:8px;margin-block:16px}@media (min-width: 1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:16px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:24px}.au-header__profile-notifications{cursor:pointer;position:relative}.au-header__profile-notifications-badge{position:absolute;top:-4px;right:-4px;background-color:#e52222;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:2px;border:1px solid #ffffff}.au-header__profile-notifications-badge:empty{width:12px;height:12px;min-width:12px;padding:0 4px;top:0;right:0}.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,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}.au-header__hamburger{cursor:pointer}@media (min-width: 1024px){.au-header__hamburger{display:none}}
+.au-header{height:80px;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:1232px;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{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.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__badges .au-logo img{width:100%}.au-header__badges--limited-width .au-logo{max-width:56px}.au-header__navigation{height:100%;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-item{position:relative}.au-header__navbar-item--is-dropdown{height:calc(100% + 8px);align-self:flex-start;display:flex;align-items:center;justify-content:center;padding-bottom:8px;gap:8px}.au-header__navbar-item--is-dropdown .au-icon{transition:transform .25s ease}.au-header__navbar-item--is-open .au-icon{transform:rotate(-180deg)}.au-header__navbar-item--is-open .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.au-header__navbar-link{height:100%;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.au-header__navbar-link .au-text{color:inherit;font-weight:inherit}.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;letter-spacing:-.6px}.au-header__navbar-link:hover,.au-header__navbar-link:focus{color:#16181d}.au-header__navbar-link--is-active{color:#0048db}.au-header__navbar-link--is-active:hover,.au-header__navbar-link--is-active:focus{color:#0048db}.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;overflow:hidden;z-index:2;top:100%;width:100%;left:-8px;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,transform .2s linear,visibility .25s ease-in-out;transform:translateY(-8px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;text-decoration:none;justify-content:space-between;cursor:pointer}.au-header__dropdown-link--is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700;letter-spacing:-.6px}.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:8px;margin-block:16px}@media(min-width:1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:16px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:24px}.au-header__profile-notifications{cursor:pointer;position:relative;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}.au-header__profile-notifications-badge{position:absolute;top:-4px;right:-4px;background-color:#e52222;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;height:18px;min-width:18px;padding:2px;border:1px solid #ffffff}.au-header__profile-notifications-badge:empty{width:12px;height:12px;min-width:12px;padding:0 4px;top:0;right:0}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@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,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}.au-header__hamburger{cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}@media(min-width:1024px){.au-header__hamburger{display:none}}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import './styles.css';const Icon = ({
   markup,
   name,
@@ -19,6 +19,7 @@ import './styles.css';const Icon = ({
     "au-icon--color-info": color === "info",
     "au-icon--color-success": color === "success",
     "au-icon--size-large": size === "large",
+    "au-icon--size-medium": size === "medium",
     "au-icon--size-small": size === "small",
     [`${className}`]: !!className
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type IconSize = 'large' | 'small' | 'default'\nexport type IconColor = 'dark' | 'info' | 'default' | 'success'\n\nexport type IconProps = {\n  size?: IconSize\n  color?: IconColor\n  rawColor?: string\n  className?: string\n  onClick?: () => void\n}\ntype BaseIconProps = IconProps & {\n  markup?: string\n  name?: string\n}\n\nconst Icon: React.FC<BaseIconProps> = ({\n  markup,\n  name,\n  size,\n  color,\n  rawColor,\n  className,\n  onClick,\n}: BaseIconProps) => {\n  const iconStyle: React.CSSProperties = {\n    ...(rawColor && { color: rawColor }),\n  }\n\n  const componentClass = classNames('au-icon', {\n    [`au-icon--${name?.toLocaleLowerCase()}`]: !!name,\n    'au-icon--color-raw': !!rawColor,\n    'au-icon--color-dark': color === 'dark',\n    'au-icon--color-info': color === 'info',\n    'au-icon--color-success': color === 'success',\n    'au-icon--size-large': size === 'large',\n    'au-icon--size-small': size === 'small',\n    [`${className}`]: !!className,\n  })\n\n  return (\n    <div\n      style={iconStyle}\n      onClick={onClick}\n      className={componentClass}\n      dangerouslySetInnerHTML={{\n        __html: markup || '',\n      }}\n    />\n  )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;AAkBA,MAAM,OAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,YAAiC;AAAA,IACrC,GAAI,YAAY,EAAE,OAAO,SAAS;AAAA,EAAA;AAG9B,QAAA,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,6BAAM,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7C,sBAAsB,CAAC,CAAC;AAAA,IACxB,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,UAAU;AAAA,IACjC,0BAA0B,UAAU;AAAA,IACpC,uBAAuB,SAAS;AAAA,IAChC,uBAAuB,SAAS;AAAA,IAChC,CAAC,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrB;AAGC,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,yBAAyB;AAAA,QACvB,QAAQ,UAAU;AAAA,MACpB;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/icons/Icon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type IconSize = 'large' | 'medium' | 'small' | 'default'\nexport type IconColor = 'dark' | 'info' | 'default' | 'success'\n\nexport type IconProps = {\n  size?: IconSize\n  color?: IconColor\n  rawColor?: string\n  className?: string\n  onClick?: () => void\n}\ntype BaseIconProps = IconProps & {\n  markup?: string\n  name?: string\n}\n\nconst Icon: React.FC<BaseIconProps> = ({\n  markup,\n  name,\n  size,\n  color,\n  rawColor,\n  className,\n  onClick,\n}: BaseIconProps) => {\n  const iconStyle: React.CSSProperties = {\n    ...(rawColor && { color: rawColor }),\n  }\n\n  const componentClass = classNames('au-icon', {\n    [`au-icon--${name?.toLocaleLowerCase()}`]: !!name,\n    'au-icon--color-raw': !!rawColor,\n    'au-icon--color-dark': color === 'dark',\n    'au-icon--color-info': color === 'info',\n    'au-icon--color-success': color === 'success',\n    'au-icon--size-large': size === 'large',\n    'au-icon--size-medium': size === 'medium',\n    'au-icon--size-small': size === 'small',\n    [`${className}`]: !!className,\n  })\n\n  return (\n    <div\n      style={iconStyle}\n      onClick={onClick}\n      className={componentClass}\n      dangerouslySetInnerHTML={{\n        __html: markup || '',\n      }}\n    />\n  )\n}\n\nexport default Icon\n"],"names":[],"mappings":";;AAkBA,MAAM,OAAgC,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACnB,QAAM,YAAiC;AAAA,IACrC,GAAI,YAAY,EAAE,OAAO,SAAA;AAAA,EAAS;AAGpC,QAAM,iBAAiB,WAAW,WAAW;AAAA,IAC3C,CAAC,YAAY,6BAAM,mBAAmB,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7C,sBAAsB,CAAC,CAAC;AAAA,IACxB,uBAAuB,UAAU;AAAA,IACjC,uBAAuB,UAAU;AAAA,IACjC,0BAA0B,UAAU;AAAA,IACpC,uBAAuB,SAAS;AAAA,IAChC,wBAAwB,SAAS;AAAA,IACjC,uBAAuB,SAAS;AAAA,IAChC,CAAC,GAAG,SAAS,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrB;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,WAAW;AAAA,MACX,yBAAyB;AAAA,QACvB,QAAQ,UAAU;AAAA,MAAA;AAAA,IACpB;AAAA,EAAA;AAGN;"}

package/dist/components/Icon/styles.css

@@ -1 +1 @@
-.au-icon,.au-icon>svg{width:24px;height:24px;color:#0048db;display:flex;align-items:center;justify-content:center}.au-icon--size-large,.au-icon--size-large svg{width:32px;height:32px}.au-icon--size-small,.au-icon--size-small svg{width:16px;height:16px}.au-icon--color-dark>svg{color:#454a54}.au-icon--color-info>svg{color:#6728e5}.au-icon--color-success>svg{color:#026441}.au-icon--color-raw>svg{color:inherit}
+.au-icon,.au-icon>svg{width:20px;height:20px;color:#0048db;display:flex;align-items:center;justify-content:center}.au-icon--size-medium,.au-icon--size-medium svg{width:24px;height:24px}.au-icon--size-large,.au-icon--size-large svg{width:32px;height:32px}.au-icon--size-small,.au-icon--size-small svg{width:16px;height:16px}.au-icon--color-dark>svg{color:#454a54}.au-icon--color-info>svg{color:#6728e5}.au-icon--color-success>svg{color:#026441}.au-icon--color-raw>svg{color:inherit}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Image/index.tsx"],"sourcesContent":["import { BREAKPOINT_LG, BREAKPOINT_MD } from \"@core/tokens\"\n\ntype ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {\n  srcMob?: string\n  srcTablet?: string\n  srcDesk?: string\n}\n\nexport const Image = ({ srcMob, srcTablet, srcDesk, ...props }: ImageProps) => {\n  return (\n    <picture>\n      <source media={`(max-width: ${BREAKPOINT_MD})`} srcSet={srcMob} />\n      <source media={`(max-width: ${BREAKPOINT_LG})`} srcSet={srcTablet} />\n      <img src={srcDesk} {...props} />\n    </picture>\n  )\n}\n"],"names":[],"mappings":";;AAQa,MAAA,QAAQ,CAAC,EAAE,QAAQ,WAAW,SAAS,GAAG,YAAwB;AAC7E,8BACG,WACC,EAAA,UAAA;AAAA,IAAA,oBAAC,YAAO,OAAO,eAAe,aAAa,KAAK,QAAQ,QAAQ;AAAA,wBAC/D,UAAO,EAAA,OAAO,eAAe,aAAa,KAAK,QAAQ,WAAW;AAAA,IAClE,oBAAA,OAAA,EAAI,KAAK,SAAU,GAAG,MAAO,CAAA;AAAA,EAChC,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Image/index.tsx"],"sourcesContent":["import { BREAKPOINT_LG, BREAKPOINT_MD } from \"@core/tokens\"\n\ntype ImageProps = React.ImgHTMLAttributes<HTMLImageElement> & {\n  srcMob?: string\n  srcTablet?: string\n  srcDesk?: string\n}\n\nexport const Image = ({ srcMob, srcTablet, srcDesk, ...props }: ImageProps) => {\n  return (\n    <picture>\n      <source media={`(max-width: ${BREAKPOINT_MD})`} srcSet={srcMob} />\n      <source media={`(max-width: ${BREAKPOINT_LG})`} srcSet={srcTablet} />\n      <img src={srcDesk} {...props} />\n    </picture>\n  )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,QAAQ,CAAC,EAAE,QAAQ,WAAW,SAAS,GAAG,YAAwB;AAC7E,8BACG,WAAA,EACC,UAAA;AAAA,IAAA,oBAAC,YAAO,OAAO,eAAe,aAAa,KAAK,QAAQ,QAAQ;AAAA,wBAC/D,UAAA,EAAO,OAAO,eAAe,aAAa,KAAK,QAAQ,WAAW;AAAA,IACnE,oBAAC,OAAA,EAAI,KAAK,SAAU,GAAG,MAAA,CAAO;AAAA,EAAA,GAChC;AAEJ;"}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 const FieldInput = ({
   inputRef,
   customclass,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Input/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  inputRef?: React.RefObject<HTMLInputElement>\n  customclass?: string\n}\n\nexport const FieldInput = ({\n  inputRef,\n  customclass,\n  ...props\n}: FieldInputProps) => {\n  const inputClasses = classNames('au-field__input', customclass)\n\n  return <input className={inputClasses} ref={inputRef} {...props} />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACf,QAAA,eAAe,WAAW,mBAAmB,WAAW;AAE9D,6BAAQ,SAAM,EAAA,WAAW,cAAc,KAAK,UAAW,GAAG,MAAO,CAAA;AACnE;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Input/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\ntype FieldInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  inputRef?: React.RefObject<HTMLInputElement>\n  customclass?: string\n}\n\nexport const FieldInput = ({\n  inputRef,\n  customclass,\n  ...props\n}: FieldInputProps) => {\n  const inputClasses = classNames('au-field__input', customclass)\n\n  return <input className={inputClasses} ref={inputRef} {...props} />\n}\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,eAAe,WAAW,mBAAmB,WAAW;AAE9D,6BAAQ,SAAA,EAAM,WAAW,cAAc,KAAK,UAAW,GAAG,OAAO;AACnE;"}

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

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useId } from "react";
 import { F as Field } from "../../index-ZE6zszxw.js";
 const InputField = ({
   showOptionalLabel,
@@ -18,6 +19,11 @@ const InputField = ({
   numericKeypad,
   ...props
 }) => {
+  const generatedErrorId = useId();
+  const generatedHelpId = useId();
+  const errorId = error && errorMessage ? generatedErrorId : void 0;
+  const helpId = helpMessage ? generatedHelpId : void 0;
+  const describedBy = [errorId, helpId].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ jsxs(
     Field.Root,
     {
@@ -47,10 +53,12 @@ const InputField = ({
             inputMode: numericKeypad ? "numeric" : void 0,
             disabled,
             style: inputStyle,
+            "aria-invalid": !!error,
+            "aria-describedby": describedBy,
             ...props
           }
         ) }),
-        /* @__PURE__ */ jsx(Field.Message, { hasError: !!error, errorMessage, helpMessage })
+        /* @__PURE__ */ jsx(Field.Message, { hasError: !!error, errorMessage, helpMessage, errorId, helpId })
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/InputField/index.tsx"],"sourcesContent":["import Field from '../Field'\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  rightSlot?: React.ReactNode\n  label?: string | React.ReactNode\n  inputStyle?: React.CSSProperties\n  inputRef?: React.RefObject<HTMLInputElement>\n  numericKeypad?: boolean\n}\n\nexport const InputField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  label,\n  id,\n  disabled,\n  style,\n  className,\n  inputStyle,\n  rightSlot,\n  inputRef,\n  numericKeypad,\n  ...props\n}: InputProps) => {\n\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        showOptionalLabel={showOptionalLabel}\n        required={requiredInput}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.InputHolder rightSideSlot={rightSlot}>\n        <Field.Input\n          id={id}\n          inputRef={inputRef}\n          inputMode={numericKeypad ? \"numeric\" : undefined}\n          disabled={disabled}\n          style={inputStyle}\n          {...props}\n        />\n      </Field.InputHolder>\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;AAgBO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAGd,SAAA;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACC,oBAAA,MAAM,aAAN,EAAkB,eAAe,WAChC,UAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC;AAAA,YACA;AAAA,YACA,WAAW,gBAAgB,YAAY;AAAA,YACvC;AAAA,YACA,OAAO;AAAA,YACN,GAAG;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,oBAAC,MAAM,SAAN,EAAc,UAAU,CAAC,CAAC,OAAO,cAA4B,aAA0B;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG9F;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/InputField/index.tsx"],"sourcesContent":["import { useId } from 'react'\nimport Field from '../Field'\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  showOptionalLabel?: boolean\n  requiredInput?: boolean\n  success?: boolean\n  error?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  rightSlot?: React.ReactNode\n  label?: string | React.ReactNode\n  inputStyle?: React.CSSProperties\n  inputRef?: React.RefObject<HTMLInputElement>\n  numericKeypad?: boolean\n}\n\nexport const InputField = ({\n  showOptionalLabel,\n  requiredInput,\n  success,\n  error,\n  errorMessage,\n  helpMessage,\n  label,\n  id,\n  disabled,\n  style,\n  className,\n  inputStyle,\n  rightSlot,\n  inputRef,\n  numericKeypad,\n  ...props\n}: InputProps) => {\n  const generatedErrorId = useId()\n  const generatedHelpId = useId()\n  const errorId = error && errorMessage ? generatedErrorId : undefined\n  const helpId = helpMessage ? generatedHelpId : undefined\n  const describedBy = [errorId, helpId].filter(Boolean).join(' ') || undefined\n\n  return (\n    <Field.Root\n      style={style}\n      customclass={className}\n      success={success}\n      error={error}\n      disabled={disabled}>\n      <Field.Label\n        text={label}\n        id={id}\n        showOptionalLabel={showOptionalLabel}\n        required={requiredInput}\n        success={success}\n        error={error}\n        disabled={disabled}\n      />\n      <Field.InputHolder rightSideSlot={rightSlot}>\n        <Field.Input\n          id={id}\n          inputRef={inputRef}\n          inputMode={numericKeypad ? \"numeric\" : undefined}\n          disabled={disabled}\n          style={inputStyle}\n          aria-invalid={!!error}\n          aria-describedby={describedBy}\n          {...props}\n        />\n      </Field.InputHolder>\n      <Field.Message hasError={!!error} errorMessage={errorMessage} helpMessage={helpMessage} errorId={errorId} helpId={helpId} />\n    </Field.Root>\n  )\n}\n"],"names":[],"mappings":";;;AAiBO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,mBAAmB,MAAA;AACzB,QAAM,kBAAkB,MAAA;AACxB,QAAM,UAAU,SAAS,eAAe,mBAAmB;AAC3D,QAAM,SAAS,cAAc,kBAAkB;AAC/C,QAAM,cAAc,CAAC,SAAS,MAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAEnE,SACE;AAAA,IAAC,MAAM;AAAA,IAAN;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC,MAAM;AAAA,YACN;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,oBAAC,MAAM,aAAN,EAAkB,eAAe,WAChC,UAAA;AAAA,UAAC,MAAM;AAAA,UAAN;AAAA,YACC;AAAA,YACA;AAAA,YACA,WAAW,gBAAgB,YAAY;AAAA,YACvC;AAAA,YACA,OAAO;AAAA,YACP,gBAAc,CAAC,CAAC;AAAA,YAChB,oBAAkB;AAAA,YACjB,GAAG;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QACA,oBAAC,MAAM,SAAN,EAAc,UAAU,CAAC,CAAC,OAAO,cAA4B,aAA0B,SAAkB,OAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhI;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/InputHolder/index.tsx"],"sourcesContent":["import React from 'react'\n\ntype FieldInputHolderProps = {\n  children?: React.ReactNode\n  rightSideSlot?: React.ReactNode\n}\n\nexport const FieldInputHolder = ({\n  children,\n  rightSideSlot,\n}: FieldInputHolderProps) => {\n  return (\n    <div className=\"au-field__input-holder\">\n      {children}\n      {rightSideSlot && (\n        <div className=\"au-field__right-slot\">{rightSideSlot}</div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAOO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAEzB,SAAA,qBAAC,OAAI,EAAA,WAAU,0BACZ,UAAA;AAAA,IAAA;AAAA,IACA,iBACC,oBAAC,OAAI,EAAA,WAAU,wBAAwB,UAAc,eAAA;AAAA,EAEzD,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/InputHolder/index.tsx"],"sourcesContent":["import React from 'react'\n\ntype FieldInputHolderProps = {\n  children?: React.ReactNode\n  rightSideSlot?: React.ReactNode\n}\n\nexport const FieldInputHolder = ({\n  children,\n  rightSideSlot,\n}: FieldInputHolderProps) => {\n  return (\n    <div className=\"au-field__input-holder\">\n      {children}\n      {rightSideSlot && (\n        <div className=\"au-field__right-slot\">{rightSideSlot}</div>\n      )}\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAOO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AACF,MAA6B;AAC3B,SACE,qBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA;AAAA,IAAA;AAAA,IACA,iBACC,oBAAC,OAAA,EAAI,WAAU,wBAAwB,UAAA,cAAA,CAAc;AAAA,EAAA,GAEzD;AAEJ;"}

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type IsMobileProps = {
     renderIf: ReactNode | string | JSX.Element | JSX.Element[];
     renderElse: ReactNode | string | JSX.Element | JSX.Element[];

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/IsMobile/index.tsx"],"sourcesContent":["import { isMobile } from '@core/utils/isMobile'\nimport { Conditional } from '../misc'\nimport { ReactNode } from 'react'\n\ntype IsMobileProps = {\n  renderIf: ReactNode | string | JSX.Element | JSX.Element[]\n  renderElse: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const IsMobile = ({ renderIf, renderElse }: IsMobileProps) => {\n  return (\n    <Conditional\n      condition={!!isMobile()}\n      renderIf={renderIf}\n      renderElse={renderElse}\n    />\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,WAAW,CAAC,EAAE,UAAU,iBAAgC;AAEjE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,CAAC,SAAS;AAAA,MACtB;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/IsMobile/index.tsx"],"sourcesContent":["import { isMobile } from '@core/utils/isMobile'\nimport { Conditional } from '../misc'\nimport { ReactNode } from 'react'\n\ntype IsMobileProps = {\n  renderIf: ReactNode | string | JSX.Element | JSX.Element[]\n  renderElse: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const IsMobile = ({ renderIf, renderElse }: IsMobileProps) => {\n  return (\n    <Conditional\n      condition={!!isMobile()}\n      renderIf={renderIf}\n      renderElse={renderElse}\n    />\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,WAAW,CAAC,EAAE,UAAU,iBAAgC;AACnE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,CAAC,SAAA;AAAA,MACb;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,12 +1,13 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../../index-BXRA68j0.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-D_iASp38.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-eEtvWiuX.js";
 const FieldLabel = ({
   id,
+  labelId,
   text,
   required,
   success,
@@ -34,13 +35,16 @@ const FieldLabel = ({
   ];
   const currentState = states.find(({ value }) => !!value);
   return /* @__PURE__ */ jsxs("div", { className: "au-field__header", children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-field__header-label", children: [
+    /* @__PURE__ */ jsxs("label", { id: labelId, htmlFor: id, className: "au-field__header-label", children: [
       text,
       " ",
       showOptionalLabel && !required && /* @__PURE__ */ jsx("span", { className: "au-field__header-label--optional", children: "(Opcional)" }),
-      !showOptionalLabel && required && /* @__PURE__ */ jsx("strong", { className: "au-field__header-label--required", children: "*" })
+      !showOptionalLabel && required && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("strong", { className: "au-field__header-label--required", "aria-hidden": "true", children: "*" }),
+        /* @__PURE__ */ jsx("span", { className: "au-sr-only", children: "obrigatório" })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "au-field__header-icon", children: currentState == null ? void 0 : currentState.icon })
+    /* @__PURE__ */ jsx("div", { className: "au-field__header-icon", "aria-hidden": "true", children: currentState == null ? void 0 : currentState.icon })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Label/index.tsx"],"sourcesContent":["import { IconAlertOctagon, IconCheck, IconSlash } from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_NEUTRAL_40,\n  COLOR_SUCCESS_50,\n} from '@core/tokens'\n\ntype FieldLabelProps = {\n  id?: string\n  text?: string | React.ReactNode\n  required?: boolean\n  success?: boolean\n  error?: boolean\n  disabled?: boolean\n  showOptionalLabel?: boolean\n}\n\nexport const FieldLabel = ({\n  id,\n  text,\n  required,\n  success,\n  error,\n  disabled,\n  showOptionalLabel = true,\n}: FieldLabelProps) => {\n  if (!text) return null\n\n  const states = [\n    {\n      state: 'success',\n      value: !!success,\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    {\n      state: 'error',\n      value: !!error,\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    {\n      state: 'disabled',\n      value: !!disabled,\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n    },\n  ]\n\n  const currentState = states.find(({ value }) => !!value)\n\n  return (\n    <div className=\"au-field__header\">\n      <label htmlFor={id} className=\"au-field__header-label\">\n        {text}{' '}\n        {showOptionalLabel && !required && (\n          <span className=\"au-field__header-label--optional\">(Opcional)</span>\n        )}\n        {!showOptionalLabel && required && (\n          <strong className=\"au-field__header-label--required\">*</strong>\n        )}\n      </label>\n      <div className=\"au-field__header-icon\">{currentState?.icon}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AACtB,MAAuB;AACjB,MAAA,CAAC,KAAa,QAAA;AAElB,QAAM,SAAS;AAAA,IACb;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,kBAAiB,EAAA,UAAU,eAAgB,CAAA;AAAA,IACpD;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAU,EAAA,UAAU,iBAAkB,CAAA;AAAA,IAC/C;AAAA,EAAA;AAGI,QAAA,eAAe,OAAO,KAAK,CAAC,EAAE,YAAY,CAAC,CAAC,KAAK;AAGrD,SAAA,qBAAC,OAAI,EAAA,WAAU,oBACb,UAAA;AAAA,IAAA,qBAAC,SAAM,EAAA,SAAS,IAAI,WAAU,0BAC3B,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MACN,qBAAqB,CAAC,gCACpB,QAAK,EAAA,WAAU,oCAAmC,UAAU,cAAA;AAAA,MAE9D,CAAC,qBAAqB,gCACpB,UAAO,EAAA,WAAU,oCAAmC,UAAC,KAAA;AAAA,IAAA,GAE1D;AAAA,IACC,oBAAA,OAAA,EAAI,WAAU,yBAAyB,uDAAc,MAAK;AAAA,EAC7D,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Label/index.tsx"],"sourcesContent":["import { IconAlertOctagon, IconCheck, IconSlash } from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_NEUTRAL_40,\n  COLOR_SUCCESS_50,\n} from '@core/tokens'\n\ntype FieldLabelProps = {\n  id?: string\n  labelId?: string\n  text?: string | React.ReactNode\n  required?: boolean\n  success?: boolean\n  error?: boolean\n  disabled?: boolean\n  showOptionalLabel?: boolean\n}\n\nexport const FieldLabel = ({\n  id,\n  labelId,\n  text,\n  required,\n  success,\n  error,\n  disabled,\n  showOptionalLabel = true,\n}: FieldLabelProps) => {\n  if (!text) return null\n\n  const states = [\n    {\n      state: 'success',\n      value: !!success,\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    {\n      state: 'error',\n      value: !!error,\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    {\n      state: 'disabled',\n      value: !!disabled,\n      icon: <IconSlash rawColor={COLOR_NEUTRAL_40} />,\n    },\n  ]\n\n  const currentState = states.find(({ value }) => !!value)\n\n  return (\n    <div className=\"au-field__header\">\n      <label id={labelId} htmlFor={id} className=\"au-field__header-label\">\n        {text}{' '}\n        {showOptionalLabel && !required && (\n          <span className=\"au-field__header-label--optional\">(Opcional)</span>\n        )}\n        {!showOptionalLabel && required && (\n          <>\n            <strong className=\"au-field__header-label--required\" aria-hidden=\"true\">*</strong>\n            <span className=\"au-sr-only\">obrigatório</span>\n          </>\n        )}\n      </label>\n      <div className=\"au-field__header-icon\" aria-hidden=\"true\">{currentState?.icon}</div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAkBO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,oBAAoB;AACtB,MAAuB;AACrB,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,SAAS;AAAA,IACb;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE/C;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,kBAAA,EAAiB,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAEpD;AAAA,MACE,OAAO;AAAA,MACP,OAAO,CAAC,CAAC;AAAA,MACT,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,EAC/C;AAGF,QAAM,eAAe,OAAO,KAAK,CAAC,EAAE,MAAA,MAAY,CAAC,CAAC,KAAK;AAEvD,SACE,qBAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,IAAA,qBAAC,WAAM,IAAI,SAAS,SAAS,IAAI,WAAU,0BACxC,UAAA;AAAA,MAAA;AAAA,MAAM;AAAA,MACN,qBAAqB,CAAC,gCACpB,QAAA,EAAK,WAAU,oCAAmC,UAAA,cAAU;AAAA,MAE9D,CAAC,qBAAqB,YACrB,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,UAAA,EAAO,WAAU,oCAAmC,eAAY,QAAO,UAAA,KAAC;AAAA,QACzE,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,cAAA,CAAW;AAAA,MAAA,EAAA,CAC1C;AAAA,IAAA,GAEJ;AAAA,wBACC,OAAA,EAAI,WAAU,yBAAwB,eAAY,QAAQ,uDAAc,KAAA,CAAK;AAAA,EAAA,GAChF;AAEJ;"}

package/dist/components/LazyImage/hooks.d.ts

@@ -1,5 +1,4 @@
 import { UseLazyImageProps } from './types';
-
 export declare function useLazyImage({ lazy, src }: UseLazyImageProps): {
     imgRef: import('react').RefObject<HTMLImageElement>;
     imageSrc: string | undefined;

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

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { LazyImageProps } from './types';
-
 export declare const LazyImage: ({ className, lazy, src, alt, height, width, draggable, style, onClick, }: LazyImageProps) => React.DetailedReactHTMLElement<{
     src: string | undefined;
     alt: string | undefined;

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

@@ -1,4 +1,4 @@
-import $dbSRa$react__default, { useState, useRef, useCallback, useEffect } from "react";
+import $8WNJc$react__default, { useState, useRef, useCallback, useEffect } from "react";
 function useLazyImage({ lazy = true, src }) {
   const [imageSrc, setImageSrc] = useState(
     lazy ? void 0 : src
@@ -41,7 +41,7 @@ const LazyImage = ({
   onClick
 }) => {
   const { imgRef, imageSrc } = useLazyImage({ lazy, src });
-  return $dbSRa$react__default.createElement("img", {
+  return $8WNJc$react__default.createElement("img", {
     ...lazy && { ref: imgRef },
     className,
     ...lazy && { loading: "lazy" },

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/LazyImage/hooks.ts","../../../lib/components/LazyImage/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { UseLazyImageProps } from './types'\n\nexport function useLazyImage({ lazy = true, src }: UseLazyImageProps) {\n  const [imageSrc, setImageSrc] = useState<string | undefined>(\n    lazy ? undefined : src,\n  )\n  const imgRef = useRef<HTMLImageElement>(null)\n\n  const observeIntersection = useCallback(() => {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          setImageSrc(src)\n\n          if (imgRef.current) observer.unobserve(imgRef.current)\n        }\n      })\n    })\n\n    if (imgRef.current) observer.observe(imgRef.current)\n\n    return () => {\n      if (observer && imgRef.current) observer.disconnect()\n    }\n  }, [src])\n\n  useEffect(() => {\n    if (src !== imageSrc && !lazy) setImageSrc(src)\n\n    const cleanupObserver = lazy ? observeIntersection() : () => {}\n\n    return () => cleanupObserver()\n  }, [observeIntersection, lazy])\n\n  return {\n    imgRef,\n    imageSrc,\n  }\n}\n","import React from 'react'\n\nimport { useLazyImage } from './hooks'\nimport { LazyImageProps } from './types'\n\nexport const LazyImage = ({\n  className,\n  lazy = true,\n  src,\n  alt,\n  height,\n  width,\n  draggable = false,\n  style,\n  onClick,\n}: LazyImageProps) => {\n  const { imgRef, imageSrc } = useLazyImage({ lazy, src })\n\n  return React.createElement('img', {\n    ...(lazy && { ref: imgRef }),\n\n    className,\n    ...(lazy && { loading: 'lazy' }),\n    src: imageSrc,\n    alt,\n    height,\n    width,\n    draggable,\n    style,\n    onClick,\n  })\n}\n"],"names":["React"],"mappings":";AAGO,SAAS,aAAa,EAAE,OAAO,MAAM,OAA0B;AAC9D,QAAA,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B,OAAO,SAAY;AAAA,EAAA;AAEf,QAAA,SAAS,OAAyB,IAAI;AAEtC,QAAA,sBAAsB,YAAY,MAAM;AAC5C,UAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AAC7C,cAAA,QAAQ,CAAC,UAAU;AACzB,YAAI,MAAM,gBAAgB;AACxB,sBAAY,GAAG;AAEf,cAAI,OAAO,QAAkB,UAAA,UAAU,OAAO,OAAO;AAAA,QACvD;AAAA,MAAA,CACD;AAAA,IAAA,CACF;AAED,QAAI,OAAO,QAAkB,UAAA,QAAQ,OAAO,OAAO;AAEnD,WAAO,MAAM;AACX,UAAI,YAAY,OAAO,QAAS,UAAS,WAAW;AAAA,IAAA;AAAA,EACtD,GACC,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,QAAI,QAAQ,YAAY,CAAC,kBAAkB,GAAG;AAE9C,UAAM,kBAAkB,OAAO,oBAAoB,IAAI,MAAM;AAAA,IAAA;AAE7D,WAAO,MAAM,gBAAgB;AAAA,EAAA,GAC5B,CAAC,qBAAqB,IAAI,CAAC;AAEvB,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;AClCO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAsB;AACd,QAAA,EAAE,QAAQ,SAAS,IAAI,aAAa,EAAE,MAAM,KAAK;AAEhD,SAAAA,sBAAM,cAAc,OAAO;AAAA,IAChC,GAAI,QAAQ,EAAE,KAAK,OAAO;AAAA,IAE1B;AAAA,IACA,GAAI,QAAQ,EAAE,SAAS,OAAO;AAAA,IAC9B,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/LazyImage/hooks.ts","../../../lib/components/LazyImage/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { UseLazyImageProps } from './types'\n\nexport function useLazyImage({ lazy = true, src }: UseLazyImageProps) {\n  const [imageSrc, setImageSrc] = useState<string | undefined>(\n    lazy ? undefined : src,\n  )\n  const imgRef = useRef<HTMLImageElement>(null)\n\n  const observeIntersection = useCallback(() => {\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.isIntersecting) {\n          setImageSrc(src)\n\n          if (imgRef.current) observer.unobserve(imgRef.current)\n        }\n      })\n    })\n\n    if (imgRef.current) observer.observe(imgRef.current)\n\n    return () => {\n      if (observer && imgRef.current) observer.disconnect()\n    }\n  }, [src])\n\n  useEffect(() => {\n    if (src !== imageSrc && !lazy) setImageSrc(src)\n\n    const cleanupObserver = lazy ? observeIntersection() : () => {}\n\n    return () => cleanupObserver()\n  }, [observeIntersection, lazy])\n\n  return {\n    imgRef,\n    imageSrc,\n  }\n}\n","import React from 'react'\n\nimport { useLazyImage } from './hooks'\nimport { LazyImageProps } from './types'\n\nexport const LazyImage = ({\n  className,\n  lazy = true,\n  src,\n  alt,\n  height,\n  width,\n  draggable = false,\n  style,\n  onClick,\n}: LazyImageProps) => {\n  const { imgRef, imageSrc } = useLazyImage({ lazy, src })\n\n  return React.createElement('img', {\n    ...(lazy && { ref: imgRef }),\n\n    className,\n    ...(lazy && { loading: 'lazy' }),\n    src: imageSrc,\n    alt,\n    height,\n    width,\n    draggable,\n    style,\n    onClick,\n  })\n}\n"],"names":["React"],"mappings":";AAGO,SAAS,aAAa,EAAE,OAAO,MAAM,OAA0B;AACpE,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAC9B,OAAO,SAAY;AAAA,EAAA;AAErB,QAAM,SAAS,OAAyB,IAAI;AAE5C,QAAM,sBAAsB,YAAY,MAAM;AAC5C,UAAM,WAAW,IAAI,qBAAqB,CAAC,YAAY;AACrD,cAAQ,QAAQ,CAAC,UAAU;AACzB,YAAI,MAAM,gBAAgB;AACxB,sBAAY,GAAG;AAEf,cAAI,OAAO,QAAS,UAAS,UAAU,OAAO,OAAO;AAAA,QACvD;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,QAAI,OAAO,QAAS,UAAS,QAAQ,OAAO,OAAO;AAEnD,WAAO,MAAM;AACX,UAAI,YAAY,OAAO,QAAS,UAAS,WAAA;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,YAAU,MAAM;AACd,QAAI,QAAQ,YAAY,CAAC,kBAAkB,GAAG;AAE9C,UAAM,kBAAkB,OAAO,oBAAA,IAAwB,MAAM;AAAA,IAAC;AAE9D,WAAO,MAAM,gBAAA;AAAA,EACf,GAAG,CAAC,qBAAqB,IAAI,CAAC;AAE9B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;AClCO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,EAAE,QAAQ,SAAA,IAAa,aAAa,EAAE,MAAM,KAAK;AAEvD,SAAOA,sBAAM,cAAc,OAAO;AAAA,IAChC,GAAI,QAAQ,EAAE,KAAK,OAAA;AAAA,IAEnB;AAAA,IACA,GAAI,QAAQ,EAAE,SAAS,OAAA;AAAA,IACvB,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACH;"}

package/dist/components/Logo/Logo.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-
 type LogoProps = {
     children?: ReactNode | string | JSX.Element | JSX.Element[];
+    label?: string;
 };
-export declare const Logo: ({ children }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Logo: ({ children, label }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,24 +1,24 @@
-import { r, s, p, o, q, L, a, b, c, d, e, f, g, h, i, j, k, l, m, n } from "../../BadgeWhite-2VzKlAke.js";
+import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "../../BadgeWhite-DwzVEF3U.js";
 export {
-  r as LogoBadgeFullWhiteAC,
-  s as LogoBadgeWhiteAC,
-  p as LogoBadgeWhiteStrokeAC,
-  o as LogoBadgeWhiteStrokeCP,
-  q as LogoBadgeWhiteStrokeDefaultAC,
-  L as LogoBadgetAC,
-  a as LogoBadgetCP,
-  b as LogoPrimaryAC,
-  c as LogoPrimaryCP,
-  d as LogoPrimaryFillWhiteAC,
-  e as LogoPrimaryFillWhiteCP,
-  f as LogoPrimaryFullWhiteAC,
-  g as LogoPrimaryFullWhiteCP,
-  h as LogoPrimaryLogoWhiteCP,
-  i as LogoPrimaryNegativeAC,
-  j as LogoPrimaryNegativeCP,
-  k as LogoPrimaryWhiteAC,
-  l as LogoPrimaryWhiteCP,
-  m as LogoTertiaryAC,
-  n as LogoTertiaryWhiteAC
+  L as LogoBadgeFullWhiteAC,
+  a as LogoBadgeWhiteAC,
+  b as LogoBadgeWhiteStrokeAC,
+  c as LogoBadgeWhiteStrokeCP,
+  d as LogoBadgeWhiteStrokeDefaultAC,
+  e as LogoBadgetAC,
+  f as LogoBadgetCP,
+  g as LogoPrimaryAC,
+  h as LogoPrimaryCP,
+  i as LogoPrimaryFillWhiteAC,
+  j as LogoPrimaryFillWhiteCP,
+  k as LogoPrimaryFullWhiteAC,
+  l as LogoPrimaryFullWhiteCP,
+  m as LogoPrimaryLogoWhiteCP,
+  n as LogoPrimaryNegativeAC,
+  o as LogoPrimaryNegativeCP,
+  p as LogoPrimaryWhiteAC,
+  q as LogoPrimaryWhiteCP,
+  r as LogoTertiaryAC,
+  s as LogoTertiaryWhiteAC
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-const FieldMessage = ({ hasError, errorMessage, helpMessage }) => {
+const FieldMessage = ({ hasError, errorMessage, helpMessage, errorId, helpId }) => {
   if (hasError && errorMessage) {
-    return /* @__PURE__ */ jsx("p", { className: "au-field__message au-field__message--error", children: errorMessage });
+    return /* @__PURE__ */ jsx("p", { id: errorId, className: "au-field__message au-field__message--error", role: "alert", children: errorMessage });
   }
   if (helpMessage) {
-    return /* @__PURE__ */ jsx("p", { className: "au-field__message", children: helpMessage });
+    return /* @__PURE__ */ jsx("p", { id: helpId, className: "au-field__message", children: helpMessage });
   }
   return null;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Message/index.tsx"],"sourcesContent":["type FieldMessageProps = {\n  hasError?: boolean\n  errorMessage?: string\n  helpMessage?: string\n}\n\nexport const FieldMessage = ({ hasError, errorMessage, helpMessage }: FieldMessageProps) => {\n  if (hasError && errorMessage) {\n    return <p className=\"au-field__message au-field__message--error\">{errorMessage}</p>\n  }\n\n  if (helpMessage) {\n    return <p className=\"au-field__message\">{helpMessage}</p>\n  }\n\n  return null\n}\n"],"names":[],"mappings":";AAMO,MAAM,eAAe,CAAC,EAAE,UAAU,cAAc,kBAAqC;AAC1F,MAAI,YAAY,cAAc;AAC5B,WAAQ,oBAAA,KAAA,EAAE,WAAU,8CAA8C,UAAa,aAAA,CAAA;AAAA,EACjF;AAEA,MAAI,aAAa;AACf,WAAQ,oBAAA,KAAA,EAAE,WAAU,qBAAqB,UAAY,YAAA,CAAA;AAAA,EACvD;AAEO,SAAA;AACT;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Field/Message/index.tsx"],"sourcesContent":["type FieldMessageProps = {\n  hasError?: boolean\n  errorMessage?: string\n  helpMessage?: string\n  errorId?: string\n  helpId?: string\n}\n\nexport const FieldMessage = ({ hasError, errorMessage, helpMessage, errorId, helpId }: FieldMessageProps) => {\n  if (hasError && errorMessage) {\n    return (\n      <p id={errorId} className=\"au-field__message au-field__message--error\" role=\"alert\">\n        {errorMessage}\n      </p>\n    )\n  }\n\n  if (helpMessage) {\n    return <p id={helpId} className=\"au-field__message\">{helpMessage}</p>\n  }\n\n  return null\n}\n"],"names":[],"mappings":";AAQO,MAAM,eAAe,CAAC,EAAE,UAAU,cAAc,aAAa,SAAS,aAAgC;AAC3G,MAAI,YAAY,cAAc;AAC5B,WACE,oBAAC,OAAE,IAAI,SAAS,WAAU,8CAA6C,MAAK,SACzE,UAAA,aAAA,CACH;AAAA,EAEJ;AAEA,MAAI,aAAa;AACf,+BAAQ,KAAA,EAAE,IAAI,QAAQ,WAAU,qBAAqB,UAAA,aAAY;AAAA,EACnE;AAEA,SAAO;AACT;"}

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

@@ -1,4 +1,3 @@
-
 type ModalLayout = 'default' | 'centralized';
 type ModalLayoutMobile = 'default' | 'centralized' | 'full-screen';
 export type ModalProps = {
@@ -10,6 +9,7 @@ export type ModalProps = {
     layoutDesktop?: ModalLayout;
     mobileModalTitle?: string;
     handleHelpInfo?: () => void;
+    ariaLabel?: string;
 };
-export declare const Modal: ({ isOpen, onClose, headerContent, content, layoutMobile, layoutDesktop, mobileModalTitle, handleHelpInfo, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Modal: ({ isOpen, onClose, headerContent, content, layoutMobile, layoutDesktop, mobileModalTitle, handleHelpInfo, ariaLabel, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-BXRA68j0.js";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
 import { SubHeader } from "../SubHeader/index.es.js";
-import { I as If, T as Then, W as When, E as Else } from "../../react-if.esm-CoCMV6iA.js";
+import { I as If, T as Then, W as When, E as Else } from "../../react-if.esm-Cozt8l48.js";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
 import './styles.css';const Modal = ({
   isOpen,
@@ -13,7 +13,8 @@ import './styles.css';const Modal = ({
   layoutMobile = "default",
   layoutDesktop = "default",
   mobileModalTitle = "Título",
-  handleHelpInfo
+  handleHelpInfo,
+  ariaLabel
 }) => {
   if (!isOpen) return null;
   const modalClasses = classNames("au-modal", {
@@ -22,23 +23,32 @@ import './styles.css';const Modal = ({
     "au-modal--mobile-centralized": layoutMobile === "centralized",
     "au-modal--desktop-centralized": layoutDesktop === "centralized"
   });
-  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, { className: "au-modal__header-close-icon" }) }) }),
-        headerContent
-      ] }),
-      /* @__PURE__ */ jsx(Else, { children: /* @__PURE__ */ jsx(When, { condition: !!onClose, children: /* @__PURE__ */ jsx(
-        SubHeader,
-        {
-          title: mobileModalTitle,
-          handleReturn: onClose,
-          handleHelpInfo
-        }
-      ) }) })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "au-modal__content", children: content })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: modalClasses,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": ariaLabel ?? mobileModalTitle,
+      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, "aria-label": "Fechar", children: /* @__PURE__ */ jsx(IconX, { className: "au-modal__header-close-icon", "aria-hidden": "true" }) }) }),
+            headerContent
+          ] }),
+          /* @__PURE__ */ jsx(Else, { children: /* @__PURE__ */ jsx(When, { condition: !!onClose, children: /* @__PURE__ */ jsx(
+            SubHeader,
+            {
+              title: mobileModalTitle,
+              handleReturn: onClose,
+              handleHelpInfo
+            }
+          ) }) })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "au-modal__content", children: content })
+      ] })
+    }
+  );
 };
 export {
   Modal