@consumidor-positivo/aurora 0.11.1 → 1.0.0

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

@@ -1,10 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import "../../index-C6Q03EyZ.js";
+import "react";
 import "../Icon/index.es.js";
 import { IconAlertOctagon } from "../icons/IconAlertOctagon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-eEtvWiuX.js";
+import { C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, c as COLOR_NEUTRAL_40 } from "../../tokens-C4yCunfz.js";
 const FieldLabel = ({
   id,
   labelId,

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+import { default as React, ReactNode } from 'react';
+export type LinkButtonProps = ({
+    as: 'a';
+    href: string;
+    target?: string;
+} | {
+    as?: 'button';
+    href?: never;
+    target?: never;
+}) & {
+    children?: ReactNode;
+    /**
+     * Token size (Figma: Link Button, Size). small = 14px text / 16px icons,
+     * medium = 16px / 20px, large = 20px / 20px.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /** Icon rendered before the label (Figma: Left Icon + Switch Icon Left). */
+    iconLeft?: ReactNode;
+    /** Icon rendered after the label (Figma: Right Icon + Switch Icon Right). */
+    iconRight?: ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    className?: string;
+    'data-testid'?: string;
+};
+export declare const LinkButton: ({ as, href, target, children, size, iconLeft, iconRight, onClick, disabled, className, "data-testid": dataTestId, }: LinkButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
+import './styles.css';const LinkButton = ({
+  as,
+  href,
+  target,
+  children = "Link",
+  size = "medium",
+  iconLeft,
+  iconRight,
+  onClick,
+  disabled = false,
+  className,
+  "data-testid": dataTestId
+}) => {
+  const classes = classNames(
+    "au-link-button",
+    {
+      [`au-link-button--size-${size}`]: !!size,
+      "au-link-button--disabled": disabled
+    },
+    className
+  );
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    iconLeft && /* @__PURE__ */ jsx("span", { className: "au-link-button__icon", "aria-hidden": "true", children: iconLeft }),
+    children,
+    iconRight && /* @__PURE__ */ jsx("span", { className: "au-link-button__icon", "aria-hidden": "true", children: iconRight })
+  ] });
+  if (as === "a") {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: classes,
+        href,
+        target,
+        "data-testid": dataTestId,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      className: classes,
+      onClick,
+      disabled,
+      "data-testid": dataTestId,
+      children: content
+    }
+  );
+};
+export {
+  LinkButton
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/LinkButton/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode } from 'react'\nimport './styles.scss'\n\nexport type LinkButtonProps = (\n  | {\n      as: 'a'\n      href: string\n      target?: string\n    }\n  | {\n      as?: 'button'\n      href?: never\n      target?: never\n    }\n) & {\n  children?: ReactNode\n  /**\n   * Token size (Figma: Link Button, Size). small = 14px text / 16px icons,\n   * medium = 16px / 20px, large = 20px / 20px.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large'\n  /** Icon rendered before the label (Figma: Left Icon + Switch Icon Left). */\n  iconLeft?: ReactNode\n  /** Icon rendered after the label (Figma: Right Icon + Switch Icon Right). */\n  iconRight?: ReactNode\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  disabled?: boolean\n  className?: string\n  'data-testid'?: string\n}\n\nexport const LinkButton = ({\n  as,\n  href,\n  target,\n  children = 'Link',\n  size = 'medium',\n  iconLeft,\n  iconRight,\n  onClick,\n  disabled = false,\n  className,\n  'data-testid': dataTestId,\n}: LinkButtonProps) => {\n  const classes = classNames(\n    'au-link-button',\n    {\n      [`au-link-button--size-${size}`]: !!size,\n      'au-link-button--disabled': disabled,\n    },\n    className,\n  )\n\n  const content = (\n    <>\n      {iconLeft && (\n        <span className=\"au-link-button__icon\" aria-hidden=\"true\">\n          {iconLeft}\n        </span>\n      )}\n      {children}\n      {iconRight && (\n        <span className=\"au-link-button__icon\" aria-hidden=\"true\">\n          {iconRight}\n        </span>\n      )}\n    </>\n  )\n\n  if (as === 'a') {\n    return (\n      <a\n        className={classes}\n        href={href}\n        target={target}\n        data-testid={dataTestId}>\n        {content}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      onClick={onClick}\n      disabled={disabled}\n      data-testid={dataTestId}>\n      {content}\n    </button>\n  )\n}\n"],"names":[],"mappings":";;AAiCO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,eAAe;AACjB,MAAuB;AACrB,QAAM,UAAU;AAAA,IACd;AAAA,IACA;AAAA,MACE,CAAC,wBAAwB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,MACpC,4BAA4B;AAAA,IAAA;AAAA,IAE9B;AAAA,EAAA;AAGF,QAAM,UACJ,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,gCACE,QAAA,EAAK,WAAU,wBAAuB,eAAY,QAChD,UAAA,UACH;AAAA,IAED;AAAA,IACA,aACC,oBAAC,QAAA,EAAK,WAAU,wBAAuB,eAAY,QAChD,UAAA,UAAA,CACH;AAAA,EAAA,GAEJ;AAGF,MAAI,OAAO,KAAK;AACd,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,eAAa;AAAA,QACZ,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACZ,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/LinkButton/styles.css

@@ -0,0 +1 @@
+.au-link-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0;border:none;background:transparent;color:#0048db;font-family:"Source Sans 3",sans-serif;font-weight:600;text-decoration:none;cursor:pointer}.au-link-button:hover,.au-link-button:focus,.au-link-button:active{color:#1737a4}.au-link-button .au-icon,.au-link-button .au-icon>svg{color:currentColor}.au-link-button__icon{display:inline-flex}.au-link-button--size-small{font-size:14px;line-height:22px}.au-link-button--size-small .au-icon,.au-link-button--size-small .au-icon>svg{width:16px;height:16px}.au-link-button--size-medium{font-size:16px;line-height:24px}.au-link-button--size-medium .au-icon,.au-link-button--size-medium .au-icon>svg{width:20px;height:20px}.au-link-button--size-large{font-size:20px;line-height:28px}.au-link-button--size-large .au-icon,.au-link-button--size-large .au-icon>svg{width:20px;height:20px}.au-link-button--disabled{color:#c4c9d4;cursor:not-allowed}.au-link-button--disabled:hover,.au-link-button--disabled:focus,.au-link-button--disabled:active{color:#c4c9d4}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,6 +3,8 @@ type ModalLayoutMobile = 'default' | 'centralized' | 'full-screen';
 export type ModalProps = {
     isOpen: boolean;
     onClose?: () => void;
+    /** Calls onClose when the backdrop (area outside the container) is clicked */
+    closeOnBackdropClick?: boolean;
     headerContent?: React.ReactNode | string | JSX.Element | JSX.Element[];
     content?: React.ReactNode | string | JSX.Element | JSX.Element[];
     layoutMobile?: ModalLayoutMobile;
@@ -10,6 +12,7 @@ export type ModalProps = {
     mobileModalTitle?: string;
     handleHelpInfo?: () => void;
     ariaLabel?: string;
+    'data-testid'?: string;
 };
-export declare const Modal: ({ isOpen, onClose, headerContent, content, layoutMobile, layoutDesktop, mobileModalTitle, handleHelpInfo, ariaLabel, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Modal: ({ isOpen, onClose, closeOnBackdropClick, headerContent, content, layoutMobile, layoutDesktop, mobileModalTitle, handleHelpInfo, ariaLabel, "data-testid": dataTestId, }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
+import "react";
 import "../Icon/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
 import { SubHeader } from "../SubHeader/index.es.js";
@@ -8,13 +9,15 @@ import { i as isMobile } from "../../isMobile-RyKhTreE.js";
 import './styles.css';const Modal = ({
   isOpen,
   onClose,
+  closeOnBackdropClick = false,
   headerContent,
   content,
   layoutMobile = "default",
   layoutDesktop = "default",
   mobileModalTitle = "Título",
   handleHelpInfo,
-  ariaLabel
+  ariaLabel,
+  "data-testid": dataTestId
 }) => {
   if (!isOpen) return null;
   const modalClasses = classNames("au-modal", {
@@ -23,6 +26,11 @@ import './styles.css';const Modal = ({
     "au-modal--mobile-centralized": layoutMobile === "centralized",
     "au-modal--desktop-centralized": layoutDesktop === "centralized"
   });
+  function handleBackdropClick(e) {
+    if (closeOnBackdropClick && e.target === e.currentTarget && onClose) {
+      onClose();
+    }
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -30,6 +38,8 @@ import './styles.css';const Modal = ({
       role: "dialog",
       "aria-modal": "true",
       "aria-label": ariaLabel ?? mobileModalTitle,
+      onClick: handleBackdropClick,
+      "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  /** Calls onClose when the backdrop (area outside the container) is clicked */\n  closeOnBackdropClick?: boolean\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  closeOnBackdropClick = false,\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  function handleBackdropClick(e: React.MouseEvent<HTMLDivElement>) {\n    if (closeOnBackdropClick && e.target === e.currentTarget && onClose) {\n      onClose()\n    }\n  }\n\n  return (\n    <div\n      className={modalClasses}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-label={ariaLabel ?? mobileModalTitle}\n      onClick={handleBackdropClick}\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":";;;;;;;;AA2BO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA,uBAAuB;AAAA,EACvB;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,WAAS,oBAAoB,GAAqC;AAChE,QAAI,wBAAwB,EAAE,WAAW,EAAE,iBAAiB,SAAS;AACnE,cAAA;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MACX,cAAY,aAAa;AAAA,MACzB,SAAS;AAAA,MACT,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",
       {