@consumidor-positivo/aurora 0.11.0 → 0.12.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -7,7 +7,8 @@ import './styles.css';const Icon = ({
   color,
   rawColor,
   className,
-  onClick
+  onClick,
+  "data-testid": dataTestId
 }) => {
   const iconStyle = {
     ...rawColor && { color: rawColor }
@@ -29,6 +30,7 @@ import './styles.css';const Icon = ({
       style: iconStyle,
       onClick,
       className: componentClass,
+      "data-testid": dataTestId,
       dangerouslySetInnerHTML: {
         __html: markup || ""
       }

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

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

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-eEtvWiuX.js";
+import { B as BREAKPOINT_MD, a as BREAKPOINT_LG } from "../../tokens-CKZdIZ5O.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/Label/index.es.js

@@ -4,7 +4,7 @@ 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-eEtvWiuX.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-CKZdIZ5O.js";
 const FieldLabel = ({
   id,
   labelId,

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

@@ -1,6 +1,6 @@
 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<{
+export declare const LazyImage: ({ className, lazy, src, alt, height, width, draggable, style, onClick, "data-testid": dataTestId, }: LazyImageProps) => React.DetailedReactHTMLElement<{
     src: string | undefined;
     alt: string | undefined;
     height: number | undefined;
@@ -10,6 +10,7 @@ export declare const LazyImage: ({ className, lazy, src, alt, height, width, dra
         [key: string]: string | number;
     } | undefined;
     onClick: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
+    'data-testid': string | undefined;
     loading?: string | undefined;
     className: string | undefined;
     ref?: React.RefObject<HTMLImageElement> | undefined;

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

@@ -38,7 +38,8 @@ const LazyImage = ({
   width,
   draggable = false,
   style,
-  onClick
+  onClick,
+  "data-testid": dataTestId
 }) => {
   const { imgRef, imageSrc } = useLazyImage({ lazy, src });
   return $8WNJc$react__default.createElement("img", {
@@ -51,7 +52,8 @@ const LazyImage = ({
     width,
     draggable,
     style,
-    onClick
+    onClick,
+    "data-testid": dataTestId
   });
 };
 export {

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;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;"}
+{"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  'data-testid': dataTestId,\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    'data-testid': dataTestId,\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;AAAA,EACA,eAAe;AACjB,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,IACA,eAAe;AAAA,EAAA,CAChB;AACH;"}

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

@@ -10,6 +10,7 @@ export type LazyImageProps = {
         [key: string]: string | number;
     };
     onClick?: (event: React.MouseEvent<HTMLImageElement>) => void;
+    'data-testid'?: string;
 };
 export type UseLazyImageProps = {
     lazy: boolean;

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

@@ -2,6 +2,11 @@ import { ReactNode } from 'react';
 type LogoProps = {
     children?: ReactNode | string | JSX.Element | JSX.Element[];
     label?: string;
+    'data-testid'?: string;
 };
-export declare const Logo: ({ children, label }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+/** Props shared by every generated Logo variant wrapper. */
+export type LogoVariantProps = {
+    'data-testid'?: string;
+};
+export declare const Logo: ({ children, label, "data-testid": dataTestId }: LogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1,2 @@
-export declare const LogoBadgeFullWhiteAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgeFullWhiteAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoBadgeWhiteAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgeWhiteAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoBadgeWhiteStrokeAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgeWhiteStrokeAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoBadgeWhiteStrokeDefaultAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgeWhiteStrokeDefaultAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoBadgetAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgetAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryFillWhiteAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryFillWhiteAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryFullWhiteAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryFullWhiteAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryNegativeAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryNegativeAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryWhiteAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryWhiteAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoTertiaryAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoTertiaryAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoTertiaryWhiteAC: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoTertiaryWhiteAC: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoBadgeWhiteStrokeCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgeWhiteStrokeCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoBadgetCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoBadgetCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryFillWhiteCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryFillWhiteCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryFullWhiteCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryFullWhiteCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryLogoWhiteCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryLogoWhiteCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryNegativeCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryNegativeCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1,2 @@
-export declare const LogoPrimaryWhiteCP: () => import("react/jsx-runtime").JSX.Element;
+import { LogoVariantProps } from '../Logo';
+export declare const LogoPrimaryWhiteCP: ({ "data-testid": dataTestId }: LogoVariantProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-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";
+import { L, a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s } from "../../BadgeWhite-CkZPPGmT.js";
 export {
   L as LogoBadgeFullWhiteAC,
   a as LogoBadgeWhiteAC,

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

@@ -10,6 +10,7 @@ export type ModalProps = {
     mobileModalTitle?: string;
     handleHelpInfo?: () => void;
     ariaLabel?: string;
+    'data-testid'?: string;
 };
-export declare const Modal: ({ isOpen, onClose, headerContent, content, layoutMobile, layoutDesktop, mobileModalTitle, handleHelpInfo, ariaLabel, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Modal: ({ isOpen, onClose, headerContent, content, layoutMobile, layoutDesktop, mobileModalTitle, handleHelpInfo, ariaLabel, "data-testid": dataTestId, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};