@consumidor-positivo/aurora 1.1.0 → 1.3.0

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

@@ -1,293 +1,14 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import { useState, useId } from "react";
-import "../Icon/index.es.js";
-import { IconMenu } from "../icons/IconMenu/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
-import { 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,
-  "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,
-  "data-testid": dataTestId
-}) => {
-  const componentClass = classNames("au-header__badges", {
-    "au-header__badges--limited-width": limitBadgeWidth
-  });
-  return /* @__PURE__ */ jsx("div", { className: componentClass, "data-testid": dataTestId, 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,
-  "data-testid": dataTestId
-}) => {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: "au-header__hamburger",
-      onClick,
-      "aria-label": "Abrir menu de navegação",
-      "aria-expanded": isOpen,
-      "aria-controls": controls,
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx(IconMenu, { "aria-hidden": "true" })
-    }
-  );
-};
-const HeaderLogo = ({
-  children,
-  renderMobile,
-  renderDesktop,
-  "data-testid": dataTestId
-}) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-header__logo", "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsx(
-      Conditional,
-      {
-        condition: !!renderMobile,
-        renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--mobile", children: renderMobile })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Conditional,
-      {
-        condition: !!renderDesktop,
-        renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--desktop", children: renderDesktop })
-      }
-    ),
-    children
-  ] });
-};
-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, "data-testid": dataTestId } = navItem;
-  const isDropdown = !!dropdown && dropdown.length;
-  const [isOpen, setIsOpen] = useState(false);
-  const dropdownId = useId();
-  function handleItemClick(item, ev) {
-    if (item.onClick) {
-      ev.preventDefault();
-      item.onClick();
-    }
-  }
-  const handleDropdownOpen = () => isDropdown && setIsOpen(true);
-  const handleDropdownClose = () => isDropdown && setIsOpen(false);
-  const handleDropdownBlur = (ev) => {
-    if (isDropdown && !ev.currentTarget.contains(ev.relatedTarget)) {
-      setIsOpen(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: classNames("au-header__navbar-item", {
-        "au-header__navbar-item--is-dropdown": dropdown,
-        "au-header__navbar-item--is-active": active,
-        "au-header__navbar-item--is-open": isOpen
-      }),
-      onMouseEnter: handleDropdownOpen,
-      onMouseLeave: handleDropdownClose,
-      onFocus: handleDropdownOpen,
-      onBlur: handleDropdownBlur,
-      "data-testid": dataTestId,
-      children: [
-        isDropdown ? /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            "aria-expanded": isOpen,
-            "aria-haspopup": "true",
-            "aria-controls": dropdownId,
-            title: name,
-            onClick: (ev) => handleItemClick(navItem, ev),
-            className: classNames("au-header__navbar-link", "au-header__navbar-link--is-dropdown", {
-              "au-header__navbar-link--is-active": active
-            }),
-            children: [
-              /* @__PURE__ */ jsx(Text, { as: "span", variant: "heading-micro", weight: "light", children: name }),
-              /* @__PURE__ */ jsx(IconChevronDown, { "aria-hidden": "true" })
-            ]
-          }
-        ) : /* @__PURE__ */ jsx(
-          Text,
-          {
-            as: "a",
-            variant: "heading-micro",
-            weight: "light",
-            href,
-            onClick: (ev) => handleItemClick(navItem, ev),
-            title: name,
-            className: classNames("au-header__navbar-link", {
-              "au-header__navbar-link--is-active": active
-            }),
-            children: name
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Conditional,
-          {
-            condition: !!(dropdown == null ? void 0 : dropdown.length),
-            renderIf: /* @__PURE__ */ jsx("div", { id: dropdownId, className: "au-header__dropdown", "aria-hidden": !isOpen, children: dropdown == null ? void 0 : dropdown.map((item) => {
-              return /* @__PURE__ */ jsx(
-                Text,
-                {
-                  as: "a",
-                  variant: "heading-micro",
-                  href: item.href,
-                  onClick: (ev) => handleItemClick(item, ev),
-                  weight: "light",
-                  tabIndex: isOpen ? void 0 : -1,
-                  className: classNames("au-header__dropdown-link", {
-                    "au-header__dropdown-link--is-active": item.active
-                  }),
-                  title: item.name,
-                  children: item.name
-                },
-                item.name
-              );
-            }) })
-          }
-        )
-      ]
-    }
-  );
-};
-const HeaderNavigation = ({
-  children,
-  "data-testid": dataTestId
-}) => {
-  return /* @__PURE__ */ jsx("div", { className: "au-header__navigation", "data-testid": dataTestId, children });
-};
-const HeaderProfile = ({
-  fullName,
-  onClickMenu,
-  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", "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsx(
-      Conditional,
-      {
-        condition: visible,
-        renderIf: /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: "au-header__profile-notifications",
-            onClick,
-            "aria-label": shouldShowBadge ? `Notificações, ${count && count > 0 ? count : "novas"}` : "Notificações",
-            children: [
-              /* @__PURE__ */ jsx(IconBell, { "aria-hidden": "true" }),
-              /* @__PURE__ */ jsx(
-                Conditional,
-                {
-                  condition: !!shouldShowBadge,
-                  renderIf: /* @__PURE__ */ jsx(
-                    "span",
-                    {
-                      className: "au-header__profile-notifications-badge",
-                      "aria-hidden": "true",
-                      children: count && count > 0 ? count : null
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "au-header__profile-menu-mobile",
-        onClick: onClickMenu,
-        "aria-label": "Abrir menu de perfil",
-        children: /* @__PURE__ */ jsx(IconMenu, { "aria-hidden": "true" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "au-header__profile-menu",
-        onClick: onClickMenu,
-        "aria-label": `Menu de ${fullName}`,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "au-header__profile-letters", "aria-hidden": "true", children: initialLetters }),
-          /* @__PURE__ */ jsx(IconChevronDown, { "aria-hidden": "true" })
-        ]
-      }
-    )
-  ] });
-};
-const HeaderWrap = ({
-  children,
-  position = "static",
-  "data-testid": dataTestId
-}) => {
-  return /* @__PURE__ */ jsx(
-    "header",
-    {
-      role: "banner",
-      className: classNames("au-header", {
-        "au-header--fixed": position === "fixed",
-        "au-header--static": position === "static"
-      }),
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children })
-    }
-  );
-};
-const components = {
+import { HeaderActions } from "./Actions/index.es.js";
+import { HeaderBadges } from "./Badges/index.es.js";
+import { HeaderButton } from "./Button/index.es.js";
+import { HeaderHamburger } from "./Hamburger/index.es.js";
+import { HeaderLogo } from "./Logo/index.es.js";
+import { HeaderNavbar } from "./Navbar/index.es.js";
+import { HeaderNavbarLink } from "./NavbarLink/index.es.js";
+import { HeaderNavigation } from "./Navigation/index.es.js";
+import { HeaderProfile } from "./Profile/index.es.js";
+import { HeaderWrap } from "./Wrap/index.es.js";
+import './styles.css';const components = {
   Actions: HeaderActions,
   Badges: HeaderBadges,
   Button: HeaderButton,

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  '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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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/index.tsx"],"sourcesContent":["import { HeaderActions, HeaderActionsProps } from './Actions'\nimport { HeaderBadges, HeaderBadgesProps } from './Badges'\nimport { HeaderButton, HeaderButtonProps } from './Button'\nimport { HeaderHamburger, HeaderHamburgerProps } from './Hamburger'\nimport { HeaderLogo, HeaderLogoProps } from './Logo'\nimport { HeaderNavbar, HeaderNavbarProps } from './Navbar'\nimport { HeaderNavbarLink } from './NavbarLink'\nimport {\n  HeaderNavigation,\n  HeaderNavigationProps,\n} from './Navigation'\nimport { HeaderProfile, HeaderProfileProps } from './Profile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './Wrap'\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":";;;;;;;;;;AA8BA,MAAM,aAAyB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,MAAMA;AACR;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACvC,QAAM,YAAY,WAAW,GAAuB;AACpD,YAAU,cAAc,UAAU,GAAG;AACvC,CAAC;"}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { useId, useMemo } from "react";
 import './styles.css';function _namespaceSvgIds(markup, uid) {
   return markup.replace(

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-C4yCunfz.js";
+import { BREAKPOINT_MD, BREAKPOINT_LG } from "../../astro/tokens/index.es.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/IsMobile/index.es.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 const IsMobile = ({ renderIf, renderElse }) => {
   return /* @__PURE__ */ jsx(
     Conditional,

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import './styles.css';const LinkButton = ({
   as,
   href,

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import "react";
 import "../Icon/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { useState } from "react";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
 import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
 import { IconChevronUp } from "../icons/IconChevronUp/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const NavbarVertical = ({
   data,
   renderItem,

package/dist/components/NavbarVertical/styles.css

@@ -1 +1 @@
-@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media(min-width:600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media(min-width:600px){.au-navbar-vertical__actions{position:absolute}}
+@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media(min-width:600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open,.au-navbar-vertical__link--is-active.au-text,.au-navbar-vertical__link--is-open.au-text{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open,.au-navbar-vertical__dropdown-link--is-active.au-text,.au-navbar-vertical__dropdown-link--is-open.au-text{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media(min-width:600px){.au-navbar-vertical__actions{position:absolute}}

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

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useId } from "react";
 import { Text } from "../Text/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const NotificationsBarWrap = ({
   renderRecents,
   renderOlds,

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

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const PartnerBanner = ({
   text,

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

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Conditional } from "../Conditional/index.es.js";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const ProgressBar = ({
   percentageMode = false,

package/dist/components/{Carousel → Prototype/Carousel}/index.es.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
 import { useRef, useEffect, useState, useCallback, useMemo, useLayoutEffect } from "react";
-import { Conditional } from "../Conditional/index.es.js";
-import { Text } from "../Text/index.es.js";
-import { Button } from "../Button/index.es.js";
-import "../Icon/index.es.js";
-import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";
-import { IconChevronRight } from "../icons/IconChevronRight/index.es.js";
-import './styles.css';const Scrollbar = ({ pageToEnterIndex, pages }) => {
+import { Conditional } from "../../misc/Conditional/index.es.js";
+import { Text } from "../../Text/index.es.js";
+import { Button } from "../../Button/index.es.js";
+import "../../Icon/index.es.js";
+import { IconChevronLeft } from "../../icons/IconChevronLeft/index.es.js";
+import { IconChevronRight } from "../../icons/IconChevronRight/index.es.js";
+import '../../Carousel/styles.css';const Scrollbar = ({ pageToEnterIndex, pages }) => {
   const scrollTrail = useRef(null);
   const scrollbar = useRef(null);
   useEffect(() => {

package/dist/components/Prototype/Carousel/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Prototype/Carousel/Scrollbar.tsx","../../../../lib/components/Prototype/Carousel/helpers.ts","../../../../lib/components/Prototype/Carousel/Pagination.tsx","../../../../node_modules/react-snap-carousel/dist/use-snap-carousel.mjs","../../../../lib/components/Prototype/Carousel/useCarouselDrag.ts","../../../../lib/components/Prototype/Carousel/useCarousel.ts","../../../../lib/components/Prototype/Carousel/index.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ntype ScrollbarProps = {\n  pages: number[][];\n  pageToEnterIndex: number;\n};\n\nexport const Scrollbar = ({ pageToEnterIndex, pages }: ScrollbarProps) => {\n  const scrollTrail = useRef<HTMLDivElement>(null);\n  const scrollbar = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!scrollTrail.current || !scrollbar.current) return;\n    const trailSize = scrollTrail.current.offsetWidth;\n    const barSize = scrollbar.current.offsetWidth;\n    const availableScrollSpace = trailSize - barSize;\n\n    const currentPercentage = (pageToEnterIndex + 1) / pages.length;\n    const scrollDistance = currentPercentage * availableScrollSpace;\n\n    const barTranslate = pageToEnterIndex === 0 ? 0 : scrollDistance;\n    scrollbar.current.style.transform = `translateX(${barTranslate}px)`;\n  }, [pages, pageToEnterIndex]);\n\n  return (\n    <div className=\"au-carousel__scrollbar\" ref={scrollTrail}>\n      <div className=\"au-carousel__scrollbar-scroll\" ref={scrollbar}></div>\n    </div>\n  );\n};\n","//TODO remove\n\nconst isClient = () =>\n  !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  )\n\nexport function isMobile() {\n  if (!isClient()) return\n  return !!window.matchMedia('screen and (max-width:767px)').matches\n}\n","import { Conditional } from '@components/misc'\nimport { isMobile } from './helpers'\nimport { Text } from '@components/Text'\n\ntype PaginationProps = {\n  pages: number[][]\n  pageToEnterIndex: number\n  mobileText: string\n}\n\nexport const Pagination = ({\n  pageToEnterIndex,\n  pages,\n  mobileText,\n}: PaginationProps) => {\n  return (\n    <div className=\"au-carousel__pagination\">\n      <Text color=\"secondary\" weight=\"regular\">\n        <Conditional\n          condition={!isMobile()}\n          renderIf={'Página'}\n          renderElse={mobileText}\n        />{' '}\n        <b>\n          {pageToEnterIndex + 1} de {pages.length}\n        </b>\n      </Text>\n    </div>\n  )\n}\n","// src/use-snap-carousel.tsx\nimport { useState, useCallback, useEffect as useEffect2, useMemo } from \"react\";\n\n// src/use-isomorphic-layout-effect.tsx\nimport { useEffect, useLayoutEffect } from \"react\";\nvar useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/use-snap-carousel.tsx\nvar useSnapCarousel = ({\n  axis = \"x\",\n  initialPages = []\n} = {}) => {\n  const dimension = axis === \"x\" ? \"width\" : \"height\";\n  const scrollDimension = axis === \"x\" ? \"scrollWidth\" : \"scrollHeight\";\n  const clientDimension = axis === \"x\" ? \"clientWidth\" : \"clientHeight\";\n  const nearSidePos = axis === \"x\" ? \"left\" : \"top\";\n  const farSidePos = axis === \"x\" ? \"right\" : \"bottom\";\n  const scrollPos = axis === \"x\" ? \"scrollLeft\" : \"scrollTop\";\n  const [scrollEl, setScrollEl] = useState(null);\n  const [{ pages, activePageIndex }, setCarouselState] = useState({\n    pages: initialPages,\n    activePageIndex: 0\n  });\n  const refreshActivePage = useCallback(\n    (pages2) => {\n      if (!scrollEl) {\n        return;\n      }\n      const hasScrolledToEnd = Math.floor(scrollEl[scrollDimension] - scrollEl[scrollPos]) <= scrollEl[clientDimension];\n      if (hasScrolledToEnd) {\n        setCarouselState({ pages: pages2, activePageIndex: pages2.length - 1 });\n        return;\n      }\n      const items = Array.from(scrollEl.children);\n      const scrollPort = scrollEl.getBoundingClientRect();\n      const offsets = pages2.map((page) => {\n        const leadIndex = page[0];\n        const leadEl = items[leadIndex];\n        assert(leadEl instanceof HTMLElement, \"Expected HTMLElement\");\n        const scrollSpacing = getEffectiveScrollSpacing(\n          scrollEl,\n          leadEl,\n          nearSidePos\n        );\n        const rect = leadEl.getBoundingClientRect();\n        const offset = rect[nearSidePos] - scrollPort[nearSidePos] - scrollSpacing;\n        return Math.abs(offset);\n      });\n      const minOffset = Math.min(...offsets);\n      const nextActivePageIndex = offsets.indexOf(minOffset);\n      setCarouselState({ pages: pages2, activePageIndex: nextActivePageIndex });\n    },\n    [scrollEl, clientDimension, nearSidePos, scrollDimension, scrollPos]\n  );\n  const refresh = useCallback(() => {\n    if (!scrollEl) {\n      return;\n    }\n    const items = Array.from(scrollEl.children);\n    const scrollPort = scrollEl.getBoundingClientRect();\n    let currPageStartPos;\n    const pages2 = items.reduce((acc, item, i) => {\n      assert(item instanceof HTMLElement, \"Expected HTMLElement\");\n      const currPage = acc[acc.length - 1];\n      const rect = getOffsetRect(item, item.parentElement);\n      if (!currPage || item.dataset.shouldSnap === \"true\" || rect[farSidePos] - currPageStartPos > Math.ceil(scrollPort[dimension])) {\n        acc.push([i]);\n        const scrollSpacing = getEffectiveScrollSpacing(\n          scrollEl,\n          item,\n          nearSidePos\n        );\n        currPageStartPos = rect[nearSidePos] - scrollSpacing;\n      } else {\n        currPage.push(i);\n      }\n      return acc;\n    }, []);\n    refreshActivePage(pages2);\n  }, [refreshActivePage, scrollEl, dimension, farSidePos, nearSidePos]);\n  useIsomorphicLayoutEffect(() => {\n    refresh();\n  }, [refresh]);\n  useEffect2(() => {\n    const handle = () => {\n      refresh();\n    };\n    window.addEventListener(\"resize\", handle);\n    window.addEventListener(\"orientationchange\", handle);\n    return () => {\n      window.removeEventListener(\"resize\", handle);\n      window.removeEventListener(\"orientationchange\", handle);\n    };\n  }, [refresh]);\n  useEffect2(() => {\n    if (!scrollEl) {\n      return;\n    }\n    const handle = () => {\n      refreshActivePage(pages);\n    };\n    scrollEl.addEventListener(\"scroll\", handle);\n    return () => {\n      scrollEl.removeEventListener(\"scroll\", handle);\n    };\n  }, [refreshActivePage, pages, scrollEl]);\n  const handleGoTo = (index, opts) => {\n    if (!scrollEl) {\n      return;\n    }\n    const page = pages[index];\n    if (!page) {\n      return;\n    }\n    const items = Array.from(scrollEl.children);\n    const leadIndex = page[0];\n    const leadEl = items[leadIndex];\n    if (!(leadEl instanceof HTMLElement)) {\n      return;\n    }\n    const scrollSpacing = getEffectiveScrollSpacing(\n      scrollEl,\n      leadEl,\n      nearSidePos\n    );\n    const behavior = (opts == null ? void 0 : opts.behavior) || \"smooth\";\n    scrollEl.scrollTo({\n      behavior,\n      [nearSidePos]: getOffsetRect(leadEl, leadEl.parentElement)[nearSidePos] - scrollSpacing\n    });\n  };\n  const handlePrev = (opts) => {\n    handleGoTo(activePageIndex - 1, opts);\n  };\n  const handleNext = (opts) => {\n    handleGoTo(activePageIndex + 1, opts);\n  };\n  const snapPointIndexes = useMemo(\n    () => new Set(pages.map((page) => page[0])),\n    [pages]\n  );\n  const hasPrevPage = activePageIndex > 0;\n  const hasNextPage = activePageIndex < pages.length - 1;\n  return {\n    hasPrevPage,\n    hasNextPage,\n    prev: handlePrev,\n    next: handleNext,\n    goTo: handleGoTo,\n    refresh,\n    pages,\n    activePageIndex,\n    snapPointIndexes,\n    scrollRef: setScrollEl\n  };\n};\nvar getOffsetRect = (el, relativeTo) => {\n  const rect = _getOffsetRect(el);\n  if (!relativeTo) {\n    return rect;\n  }\n  const relativeRect = _getOffsetRect(relativeTo);\n  return {\n    left: rect.left - relativeRect.left,\n    top: rect.top - relativeRect.top,\n    right: rect.right - relativeRect.left,\n    bottom: rect.bottom - relativeRect.top,\n    width: rect.width,\n    height: rect.height\n  };\n};\nvar _getOffsetRect = (el) => {\n  const rect = el.getBoundingClientRect();\n  let scrollLeft = 0;\n  let scrollTop = 0;\n  let parentEl = el.parentElement;\n  while (parentEl) {\n    scrollLeft += parentEl.scrollLeft;\n    scrollTop += parentEl.scrollTop;\n    parentEl = parentEl.parentElement;\n  }\n  const left = rect.left + scrollLeft;\n  const top = rect.top + scrollTop;\n  return {\n    left,\n    top,\n    right: left + rect.width,\n    bottom: top + rect.height,\n    width: rect.width,\n    height: rect.height\n  };\n};\nvar getScrollPaddingUsedValue = (el, pos) => {\n  const style = window.getComputedStyle(el);\n  const scrollPadding = style.getPropertyValue(`scroll-padding-${pos}`) || \"0px\";\n  if (scrollPadding === \"auto\") {\n    return 0;\n  }\n  const invalidMsg = `Unsupported scroll padding value, expected <length> or <percentage> value, received ${scrollPadding}`;\n  if (scrollPadding.endsWith(\"px\")) {\n    const value = parseInt(scrollPadding);\n    assert(!Number.isNaN(value), invalidMsg);\n    return value;\n  }\n  if (scrollPadding.endsWith(\"%\")) {\n    const value = parseInt(scrollPadding);\n    assert(!Number.isNaN(value), invalidMsg);\n    return el.clientWidth / 100 * value;\n  }\n  throw new RSCError(invalidMsg);\n};\nvar getScrollMarginUsedValue = (el, pos) => {\n  const style = window.getComputedStyle(el);\n  const scrollMargin = style.getPropertyValue(`scroll-margin-${pos}`) || \"0px\";\n  const invalidMsg = `Unsupported scroll margin value, expected <length> value, received ${scrollMargin}`;\n  assert(scrollMargin.endsWith(\"px\"), invalidMsg);\n  const value = parseInt(scrollMargin);\n  assert(!Number.isNaN(value), invalidMsg);\n  return value;\n};\nvar getEffectiveScrollSpacing = (scrollEl, itemEl, pos) => {\n  const scrollPadding = getScrollPaddingUsedValue(scrollEl, pos);\n  const scrollMargin = getScrollMarginUsedValue(itemEl, pos);\n  const rect = getOffsetRect(itemEl, itemEl.parentElement);\n  return Math.min(scrollPadding + scrollMargin, rect[pos]);\n};\nfunction assert(value, message) {\n  if (value) {\n    return;\n  }\n  throw new RSCError(message);\n}\nvar RSCError = class extends Error {\n  constructor(message) {\n    super(`[react-snap-carousel]: ${message}`);\n  }\n};\nexport {\n  useSnapCarousel\n};\n","import { isMobile } from './helpers'\nimport { useState } from 'react'\n\ntype UseCarouselDragArgs = {\n  goPrevious: () => void\n  goNext: () => void\n}\n\nexport function useCarouselDrag({ goPrevious, goNext }: UseCarouselDragArgs) {\n  const [isPressing, setIsPressing] = useState(false)\n  const [dragStartPosition, setDragStartPosition] = useState(0)\n\n  function handleStartDrag(e: React.MouseEvent<HTMLUListElement, MouseEvent>) {\n    if (isMobile()) return\n    setIsPressing(true)\n    document.addEventListener('mouseup', handleRelease)\n    setDragStartPosition(e.clientX)\n  }\n\n  function handleRelease() {\n    document.removeEventListener('mouseup', handleRelease)\n    setIsPressing(false)\n    setDragStartPosition(0)\n  }\n\n  function handleMouseMove(e: React.MouseEvent<HTMLUListElement, MouseEvent>) {\n    if (isMobile() || (!isMobile() && !isPressing)) return\n\n    const currentX = e.clientX\n    if (currentX > dragStartPosition) {\n      goPrevious()\n    } else if (currentX < dragStartPosition) {\n      goNext()\n    }\n  }\n\n  return {\n    handleMouseMove,\n    handleStartDrag,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { SnapCarouselResult, useSnapCarousel } from 'react-snap-carousel'\nimport { useCarouselDrag } from './useCarouselDrag'\n\ntype UseCarouselArgs = {\n  items: unknown[]\n}\n\nexport default function useCarousel({ items }: UseCarouselArgs) {\n  const {\n    scrollRef,\n    pages,\n    activePageIndex,\n    hasPrevPage,\n    hasNextPage,\n    prev,\n    next,\n    snapPointIndexes,\n    refresh,\n  }: SnapCarouselResult = useSnapCarousel({ axis: 'x' })\n  const showControls = snapPointIndexes.size > 1\n  const [numberOfItems, setNumberOfItems] = useState(items.length)\n  const [nextPage, setNextPage] = useState(0)\n  const railRef = useRef<HTMLElement | null>(null)\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const { handleMouseMove, handleStartDrag } = useCarouselDrag({\n    goNext,\n    goPrevious,\n  })\n\n  useEffect(() => {\n    if (items.length !== numberOfItems) {\n      refresh()\n      setNumberOfItems(items.length)\n    }\n  }, [items])\n\n  function setRef(el: HTMLElement | null) {\n    scrollRef(el)\n    railRef.current = el\n  }\n\n  function goNext() {\n    const nextIndex = activePageIndex + 1\n    setNextPage(nextIndex)\n    next()\n  }\n\n  function goPrevious() {\n    setNextPage(activePageIndex === 0 ? activePageIndex : activePageIndex - 1)\n    prev()\n  }\n\n  return {\n    rootRef,\n    setRef,\n    nextPage,\n    pages,\n    railRef,\n    hasPrevPage,\n    hasNextPage,\n    goPrevious,\n    goNext,\n    snapPointIndexes,\n    activePageIndex,\n    handleMouseMove,\n    handleStartDrag,\n    showControls,\n  }\n}\n","/**\n * Carousel Component\n * \n * @requires react-snap-carousel\n * This component requires the 'react-snap-carousel' package to be installed.\n * Install it using: npm install react-snap-carousel\n */\n\nimport classNames from 'classnames'\nimport { Scrollbar } from './Scrollbar'\nimport { Pagination } from './Pagination'\nimport useCarousel from './useCarousel'\nimport { CarouselProps } from './types'\n\nimport { Button } from '@components/Button'\nimport { Conditional } from '@components/misc'\nimport { IconChevronLeft, IconChevronRight } from '@components/icons'\n\nimport './styles.scss'\n\nexport const Carousel = ({\n  items,\n  type,\n  mobileText = '',\n  draggable = true,\n  'data-testid': dataTestId,\n}: CarouselProps) => {\n  const {\n    rootRef,\n    setRef,\n    snapPointIndexes,\n    activePageIndex,\n    pages,\n    hasPrevPage,\n    goPrevious,\n    hasNextPage,\n    goNext,\n    handleStartDrag,\n    handleMouseMove,\n    showControls,\n  } = useCarousel({\n    items,\n  })\n\n  const cl = classNames('au-carousel', { 'au-carousel--draggable': draggable })\n  return (\n    <div className={cl} ref={rootRef} data-testid={dataTestId}>\n      <ul\n        className=\"au-carousel__rail\"\n        ref={setRef}\n        onMouseDown={draggable ? handleStartDrag : undefined}\n        onMouseMove={draggable ? handleMouseMove : undefined}>\n        {items.map((item, i) => {\n          const key = `au-${item.key || i}`\n          return (\n            <li\n              className={classNames('au-carousel__item', {\n                'au-carousel__item--snap': snapPointIndexes.has(i),\n              })}\n              data-key={key}\n              key={key}>\n              {item}\n            </li>\n          )\n        })}\n      </ul>\n\n      <Conditional\n        condition={showControls}\n        renderIf={\n          <div className=\"au-carousel__actions\">\n            {type === 'scrollbar' && (\n              <Scrollbar pageToEnterIndex={activePageIndex} pages={pages} />\n            )}\n\n            {type === 'pages' && (\n              <Pagination\n                pageToEnterIndex={activePageIndex}\n                pages={pages}\n                mobileText={mobileText}\n              />\n            )}\n\n            <div\n              className={classNames('au-carousel__btns', {\n                'au-carousel__btns--pages': type === 'pages',\n              })}>\n              <Button\n                round\n                type=\"outlined\"\n                disabled={!hasPrevPage}\n                onClick={goPrevious}\n                aria-label=\"Anterior\">\n                <IconChevronLeft aria-hidden=\"true\" />\n              </Button>\n              <Button\n                round\n                type=\"outlined\"\n                disabled={!hasNextPage}\n                onClick={goNext}\n                aria-label=\"Próximo\">\n                <IconChevronRight aria-hidden=\"true\" />\n              </Button>\n            </div>\n          </div>\n        }\n      />\n    </div>\n  )\n}\n"],"names":["useEffect2"],"mappings":"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","x_google_ignoreList":[3]}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import './styles.css';const Skeleton = ({
   active = true,
   shape = "default",

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

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { useRef, useState, useEffect } from "react";
 import "../Icon/index.es.js";
 import { IconArrowRight } from "../icons/IconArrowRight/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconLoader } from "../icons/IconLoader/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const KNOB_SIZE = 40;
 const TRACK_PADDING = 4;
 const CONFIRM_THRESHOLD = 0.7;

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import { i as COLOR_NEUTRAL_00, j as COLOR_BRAND_BLUE_40 } from "../../tokens-C4yCunfz.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
+import { COLOR_NEUTRAL_00, COLOR_BRAND_BLUE_40 } from "../../astro/tokens/index.es.js";
 import './styles.css';const SIZE_MAP = {
   small: 16,
   medium: 20,

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

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import "react";
 import "../Icon/index.es.js";
 import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";

package/dist/components/Switch/Card/index.es.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
+import { PureSwitch } from "../Pure/index.es.js";
+import '../../Card/styles2.css';const CardSwitch = ({ isActive, label, id, disabled, activateCallBack, deactivateCallBack, shouldFadeOutAfterActivate, "data-testid": dataTestId }) => {
+  const cardSwitchClassNames = classNames("au-card-switch", {});
+  const cardSwitchWrapperClassNames = classNames("au-card-switch-wrapper", {
+    "au-card-switch-wrapper--fade-out": shouldFadeOutAfterActivate && isActive,
+    "au-card-switch-wrapper--active": isActive
+  });
+  return /* @__PURE__ */ jsx("div", { className: cardSwitchClassNames, "data-testid": dataTestId, children: /* @__PURE__ */ jsx("div", { className: cardSwitchWrapperClassNames, children: /* @__PURE__ */ jsx(
+    PureSwitch,
+    {
+      isActive,
+      label,
+      id,
+      activateCallBack,
+      deactivateCallBack,
+      disabled
+    }
+  ) }) });
+};
+export {
+  CardSwitch
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Switch/Card/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Switch/Card/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { PureSwitch } from '../Pure';\n\nimport './styles.scss';\nimport { CardSwitchProps } from './types';\n\nexport const CardSwitch: React.FC<CardSwitchProps> = ({ isActive, label, id, disabled, activateCallBack, deactivateCallBack , shouldFadeOutAfterActivate, 'data-testid': dataTestId }) => {\n\t\n\tconst cardSwitchClassNames = classNames(\"au-card-switch\",  {\n\t\t\n\t});\n\n\tconst cardSwitchWrapperClassNames = classNames(\"au-card-switch-wrapper\",  {\n\t\t\"au-card-switch-wrapper--fade-out\": shouldFadeOutAfterActivate && isActive,\n\t\t\"au-card-switch-wrapper--active\": isActive\n\t});\n\n\treturn (\n    <div className={cardSwitchClassNames} data-testid={dataTestId}>\n    <div className={cardSwitchWrapperClassNames}>\n\t\t\t<PureSwitch \n\t\t\t\tisActive={isActive}\n\t\t\t\tlabel={label}\n\t\t\t\tid={id}\n\t\t\t\tactivateCallBack={activateCallBack}\n\t\t\t\tdeactivateCallBack={deactivateCallBack}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n    </div>\n</div>\n  )\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,IAAI,UAAU,kBAAkB,oBAAqB,4BAA4B,eAAe,WAAA,MAAiB;AAEzL,QAAM,uBAAuB,WAAW,kBAAmB,EAE1D;AAED,QAAM,8BAA8B,WAAW,0BAA2B;AAAA,IACzE,oCAAoC,8BAA8B;AAAA,IAClE,kCAAkC;AAAA,EAAA,CAClC;AAED,SACG,oBAAC,SAAI,WAAW,sBAAsB,eAAa,YACnD,UAAA,oBAAC,OAAA,EAAI,WAAW,6BACjB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAEA,EAAA,CACJ;AAEA;"}

package/dist/components/{Pure → Switch/Pure}/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import './styles.css';const PureSwitch = ({
+import '../../Pure/styles.css';const PureSwitch = ({
   isActive,
   label,
   id,

package/dist/components/Switch/Pure/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Switch/Pure/index.tsx"],"sourcesContent":["import './styles.scss';\n\nimport { SwitchProps } from './types';\n\n\nexport const PureSwitch: React.FC<SwitchProps> = ({\n\tisActive,\n\tlabel,\n\tid,\n\tdisabled,\n\tactivateCallBack,\n\tdeactivateCallBack,\n\t'data-testid': dataTestId,\n}) => {\n\tconst handleToggle = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst isActivated = event.target.checked;\n\n    if(isActivated) return activateCallBack();\n\n\t\treturn deactivateCallBack?.()\n  };\n\t\n\treturn (\n    <div className=\"au-switch\" data-testid={dataTestId}>\n      <label htmlFor={id} className=\"au-switch-label\">\n\t\t\t\t<span>{label}</span>\n\t\t\t\t<div className=\"au-switch-container\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tclassName=\"au-switch-checkbox\"\n\t\t\t\t\t\tchecked={isActive}\n\t\t\t\t\t\tonChange={handleToggle}\n\t\t\t\t\t\trole=\"switch\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className=\"au-switch-track\">\n\t\t\t\t\t\t<div className=\"au-switch-thumb\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n    </label>\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAKO,MAAM,aAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAChB,MAAM;AACL,QAAM,eAAe,CAAC,UAA+C;AACpE,UAAM,cAAc,MAAM,OAAO;AAE/B,QAAG,oBAAoB,iBAAA;AAEzB,WAAO;AAAA,EACP;AAED,SACG,oBAAC,OAAA,EAAI,WAAU,aAAY,eAAa,YACtC,UAAA,qBAAC,SAAA,EAAM,SAAS,IAAI,WAAU,mBAChC,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IACb,qBAAC,OAAA,EAAI,WAAU,uBACd,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,MAAK;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,SAAI,WAAU,mBACd,8BAAC,OAAA,EAAI,WAAU,mBAAkB,EAAA,CAClC;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,EAAA,CACA,EAAA,CACA;AAEJ;"}