@consumidor-positivo/aurora 0.11.0 → 0.12.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Checkbox/Field/index.tsx","../../../lib/components/form/Checkbox/Group/hook.tsx","../../../lib/components/form/Checkbox/Group/index.tsx","../../../lib/components/form/Checkbox/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { IconCheck } from '@components/icons'\nimport { COLOR_NEUTRAL_00 } from '@core/tokens'\nimport Field from '../../Field'\n\nimport { Conditional } from '@components/misc'\n\nimport { CheckboxFieldProps } from '../types'\nimport './styles.scss'\n\nexport const CheckboxField = ({\n  label,\n  error,\n  errorMessage,\n  disabled,\n  id,\n  style,\n  ...props\n}: CheckboxFieldProps) => {\n  const checkboxClasses = classNames('au-checkbox', {\n    'au-checkbox--error': !!error,\n    'au-checkbox--disabled': !!disabled,\n  })\n\n  const getSafeId = (id: CheckboxFieldProps['id']) => {\n    return id ? id : `au-checkbox-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n\n  return (\n    <div className={checkboxClasses} style={style}>\n      <label htmlFor={safeId} className=\"au-checkbox__holder\">\n        <input\n          className=\"au-checkbox__input\"\n          type=\"checkbox\"\n          id={safeId}\n          disabled={disabled}\n          {...props}\n        />\n        <span className=\"au-checkbox__check\">\n          <IconCheck rawColor={COLOR_NEUTRAL_00} size=\"small\" />\n        </span>\n        <Conditional\n          condition={typeof label === 'string'}\n          renderIf={\n            <span\n              className=\"au-checkbox__label\"\n              dangerouslySetInnerHTML={{ __html: label || '' }}\n            />\n          }\n          renderElse={\n            <span className=\"au-checkbox__label\">\n              {label}\n            </span>\n          }\n        />\n      </label>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n","import { useEffect, useState } from 'react'\nimport { CheckboxFieldProps } from '../types'\n\ntype UseCheckboxGroupProps = {\n  name?: string\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport const useCheckboxGroup = ({ onChange, name }: UseCheckboxGroupProps) => {\n  const getSafeName = (name?: string): string => {\n    return name ? name : `au-checkbox-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const [selectedOptions, setSelectedOptions] = useState([{}])\n\n  function handleSelectOption(\n    checked: boolean,\n    option: CheckboxFieldProps,\n    index: number,\n  ) {\n    setSelectedOptions({\n      ...selectedOptions,\n      [index]: checked ? option : false,\n    })\n  }\n\n  useEffect(() => {\n    const returnResponse = Object.values(selectedOptions).filter(\n      (item) => !!item,\n    )\n\n    if (onChange) {\n      const event = {\n        target: {\n          checked: returnResponse,\n        },\n      } as unknown as React.ChangeEvent<HTMLInputElement>\n\n      onChange(event)\n    }\n  }, [selectedOptions])\n\n  return {\n    handleSelectOption,\n    safeName,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport { CheckboxField } from '../Field'\nimport { CheckboxFieldProps, CheckboxGroupProps } from '../types'\nimport { useCheckboxGroup } from './hook'\n\nexport const CheckboxGroup = ({\n  name,\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n}: CheckboxGroupProps) => {\n  const groupClass = classNames('au-checkbox-group', {\n    'au-checkbox-group--horizontal': orientation === 'horizontal',\n  })\n\n  const { handleSelectOption, safeName } = useCheckboxGroup({onChange, name})\n\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as CheckboxFieldProps\n\n      return (\n        <CheckboxField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={(e) =>\n            handleSelectOption(e.target.checked, childProps, index)\n          }\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-checkbox-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-checkbox-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n","import { CheckboxField } from './Field'\nimport { CheckboxGroup } from './Group'\nimport { CheckboxFieldProps, CheckboxGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<CheckboxFieldProps>\n  Group: React.FC<CheckboxGroupProps>\n}\n\nconst components: Components = {\n  Field: CheckboxField,\n  Group: CheckboxGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Checkbox.${key}`\n})\n\nexport { components as Checkbox }\n"],"names":["id","name","React"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Checkbox/Field/index.tsx","../../../lib/components/form/Checkbox/Group/hook.tsx","../../../lib/components/form/Checkbox/Group/index.tsx","../../../lib/components/form/Checkbox/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { IconCheck } from '@components/icons'\nimport { COLOR_NEUTRAL_00 } from '@core/tokens'\nimport Field from '../../Field'\n\nimport { Conditional } from '@components/misc'\n\nimport { CheckboxFieldProps } from '../types'\nimport './styles.scss'\n\nexport const CheckboxField = ({\n  label,\n  error,\n  errorMessage,\n  disabled,\n  id,\n  style,\n  ...props\n}: CheckboxFieldProps) => {\n  const checkboxClasses = classNames('au-checkbox', {\n    'au-checkbox--error': !!error,\n    'au-checkbox--disabled': !!disabled,\n  })\n\n  const getSafeId = (id: CheckboxFieldProps['id']) => {\n    return id ? id : `au-checkbox-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n\n  return (\n    <div className={checkboxClasses} style={style}>\n      <label htmlFor={safeId} className=\"au-checkbox__holder\">\n        <input\n          className=\"au-checkbox__input\"\n          type=\"checkbox\"\n          id={safeId}\n          disabled={disabled}\n          {...props}\n        />\n        <span className=\"au-checkbox__check\">\n          <IconCheck rawColor={COLOR_NEUTRAL_00} size=\"small\" />\n        </span>\n        <Conditional\n          condition={typeof label === 'string'}\n          renderIf={\n            <span\n              className=\"au-checkbox__label\"\n              dangerouslySetInnerHTML={{ __html: label || '' }}\n            />\n          }\n          renderElse={\n            <span className=\"au-checkbox__label\">\n              {label}\n            </span>\n          }\n        />\n      </label>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n","import { useEffect, useState } from 'react'\nimport { CheckboxFieldProps } from '../types'\n\ntype UseCheckboxGroupProps = {\n  name?: string\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport const useCheckboxGroup = ({ onChange, name }: UseCheckboxGroupProps) => {\n  const getSafeName = (name?: string): string => {\n    return name ? name : `au-checkbox-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const [selectedOptions, setSelectedOptions] = useState([{}])\n\n  function handleSelectOption(\n    checked: boolean,\n    option: CheckboxFieldProps,\n    index: number,\n  ) {\n    setSelectedOptions({\n      ...selectedOptions,\n      [index]: checked ? option : false,\n    })\n  }\n\n  useEffect(() => {\n    const returnResponse = Object.values(selectedOptions).filter(\n      (item) => !!item,\n    )\n\n    if (onChange) {\n      const event = {\n        target: {\n          checked: returnResponse,\n        },\n      } as unknown as React.ChangeEvent<HTMLInputElement>\n\n      onChange(event)\n    }\n  }, [selectedOptions])\n\n  return {\n    handleSelectOption,\n    safeName,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport { CheckboxField } from '../Field'\nimport { CheckboxFieldProps, CheckboxGroupProps } from '../types'\nimport { useCheckboxGroup } from './hook'\n\nexport const CheckboxGroup = ({\n  name,\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n  'data-testid': dataTestId,\n}: CheckboxGroupProps) => {\n  const groupClass = classNames('au-checkbox-group', {\n    'au-checkbox-group--horizontal': orientation === 'horizontal',\n  })\n\n  const { handleSelectOption, safeName } = useCheckboxGroup({onChange, name})\n\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as CheckboxFieldProps\n\n      return (\n        <CheckboxField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={(e) =>\n            handleSelectOption(e.target.checked, childProps, index)\n          }\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass} data-testid={dataTestId}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-checkbox-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-checkbox-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n","import { CheckboxField } from './Field'\nimport { CheckboxGroup } from './Group'\nimport { CheckboxFieldProps, CheckboxGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<CheckboxFieldProps>\n  Group: React.FC<CheckboxGroupProps>\n}\n\nconst components: Components = {\n  Field: CheckboxField,\n  Group: CheckboxGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Checkbox.${key}`\n})\n\nexport { components as Checkbox }\n"],"names":["id","name","React"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
-type ChipProps = {
+export type ChipProps = {
     isActive: boolean;
     isDisabled?: boolean;
     label: string;
     icon?: React.ReactNode;
+    variant?: 'filter' | 'order';
     onClick: () => void;
+    'data-testid'?: string;
 };
-export declare const Chip: ({ onClick, label, icon, isActive, isDisabled, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Chip: ({ onClick, label, icon, isActive, isDisabled, variant, "data-testid": dataTestId, }: ChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,26 +1,33 @@
-import { jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
 import { Button } from "../Button/index.es.js";
+import "../Icon/index.es.js";
+import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
 import './styles.css';const Chip = ({
   onClick,
   label,
   icon,
   isActive,
-  isDisabled
+  isDisabled,
+  variant = "filter",
+  "data-testid": dataTestId
 }) => {
+  const isOrder = variant === "order";
   return /* @__PURE__ */ jsxs(
     Button,
     {
-      className: classNames("au-chip", {
+      className: classNames("au-chip", `au-chip--variant-${variant}`, {
         "au-chip--active": isActive,
         "au-chip--disabled": isDisabled
       }),
       type: "outlined",
       disabled: isDisabled,
       onClick,
+      "data-testid": dataTestId,
       children: [
-        icon,
-        label
+        !isOrder && icon,
+        label,
+        isOrder && /* @__PURE__ */ jsx(IconChevronDown, {})
       ]
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Chip/index.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Button } from '@components/Button'\n\nimport './styles.scss'\n\ntype ChipProps = {\n  isActive: boolean\n  isDisabled?: boolean\n  label: string\n  icon?: React.ReactNode\n  onClick: () => void\n}\n\nexport const Chip = ({\n  onClick,\n  label,\n  icon,\n  isActive,\n  isDisabled,\n}: ChipProps) => {\n  return (\n    <Button\n      className={cn('au-chip', {\n        'au-chip--active': isActive,\n        'au-chip--disabled': isDisabled,\n      })}\n      type=\"outlined\"\n      disabled={isDisabled}\n      onClick={onClick}>\n      {icon}\n      {label}\n    </Button>\n  )\n}\n"],"names":["cn"],"mappings":";;;AAaO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiB;AACf,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWA,WAAG,WAAW;AAAA,QACvB,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,MAAA,CACtB;AAAA,MACD,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACC,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Chip/index.tsx"],"sourcesContent":["import cn from 'classnames'\nimport { Button } from '@components/Button'\nimport { IconChevronDown } from '@components/icons'\n\nimport './styles.scss'\n\nexport type ChipProps = {\n  isActive: boolean\n  isDisabled?: boolean\n  label: string\n  icon?: React.ReactNode\n  variant?: 'filter' | 'order'\n  onClick: () => void\n  'data-testid'?: string\n}\n\nexport const Chip = ({\n  onClick,\n  label,\n  icon,\n  isActive,\n  isDisabled,\n  variant = 'filter',\n  'data-testid': dataTestId,\n}: ChipProps) => {\n  const isOrder = variant === 'order'\n\n  return (\n    <Button\n      className={cn('au-chip', `au-chip--variant-${variant}`, {\n        'au-chip--active': isActive,\n        'au-chip--disabled': isDisabled,\n      })}\n      type=\"outlined\"\n      disabled={isDisabled}\n      onClick={onClick}\n      data-testid={dataTestId}>\n      {!isOrder && icon}\n      {label}\n      {isOrder && <IconChevronDown />}\n    </Button>\n  )\n}\n"],"names":["cn"],"mappings":";;;;;AAgBO,MAAM,OAAO,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AACjB,MAAiB;AACf,QAAM,UAAU,YAAY;AAE5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWA,WAAG,WAAW,oBAAoB,OAAO,IAAI;AAAA,QACtD,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,MAAA,CACtB;AAAA,MACD,MAAK;AAAA,MACL,UAAU;AAAA,MACV;AAAA,MACA,eAAa;AAAA,MACZ,UAAA;AAAA,QAAA,CAAC,WAAW;AAAA,QACZ;AAAA,QACA,+BAAY,iBAAA,CAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

package/dist/components/Chip/styles.css

@@ -1 +1 @@
-.au-chip{font-size:14px;font-weight:600;padding:8px 16px;height:38px;border-color:#e2e4e9;color:#454a54;transition:all .2s ease;margin-right:8px}.au-chip .au-icon svg,.au-chip svg{color:#454a54}.au-chip:hover{border-color:#5e6573}.au-chip:disabled,.au-chip--disabled,.au-chip:disabled:hover,.au-chip--disabled:hover{background-color:#f6f7fa;color:#5e6573;border-color:#e2e4e9}.au-chip:disabled .au-icon svg,.au-chip:disabled svg,.au-chip--disabled .au-icon svg,.au-chip--disabled svg,.au-chip:disabled:hover .au-icon svg,.au-chip:disabled:hover svg,.au-chip--disabled:hover .au-icon svg,.au-chip--disabled:hover svg{color:#454a54}.au-chip:focus-visible{border:1px solid #f6f7fa;outline:1px solid #0048db}.au-chip--active{background-color:#fafbff;border-color:#9abcff;color:#0048db}.au-chip--active:hover{color:#1737a4;border-color:#1737a4}.au-chip--active .au-icon svg,.au-chip--active svg{color:#0048db}
+.au-chip{font-size:14px;font-weight:600;padding:8px 16px;height:38px;border-color:#e2e4e9;color:#454a54;transition:all .2s ease;margin-right:8px}.au-chip .au-icon svg,.au-chip svg{color:#454a54}.au-chip:hover{background-color:transparent;border-color:#5e6573}.au-chip:disabled,.au-chip--disabled,.au-chip:disabled:hover,.au-chip--disabled:hover{background-color:#f6f7fa;color:#5e6573;border-color:#e2e4e9}.au-chip:disabled .au-icon svg,.au-chip:disabled svg,.au-chip--disabled .au-icon svg,.au-chip--disabled svg,.au-chip:disabled:hover .au-icon svg,.au-chip:disabled:hover svg,.au-chip--disabled:hover .au-icon svg,.au-chip--disabled:hover svg{color:#454a54}.au-chip:focus-visible{background-color:transparent;border:1px solid #c4c9d4;outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0048db}.au-chip--variant-order{gap:4px;padding:8px 12px 8px 16px}.au-chip--active{background-color:#fafbff;border-color:#0048db;color:#0048db}.au-chip--active:hover{background-color:#fafbff;color:#1737a4;border-color:#1737a4}.au-chip--active:focus-visible{background-color:#fafbff;border-color:#9abcff}.au-chip--active .au-icon svg,.au-chip--active svg{color:#0048db}

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

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

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

@@ -0,0 +1,12 @@
+export type ChipBannerProps = {
+    type?: 'play' | 'pause';
+    timeInSeconds?: number;
+    loop?: boolean;
+    onComplete?: () => void;
+    negative?: boolean;
+    ariaLabel?: string;
+    onClick?: () => void;
+    className?: string;
+    'data-testid'?: string;
+};
+export declare const ChipBanner: ({ type, timeInSeconds, loop, onComplete, negative, ariaLabel, onClick, className, "data-testid": dataTestId, }: ChipBannerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,99 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { Text } from "../Text/index.es.js";
+import "../Icon/index.es.js";
+import { IconPlay } from "../icons/IconPlay/index.es.js";
+import './styles.css';const pauseIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M5.99995 2.66653C6.36793 2.66667 6.66622 2.96496 6.66636 3.33294V12.6665C6.66636 13.0346 6.36802 13.3328 5.99995 13.3329C5.63176 13.3329 5.33276 13.0347 5.33276 12.6665V3.33294C5.3329 2.96487 5.63185 2.66653 5.99995 2.66653Z" fill="currentColor"/>\n<path d="M9.99995 2.66653C10.3679 2.66667 10.6662 2.96496 10.6664 3.33294V12.6665C10.6664 13.0346 10.368 13.3328 9.99995 13.3329C9.63176 13.3329 9.33276 13.0347 9.33276 12.6665V3.33294C9.3329 2.96487 9.63185 2.66653 9.99995 2.66653Z" fill="currentColor"/>\n</svg>\n';
+const ChipBanner = ({
+  type = "pause",
+  timeInSeconds,
+  loop = false,
+  onComplete,
+  negative = false,
+  ariaLabel,
+  onClick,
+  className = "",
+  "data-testid": dataTestId
+}) => {
+  const [isPlaying, setIsPlaying] = useState(() => type === "pause");
+  const [runId, setRunId] = useState(0);
+  const label = isPlaying ? "Pausar" : "Reproduzir";
+  const defaultAriaLabel = isPlaying ? "Pausar reprodução" : "Reproduzir conteúdo";
+  const hasTimer = typeof timeInSeconds === "number" && timeInSeconds > 0;
+  const handleClick = () => {
+    setIsPlaying((prev) => !prev);
+    onClick == null ? void 0 : onClick();
+  };
+  const handleRingEnd = () => {
+    if (loop) return;
+    setIsPlaying(false);
+    setRunId((prev) => prev + 1);
+    onComplete == null ? void 0 : onComplete();
+  };
+  const classes = classNames("au-chip-banner", {
+    "au-chip-banner--negative": negative,
+    [className]: !!className
+  });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: classes,
+      "aria-pressed": isPlaying,
+      "aria-label": ariaLabel ?? defaultAriaLabel,
+      onClick: handleClick,
+      "data-testid": dataTestId,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "au-chip-banner__icon", "aria-hidden": "true", children: [
+          isPlaying ? /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "au-chip-banner__pause",
+              dangerouslySetInnerHTML: { __html: pauseIcon }
+            }
+          ) : /* @__PURE__ */ jsx(IconPlay, {}),
+          hasTimer && /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "au-chip-banner__ring",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              style: { visibility: isPlaying ? "visible" : "hidden" },
+              children: /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  className: "au-chip-banner__ring-progress",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  fill: "none",
+                  style: {
+                    animationDuration: `${timeInSeconds}s`,
+                    animationIterationCount: loop ? "infinite" : 1,
+                    animationPlayState: isPlaying ? "running" : "paused"
+                  },
+                  onAnimationEnd: handleRingEnd
+                },
+                runId
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            as: "span",
+            variant: "body-medium",
+            className: "au-chip-banner__label",
+            children: label
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ChipBanner
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/ChipBanner/pause.svg?raw","../../../lib/components/ChipBanner/index.tsx"],"sourcesContent":["export default \"<svg width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\">\\n<path d=\\\"M5.99995 2.66653C6.36793 2.66667 6.66622 2.96496 6.66636 3.33294V12.6665C6.66636 13.0346 6.36802 13.3328 5.99995 13.3329C5.63176 13.3329 5.33276 13.0347 5.33276 12.6665V3.33294C5.3329 2.96487 5.63185 2.66653 5.99995 2.66653Z\\\" fill=\\\"currentColor\\\"/>\\n<path d=\\\"M9.99995 2.66653C10.3679 2.66667 10.6662 2.96496 10.6664 3.33294V12.6665C10.6664 13.0346 10.368 13.3328 9.99995 13.3329C9.63176 13.3329 9.33276 13.0347 9.33276 12.6665V3.33294C9.3329 2.96487 9.63185 2.66653 9.99995 2.66653Z\\\" fill=\\\"currentColor\\\"/>\\n</svg>\\n\"","import { useState } from 'react'\nimport classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconPlay } from '@components/icons'\nimport pauseIcon from './pause.svg?raw'\nimport './styles.scss'\n\nexport type ChipBannerProps = {\n  type?: 'play' | 'pause'\n  timeInSeconds?: number\n  loop?: boolean\n  onComplete?: () => void\n  negative?: boolean\n  ariaLabel?: string\n  onClick?: () => void\n  className?: string\n  'data-testid'?: string\n}\n\nexport const ChipBanner = ({\n  type = 'pause',\n  timeInSeconds,\n  loop = false,\n  onComplete,\n  negative = false,\n  ariaLabel,\n  onClick,\n  className = '',\n  'data-testid': dataTestId,\n}: ChipBannerProps) => {\n  const [isPlaying, setIsPlaying] = useState(() => type === 'pause')\n  // Bumping the key remounts the ring, resetting the sweep to 0. We only do\n  // this when a run finishes — pausing/resuming keeps the same instance so it\n  // freezes and continues from where it stopped.\n  const [runId, setRunId] = useState(0)\n\n  const label = isPlaying ? 'Pausar' : 'Reproduzir'\n  const defaultAriaLabel = isPlaying\n    ? 'Pausar reprodução'\n    : 'Reproduzir conteúdo'\n\n  const hasTimer = typeof timeInSeconds === 'number' && timeInSeconds > 0\n\n  const handleClick = () => {\n    setIsPlaying((prev) => !prev)\n    onClick?.()\n  }\n\n  const handleRingEnd = () => {\n    if (loop) return\n    setIsPlaying(false)\n    setRunId((prev) => prev + 1)\n    onComplete?.()\n  }\n\n  const classes = classNames('au-chip-banner', {\n    'au-chip-banner--negative': negative,\n    [className]: !!className,\n  })\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      aria-pressed={isPlaying}\n      aria-label={ariaLabel ?? defaultAriaLabel}\n      onClick={handleClick}\n      data-testid={dataTestId}>\n      <span className=\"au-chip-banner__icon\" aria-hidden=\"true\">\n        {isPlaying ? (\n          <span\n            className=\"au-chip-banner__pause\"\n            dangerouslySetInnerHTML={{ __html: pauseIcon }}\n          />\n        ) : (\n          <IconPlay />\n        )}\n        {hasTimer && (\n          <svg\n            className=\"au-chip-banner__ring\"\n            viewBox=\"0 0 24 24\"\n            aria-hidden=\"true\"\n            style={{ visibility: isPlaying ? 'visible' : 'hidden' }}>\n            <circle\n              key={runId}\n              className=\"au-chip-banner__ring-progress\"\n              cx=\"12\"\n              cy=\"12\"\n              r=\"10\"\n              fill=\"none\"\n              style={{\n                animationDuration: `${timeInSeconds}s`,\n                animationIterationCount: loop ? 'infinite' : 1,\n                animationPlayState: isPlaying ? 'running' : 'paused',\n              }}\n              onAnimationEnd={handleRingEnd}\n            />\n          </svg>\n        )}\n      </span>\n      <Text\n        as=\"span\"\n        variant=\"body-medium\"\n        className=\"au-chip-banner__label\">\n        {label}\n      </Text>\n    </button>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAAA,MAAA,YAAe;ACmBR,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,eAAe;AACjB,MAAuB;AACrB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,MAAM,SAAS,OAAO;AAIjE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAEpC,QAAM,QAAQ,YAAY,WAAW;AACrC,QAAM,mBAAmB,YACrB,sBACA;AAEJ,QAAM,WAAW,OAAO,kBAAkB,YAAY,gBAAgB;AAEtE,QAAM,cAAc,MAAM;AACxB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAC5B;AAAA,EACF;AAEA,QAAM,gBAAgB,MAAM;AAC1B,QAAI,KAAM;AACV,iBAAa,KAAK;AAClB,aAAS,CAAC,SAAS,OAAO,CAAC;AAC3B;AAAA,EACF;AAEA,QAAM,UAAU,WAAW,kBAAkB;AAAA,IAC3C,4BAA4B;AAAA,IAC5B,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW;AAAA,MACX,gBAAc;AAAA,MACd,cAAY,aAAa;AAAA,MACzB,SAAS;AAAA,MACT,eAAa;AAAA,MACb,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,wBAAuB,eAAY,QAChD,UAAA;AAAA,UAAA,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,yBAAyB,EAAE,QAAQ,UAAA;AAAA,YAAU;AAAA,UAAA,wBAG9C,UAAA,EAAS;AAAA,UAEX,YACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACR,eAAY;AAAA,cACZ,OAAO,EAAE,YAAY,YAAY,YAAY,SAAA;AAAA,cAC7C,UAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,WAAU;AAAA,kBACV,IAAG;AAAA,kBACH,IAAG;AAAA,kBACH,GAAE;AAAA,kBACF,MAAK;AAAA,kBACL,OAAO;AAAA,oBACL,mBAAmB,GAAG,aAAa;AAAA,oBACnC,yBAAyB,OAAO,aAAa;AAAA,oBAC7C,oBAAoB,YAAY,YAAY;AAAA,kBAAA;AAAA,kBAE9C,gBAAgB;AAAA,gBAAA;AAAA,gBAXX;AAAA,cAAA;AAAA,YAYP;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,SAAQ;AAAA,YACR,WAAU;AAAA,YACT,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/ChipBanner/styles.css

@@ -0,0 +1 @@
+@keyframes au-chip-banner-fill{0%{stroke-dashoffset:62.832}to{stroke-dashoffset:0}}.au-chip-banner{position:relative;display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border:1px solid transparent;border-radius:500px;background-color:transparent;color:#16181d;cursor:pointer;transition:all .2s ease}.au-chip-banner .au-chip-banner__label{margin:0;color:#16181d;white-space:nowrap}.au-chip-banner .au-chip-banner__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.au-chip-banner .au-chip-banner__icon .au-chip-banner__pause{display:inline-flex}.au-chip-banner .au-chip-banner__icon .au-icon svg,.au-chip-banner .au-chip-banner__icon .au-chip-banner__pause svg,.au-chip-banner .au-chip-banner__icon>svg:not(.au-chip-banner__ring){color:#16181d}.au-chip-banner .au-chip-banner__icon .au-icon svg,.au-chip-banner .au-chip-banner__icon>svg:not(.au-chip-banner__ring){width:24px;height:24px}.au-chip-banner .au-chip-banner__icon .au-chip-banner__pause svg{width:16px;height:16px}.au-chip-banner .au-chip-banner__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:24px;transform:rotate(-90deg);transform-origin:center;pointer-events:none}.au-chip-banner .au-chip-banner__ring-progress{stroke:#0048db;stroke-width:2;stroke-linecap:round;stroke-dasharray:62.832;stroke-dashoffset:62.832;animation-name:au-chip-banner-fill;animation-timing-function:linear;animation-fill-mode:forwards}.au-chip-banner:before{content:"";position:absolute;top:50%;left:50%;min-width:44px;min-height:44px;width:100%;height:100%;transform:translate(-50%,-50%)}.au-chip-banner:hover{background-color:#f2f5fc;border-color:#0048db}.au-chip-banner:hover .au-chip-banner__icon .au-icon svg,.au-chip-banner:hover .au-chip-banner__icon .au-chip-banner__pause svg,.au-chip-banner:hover .au-chip-banner__icon>svg:not(.au-chip-banner__ring){color:#0048db}.au-chip-banner:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0048db}.au-chip-banner--negative,.au-chip-banner--negative .au-chip-banner__label{color:#fff}.au-chip-banner--negative .au-chip-banner__icon .au-icon svg,.au-chip-banner--negative .au-chip-banner__icon .au-chip-banner__pause svg,.au-chip-banner--negative .au-chip-banner__icon>svg:not(.au-chip-banner__ring){color:#fff}.au-chip-banner--negative .au-chip-banner__ring-progress{stroke:#fff}.au-chip-banner--negative:hover{background-color:#f2f5fc;border-color:#0048db;color:#16181d}.au-chip-banner--negative:hover .au-chip-banner__label{color:#16181d}.au-chip-banner--negative:hover .au-chip-banner__icon .au-icon svg,.au-chip-banner--negative:hover .au-chip-banner__icon .au-chip-banner__pause svg,.au-chip-banner--negative:hover .au-chip-banner__icon>svg:not(.au-chip-banner__ring){color:#0048db}.au-chip-banner--negative:hover .au-chip-banner__ring-progress{stroke:#0048db}@media(prefers-reduced-motion:reduce){.au-chip-banner__ring-progress{animation:none}}

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

@@ -1,6 +1,7 @@
 type ContainerProps = {
     customClass?: string;
     children: React.ReactNode;
+    'data-testid'?: string;
 };
-export declare const Container: ({ customClass, children }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Container: ({ customClass, children, "data-testid": dataTestId, }: ContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
-import './styles.css';const Container = ({ customClass, children }) => {
-  return /* @__PURE__ */ jsx("div", { className: classNames("au-container", { [`${customClass}`]: !!customClass }), children });
+import './styles.css';const Container = ({
+  customClass,
+  children,
+  "data-testid": dataTestId
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classNames("au-container", { [`${customClass}`]: !!customClass }),
+      "data-testid": dataTestId,
+      children
+    }
+  );
 };
 export {
   Container

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Container/index.tsx"],"sourcesContent":["import cn from 'classnames'\n\nimport './styles.scss'\n\ntype ContainerProps = {\n  customClass?: string\n  children: React.ReactNode\n}\n\nexport const Container = ({ customClass, children }: ContainerProps) => {\n  return (\n    <div className={cn('au-container', { [`${customClass}`]: !!customClass })}>\n      {children}\n    </div>\n  )\n}\n"],"names":["cn"],"mappings":";;AASO,MAAM,YAAY,CAAC,EAAE,aAAa,eAA+B;AACtE,6BACG,OAAA,EAAI,WAAWA,WAAG,gBAAgB,EAAE,CAAC,GAAG,WAAW,EAAE,GAAG,CAAC,CAAC,YAAA,CAAa,GACrE,SAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Container/index.tsx"],"sourcesContent":["import cn from 'classnames'\n\nimport './styles.scss'\n\ntype ContainerProps = {\n  customClass?: string\n  children: React.ReactNode\n  'data-testid'?: string\n}\n\nexport const Container = ({\n  customClass,\n  children,\n  'data-testid': dataTestId,\n}: ContainerProps) => {\n  return (\n    <div\n      className={cn('au-container', { [`${customClass}`]: !!customClass })}\n      data-testid={dataTestId}>\n      {children}\n    </div>\n  )\n}\n"],"names":["cn"],"mappings":";;AAUO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAsB;AACpB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWA,WAAG,gBAAgB,EAAE,CAAC,GAAG,WAAW,EAAE,GAAG,CAAC,CAAC,aAAa;AAAA,MACnE,eAAa;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-eEtvWiuX.js";
 import "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import { IconCalendar } from "../icons/IconCalendar/index.es.js";
 import { InputField } from "../InputField/index.es.js";
-import { D as DDMMYYYY, g as getDefaultDate, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-NIxlEyxx.js";
+import { D as DDMMYYYY, g as getDefaultDate, a as DatepickerCalendar, A as AUCalendarDate } from "../../index-CnXw6SB7.js";
 import { useRef, useState, useMemo, useEffect } from "react";
 import { a as above } from "../../screen-DfYo7XQ_.js";
-import { u as useOutsideClick } from "../../index-BvQw_Wgb.js";
+import { u as useOutsideClick } from "../../index-fyDB87KK.js";
+import { B as BREAKPOINT_MD, c as COLOR_NEUTRAL_40 } from "../../tokens-CKZdIZ5O.js";
 import './styles.css';function useDatepicker({
   value,
   defaultValue = "empty",

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

@@ -0,0 +1,6 @@
+export type DividerProps = {
+    borderWidth?: 1 | 2;
+    state?: 'visible' | 'invisible';
+    'data-testid'?: string;
+};
+export declare const Divider: ({ borderWidth, state, "data-testid": dataTestId, }: DividerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
+import './styles.css';const Divider = ({
+  borderWidth = 1,
+  state = "visible",
+  "data-testid": dataTestId
+}) => {
+  const classes = classNames("au-divider", {
+    [`au-divider--width-${borderWidth}`]: !!borderWidth,
+    "au-divider--invisible": state === "invisible"
+  });
+  return /* @__PURE__ */ jsx("hr", { className: classes, "data-testid": dataTestId });
+};
+export {
+  Divider
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Divider/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nexport type DividerProps = {\n  borderWidth?: 1 | 2\n  state?: 'visible' | 'invisible'\n  'data-testid'?: string\n}\n\nexport const Divider = ({\n  borderWidth = 1,\n  state = 'visible',\n  'data-testid': dataTestId,\n}: DividerProps) => {\n  const classes = classNames('au-divider', {\n    [`au-divider--width-${borderWidth}`]: !!borderWidth,\n    'au-divider--invisible': state === 'invisible',\n  })\n\n  return <hr className={classes} data-testid={dataTestId} />\n}\n"],"names":[],"mappings":";;AASO,MAAM,UAAU,CAAC;AAAA,EACtB,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,eAAe;AACjB,MAAoB;AAClB,QAAM,UAAU,WAAW,cAAc;AAAA,IACvC,CAAC,qBAAqB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACxC,yBAAyB,UAAU;AAAA,EAAA,CACpC;AAED,SAAO,oBAAC,MAAA,EAAG,WAAW,SAAS,eAAa,YAAY;AAC1D;"}

package/dist/components/Divider/styles.css

@@ -0,0 +1 @@
+.au-divider{width:100%;margin:0;border:none;border-top-style:solid;border-top-color:#f2f5fc}.au-divider--width-1{border-top-width:1px}.au-divider--width-2{border-top-width:2px}.au-divider--invisible{border-top-color:transparent;display:none}

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

@@ -4,6 +4,7 @@ type DrawerProps = {
     renderContent: ReactNode | string | JSX.Element | JSX.Element[];
     isOpen: boolean;
     handleOpen: () => void;
+    'data-testid'?: string;
 };
-export declare const Drawer: ({ renderHeader, renderContent, isOpen, handleOpen, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: ({ renderHeader, renderContent, isOpen, handleOpen, "data-testid": dataTestId, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,7 +6,8 @@ import './styles.css';const Drawer = ({
   renderHeader,
   renderContent,
   isOpen = false,
-  handleOpen
+  handleOpen,
+  "data-testid": dataTestId
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
@@ -16,6 +17,7 @@ import './styles.css';const Drawer = ({
       }),
       role: "dialog",
       "aria-modal": "true",
+      "data-testid": dataTestId,
       children: /* @__PURE__ */ jsxs("div", { className: "au-drawer__container", children: [
         /* @__PURE__ */ jsxs("div", { className: "au-drawer__header", children: [
           renderHeader,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: ReactNode | string | JSX.Element | JSX.Element[]\n  renderContent: ReactNode | string | JSX.Element | JSX.Element[]\n  isOpen: boolean\n  handleOpen: () => void\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n  handleOpen,\n}: DrawerProps) => {\n  \n  return (\n    <div\n      className={classNames('au-drawer', {\n        'au-drawer--is-open': isOpen,\n      })}\n      role=\"dialog\"\n      aria-modal=\"true\">\n      <div className=\"au-drawer__container\">\n        <div className=\"au-drawer__header\">\n          {renderHeader}\n          <button className=\"au-drawer__header-close\" onClick={handleOpen} aria-label=\"Fechar\">\n            <IconX aria-hidden=\"true\" />\n          </button>\n        </div>\n        <div className=\"au-drawer__content\">{renderContent}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AACF,MAAmB;AAEjB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,QACjC,sBAAsB;AAAA,MAAA,CACvB;AAAA,MACD,MAAK;AAAA,MACL,cAAW;AAAA,MACX,UAAA,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,UAAA,EAAO,WAAU,2BAA0B,SAAS,YAAY,cAAW,UAC1E,UAAA,oBAAC,OAAA,EAAM,eAAY,OAAA,CAAO,EAAA,CAC5B;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,cAAA,CAAc;AAAA,MAAA,EAAA,CACrD;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Drawer/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\nimport { IconX } from '../icons/default'\nimport './styles.scss'\n\ntype DrawerProps = {\n  renderHeader: ReactNode | string | JSX.Element | JSX.Element[]\n  renderContent: ReactNode | string | JSX.Element | JSX.Element[]\n  isOpen: boolean\n  handleOpen: () => void\n  'data-testid'?: string\n}\n\nexport const Drawer = ({\n  renderHeader,\n  renderContent,\n  isOpen = false,\n  handleOpen,\n  'data-testid': dataTestId,\n}: DrawerProps) => {\n  \n  return (\n    <div\n      className={classNames('au-drawer', {\n        'au-drawer--is-open': isOpen,\n      })}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      data-testid={dataTestId}>\n      <div className=\"au-drawer__container\">\n        <div className=\"au-drawer__header\">\n          {renderHeader}\n          <button className=\"au-drawer__header-close\" onClick={handleOpen} aria-label=\"Fechar\">\n            <IconX aria-hidden=\"true\" />\n          </button>\n        </div>\n        <div className=\"au-drawer__content\">{renderContent}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,SAAS,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,eAAe;AACjB,MAAmB;AAEjB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,aAAa;AAAA,QACjC,sBAAsB;AAAA,MAAA,CACvB;AAAA,MACD,MAAK;AAAA,MACL,cAAW;AAAA,MACX,eAAa;AAAA,MACb,UAAA,qBAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,qBACZ,UAAA;AAAA,UAAA;AAAA,UACD,oBAAC,UAAA,EAAO,WAAU,2BAA0B,SAAS,YAAY,cAAW,UAC1E,UAAA,oBAAC,OAAA,EAAM,eAAY,OAAA,CAAO,EAAA,CAC5B;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,sBAAsB,UAAA,cAAA,CAAc;AAAA,MAAA,EAAA,CACrD;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -3,13 +3,14 @@ import { Text } from "../Text/index.es.js";
 const CardEmphasis = ({
   content,
   height,
-  maxHeight
+  maxHeight,
+  "data-testid": dataTestId
 }) => {
   const emphasisSize = {
     height: `${height}px`,
     maxHeight: `${maxHeight}px`
   };
-  return /* @__PURE__ */ jsx("div", { style: emphasisSize, className: "au-card__emphasis", children: content == null ? void 0 : content.map((item, index) => {
+  return /* @__PURE__ */ jsx("div", { style: emphasisSize, className: "au-card__emphasis", "data-testid": dataTestId, children: content == null ? void 0 : content.map((item, index) => {
     return /* @__PURE__ */ jsxs("div", { className: "au-card__emphasis-container", children: [
       /* @__PURE__ */ jsx(Text, { variant: "body-small", color: "secondary", children: item.title }),
       /* @__PURE__ */ jsx(Text, { variant: "body-small", weight: "semibold", children: item.description })

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Emphasis/index.tsx"],"sourcesContent":["import { Text } from '@components/Text'\nimport { CSSProperties } from 'react'\n\nexport type CardEmphasisProps = {\n  content: { title: string; description?: string }[]\n  height?: number\n  maxHeight?: number\n}\nexport const CardEmphasis = ({\n  content,\n  height,\n  maxHeight,\n}: CardEmphasisProps) => {\n  const emphasisSize: CSSProperties = {\n    height: `${height}px`,\n    maxHeight: `${maxHeight}px`,\n  }\n\n  return (\n    <div style={emphasisSize} className=\"au-card__emphasis\">\n      {content?.map((item, index) => {\n        return (\n          <div key={`au-card-emphasis-${item.title}-${index}`} className=\"au-card__emphasis-container\">\n            <Text variant=\"body-small\" color=\"secondary\">\n              {item.title}\n            </Text>\n            <Text variant=\"body-small\" weight=\"semibold\">\n              {item.description}\n            </Text>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAQO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAGzB,SACE,oBAAC,OAAA,EAAI,OAAO,cAAc,WAAU,qBACjC,UAAA,mCAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,WACE,qBAAC,OAAA,EAAoD,WAAU,+BAC7D,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,cAAa,OAAM,aAC9B,eAAK,OACR;AAAA,0BACC,MAAA,EAAK,SAAQ,cAAa,QAAO,YAC/B,eAAK,YAAA,CACR;AAAA,IAAA,EAAA,GANQ,oBAAoB,KAAK,KAAK,IAAI,KAAK,EAOjD;AAAA,EAEJ,GAAC,CACH;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Emphasis/index.tsx"],"sourcesContent":["import { Text } from '@components/Text'\nimport { CSSProperties } from 'react'\n\nexport type CardEmphasisProps = {\n  content: { title: string; description?: string }[]\n  height?: number\n  maxHeight?: number\n  'data-testid'?: string\n}\nexport const CardEmphasis = ({\n  content,\n  height,\n  maxHeight,\n  'data-testid': dataTestId,\n}: CardEmphasisProps) => {\n  const emphasisSize: CSSProperties = {\n    height: `${height}px`,\n    maxHeight: `${maxHeight}px`,\n  }\n\n  return (\n    <div style={emphasisSize} className=\"au-card__emphasis\" data-testid={dataTestId}>\n      {content?.map((item, index) => {\n        return (\n          <div key={`au-card-emphasis-${item.title}-${index}`} className=\"au-card__emphasis-container\">\n            <Text variant=\"body-small\" color=\"secondary\">\n              {item.title}\n            </Text>\n            <Text variant=\"body-small\" weight=\"semibold\">\n              {item.description}\n            </Text>\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AASO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAyB;AACvB,QAAM,eAA8B;AAAA,IAClC,QAAQ,GAAG,MAAM;AAAA,IACjB,WAAW,GAAG,SAAS;AAAA,EAAA;AAGzB,SACE,oBAAC,OAAA,EAAI,OAAO,cAAc,WAAU,qBAAoB,eAAa,YAClE,UAAA,mCAAS,IAAI,CAAC,MAAM,UAAU;AAC7B,WACE,qBAAC,OAAA,EAAoD,WAAU,+BAC7D,UAAA;AAAA,MAAA,oBAAC,QAAK,SAAQ,cAAa,OAAM,aAC9B,eAAK,OACR;AAAA,0BACC,MAAA,EAAK,SAAQ,cAAa,QAAO,YAC/B,eAAK,YAAA,CACR;AAAA,IAAA,EAAA,GANQ,oBAAoB,KAAK,KAAK,IAAI,KAAK,EAOjD;AAAA,EAEJ,GAAC,CACH;AAEJ;"}

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

@@ -1,2 +1,2 @@
 import { FooterProps } from './types';
-export declare const Footer: ({ logo, categoryLinks, socialLinks, cnpj, address, companyOverview, certificates, copyrights, stores, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ logo, categoryLinks, socialLinks, cnpj, address, companyOverview, certificates, copyrights, stores, "data-testid": dataTestId, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -85,7 +85,8 @@ const Footer = ({
   companyOverview,
   certificates,
   copyrights,
-  stores = {}
+  stores = {},
+  "data-testid": dataTestId
 }) => {
   const usedCertificates = certificates.map(
     (certificate) => certificatesMap[certificate]
@@ -104,7 +105,7 @@ const Footer = ({
   });
   const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile();
   if (categoryLinks) {
-    return /* @__PURE__ */ jsx("footer", { className: "au-footer-full", children: /* @__PURE__ */ jsxs("div", { className: "au-footer-full__container", children: [
+    return /* @__PURE__ */ jsx("footer", { className: "au-footer-full", "data-testid": dataTestId, children: /* @__PURE__ */ jsxs("div", { className: "au-footer-full__container", children: [
       /* @__PURE__ */ jsx("div", { className: "au-footer-full__logo", children: logo }),
       /* @__PURE__ */ jsxs("div", { className: "au-footer-full__links", children: [
         categoryLinks.map(({ categoryTitle, links }, index) => {
@@ -291,7 +292,7 @@ const Footer = ({
       ] })
     ] }) });
   }
-  return /* @__PURE__ */ jsx("footer", { className: "au-footer", children: /* @__PURE__ */ jsx("div", { className: "au-footer__container", children: /* @__PURE__ */ jsxs("div", { className: "au-footer__content", children: [
+  return /* @__PURE__ */ jsx("footer", { className: "au-footer", "data-testid": dataTestId, children: /* @__PURE__ */ jsx("div", { className: "au-footer__container", children: /* @__PURE__ */ jsxs("div", { className: "au-footer__content", children: [
     /* @__PURE__ */ jsxs("div", { className: "au-footer__content-logos", children: [
       logo,
       /* @__PURE__ */ jsx("div", { className: "au-footer__content-divider" }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n  IconInstagram,\n  IconFacebook,\n  IconYoutube,\n  IconLinkedin,\n  IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n  fintech2022: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n    name: 'Melhores Fintechs 2022',\n  },\n  fintech2023: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n    name: 'Melhores Fintechs 2023',\n  },\n  pcidss: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n    name: 'PCI DSS Compliant',\n  },\n  quintessa: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n    name: 'Quintessa',\n  },\n  ra1000: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n    name: 'RA 1000',\n  },\n  reclameaqui: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n    name: 'Ótimo Reclame Aqui',\n  },\n  scaleup: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n    name: 'Scale Up',\n  },\n  sslblindado: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n    name: 'SSL Blindado',\n  },\n}\nexport const socialsMap = {\n  instagram: {\n    name: 'Instagram',\n    icon: <IconInstagram />,\n  },\n  facebook: {\n    name: 'Facebook',\n    icon: <IconFacebook />,\n  },\n  youtube: {\n    name: 'Youtube',\n    icon: <IconYoutube />,\n  },\n  linkedin: {\n    name: 'Linkedin',\n    icon: <IconLinkedin />,\n  },\n  tiktok: {\n    name: 'TikTok',\n    icon: <IconTiktok />,\n  },\n}\n\nexport const storesMap = {\n  googleplay: {\n    name: 'Google Play',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n  },\n  appstore: {\n    name: 'App Store',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n  },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n  logo,\n  categoryLinks,\n  socialLinks,\n  cnpj,\n  address,\n  companyOverview,\n  certificates,\n  copyrights,\n  stores = {},\n}: FooterProps) => {\n  const usedCertificates = certificates.map(\n    (certificate) => certificatesMap[certificate],\n  )\n\n  const usedSocials = Object.keys(socialLinks).map((social) => {\n    return {\n      ...socialsMap[social as keyof typeof socialsMap],\n      url: socialLinks[social as keyof typeof socialLinks],\n    }\n  })\n\n  const usedStores = Object.keys(stores).map((store) => {\n    return {\n      ...storesMap[store as keyof typeof storesMap],\n      url: stores[store as keyof typeof stores],\n    }\n  })\n\n  const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n  \n  if (categoryLinks) {\n    return (\n      <footer className=\"au-footer-full\">\n        <div className=\"au-footer-full__container\">\n          <div className=\"au-footer-full__logo\">{logo}</div>\n          <div className=\"au-footer-full__links\">\n            {categoryLinks.map(({ categoryTitle, links }, index) => {\n              return (\n                <div key={index} className=\"au-footer-full__links-category\">\n                  <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                    {categoryTitle}\n                  </Text>\n                  {links.map(({ title, url }, index) => {\n                    return url ? (\n                      <a\n                        key={index}\n                        className=\"au-footer-full__links au-footer-full__links--is-clickable\"\n                        href={url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\" color=\"secondary\">\n                          {title}\n                        </Text>\n                      </a>\n                    ) : (\n                      <span key={index} className=\"au-footer-full__links\">\n                        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\" color=\"secondary\">\n                          {title}\n                        </Text>\n                      </span>\n                    )\n                  })}\n                </div>\n              )\n            })}\n            <div className=\"au-footer-full__company-info\">\n              <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                Siga a gente\n              </Text>\n              <div className=\"au-footer-full__links-socials\">\n                {usedSocials.map(({ icon, url, name }, index) => {\n                  return (\n                    <a\n                      key={index}\n                      className={classNames('au-footer-full__links', {\n                        'au-footer-full__links--is-clickable': !!url,\n                      })}\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={`Siga-nos no ${name}`}>\n                      <span aria-hidden=\"true\">{icon}</span>\n                    </a>\n                  )\n                })}\n              </div>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  weight=\"bold\"\n                  color=\"secondary\">\n                  CNPJ:\n                </Text> {cnpj}\n              </Text>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  variant=\"body-medium\"\n                  weight=\"bold\"\n                  color=\"secondary\"\n                  className=\"au-footer-full__address-label\">\n                  Localização (sem atendimento ao público):\n                </Text>\n                {address}\n              </Text>\n            </div>\n          </div>\n          <Conditional\n            condition={!!usedStores.length && Boolean(isMobile())}\n            renderIf={\n              <div className=\"au-footer-full__stores\">\n                <Text\n                  className=\"au-footer-full__stores-title\"\n                  as=\"h2\"\n                  variant=\"heading-micro\"\n                  weight=\"bold\">\n                  Baixe nosso app\n                </Text>\n                {usedStores.map(({ icon, url, name }, index) => {\n                  return url ? (\n                    <a\n                      key={index}\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable\">\n                      <LazyImage src={icon} alt={name} />\n                    </a>\n                  ) : (\n                    <LazyImage\n                      className=\"au-footer-full__stores-logo\"\n                      key={index}\n                      src={icon}\n                      alt={name}\n                    />\n                  )\n                })}\n              </div>\n            }\n          />\n          {companyOverview && (\n            <div className=\"au-footer-full__company-overview\">\n              <Text color=\"secondary\">{companyOverview}</Text>\n            </div>\n          )}\n          <div className=\"au-footer-full__bottom\">\n            <div className={classNames(\"au-footer-full__bottom-certificates\", {\n              'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n            })}>\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n            <div className=\"au-footer-full__bottom-side\">\n              <Conditional\n                condition={!!usedStores.length && !isMobile()}\n                renderIf={\n                  <div className=\"au-footer-full__stores\">\n                    <Text\n                      className=\"au-footer-full__stores-title\"\n                      as=\"h2\"\n                      variant=\"heading-micro\"\n                      weight=\"bold\">\n                      Baixe nosso app\n                    </Text>\n                    {usedStores.map(({ icon, url, name }, index) => {\n                      return url ? (\n                        <a\n                          key={index}\n                          href={url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable\">\n                          <LazyImage src={icon} alt={name} />\n                        </a>\n                      ) : (\n                        <LazyImage\n                          className=\"au-footer-full__stores-logo\"\n                          key={index}\n                          src={icon}\n                          alt={name}\n                        />\n                      )\n                    })}\n                  </div>\n                }\n              />\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\"\n                className=\"au-footer-full__copyrights\"\n                dangerouslySetInnerHTML={copyrights}\n              />\n            </div>\n          </div>\n        </div>\n      </footer>\n    )\n  }\n\n  return (\n    <footer className=\"au-footer\">\n      <div className=\"au-footer__container\">\n        <div className=\"au-footer__content\">\n          <div className=\"au-footer__content-logos\">\n            {logo}\n            <div className=\"au-footer__content-divider\" />\n            <div className=\"au-footer__content-certificates\">\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n          </div>\n          <div className=\"au-footer__content-copyrights\">\n            <Text\n              as=\"p\"\n              variant=\"body-medium\"\n              weight=\"regular\"\n              color=\"secondary\">\n              {copyrights}\n            </Text>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"names":["index","logo"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n  IconInstagram,\n  IconFacebook,\n  IconYoutube,\n  IconLinkedin,\n  IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n  fintech2022: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n    name: 'Melhores Fintechs 2022',\n  },\n  fintech2023: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n    name: 'Melhores Fintechs 2023',\n  },\n  pcidss: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n    name: 'PCI DSS Compliant',\n  },\n  quintessa: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n    name: 'Quintessa',\n  },\n  ra1000: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n    name: 'RA 1000',\n  },\n  reclameaqui: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n    name: 'Ótimo Reclame Aqui',\n  },\n  scaleup: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n    name: 'Scale Up',\n  },\n  sslblindado: {\n    logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n    name: 'SSL Blindado',\n  },\n}\nexport const socialsMap = {\n  instagram: {\n    name: 'Instagram',\n    icon: <IconInstagram />,\n  },\n  facebook: {\n    name: 'Facebook',\n    icon: <IconFacebook />,\n  },\n  youtube: {\n    name: 'Youtube',\n    icon: <IconYoutube />,\n  },\n  linkedin: {\n    name: 'Linkedin',\n    icon: <IconLinkedin />,\n  },\n  tiktok: {\n    name: 'TikTok',\n    icon: <IconTiktok />,\n  },\n}\n\nexport const storesMap = {\n  googleplay: {\n    name: 'Google Play',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n  },\n  appstore: {\n    name: 'App Store',\n    icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n  },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n  logo,\n  categoryLinks,\n  socialLinks,\n  cnpj,\n  address,\n  companyOverview,\n  certificates,\n  copyrights,\n  stores = {},\n  'data-testid': dataTestId,\n}: FooterProps) => {\n  const usedCertificates = certificates.map(\n    (certificate) => certificatesMap[certificate],\n  )\n\n  const usedSocials = Object.keys(socialLinks).map((social) => {\n    return {\n      ...socialsMap[social as keyof typeof socialsMap],\n      url: socialLinks[social as keyof typeof socialLinks],\n    }\n  })\n\n  const usedStores = Object.keys(stores).map((store) => {\n    return {\n      ...storesMap[store as keyof typeof storesMap],\n      url: stores[store as keyof typeof stores],\n    }\n  })\n\n  const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n  \n  if (categoryLinks) {\n    return (\n      <footer className=\"au-footer-full\" data-testid={dataTestId}>\n        <div className=\"au-footer-full__container\">\n          <div className=\"au-footer-full__logo\">{logo}</div>\n          <div className=\"au-footer-full__links\">\n            {categoryLinks.map(({ categoryTitle, links }, index) => {\n              return (\n                <div key={index} className=\"au-footer-full__links-category\">\n                  <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                    {categoryTitle}\n                  </Text>\n                  {links.map(({ title, url }, index) => {\n                    return url ? (\n                      <a\n                        key={index}\n                        className=\"au-footer-full__links au-footer-full__links--is-clickable\"\n                        href={url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\" color=\"secondary\">\n                          {title}\n                        </Text>\n                      </a>\n                    ) : (\n                      <span key={index} className=\"au-footer-full__links\">\n                        <Text as=\"span\" variant=\"body-medium\" weight=\"regular\" color=\"secondary\">\n                          {title}\n                        </Text>\n                      </span>\n                    )\n                  })}\n                </div>\n              )\n            })}\n            <div className=\"au-footer-full__company-info\">\n              <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n                Siga a gente\n              </Text>\n              <div className=\"au-footer-full__links-socials\">\n                {usedSocials.map(({ icon, url, name }, index) => {\n                  return (\n                    <a\n                      key={index}\n                      className={classNames('au-footer-full__links', {\n                        'au-footer-full__links--is-clickable': !!url,\n                      })}\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      aria-label={`Siga-nos no ${name}`}>\n                      <span aria-hidden=\"true\">{icon}</span>\n                    </a>\n                  )\n                })}\n              </div>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  weight=\"bold\"\n                  color=\"secondary\">\n                  CNPJ:\n                </Text> {cnpj}\n              </Text>\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\">\n                <Text\n                  as=\"strong\"\n                  variant=\"body-medium\"\n                  weight=\"bold\"\n                  color=\"secondary\"\n                  className=\"au-footer-full__address-label\">\n                  Localização (sem atendimento ao público):\n                </Text>\n                {address}\n              </Text>\n            </div>\n          </div>\n          <Conditional\n            condition={!!usedStores.length && Boolean(isMobile())}\n            renderIf={\n              <div className=\"au-footer-full__stores\">\n                <Text\n                  className=\"au-footer-full__stores-title\"\n                  as=\"h2\"\n                  variant=\"heading-micro\"\n                  weight=\"bold\">\n                  Baixe nosso app\n                </Text>\n                {usedStores.map(({ icon, url, name }, index) => {\n                  return url ? (\n                    <a\n                      key={index}\n                      href={url}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      className=\"au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable\">\n                      <LazyImage src={icon} alt={name} />\n                    </a>\n                  ) : (\n                    <LazyImage\n                      className=\"au-footer-full__stores-logo\"\n                      key={index}\n                      src={icon}\n                      alt={name}\n                    />\n                  )\n                })}\n              </div>\n            }\n          />\n          {companyOverview && (\n            <div className=\"au-footer-full__company-overview\">\n              <Text color=\"secondary\">{companyOverview}</Text>\n            </div>\n          )}\n          <div className=\"au-footer-full__bottom\">\n            <div className={classNames(\"au-footer-full__bottom-certificates\", {\n              'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n            })}>\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n            <div className=\"au-footer-full__bottom-side\">\n              <Conditional\n                condition={!!usedStores.length && !isMobile()}\n                renderIf={\n                  <div className=\"au-footer-full__stores\">\n                    <Text\n                      className=\"au-footer-full__stores-title\"\n                      as=\"h2\"\n                      variant=\"heading-micro\"\n                      weight=\"bold\">\n                      Baixe nosso app\n                    </Text>\n                    {usedStores.map(({ icon, url, name }, index) => {\n                      return url ? (\n                        <a\n                          key={index}\n                          href={url}\n                          target=\"_blank\"\n                          rel=\"noopener noreferrer\"\n                          className=\"au-footer-full__stores-logo au-footer-full__stores-logo--is-clickable\">\n                          <LazyImage src={icon} alt={name} />\n                        </a>\n                      ) : (\n                        <LazyImage\n                          className=\"au-footer-full__stores-logo\"\n                          key={index}\n                          src={icon}\n                          alt={name}\n                        />\n                      )\n                    })}\n                  </div>\n                }\n              />\n              <Text\n                as=\"div\"\n                variant=\"body-medium\"\n                weight=\"regular\"\n                color=\"secondary\"\n                className=\"au-footer-full__copyrights\"\n                dangerouslySetInnerHTML={copyrights}\n              />\n            </div>\n          </div>\n        </div>\n      </footer>\n    )\n  }\n\n  return (\n    <footer className=\"au-footer\" data-testid={dataTestId}>\n      <div className=\"au-footer__container\">\n        <div className=\"au-footer__content\">\n          <div className=\"au-footer__content-logos\">\n            {logo}\n            <div className=\"au-footer__content-divider\" />\n            <div className=\"au-footer__content-certificates\">\n              {usedCertificates.map(({ logo, name }, index) => {\n                return <LazyImage key={index} src={logo} alt={name} />\n              })}\n            </div>\n          </div>\n          <div className=\"au-footer__content-copyrights\">\n            <Text\n              as=\"p\"\n              variant=\"body-medium\"\n              weight=\"regular\"\n              color=\"secondary\">\n              {copyrights}\n            </Text>\n          </div>\n        </div>\n      </div>\n    </footer>\n  )\n}\n"],"names":["index","logo"],"mappings":"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"}

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

@@ -30,4 +30,5 @@ export type FooterProps = {
     companyOverview?: string | ReactNode | JSX.Element | JSX.Element[];
     certificates: Array<Certificate>;
     copyrights: string | ReactNode | JSX.Element | JSX.Element[];
+    'data-testid'?: string;
 };

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

@@ -15,7 +15,8 @@ import './styles.css';const RadioGroup = ({
   required = false,
   children,
   onChange,
-  onFocus
+  onFocus,
+  "data-testid": dataTestId
 }) => {
   const groupClass = classNames("au-radio-group", {
     "au-radio-group--horizontal": orientation === "horizontal"
@@ -41,7 +42,7 @@ import './styles.css';const RadioGroup = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsxs("div", { className: groupClass, children: [
+  return /* @__PURE__ */ jsxs("div", { className: groupClass, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(
       Conditional,
       {

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/Group/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport React, { useState } from 'react'\nimport { RadioField } from '../Field'\nimport { RadioFieldProps, RadioGroupProps } from '../types'\n\nexport const RadioGroup = ({\n  name = '',\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n}: RadioGroupProps) => {\n  const groupClass = classNames('au-radio-group', {\n    'au-radio-group--horizontal': orientation === 'horizontal',\n  })\n\n  const getSafeName = (name: string): string => {\n    return name ? name : `au-radio-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as RadioFieldProps\n\n      return (\n        <RadioField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={onChange}\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-radio-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-radio-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["name","React"],"mappings":";;;;;;;AASO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAED,QAAM,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,QAAQ;AAAA,EACtD;AACA,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAChE,QAAIA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAEzB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA,gBAAgB,iBAAiB,WAAW;AAAA,UAC5C;AAAA,UACA;AAAA,UACC,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAA,EAAK,SAAQ,cAAa,QAAO,YAAW,OAAM,aAChD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAA,EAAK,WAAU,mCAAkC,UAAA,IAAA,CAAC;AAAA,QAAA,EAAA,CAEvD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,mBAAkB;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,aAAA,CAAc;AAAA,EAAA,GAChE;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Radio/Group/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport React, { useState } from 'react'\nimport { RadioField } from '../Field'\nimport { RadioFieldProps, RadioGroupProps } from '../types'\n\nexport const RadioGroup = ({\n  name = '',\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n  'data-testid': dataTestId,\n}: RadioGroupProps) => {\n  const groupClass = classNames('au-radio-group', {\n    'au-radio-group--horizontal': orientation === 'horizontal',\n  })\n\n  const getSafeName = (name: string): string => {\n    return name ? name : `au-radio-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const childrenWithProps = React.Children.map(children, (child) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as RadioFieldProps\n\n      return (\n        <RadioField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={onChange}\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass} data-testid={dataTestId}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-radio-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-radio-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["name","React"],"mappings":";;;;;;;AASO,MAAM,aAAa,CAAC;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAuB;AACrB,QAAM,aAAa,WAAW,kBAAkB;AAAA,IAC9C,8BAA8B,gBAAgB;AAAA,EAAA,CAC/C;AAED,QAAM,cAAc,CAACA,UAAyB;AAC5C,WAAOA,QAAOA,QAAO,kBAAkB,KAAK,QAAQ;AAAA,EACtD;AACA,QAAM,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI,CAAC;AAE7C,QAAM,oBAAoBC,sBAAM,SAAS,IAAI,UAAU,CAAC,UAAU;AAChE,QAAIA,sBAAM,eAAe,KAAK,GAAG;AAC/B,YAAM,aAAa,MAAM;AAEzB,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN;AAAA,UACA,gBAAgB,iBAAiB,WAAW;AAAA,UAC5C;AAAA,UACA;AAAA,UACC,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGhB;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,YAAY,eAAa,YACvC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,+BACG,MAAA,EAAK,SAAQ,cAAa,QAAO,YAAW,OAAM,aAChD,UAAA;AAAA,UAAA;AAAA,UAAO;AAAA,UACP,CAAC,CAAC,gCACA,QAAA,EAAK,WAAU,mCAAkC,UAAA,IAAA,CAAC;AAAA,QAAA,EAAA,CAEvD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJ,oBAAC,OAAA,EAAI,WAAU,0BAA0B,UAAA,mBAAkB;AAAA,IAC3D,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,aAAA,CAAc;AAAA,EAAA,GAChE;AAEJ;"}