@consumidor-positivo/aurora 1.1.0 → 1.2.0

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

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useId } from "react";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
+import { Text } from "../../Text/index.es.js";
+import "../../Icon/index.es.js";
+import { IconChevronDown } from "../../icons/IconChevronDown/index.es.js";
+import { Conditional } from "../../misc/Conditional/index.es.js";
+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
+              );
+            }) })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  HeaderNavbarLink
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Header/NavbarLink/index.tsx"],"sourcesContent":["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"],"names":[],"mappings":";;;;;;;AAOO,MAAM,mBAAmB,CAAC,YAA6B;AAC5D,QAAM,EAAE,MAAM,UAAU,QAAQ,MAAM,eAAe,eAAe;AACpE,QAAM,aAAa,CAAC,CAAC,YAAY,SAAS;AAC1C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,aAAa,MAAA;AAEnB,WAAS,gBAAgB,MAAuB,IAAsB;AACpE,QAAI,KAAK,SAAS;AAChB,SAAG,eAAA;AACH,WAAK,QAAA;AAAA,IACP;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM,cAAc,UAAU,IAAI;AAC7D,QAAM,sBAAsB,MAAM,cAAc,UAAU,KAAK;AAC/D,QAAM,qBAAqB,CAAC,OAAyC;AACnE,QAAI,cAAc,CAAC,GAAG,cAAc,SAAS,GAAG,aAAqB,GAAG;AACtE,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,0BAA0B;AAAA,QAC9C,uCAAuC;AAAA,QACvC,qCAAqC;AAAA,QACrC,mCAAmC;AAAA,MAAA,CACpC;AAAA,MACD,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,eAAa;AAAA,MACZ,UAAA;AAAA,QAAA,aACC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAc;AAAA,YACd,iBAAe;AAAA,YACf,OAAO;AAAA,YACP,SAAS,CAAC,OAAO,gBAAgB,SAAS,EAAE;AAAA,YAC5C,WAAW,WAAW,0BAA0B,uCAAuC;AAAA,cACrF,qCAAqC;AAAA,YAAA,CACtC;AAAA,YACD,UAAA;AAAA,cAAA,oBAAC,QAAK,IAAG,QAAO,SAAQ,iBAAgB,QAAO,SAC5C,UAAA,KAAA,CACH;AAAA,cACA,oBAAC,iBAAA,EAAgB,eAAY,OAAA,CAAO;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAGtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAQ;AAAA,YACR,QAAO;AAAA,YACP;AAAA,YACA,SAAS,CAAC,OAAO,gBAAgB,SAAS,EAAE;AAAA,YAC5C,OAAO;AAAA,YACP,WAAW,WAAW,0BAA0B;AAAA,cAC9C,qCAAqC;AAAA,YAAA,CACtC;AAAA,YACA,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UACE,oBAAC,OAAA,EAAI,IAAI,YAAY,WAAU,uBAAsB,eAAa,CAAC,QAChE,UAAA,qCAAU,IAAI,CAAC,SAAS;AACvB,qBACE;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,IAAG;AAAA,kBACH,SAAQ;AAAA,kBACR,MAAM,KAAK;AAAA,kBACX,SAAS,CAAC,OAAO,gBAAgB,MAAM,EAAE;AAAA,kBACzC,QAAO;AAAA,kBACP,UAAU,SAAS,SAAY;AAAA,kBAC/B,WAAW,WAAW,4BAA4B;AAAA,oBAChD,uCAAuC,KAAK;AAAA,kBAAA,CAC7C;AAAA,kBACD,OAAO,KAAK;AAAA,kBACX,UAAA,KAAK;AAAA,gBAAA;AAAA,gBAXD,KAAK;AAAA,cAAA;AAAA,YAchB,GAAC,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+const HeaderNavigation = ({
+  children,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-header__navigation", "data-testid": dataTestId, children });
+};
+export {
+  HeaderNavigation
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Header/Navigation/index.tsx"],"sourcesContent":["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"],"names":[],"mappings":";AAOO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,eAAe;AACjB,MAA6B;AAC3B,6BAAQ,OAAA,EAAI,WAAU,yBAAwB,eAAa,YAAa,UAAS;AACnF;"}

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

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { g as getInitialLetters } from "../../../getInitialLetters-CV7onXcH.js";
+import "../../../index-BW2ZU5Hx.js";
+import "react";
+import "../../Icon/index.es.js";
+import { IconBell } from "../../icons/IconBell/index.es.js";
+import { IconChevronDown } from "../../icons/IconChevronDown/index.es.js";
+import { IconMenu } from "../../icons/IconMenu/index.es.js";
+import { Conditional } from "../../misc/Conditional/index.es.js";
+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" })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  HeaderProfile
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Header/Profile/index.tsx"],"sourcesContent":["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"],"names":[],"mappings":";;;;;;;;;AAkBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,gBAAgB,CAAA;AAAA,EAChB,eAAe;AACjB,MAA0B;AACxB,QAAM,iBAAiB,kBAAkB,QAAQ;AAEjD,QAAM,EAAE,UAAU,MAAM,YAAY,OAAO,OAAO,YAAY;AAC9D,QAAM,kBAAmB,SAAS,QAAQ,KAAM;AAEhD,SACE,qBAAC,OAAA,EAAI,WAAU,sBAAqB,eAAa,YAC/C,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,UACE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV;AAAA,YACA,cACE,kBACI,iBAAiB,SAAS,QAAQ,IAAI,QAAQ,OAAO,KACrD;AAAA,YAEN,UAAA;AAAA,cAAA,oBAAC,UAAA,EAAS,eAAY,OAAA,CAAO;AAAA,cAC7B;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,CAAC,CAAC;AAAA,kBACb,UACE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,eAAY;AAAA,sBACX,UAAA,SAAS,QAAQ,IAAI,QAAQ;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAChC;AAAA,cAAA;AAAA,YAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,IAIJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAW;AAAA,QACX,UAAA,oBAAC,UAAA,EAAS,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAG/B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAY,WAAW,QAAQ;AAAA,QAC/B,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,8BAA6B,eAAY,QACtD,UAAA,gBACH;AAAA,UACA,oBAAC,iBAAA,EAAgB,eAAY,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACtC,GACF;AAEJ;"}

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

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
+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 })
+    }
+  );
+};
+export {
+  HeaderWrap
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Header/Wrap/index.tsx"],"sourcesContent":["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"],"names":[],"mappings":";;AASO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,WAAW;AAAA,EACX,eAAe;AACjB,MAAuB;AACrB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,WAAW,aAAa;AAAA,QACjC,oBAAoB,aAAa;AAAA,QACjC,qBAAqB,aAAa;AAAA,MAAA,CACnC;AAAA,MACD,eAAa;AAAA,MACb,UAAA,oBAAC,OAAA,EAAI,WAAU,wBAAwB,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGtD;"}

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

@@ -1,12 +1,12 @@
-import { HeaderActionsProps } from './parts/HeaderActions';
-import { HeaderBadgesProps } from './parts/HeaderBadges';
-import { HeaderButtonProps } from './parts/HeaderButton';
-import { HeaderHamburgerProps } from './parts/HeaderHamburger';
-import { HeaderLogoProps } from './parts/HeaderLogo';
-import { HeaderNavbarProps } from './parts/HeaderNavbar';
-import { HeaderNavigationProps } from './parts/HeaderNavigation';
-import { HeaderProfileProps } from './parts/HeaderProfile';
-import { HeaderWrapProps } from './parts/HeaderWrap';
+import { HeaderActionsProps } from './Actions';
+import { HeaderBadgesProps } from './Badges';
+import { HeaderButtonProps } from './Button';
+import { HeaderHamburgerProps } from './Hamburger';
+import { HeaderLogoProps } from './Logo';
+import { HeaderNavbarProps } from './Navbar';
+import { HeaderNavigationProps } from './Navigation';
+import { HeaderProfileProps } from './Profile';
+import { HeaderWrapProps } from './Wrap';
 import { NavbarDataProps } from './types';
 type Components = {
     Actions: React.FC<HeaderActionsProps>;

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 { e as BREAKPOINT_MD, d as BREAKPOINT_LG } from "../../tokens-C4ypB4bY.js";
 const Image = ({ srcMob, srcTablet, srcDesk, ...props }) => {
   return /* @__PURE__ */ jsxs("picture", { children: [
     /* @__PURE__ */ jsx("source", { media: `(max-width: ${BREAKPOINT_MD})`, srcSet: srcMob }),