@consumidor-positivo/aurora 0.11.0 → 0.12.0

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

@@ -14,7 +14,8 @@ import './styles.css';const Modal = ({
   layoutDesktop = "default",
   mobileModalTitle = "Título",
   handleHelpInfo,
-  ariaLabel
+  ariaLabel,
+  "data-testid": dataTestId
 }) => {
   if (!isOpen) return null;
   const modalClasses = classNames("au-modal", {
@@ -30,6 +31,7 @@ import './styles.css';const Modal = ({
       role: "dialog",
       "aria-modal": "true",
       "aria-label": ariaLabel ?? mobileModalTitle,
+      "data-testid": dataTestId,
       children: /* @__PURE__ */ jsxs("div", { className: "au-modal__container", children: [
         /* @__PURE__ */ jsx("div", { className: "au-modal__header", children: /* @__PURE__ */ jsxs(If, { condition: layoutMobile !== "full-screen" || !isMobile(), children: [
           /* @__PURE__ */ jsxs(Then, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Modal/index.tsx"],"sourcesContent":["import { IconX } from '@components/icons'\nimport { SubHeader } from '@components/SubHeader'\nimport classNames from 'classnames'\nimport { If, IfElse, Then, Else } from '../misc'\n\nimport { isMobile } from '@core/utils/isMobile'\n\nimport './styles.scss'\n\ntype ModalLayout = 'default' | 'centralized'\ntype ModalLayoutMobile = 'default' | 'centralized' | 'full-screen'\n\nexport type ModalProps = {\n  isOpen: boolean\n  onClose?: () => void\n  headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  content?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  layoutMobile?: ModalLayoutMobile\n  layoutDesktop?: ModalLayout\n  mobileModalTitle?: string\n  handleHelpInfo?: () => void\n  ariaLabel?: string\n}\n\nexport const Modal = ({\n  isOpen,\n  onClose,\n  headerContent,\n  content,\n  layoutMobile = 'default',\n  layoutDesktop = 'default',\n  mobileModalTitle = 'Título',\n  handleHelpInfo,\n  ariaLabel,\n}: ModalProps) => {\n  if (!isOpen) return null\n\n  const modalClasses = classNames('au-modal', {\n    'au-modal--is-open': isOpen,\n    'au-modal--mobile-full-screen': layoutMobile === 'full-screen',\n    'au-modal--mobile-centralized': layoutMobile === 'centralized',\n    'au-modal--desktop-centralized': layoutDesktop === 'centralized',\n  })\n\n  return (\n    <div\n      className={modalClasses}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel ?? mobileModalTitle}>\n      <div className=\"au-modal__container\">\n        <div className=\"au-modal__header\">\n          <IfElse condition={layoutMobile !== 'full-screen' || !isMobile()}>\n            <Then>\n              <If condition={!!onClose}>\n                <button className=\"au-modal__header-close\" onClick={onClose} aria-label=\"Fechar\">\n                  <IconX className=\"au-modal__header-close-icon\" aria-hidden=\"true\" />\n                </button>\n              </If>\n              {headerContent}\n            </Then>\n            <Else>\n              <If condition={!!onClose}>\n                <SubHeader\n                  title={mobileModalTitle}\n                  handleReturn={onClose!}\n                  handleHelpInfo={handleHelpInfo}\n                />\n              </If>\n            </Else>\n          </IfElse>\n        </div>\n        <div className=\"au-modal__content\">{content}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["IfElse","If"],"mappings":";;;;;;;AAwBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AAAA,EACA;AACF,MAAkB;AAChB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,eAAe,WAAW,YAAY;AAAA,IAC1C,qBAAqB;AAAA,IACrB,gCAAgC,iBAAiB;AAAA,IACjD,gCAAgC,iBAAiB;AAAA,IACjD,iCAAiC,kBAAkB;AAAA,EAAA,CACpD;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAY,aAAa;AAAA,MACzB,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA,qBAACA,IAAA,EAAO,WAAW,iBAAiB,iBAAiB,CAAC,SAAA,GACpD,UAAA;AAAA,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,YAAA,oBAACC,MAAA,EAAG,WAAW,CAAC,CAAC,SACf,UAAA,oBAAC,UAAA,EAAO,WAAU,0BAAyB,SAAS,SAAS,cAAW,UACtE,8BAAC,OAAA,EAAM,WAAU,+BAA8B,eAAY,QAAO,GACpE,EAAA,CACF;AAAA,YACC;AAAA,UAAA,GACH;AAAA,8BACC,MAAA,EACC,UAAA,oBAACA,QAAG,WAAW,CAAC,CAAC,SACf,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,cAAc;AAAA,cACd;AAAA,YAAA;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,qBAAqB,UAAA,QAAA,CAAQ;AAAA,MAAA,EAAA,CAC9C;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Modal/index.tsx"],"sourcesContent":["import { IconX } from '@components/icons'\nimport { SubHeader } from '@components/SubHeader'\nimport classNames from 'classnames'\nimport { If, IfElse, Then, Else } from '../misc'\n\nimport { isMobile } from '@core/utils/isMobile'\n\nimport './styles.scss'\n\ntype ModalLayout = 'default' | 'centralized'\ntype ModalLayoutMobile = 'default' | 'centralized' | 'full-screen'\n\nexport type ModalProps = {\n  isOpen: boolean\n  onClose?: () => void\n  headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  content?: React.ReactNode | string | JSX.Element | JSX.Element[]\n  layoutMobile?: ModalLayoutMobile\n  layoutDesktop?: ModalLayout\n  mobileModalTitle?: string\n  handleHelpInfo?: () => void\n  ariaLabel?: string\n  'data-testid'?: string\n}\n\nexport const Modal = ({\n  isOpen,\n  onClose,\n  headerContent,\n  content,\n  layoutMobile = 'default',\n  layoutDesktop = 'default',\n  mobileModalTitle = 'Título',\n  handleHelpInfo,\n  ariaLabel,\n  'data-testid': dataTestId,\n}: ModalProps) => {\n  if (!isOpen) return null\n\n  const modalClasses = classNames('au-modal', {\n    'au-modal--is-open': isOpen,\n    'au-modal--mobile-full-screen': layoutMobile === 'full-screen',\n    'au-modal--mobile-centralized': layoutMobile === 'centralized',\n    'au-modal--desktop-centralized': layoutDesktop === 'centralized',\n  })\n\n  return (\n    <div\n      className={modalClasses}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel ?? mobileModalTitle}\n      data-testid={dataTestId}>\n      <div className=\"au-modal__container\">\n        <div className=\"au-modal__header\">\n          <IfElse condition={layoutMobile !== 'full-screen' || !isMobile()}>\n            <Then>\n              <If condition={!!onClose}>\n                <button className=\"au-modal__header-close\" onClick={onClose} aria-label=\"Fechar\">\n                  <IconX className=\"au-modal__header-close-icon\" aria-hidden=\"true\" />\n                </button>\n              </If>\n              {headerContent}\n            </Then>\n            <Else>\n              <If condition={!!onClose}>\n                <SubHeader\n                  title={mobileModalTitle}\n                  handleReturn={onClose!}\n                  handleHelpInfo={handleHelpInfo}\n                />\n              </If>\n            </Else>\n          </IfElse>\n        </div>\n        <div className=\"au-modal__content\">{content}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["IfElse","If"],"mappings":";;;;;;;AAyBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAkB;AAChB,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,eAAe,WAAW,YAAY;AAAA,IAC1C,qBAAqB;AAAA,IACrB,gCAAgC,iBAAiB;AAAA,IACjD,gCAAgC,iBAAiB;AAAA,IACjD,iCAAiC,kBAAkB;AAAA,EAAA,CACpD;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAY,aAAa;AAAA,MACzB,eAAa;AAAA,MACb,UAAA,qBAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAI,WAAU,oBACb,UAAA,qBAACA,IAAA,EAAO,WAAW,iBAAiB,iBAAiB,CAAC,SAAA,GACpD,UAAA;AAAA,UAAA,qBAAC,MAAA,EACC,UAAA;AAAA,YAAA,oBAACC,MAAA,EAAG,WAAW,CAAC,CAAC,SACf,UAAA,oBAAC,UAAA,EAAO,WAAU,0BAAyB,SAAS,SAAS,cAAW,UACtE,8BAAC,OAAA,EAAM,WAAU,+BAA8B,eAAY,QAAO,GACpE,EAAA,CACF;AAAA,YACC;AAAA,UAAA,GACH;AAAA,8BACC,MAAA,EACC,UAAA,oBAACA,QAAG,WAAW,CAAC,CAAC,SACf,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP,cAAc;AAAA,cACd;AAAA,YAAA;AAAA,UAAA,GAEJ,EAAA,CACF;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,qBAAqB,UAAA,QAAA,CAAQ;AAAA,MAAA,EAAA,CAC9C;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -6,15 +6,17 @@ type NavbarVerticalDataProps = {
     dropdown?: NavbarVerticalDataProps[];
     active?: boolean;
     href?: string;
+    'data-testid'?: string;
 };
 type NavbarVerticalProps = {
     data: NavbarVerticalDataProps[];
     renderItem: (link: NavbarVerticalDataProps, idx?: number) => ReactNode | string | JSX.Element | JSX.Element[];
     renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[];
     renderActions: () => ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
 export declare const NavbarVertical: {
-    ({ data, renderItem, renderAlert, renderActions, }: NavbarVerticalProps): import("react/jsx-runtime").JSX.Element;
-    Link: ({ name, onClick, Icon, dropdown, href, active, }: NavbarVerticalDataProps) => import("react/jsx-runtime").JSX.Element;
+    ({ data, renderItem, renderAlert, renderActions, "data-testid": dataTestId, }: NavbarVerticalProps): import("react/jsx-runtime").JSX.Element;
+    Link: ({ name, onClick, Icon, dropdown, href, active, "data-testid": dataTestId, }: NavbarVerticalDataProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

@@ -10,9 +10,10 @@ import './styles.css';const NavbarVertical = ({
   data,
   renderItem,
   renderAlert,
-  renderActions
+  renderActions,
+  "data-testid": dataTestId
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-navbar-vertical", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-navbar-vertical", "data-testid": dataTestId, children: [
     data == null ? void 0 : data.map((link, idx) => {
       return renderItem(link, idx);
     }),
@@ -26,7 +27,8 @@ const NavbarVerticalLink = ({
   Icon,
   dropdown,
   href,
-  active = false
+  active = false,
+  "data-testid": dataTestId
 }) => {
   const [open, setOpen] = useState(!!dropdown && active);
   function handleClick(ev) {
@@ -49,6 +51,7 @@ const NavbarVerticalLink = ({
         [`au-navbar-vertical__link--is-open`]: open
       }),
       onClick: handleClick,
+      "data-testid": dataTestId,
       children: [
         /* @__PURE__ */ jsx(Conditional, { condition: !!Icon, renderIf: Icon }),
         name,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick?: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n  href?: string\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (\n    link: NavbarVerticalDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderAlert,\n  renderActions,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\">\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\n      {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  href,\n  active = false,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n  function handleClick(ev: React.MouseEvent) {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else if(onClick) {\n      ev.preventDefault()\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as={dropdown ? 'div' : 'a'}\n      href={href}\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        [`au-navbar-vertical__link--is-active`]: active,\n        [`au-navbar-vertical__link--is-open`]: open,\n      })}\n      onClick={handleClick}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <div className=\"au-navbar-vertical__toggle\" aria-hidden=\"true\">\n              <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n              <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            </div>\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item, idx) => {\n                return (\n                  <Text\n                    key={`${item.name}-${idx}`}\n                    as=\"a\"\n                    href={item.href}\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'au-navbar-vertical__dropdown-link--is-active':\n                        item.active,\n                    })}\n                    title={item.name}\n                    onClick={item.onClick}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AACzB,SACE,qBAAC,OAAA,EAAI,WAAU,sBACZ,UAAA;AAAA,IAAA,6BAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,aAAO,WAAW,MAAM,GAAG;AAAA,IAC7B;AAAA,IACC,eAAe,oBAAC,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IAC1E,oBAAC,OAAA,EAAI,WAAU,+BAA+B,0BAAc,CAAE;AAAA,EAAA,GAChE;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACZ,cAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,IACzB,WAAU,SAAS;AACjB,SAAG,eAAA;AACH,cAAA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,QAAQ;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,8BAA6B,eAAY,QACtD,UAAA;AAAA,gBAAA,oBAAC,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,iBAAc,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,mBAAgB,EAAA,CAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAC5B,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAA,KAAK;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc9B,GAAC,CACH;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\n\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n  name: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick?: () => void\n  dropdown?: NavbarVerticalDataProps[]\n  active?: boolean\n  href?: string\n  'data-testid'?: string\n}\n\ntype NavbarVerticalProps = {\n  data: NavbarVerticalDataProps[]\n  renderItem: (\n    link: NavbarVerticalDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  renderAlert?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\nexport const NavbarVertical = ({\n  data,\n  renderItem,\n  renderAlert,\n  renderActions,\n  'data-testid': dataTestId,\n}: NavbarVerticalProps) => {\n  return (\n    <div className=\"au-navbar-vertical\" data-testid={dataTestId}>\n      {data?.map((link, idx) => {\n        return renderItem(link, idx)\n      })}\n      {renderAlert && <div className=\"au-navbar-vertical__alert\">{renderAlert()}</div>}\n      <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n    </div>\n  )\n}\n\nconst NavbarVerticalLink = ({\n  name,\n  onClick,\n  Icon,\n  dropdown,\n  href,\n  active = false,\n  'data-testid': dataTestId,\n}: NavbarVerticalDataProps) => {\n  const [open, setOpen] = useState<boolean>(!!dropdown && active)\n\n  function handleClick(ev: React.MouseEvent) {\n    if (dropdown) {\n      setOpen((prev) => !prev)\n    } else if(onClick) {\n      ev.preventDefault()\n      onClick()\n    }\n  }\n\n  return (\n    <Text\n      as={dropdown ? 'div' : 'a'}\n      href={href}\n      variant=\"heading-micro\"\n      weight=\"light\"\n      className={classNames('au-navbar-vertical__link', {\n        [`au-navbar-vertical__link--is-active`]: active,\n        [`au-navbar-vertical__link--is-open`]: open,\n      })}\n      onClick={handleClick}\n      data-testid={dataTestId}>\n      <Conditional condition={!!Icon} renderIf={Icon} />\n      {name}\n\n      <Conditional\n        condition={!!dropdown?.length}\n        renderIf={\n          <>\n            <div className=\"au-navbar-vertical__toggle\" aria-hidden=\"true\">\n              <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n              <Conditional condition={!open} renderIf={<IconChevronDown />} />\n            </div>\n            <div className=\"au-navbar-vertical__dropdown\">\n              {dropdown?.map((item, idx) => {\n                return (\n                  <Text\n                    key={`${item.name}-${idx}`}\n                    as=\"a\"\n                    href={item.href}\n                    variant=\"heading-micro\"\n                    weight=\"light\"\n                    className={classNames('au-navbar-vertical__dropdown-link', {\n                      'au-navbar-vertical__dropdown-link--is-active':\n                        item.active,\n                    })}\n                    title={item.name}\n                    onClick={item.onClick}>\n                    {item.name}\n                  </Text>\n                )\n              })}\n            </div>\n          </>\n        }\n      />\n    </Text>\n  )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AA6BO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAA2B;AACzB,SACE,qBAAC,OAAA,EAAI,WAAU,sBAAqB,eAAa,YAC9C,UAAA;AAAA,IAAA,6BAAM,IAAI,CAAC,MAAM,QAAQ;AACxB,aAAO,WAAW,MAAM,GAAG;AAAA,IAC7B;AAAA,IACC,eAAe,oBAAC,OAAA,EAAI,WAAU,6BAA6B,yBAAc;AAAA,IAC1E,oBAAC,OAAA,EAAI,WAAU,+BAA+B,0BAAc,CAAE;AAAA,EAAA,GAChE;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,eAAe;AACjB,MAA+B;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,CAAC,CAAC,YAAY,MAAM;AAE9D,WAAS,YAAY,IAAsB;AACzC,QAAI,UAAU;AACZ,cAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,IACzB,WAAU,SAAS;AACjB,SAAG,eAAA;AACH,cAAA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI,WAAW,QAAQ;AAAA,MACvB;AAAA,MACA,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,CAAC,qCAAqC,GAAG;AAAA,QACzC,CAAC,mCAAmC,GAAG;AAAA,MAAA,CACxC;AAAA,MACD,SAAS;AAAA,MACT,eAAa;AAAA,MACb,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UACE,qBAAA,UAAA,EACE,UAAA;AAAA,cAAA,qBAAC,OAAA,EAAI,WAAU,8BAA6B,eAAY,QACtD,UAAA;AAAA,gBAAA,oBAAC,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,iBAAc,GAAI;AAAA,gBAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,mBAAgB,EAAA,CAAI;AAAA,cAAA,GAChE;AAAA,cACA,oBAAC,SAAI,WAAU,gCACZ,+CAAU,IAAI,CAAC,MAAM,QAAQ;AAC5B,uBACE;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,MAAM,KAAK;AAAA,oBACX,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,gDACE,KAAK;AAAA,oBAAA,CACR;AAAA,oBACD,OAAO,KAAK;AAAA,oBACZ,SAAS,KAAK;AAAA,oBACb,UAAA,KAAK;AAAA,kBAAA;AAAA,kBAXD,GAAG,KAAK,IAAI,IAAI,GAAG;AAAA,gBAAA;AAAA,cAc9B,GAAC,CACH;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}

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

@@ -2,11 +2,13 @@ import { ReactNode } from 'react';
 type NotificationsBarWrapProps = {
     renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[];
     renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
 type NotificationsBarListProps = {
     title: string;
     dataSource: NotificationBarListDataProps[];
     renderItem: (item: NotificationBarListDataProps, idx?: number) => ReactNode | string | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };
 type NotificationBarListDataProps = {
     title: string;
@@ -22,13 +24,14 @@ type NotificationsBarLinkProps = {
     Icon?: ReactNode | string | JSX.Element | JSX.Element[];
     createdAt?: string;
     isUnread?: boolean;
+    'data-testid'?: string;
 };
-export declare const NotificationsBarWrap: ({ renderRecents, renderOlds, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationsBarList: ({ title, dataSource, renderItem, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotificationsBarLink: ({ Icon, onClick, title, createdAt, onDelete, isUnread, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationsBarWrap: ({ renderRecents, renderOlds, "data-testid": dataTestId, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationsBarList: ({ title, dataSource, renderItem, "data-testid": dataTestId, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationsBarLink: ({ Icon, onClick, title, createdAt, onDelete, isUnread, "data-testid": dataTestId, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
 declare const components: {
-    Root: ({ renderRecents, renderOlds, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
-    List: ({ title, dataSource, renderItem, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
-    Link: ({ Icon, onClick, title, createdAt, onDelete, isUnread, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
+    Root: ({ renderRecents, renderOlds, "data-testid": dataTestId, }: NotificationsBarWrapProps) => import("react/jsx-runtime").JSX.Element;
+    List: ({ title, dataSource, renderItem, "data-testid": dataTestId, }: NotificationsBarListProps) => import("react/jsx-runtime").JSX.Element;
+    Link: ({ Icon, onClick, title, createdAt, onDelete, isUnread, "data-testid": dataTestId, }: NotificationsBarLinkProps) => import("react/jsx-runtime").JSX.Element;
 };
 export { components as NotificationsBar };

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

@@ -4,19 +4,30 @@ import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
 import './styles.css';const NotificationsBarWrap = ({
   renderRecents,
-  renderOlds
+  renderOlds,
+  "data-testid": dataTestId
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar", role: "region", "aria-label": "Notificações", children: [
-    renderRecents && renderRecents(),
-    renderOlds && renderOlds()
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "au-notifications-bar",
+      role: "region",
+      "aria-label": "Notificações",
+      "data-testid": dataTestId,
+      children: [
+        renderRecents && renderRecents(),
+        renderOlds && renderOlds()
+      ]
+    }
+  );
 };
 const NotificationsBarList = ({
   title,
   dataSource,
-  renderItem
+  renderItem,
+  "data-testid": dataTestId
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar__section", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar__section", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(Text, { as: "h3", variant: "body-medium", weight: "bold", children: title }),
     /* @__PURE__ */ jsx("div", { className: "au-notifications-bar__list", children: dataSource == null ? void 0 : dataSource.map((item, idx) => renderItem(item, idx)) })
   ] });
@@ -27,10 +38,11 @@ const NotificationsBarLink = ({
   title,
   createdAt,
   onDelete,
-  isUnread
+  isUnread,
+  "data-testid": dataTestId
 }) => {
   const timestampId = useId();
-  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar__item", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-notifications-bar__item", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n  isUnread?: boolean\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div className=\"au-notifications-bar\" role=\"region\" aria-label=\"Notificações\">\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\">\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item, idx) => renderItem(item, idx))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n  isUnread,\n}: NotificationsBarLinkProps) => {\n  const timestampId = useId()\n\n  return (\n    <div className=\"au-notifications-bar__item\">\n      <button\n        type=\"button\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}\n        aria-describedby={createdAt ? timestampId : undefined}>\n        {Icon && <span aria-hidden=\"true\">{Icon}</span>}\n        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\">\n          {isUnread && <span className=\"au-sr-only\">não lida — </span>}\n          {title}\n        </Text>\n      </button>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" id={timestampId} variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <button\n              type=\"button\"\n              className=\"au-notifications-bar__delete-btn\"\n              aria-label={`Excluir: ${title}`}\n              onClick={onDelete}>\n              <Text as=\"span\" variant=\"body-small\" weight=\"semibold\">\n                Excluir\n              </Text>\n            </button>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;;AAoCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAC/B,8BACG,OAAA,EAAI,WAAU,wBAAuB,MAAK,UAAS,cAAW,gBAC5D,UAAA;AAAA,IAAA,iBAAiB,cAAA;AAAA,IACjB,cAAc,WAAA;AAAA,EAAW,GAC5B;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,SACE,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UAAA,MAAA,CACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,MAAM,QAAQ,WAAW,MAAM,GAAG,GAAC,CACvD;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,cAAc,MAAA;AAEpB,SACE,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV;AAAA,QACA,oBAAkB,YAAY,cAAc;AAAA,QAC3C,UAAA;AAAA,UAAA,QAAQ,oBAAC,QAAA,EAAK,eAAY,QAAQ,UAAA,MAAK;AAAA,+BACvC,MAAA,EAAK,IAAG,QAAO,SAAQ,eAAc,QAAO,WAC1C,UAAA;AAAA,YAAA,YAAY,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,eAAW;AAAA,YACpD;AAAA,UAAA,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,QAAK,IAAG,QAAO,IAAI,aAAa,SAAQ,cACtC,UAAA,UAAA,CACH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAY,YAAY,KAAK;AAAA,cAC7B,SAAS;AAAA,cACT,UAAA,oBAAC,QAAK,IAAG,QAAO,SAAQ,cAAa,QAAO,YAAW,UAAA,UAAA,CAEvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n  renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\ntype NotificationsBarListProps = {\n  title: string\n  dataSource: NotificationBarListDataProps[]\n  renderItem: (\n    item: NotificationBarListDataProps,\n    idx?: number\n  ) => ReactNode | string | JSX.Element | JSX.Element[]\n  'data-testid'?: string\n}\n\ntype NotificationBarListDataProps = {\n  title: string\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  onClick: () => void\n  onDelete?: () => void\n  createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n  title: string\n  onClick: () => void\n  onDelete?: () => void\n  Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n  createdAt?: string\n  isUnread?: boolean\n  'data-testid'?: string\n}\n\nexport const NotificationsBarWrap = ({\n  renderRecents,\n  renderOlds,\n  'data-testid': dataTestId,\n}: NotificationsBarWrapProps) => {\n  return (\n    <div\n      className=\"au-notifications-bar\"\n      role=\"region\"\n      aria-label=\"Notificações\"\n      data-testid={dataTestId}>\n      {renderRecents && renderRecents()}\n      {renderOlds && renderOlds()}\n    </div>\n  )\n}\n\nexport const NotificationsBarList = ({\n  title,\n  dataSource,\n  renderItem,\n  'data-testid': dataTestId,\n}: NotificationsBarListProps) => {\n  return (\n    <div className=\"au-notifications-bar__section\" data-testid={dataTestId}>\n      <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n        {title}\n      </Text>\n      <div className=\"au-notifications-bar__list\">\n        {dataSource?.map((item, idx) => renderItem(item, idx))}\n      </div>\n    </div>\n  )\n}\n\nexport const NotificationsBarLink = ({\n  Icon,\n  onClick,\n  title,\n  createdAt,\n  onDelete,\n  isUnread,\n  'data-testid': dataTestId,\n}: NotificationsBarLinkProps) => {\n  const timestampId = useId()\n\n  return (\n    <div className=\"au-notifications-bar__item\" data-testid={dataTestId}>\n      <button\n        type=\"button\"\n        className=\"au-notifications-bar__link\"\n        onClick={onClick}\n        aria-describedby={createdAt ? timestampId : undefined}>\n        {Icon && <span aria-hidden=\"true\">{Icon}</span>}\n        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\">\n          {isUnread && <span className=\"au-sr-only\">não lida — </span>}\n          {title}\n        </Text>\n      </button>\n      <div className=\"au-notifications-bar__actions\">\n        <Text as=\"span\" id={timestampId} variant=\"body-small\">\n          {createdAt}\n        </Text>\n        <Conditional\n          condition={!!onDelete}\n          renderIf={\n            <button\n              type=\"button\"\n              className=\"au-notifications-bar__delete-btn\"\n              aria-label={`Excluir: ${title}`}\n              onClick={onDelete}>\n              <Text as=\"span\" variant=\"body-small\" weight=\"semibold\">\n                Excluir\n              </Text>\n            </button>\n          }\n        />\n      </div>\n    </div>\n  )\n}\n\nconst components = {\n  Root: NotificationsBarWrap,\n  List: NotificationsBarList,\n  Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;;AAuCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAiC;AAC/B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAa;AAAA,MACZ,UAAA;AAAA,QAAA,iBAAiB,cAAA;AAAA,QACjB,cAAc,WAAA;AAAA,MAAW;AAAA,IAAA;AAAA,EAAA;AAGhC;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAiC;AAC/B,SACE,qBAAC,OAAA,EAAI,WAAU,iCAAgC,eAAa,YAC1D,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UAAA,MAAA,CACH;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,MAAM,QAAQ,WAAW,MAAM,GAAG,GAAC,CACvD;AAAA,EAAA,GACF;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAiC;AAC/B,QAAM,cAAc,MAAA;AAEpB,SACE,qBAAC,OAAA,EAAI,WAAU,8BAA6B,eAAa,YACvD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV;AAAA,QACA,oBAAkB,YAAY,cAAc;AAAA,QAC3C,UAAA;AAAA,UAAA,QAAQ,oBAAC,QAAA,EAAK,eAAY,QAAQ,UAAA,MAAK;AAAA,+BACvC,MAAA,EAAK,IAAG,QAAO,SAAQ,eAAc,QAAO,WAC1C,UAAA;AAAA,YAAA,YAAY,oBAAC,QAAA,EAAK,WAAU,cAAa,UAAA,eAAW;AAAA,YACpD;AAAA,UAAA,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,QAAK,IAAG,QAAO,IAAI,aAAa,SAAQ,cACtC,UAAA,UAAA,CACH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,cAAY,YAAY,KAAK;AAAA,cAC7B,SAAS;AAAA,cACT,UAAA,oBAAC,QAAK,IAAG,QAAO,SAAQ,cAAa,QAAO,YAAW,UAAA,UAAA,CAEvD;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}

package/dist/components/PartnerBanner/PartnerBanner.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type PartnerBannerProps = {
+    text: string;
+    btnText: string;
+    icon?: ReactNode;
+    onButtonClick?: () => void;
+    ariaLabel?: string;
+    className?: string;
+    'data-testid'?: string;
+};
+export declare const PartnerBanner: ({ text, btnText, icon, onButtonClick, ariaLabel, className, "data-testid": dataTestId, }: PartnerBannerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,45 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { Text } from "../Text/index.es.js";
+import './styles.css';const PartnerBanner = ({
+  text,
+  btnText,
+  icon,
+  onButtonClick,
+  ariaLabel,
+  className = "",
+  "data-testid": dataTestId
+}) => {
+  const classes = classNames("au-partner-banner", {
+    [`au-partner-banner--with-icon`]: !!icon,
+    [className]: !!className
+  });
+  return /* @__PURE__ */ jsxs("aside", { className: classes, "aria-label": ariaLabel, "data-testid": dataTestId, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: "au-partner-banner__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "au-partner-banner__content", children: [
+      /* @__PURE__ */ jsx(
+        Text,
+        {
+          as: "p",
+          variant: "body-small",
+          color: "secondary",
+          className: "au-partner-banner__text",
+          children: text
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "au-partner-banner__button",
+          onClick: onButtonClick,
+          children: /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-small", weight: "semibold", children: btnText })
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  PartnerBanner
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/PartnerBanner/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport './styles.scss'\n\nexport type PartnerBannerProps = {\n  text: string\n  btnText: string\n  icon?: ReactNode\n  onButtonClick?: () => void\n  ariaLabel?: string\n  className?: string\n  'data-testid'?: string\n}\n\nexport const PartnerBanner = ({\n  text,\n  btnText,\n  icon,\n  onButtonClick,\n  ariaLabel,\n  className = '',\n  'data-testid': dataTestId,\n}: PartnerBannerProps) => {\n  const classes = classNames('au-partner-banner', {\n    [`au-partner-banner--with-icon`]: !!icon,\n    [className]: !!className,\n  })\n\n  return (\n    <aside className={classes} aria-label={ariaLabel} data-testid={dataTestId}>\n      {icon && (\n        <div className=\"au-partner-banner__icon\" aria-hidden=\"true\">\n          {icon}\n        </div>\n      )}\n      <div className=\"au-partner-banner__content\">\n        <Text\n          as=\"p\"\n          variant=\"body-small\"\n          color=\"secondary\"\n          className=\"au-partner-banner__text\">\n          {text}\n        </Text>\n        <button\n          type=\"button\"\n          className=\"au-partner-banner__button\"\n          onClick={onButtonClick}>\n          <Text as=\"span\" variant=\"body-small\" weight=\"semibold\">\n            {btnText}\n          </Text>\n        </button>\n      </div>\n    </aside>\n  )\n}\n"],"names":[],"mappings":";;;AAeO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAA0B;AACxB,QAAM,UAAU,WAAW,qBAAqB;AAAA,IAC9C,CAAC,8BAA8B,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,8BACG,SAAA,EAAM,WAAW,SAAS,cAAY,WAAW,eAAa,YAC5D,UAAA;AAAA,IAAA,4BACE,OAAA,EAAI,WAAU,2BAA0B,eAAY,QAClD,UAAA,MACH;AAAA,IAEF,qBAAC,OAAA,EAAI,WAAU,8BACb,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,WAAU;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAA,oBAAC,QAAK,IAAG,QAAO,SAAQ,cAAa,QAAO,YACzC,UAAA,QAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/PartnerBanner/styles.css

@@ -0,0 +1 @@
+.au-partner-banner{display:flex;gap:16px;border-radius:16px;background-color:#f6f7fa;padding:16px;width:272px}.au-partner-banner__content{display:flex;flex-direction:column;align-items:start;gap:8px}.au-partner-banner__icon{display:inline-flex;align-items:center;justify-content:center;min-width:32px;width:32px;height:32px}.au-partner-banner__text{margin:0}.au-partner-banner__button{display:inline-flex;align-items:center;min-height:24px;border:none;background:none;border-radius:4px;cursor:pointer}.au-partner-banner__button>span{color:#0048db}.au-partner-banner__button:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0048db}

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

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from "react/jsx-runtime";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { B as BREAKPOINT_MD } from "../../tokens-eEtvWiuX.js";
 import { Portal } from "../Portal/index.es.js";
+import { B as BREAKPOINT_MD } from "../../tokens-CKZdIZ5O.js";
 const PortalHolder = ({ withPortal, children }) => {
   const shouldUsePortal = !above(BREAKPOINT_MD) && withPortal;
   if (shouldUsePortal) return /* @__PURE__ */ jsx(Portal, { children });

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

@@ -1,6 +1,7 @@
 type ProfileNavProps = {
     name: string;
     fullName: string;
+    'data-testid'?: string;
 };
-export declare const ProfileNav: ({ name, fullName }: ProfileNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileNav: ({ name, fullName, "data-testid": dataTestId, }: ProfileNavProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
 import { Text } from "../Text/index.es.js";
-import './styles.css';const ProfileNav = ({ name, fullName }) => {
+import './styles.css';const ProfileNav = ({
+  name,
+  fullName,
+  "data-testid": dataTestId
+}) => {
   const initialLetters = getInitialLetters(fullName);
-  return /* @__PURE__ */ jsxs("div", { className: "au-profile-nav", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "au-profile-nav", "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx("div", { className: "au-profile-nav__badget", children: /* @__PURE__ */ jsx(Text, { variant: "heading-small", weight: "medium", children: initialLetters }) }),
     /* @__PURE__ */ jsxs("div", { className: "div", children: [
       /* @__PURE__ */ jsxs(Text, { as: "h3", variant: "heading-micro", weight: "bold", children: [

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\">\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text color=\"secondary\">Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AACjE,QAAM,iBAAiB,kBAAkB,QAAQ;AAEjD,SACE,qBAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA,oBAAC,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eAAA,CACH,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,MAAA,EAAK,OAAM,aAAY,UAAA,YAAA,CAAS;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n  name: string\n  fullName: string\n  'data-testid'?: string\n}\n\nexport const ProfileNav = ({\n  name,\n  fullName,\n  'data-testid': dataTestId,\n}: ProfileNavProps) => {\n  const initialLetters = getInitialLetters(fullName)\n\n  return (\n    <div className=\"au-profile-nav\" data-testid={dataTestId}>\n      <div className=\"au-profile-nav__badget\">\n        <Text variant=\"heading-small\" weight=\"medium\">\n          {initialLetters}\n        </Text>\n      </div>\n      <div className=\"div\">\n        <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n          Olá, {name}\n        </Text>\n        <Text color=\"secondary\">Tudo bem?</Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;AAUO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAuB;AACrB,QAAM,iBAAiB,kBAAkB,QAAQ;AAEjD,SACE,qBAAC,OAAA,EAAI,WAAU,kBAAiB,eAAa,YAC3C,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA,oBAAC,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eAAA,CACH,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,MAAA,EAAK,OAAM,aAAY,UAAA,YAAA,CAAS;AAAA,IAAA,EAAA,CACnC;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -3,6 +3,7 @@ interface ProgressBarProps {
     stepName: string;
     currentStep: number;
     totalSteps: number;
+    'data-testid'?: string;
 }
 export declare const ProgressBar: React.FC<ProgressBarProps>;
 export {};

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

@@ -6,7 +6,8 @@ import './styles.css';const ProgressBar = ({
   percentageMode = false,
   stepName,
   currentStep,
-  totalSteps
+  totalSteps,
+  "data-testid": dataTestId
 }) => {
   const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps));
   const percentageWidth = safeCurrentStep / totalSteps * 100;
@@ -21,6 +22,7 @@ import './styles.css';const ProgressBar = ({
       "aria-valuemin": percentageMode ? 0 : 1,
       "aria-valuemax": percentageMode ? 100 : totalSteps,
       "aria-label": stepName,
+      "data-testid": dataTestId,
       children: [
         /* @__PURE__ */ jsx(
           Conditional,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProgressBar/index.tsx"],"sourcesContent":["import { Conditional } from '@components/misc'\nimport classNames from 'classnames'\nimport { Text } from '../Text'\n\nimport './styles.scss'\n\ninterface ProgressBarProps {\n  percentageMode?: boolean\n  stepName: string\n  currentStep: number\n  totalSteps: number\n}\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  percentageMode = false,\n  stepName,\n  currentStep,\n  totalSteps,\n}) => {\n  const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const percentageWidth = (safeCurrentStep / totalSteps) * 100\n  const roundedPercentage = Math.round(percentageWidth)\n\n  const progressText = percentageMode\n    ? `${roundedPercentage}%`\n    : `${safeCurrentStep} de ${totalSteps}`\n\n  return (\n    <div\n      className=\"au-progress-bar\"\n      role=\"progressbar\"\n      aria-valuenow={percentageMode ? roundedPercentage : safeCurrentStep}\n      aria-valuemin={percentageMode ? 0 : 1}\n      aria-valuemax={percentageMode ? 100 : totalSteps}\n      aria-label={stepName}>\n      <Conditional\n        condition={!!percentageMode}\n        renderIf={\n          <div className=\"au-progress-bar__bar\">\n            <div\n              style={{ width: `${percentageWidth}%` }}\n              className=\"au-progress-bar__bar-filled\"\n            />\n          </div>\n        }\n        renderElse={\n          <div className=\"au-progress-bar__steps\">\n            {Array.from({ length: totalSteps }).map((_, index) => (\n              <div key={index} className=\"au-progress-bar__step-container\">\n                <div\n                  className={classNames('au-progress-bar__step-filled', {\n                    'au-progress-bar__step-filled--is-active':\n                      index < safeCurrentStep,\n                  })}\n                />\n              </div>\n            ))}\n          </div>\n        }\n      />\n\n      <div className=\"au-progress-bar__text\">\n        <Text as=\"span\" variant=\"body-medium\">\n          {stepName}\n        </Text>\n\n        <Text as=\"span\" variant=\"body-medium\">\n          {progressText}\n        </Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,cAA0C,CAAC;AAAA,EACtD,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,kBAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,UAAU,CAAC;AACrE,QAAM,kBAAmB,kBAAkB,aAAc;AACzD,QAAM,oBAAoB,KAAK,MAAM,eAAe;AAEpD,QAAM,eAAe,iBACjB,GAAG,iBAAiB,MACpB,GAAG,eAAe,OAAO,UAAU;AAEvC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAe,iBAAiB,oBAAoB;AAAA,MACpD,iBAAe,iBAAiB,IAAI;AAAA,MACpC,iBAAe,iBAAiB,MAAM;AAAA,MACtC,cAAY;AAAA,MACZ,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,CAAC;AAAA,YACb,UACE,oBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAO,GAAG,eAAe,IAAA;AAAA,gBAClC,WAAU;AAAA,cAAA;AAAA,YAAA,GAEd;AAAA,YAEF,YACE,oBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA,MAAM,KAAK,EAAE,QAAQ,YAAY,EAAE,IAAI,CAAC,GAAG,UAC1C,oBAAC,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,WAAW,gCAAgC;AAAA,kBACpD,2CACE,QAAQ;AAAA,gBAAA,CACX;AAAA,cAAA;AAAA,YAAA,EACH,GANQ,KAOV,CACD,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,IAAG,QAAO,SAAQ,eACrB,UAAA,UACH;AAAA,8BAEC,MAAA,EAAK,IAAG,QAAO,SAAQ,eACrB,UAAA,aAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ProgressBar/index.tsx"],"sourcesContent":["import { Conditional } from '@components/misc'\nimport classNames from 'classnames'\nimport { Text } from '../Text'\n\nimport './styles.scss'\n\ninterface ProgressBarProps {\n  percentageMode?: boolean\n  stepName: string\n  currentStep: number\n  totalSteps: number\n  'data-testid'?: string\n}\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n  percentageMode = false,\n  stepName,\n  currentStep,\n  totalSteps,\n  'data-testid': dataTestId,\n}) => {\n  const safeCurrentStep = Math.max(1, Math.min(currentStep, totalSteps))\n  const percentageWidth = (safeCurrentStep / totalSteps) * 100\n  const roundedPercentage = Math.round(percentageWidth)\n\n  const progressText = percentageMode\n    ? `${roundedPercentage}%`\n    : `${safeCurrentStep} de ${totalSteps}`\n\n  return (\n    <div\n      className=\"au-progress-bar\"\n      role=\"progressbar\"\n      aria-valuenow={percentageMode ? roundedPercentage : safeCurrentStep}\n      aria-valuemin={percentageMode ? 0 : 1}\n      aria-valuemax={percentageMode ? 100 : totalSteps}\n      aria-label={stepName}\n      data-testid={dataTestId}>\n      <Conditional\n        condition={!!percentageMode}\n        renderIf={\n          <div className=\"au-progress-bar__bar\">\n            <div\n              style={{ width: `${percentageWidth}%` }}\n              className=\"au-progress-bar__bar-filled\"\n            />\n          </div>\n        }\n        renderElse={\n          <div className=\"au-progress-bar__steps\">\n            {Array.from({ length: totalSteps }).map((_, index) => (\n              <div key={index} className=\"au-progress-bar__step-container\">\n                <div\n                  className={classNames('au-progress-bar__step-filled', {\n                    'au-progress-bar__step-filled--is-active':\n                      index < safeCurrentStep,\n                  })}\n                />\n              </div>\n            ))}\n          </div>\n        }\n      />\n\n      <div className=\"au-progress-bar__text\">\n        <Text as=\"span\" variant=\"body-medium\">\n          {stepName}\n        </Text>\n\n        <Text as=\"span\" variant=\"body-medium\">\n          {progressText}\n        </Text>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAcO,MAAM,cAA0C,CAAC;AAAA,EACtD,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,kBAAkB,KAAK,IAAI,GAAG,KAAK,IAAI,aAAa,UAAU,CAAC;AACrE,QAAM,kBAAmB,kBAAkB,aAAc;AACzD,QAAM,oBAAoB,KAAK,MAAM,eAAe;AAEpD,QAAM,eAAe,iBACjB,GAAG,iBAAiB,MACpB,GAAG,eAAe,OAAO,UAAU;AAEvC,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,iBAAe,iBAAiB,oBAAoB;AAAA,MACpD,iBAAe,iBAAiB,IAAI;AAAA,MACpC,iBAAe,iBAAiB,MAAM;AAAA,MACtC,cAAY;AAAA,MACZ,eAAa;AAAA,MACb,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,CAAC;AAAA,YACb,UACE,oBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,EAAE,OAAO,GAAG,eAAe,IAAA;AAAA,gBAClC,WAAU;AAAA,cAAA;AAAA,YAAA,GAEd;AAAA,YAEF,YACE,oBAAC,OAAA,EAAI,WAAU,0BACZ,UAAA,MAAM,KAAK,EAAE,QAAQ,YAAY,EAAE,IAAI,CAAC,GAAG,UAC1C,oBAAC,OAAA,EAAgB,WAAU,mCACzB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,WAAW,gCAAgC;AAAA,kBACpD,2CACE,QAAQ;AAAA,gBAAA,CACX;AAAA,cAAA;AAAA,YAAA,EACH,GANQ,KAOV,CACD,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,oBAAC,MAAA,EAAK,IAAG,QAAO,SAAQ,eACrB,UAAA,UACH;AAAA,8BAEC,MAAA,EAAK,IAAG,QAAO,SAAQ,eACrB,UAAA,aAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Prototype/Carousel/index.d.ts

@@ -1,2 +1,2 @@
 import { CarouselProps } from './types';
-export declare const Carousel: ({ items, type, mobileText, draggable, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: ({ items, type, mobileText, draggable, "data-testid": dataTestId, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Prototype/Carousel/types.d.ts

@@ -3,4 +3,5 @@ export interface CarouselProps {
     type: 'pages' | 'scrollbar';
     mobileText?: string;
     draggable?: boolean;
+    'data-testid'?: string;
 }

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

@@ -5,14 +5,15 @@ import './styles.css';const PureSwitch = ({
   id,
   disabled,
   activateCallBack,
-  deactivateCallBack
+  deactivateCallBack,
+  "data-testid": dataTestId
 }) => {
   const handleToggle = (event) => {
     const isActivated = event.target.checked;
     if (isActivated) return activateCallBack();
     return deactivateCallBack == null ? void 0 : deactivateCallBack();
   };
-  return /* @__PURE__ */ jsx("div", { className: "au-switch", children: /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-switch-label", children: [
+  return /* @__PURE__ */ jsx("div", { className: "au-switch", "data-testid": dataTestId, children: /* @__PURE__ */ jsxs("label", { htmlFor: id, className: "au-switch-label", children: [
     /* @__PURE__ */ jsx("span", { children: label }),
     /* @__PURE__ */ jsxs("div", { className: "au-switch-container", children: [
       /* @__PURE__ */ jsx(

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

@@ -1 +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}) => {\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\">\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;AACD,MAAM;AACL,QAAM,eAAe,CAAC,UAA+C;AACpE,UAAM,cAAc,MAAM,OAAO;AAE/B,QAAG,oBAAoB,iBAAA;AAEzB,WAAO;AAAA,EACP;AAED,SACG,oBAAC,SAAI,WAAU,aACb,+BAAC,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;"}
+{"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;"}

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

@@ -4,7 +4,7 @@ import "../Icon/index.es.js";
 import "../icons/IconChevronDown/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconX/index.es.js";
-import { S } from "../../index-BvQw_Wgb.js";
+import { S } from "../../index-fyDB87KK.js";
 export {
   S as Segment
 };

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

@@ -10,9 +10,9 @@ import { IconSlash } from "../icons/IconSlash/index.es.js";
 import { Modal } from "../Modal/index.es.js";
 import { Text } from "../Text/index.es.js";
 import { Conditional } from "../Conditional/index.es.js";
-import { c as COLOR_NEUTRAL_40 } from "../../tokens-eEtvWiuX.js";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
+import { c as COLOR_NEUTRAL_40 } from "../../tokens-CKZdIZ5O.js";
 import './styles.css';const useSelectField = (options, initialValue, onChange, onBlur, disabled, register, autocomplete = false, fullScreenOptions = false) => {
   var _a;
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
@@ -232,7 +232,8 @@ const SelectField = ({
   autocomplete = false,
   EmptyText = "Nada encontrado",
   fullScreenOptions = false,
-  htmlType = "text"
+  htmlType = "text",
+  "data-testid": dataTestId
 }) => {
   const labelId = useId();
   const generatedErrorId = useId();
@@ -310,6 +311,7 @@ const SelectField = ({
               "div",
               {
                 className: "au-field__select-wrapper",
+                "data-testid": dataTestId,
                 onClick: toggleDropdown,
                 onKeyDown: onKeyDownDropdown,
                 tabIndex: disabled ? -1 : 0,