@consumidor-positivo/aurora 0.11.0 → 0.12.0

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

@@ -0,0 +1,7 @@
+export type AdBoxProps = {
+    children?: React.ReactNode;
+    type?: 'content' | 'heading';
+    className?: string;
+    'data-testid'?: string;
+};
+export declare const AdBox: ({ children, type, className, "data-testid": dataTestId, }: AdBoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-C6Q03EyZ.js";
+import './styles.css';const AD_LABEL = "Publicidade";
+const AdBox = ({
+  children,
+  type = "content",
+  className = "",
+  "data-testid": dataTestId
+}) => {
+  const classes = classNames("au-ad-box", {
+    [`au-ad-box--type-${type}`]: !!type,
+    [className]: !!className
+  });
+  return /* @__PURE__ */ jsxs("aside", { className: classes, "aria-label": AD_LABEL, "data-testid": dataTestId, children: [
+    /* @__PURE__ */ jsx("div", { className: "au-ad-box__heading", children: /* @__PURE__ */ jsx("span", { className: "au-ad-box__label", children: AD_LABEL }) }),
+    /* @__PURE__ */ jsx("div", { className: "au-ad-box__box", children: /* @__PURE__ */ jsx("div", { className: "au-ad-box__container", children }) })
+  ] });
+};
+export {
+  AdBox
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/AdBox/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport './styles.scss'\n\nconst AD_LABEL = 'Publicidade'\n\nexport type AdBoxProps = {\n  children?: React.ReactNode\n  type?: 'content' | 'heading'\n  className?: string\n  'data-testid'?: string\n}\n\nexport const AdBox = ({\n  children,\n  type = 'content',\n  className = '',\n  'data-testid': dataTestId,\n}: AdBoxProps) => {\n  const classes = classNames('au-ad-box', {\n    [`au-ad-box--type-${type}`]: !!type,\n    [className]: !!className,\n  })\n\n  return (\n    <aside className={classes} aria-label={AD_LABEL} data-testid={dataTestId}>\n      <div className=\"au-ad-box__heading\">\n        <span className=\"au-ad-box__label\">{AD_LABEL}</span>\n      </div>\n      <div className=\"au-ad-box__box\">\n        <div className=\"au-ad-box__container\">{children}</div>\n      </div>\n    </aside>\n  )\n}\n"],"names":[],"mappings":";;AAGA,MAAM,WAAW;AASV,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,eAAe;AACjB,MAAkB;AAChB,QAAM,UAAU,WAAW,aAAa;AAAA,IACtC,CAAC,mBAAmB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,8BACG,SAAA,EAAM,WAAW,SAAS,cAAY,UAAU,eAAa,YAC5D,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,sBACb,UAAA,oBAAC,UAAK,WAAU,oBAAoB,oBAAS,EAAA,CAC/C;AAAA,IACA,oBAAC,SAAI,WAAU,kBACb,8BAAC,OAAA,EAAI,WAAU,wBAAwB,SAAA,CAAS,EAAA,CAClD;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/AdBox/styles.css

@@ -0,0 +1 @@
+.au-ad-box{display:flex;flex-direction:column;align-items:flex-start;width:100%;font-family:"Source Sans 3",sans-serif;background-color:#f6f7fa}.au-ad-box__heading{display:flex;align-items:center;justify-content:center;width:100%;padding:4px 8px}.au-ad-box__label{color:#5e6573;font-size:12px;font-weight:600;line-height:19px;text-align:center;text-transform:uppercase;word-break:break-word}.au-ad-box__box{display:flex;flex:1 0 0;align-items:center;justify-content:center;width:100%;padding:0 8px 8px}.au-ad-box__container{display:flex;flex:1 0 0;align-items:center;justify-content:center;width:100%;min-height:64px}.au-ad-box--type-content .au-ad-box__box{padding:0 0 8px}@media(min-width:600px){.au-ad-box--type-content{border:none;border-radius:8px;overflow:hidden}}@media(min-width:600px){.au-ad-box--type-content .au-ad-box__box{padding:0 8px 8px}}

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

@@ -18,5 +18,6 @@ export type AlertProps = {
     countdown?: number;
     onCountdownEnd?: () => void;
     onCloseButton?: () => void;
+    'data-testid'?: string;
 };
-export declare const Alert: ({ showIcon, status, type, orientation, title, text, actionButton, closeButton, children, countdown, onCountdownEnd, onCloseButton, customIcon }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Alert: ({ showIcon, status, type, orientation, title, text, actionButton, closeButton, children, countdown, onCountdownEnd, onCloseButton, customIcon, "data-testid": dataTestId, }: AlertProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -8,9 +8,9 @@ import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconClock } from "../icons/IconClock/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";
-import { d as COLOR_NEUTRAL_70, e as COLOR_WARNING_50, f as COLOR_INFO_50, b as COLOR_ERROR_50, C as COLOR_SUCCESS_50 } from "../../tokens-eEtvWiuX.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
+import { d as COLOR_NEUTRAL_70, e as COLOR_WARNING_50, f as COLOR_INFO_50, b as COLOR_ERROR_50, C as COLOR_SUCCESS_50 } from "../../tokens-CKZdIZ5O.js";
 import './styles.css';const Alert = ({
   showIcon = true,
   status = "info",
@@ -24,7 +24,8 @@ import './styles.css';const Alert = ({
   countdown = 59,
   onCountdownEnd,
   onCloseButton,
-  customIcon
+  customIcon,
+  "data-testid": dataTestId
 }) => {
   const [isClosed, setIsClosed] = useState(false);
   const [timeLeft, setTimeLeft] = useState(countdown);
@@ -99,7 +100,7 @@ import './styles.css';const Alert = ({
     [`au-alert--${statusMap[status].option}--type-${type}`]: statusMap[status].option
   });
   if (isClosed) return null;
-  return /* @__PURE__ */ jsxs("div", { className: alertClasses, children: [
+  return /* @__PURE__ */ jsxs("div", { className: alertClasses, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxs("div", { className: "au-alert__content", children: [
       /* @__PURE__ */ jsx(Conditional, { condition: showIcon, renderIf: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: customIcon ?? statusMap[status].icon }) }),
       /* @__PURE__ */ jsxs("div", { className: `au-alert__container--${orientation}`, children: [
@@ -111,7 +112,11 @@ import './styles.css';const Alert = ({
               !!(title == null ? void 0 : title.content) && /* @__PURE__ */ jsx(
                 "h4",
                 {
-                  className: `au-alert__title au-alert__title--${title == null ? void 0 : title.weight}`,
+                  className: classNames(
+                    "au-alert__title",
+                    `au-alert__title--${title == null ? void 0 : title.weight}`,
+                    { "au-alert__title--with-text": !!text }
+                  ),
                   children: title.content
                 }
               ),

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Alert/index.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconInfo,\n  IconX,\n  IconClock,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_NEUTRAL_70,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n} from '@core/tokens'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport './styles.scss'\n\nexport type AlertProps = {\n  showIcon?: boolean\n  status?: 'success' | 'error' | 'warning' | 'info' | 'timer'\n  type?: 1 | 2\n  orientation?: 'horizontal' | 'vertical'\n  title?: { content?: React.ReactNode; weight?: 'bold' | 'normal' }\n  text?: React.ReactNode\n  actionButton?: { content?: string; onClick?: () => void }\n  closeButton?: boolean\n  customIcon?: JSX.Element\n  children?: React.ReactNode\n  countdown?: number\n  onCountdownEnd?: () => void\n  onCloseButton?: () => void\n}\n\nexport const Alert = ({\n  showIcon = true,\n  status = 'info',\n  type = 1,\n  orientation = 'horizontal',\n  title,\n  text,\n  actionButton,\n  closeButton = false,\n  children,\n  countdown = 59,\n  onCountdownEnd,\n  onCloseButton,\n  customIcon\n}: AlertProps) => {\n  const [isClosed, setIsClosed] = useState(false)\n  const [timeLeft, setTimeLeft] = useState(countdown)\n  const [isCountdownFinished, setIsCountdownFinished] = useState(false)\n\n  useEffect(() => {\n    if (status !== 'timer' || timeLeft <= 0) return\n\n    const timer = setInterval(() => {\n      setTimeLeft((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer)\n          setIsCountdownFinished(true)\n          if (onCountdownEnd) onCountdownEnd()\n        }\n        return prev - 1\n      })\n    }, 1000)\n\n    return () => clearInterval(timer)\n  }, [status, timeLeft, onCountdownEnd])\n\n  useEffect(() => {\n    if (timeLeft > 0) {\n      setIsCountdownFinished(false)\n    }\n  }, [timeLeft])\n\t\n  const handleActionClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n\t\tevent.preventDefault();\n\t\t\n    setTimeLeft(countdown)\n    setIsCountdownFinished(false)\n    actionButton?.onClick?.()\n  }\n\n  const handleCloseButtonClick = () => {\n    setIsClosed(true)\n    onCloseButton?.()\n  }\n\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: { option: 'info', icon: <IconInfo rawColor={COLOR_INFO_50} /> },\n    timer: {\n      option: 'timer',\n      icon: (\n        <div className=\"au-alert__timer\">\n          <IconClock rawColor={COLOR_WARNING_50} aria-hidden=\"true\" />\n          {!isCountdownFinished && (\n            <Text\n              className=\"au-alert__countdown\"\n              variant=\"body-small\"\n              weight=\"bold\"\n              role=\"status\"\n              aria-live=\"polite\"\n              aria-atomic=\"true\">\n              {timeLeft}s\n            </Text>\n          )}\n        </div>\n      ),\n    },\n  }\n\n  const alertClasses = classNames('au-alert', {\n    [`au-alert--${statusMap[status].option}--type-${type}`]:\n      statusMap[status].option,\n  })\n\n  if (isClosed) return null\n\n  return (\n    <div className={alertClasses}>\n      <div className=\"au-alert__content\">\n        <Conditional condition={showIcon} renderIf={<span aria-hidden=\"true\">{ customIcon ?? statusMap[status].icon}</span>} />\n        <div className={`au-alert__container--${orientation}`}>\n          <Conditional\n            condition={!!title || !!text}\n            renderIf={\n              <div>\n                {!!title?.content && (\n                  <h4\n                    className={`au-alert__title au-alert__title--${title?.weight}`}>\n                    {title.content}\n                  </h4>\n                )}\n                <p className=\"au-alert__support-text\">{text}</p>\n              </div>\n            }\n          />\n\n          {children}\n          <Conditional\n            condition={\n              !!actionButton && (status !== 'timer' || isCountdownFinished)\n            }\n            renderIf={\n              <button\n                className=\"au-alert__action-btn\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n                onClick={(e) => handleActionClick(e)}>\n                {actionButton?.content}\n              </button>\n            }\n          />\n        </div>\n      </div>\n\n      <Conditional\n        condition={closeButton}\n        renderIf={\n          <button\n            className=\"au-alert__close-btn\"\n            type=\"button\"\n            aria-label=\"Fechar\"\n            onClick={handleCloseButtonClick}>\n            <IconX rawColor={COLOR_NEUTRAL_70} aria-hidden=\"true\" />\n          </button>\n        }\n      />\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Alert/index.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconInfo,\n  IconX,\n  IconClock,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_NEUTRAL_70,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n} from '@core/tokens'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport './styles.scss'\n\nexport type AlertProps = {\n  showIcon?: boolean\n  status?: 'success' | 'error' | 'warning' | 'info' | 'timer'\n  type?: 1 | 2\n  orientation?: 'horizontal' | 'vertical'\n  title?: { content?: React.ReactNode; weight?: 'bold' | 'normal' }\n  text?: React.ReactNode\n  actionButton?: { content?: string; onClick?: () => void }\n  closeButton?: boolean\n  customIcon?: JSX.Element\n  children?: React.ReactNode\n  countdown?: number\n  onCountdownEnd?: () => void\n  onCloseButton?: () => void\n  'data-testid'?: string\n}\n\nexport const Alert = ({\n  showIcon = true,\n  status = 'info',\n  type = 1,\n  orientation = 'horizontal',\n  title,\n  text,\n  actionButton,\n  closeButton = false,\n  children,\n  countdown = 59,\n  onCountdownEnd,\n  onCloseButton,\n  customIcon,\n  'data-testid': dataTestId,\n}: AlertProps) => {\n  const [isClosed, setIsClosed] = useState(false)\n  const [timeLeft, setTimeLeft] = useState(countdown)\n  const [isCountdownFinished, setIsCountdownFinished] = useState(false)\n\n  useEffect(() => {\n    if (status !== 'timer' || timeLeft <= 0) return\n\n    const timer = setInterval(() => {\n      setTimeLeft((prev) => {\n        if (prev <= 1) {\n          clearInterval(timer)\n          setIsCountdownFinished(true)\n          if (onCountdownEnd) onCountdownEnd()\n        }\n        return prev - 1\n      })\n    }, 1000)\n\n    return () => clearInterval(timer)\n  }, [status, timeLeft, onCountdownEnd])\n\n  useEffect(() => {\n    if (timeLeft > 0) {\n      setIsCountdownFinished(false)\n    }\n  }, [timeLeft])\n\t\n  const handleActionClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n\t\tevent.preventDefault();\n\t\t\n    setTimeLeft(countdown)\n    setIsCountdownFinished(false)\n    actionButton?.onClick?.()\n  }\n\n  const handleCloseButtonClick = () => {\n    setIsClosed(true)\n    onCloseButton?.()\n  }\n\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: { option: 'info', icon: <IconInfo rawColor={COLOR_INFO_50} /> },\n    timer: {\n      option: 'timer',\n      icon: (\n        <div className=\"au-alert__timer\">\n          <IconClock rawColor={COLOR_WARNING_50} aria-hidden=\"true\" />\n          {!isCountdownFinished && (\n            <Text\n              className=\"au-alert__countdown\"\n              variant=\"body-small\"\n              weight=\"bold\"\n              role=\"status\"\n              aria-live=\"polite\"\n              aria-atomic=\"true\">\n              {timeLeft}s\n            </Text>\n          )}\n        </div>\n      ),\n    },\n  }\n\n  const alertClasses = classNames('au-alert', {\n    [`au-alert--${statusMap[status].option}--type-${type}`]:\n      statusMap[status].option,\n  })\n\n  if (isClosed) return null\n\n  return (\n    <div className={alertClasses} data-testid={dataTestId}>\n      <div className=\"au-alert__content\">\n        <Conditional condition={showIcon} renderIf={<span aria-hidden=\"true\">{ customIcon ?? statusMap[status].icon}</span>} />\n        <div className={`au-alert__container--${orientation}`}>\n          <Conditional\n            condition={!!title || !!text}\n            renderIf={\n              <div>\n                {!!title?.content && (\n                  <h4\n                    className={classNames(\n                      'au-alert__title',\n                      `au-alert__title--${title?.weight}`,\n                      { 'au-alert__title--with-text': !!text },\n                    )}>\n                    {title.content}\n                  </h4>\n                )}\n                <p className=\"au-alert__support-text\">{text}</p>\n              </div>\n            }\n          />\n\n          {children}\n          <Conditional\n            condition={\n              !!actionButton && (status !== 'timer' || isCountdownFinished)\n            }\n            renderIf={\n              <button\n                className=\"au-alert__action-btn\"\n\t\t\t\t\t\t\t\ttype=\"button\"\n                onClick={(e) => handleActionClick(e)}>\n                {actionButton?.content}\n              </button>\n            }\n          />\n        </div>\n      </div>\n\n      <Conditional\n        condition={closeButton}\n        renderIf={\n          <button\n            className=\"au-alert__close-btn\"\n            type=\"button\"\n            aria-label=\"Fechar\"\n            onClick={handleCloseButtonClick}>\n            <IconX rawColor={COLOR_NEUTRAL_70} aria-hidden=\"true\" />\n          </button>\n        }\n      />\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/components/Alert/styles.css

@@ -1 +1 @@
-.au-alert{font-family:"Source Sans 3",sans-serif;border-radius:16px;display:flex;justify-content:space-between;gap:16px;padding:16px}.au-alert__content{display:flex;gap:16px;flex:1}.au-alert__container--horizontal .au-alert__action-btn{margin-top:8px}.au-alert__container--vertical{display:flex;gap:16px;flex-direction:row;justify-content:space-between;width:100%}.au-alert__title{color:#16181d;font-size:16px;font-weight:400;line-height:24px}.au-alert__title--bold{font-weight:600}.au-alert__support-text{color:#454a54;font-size:14px;line-height:21px}.au-alert__action-btn{font-family:"Source Sans 3",sans-serif;background-color:transparent;border:none;color:#0048db;cursor:pointer;font-size:16px;font-weight:600;line-height:24px}.au-alert__close-btn{cursor:pointer;background:transparent;border:none;display:flex}.au-alert__timer{text-align:center;align-self:flex-start}.au-alert__countdown{color:#a64a08}.au-alert--info--type-1{background-color:#f3f0fc;border:1px solid #510cb2}.au-alert--info--type-2{background-color:#eee6ff;border:none}.au-alert--success--type-1{background-color:#f0fcf5;border:1px solid #10593b}.au-alert--success--type-2{background-color:#e5fff0;border:none}.au-alert--warning--type-1,.au-alert--timer--type-1{background-color:#fcf4f0;border:1px solid #a64a08}.au-alert--warning--type-2,.au-alert--timer--type-2{background-color:#fff0e6;border:none}.au-alert--timer--type-1 .au-alert__content,.au-alert--timer--type-2 .au-alert__content{align-items:center}.au-alert--error--type-1{background-color:#f5eff0;border:1px solid #991717}.au-alert--error--type-2{background-color:#ffe5e5;border:none}
+.au-alert{font-family:"Source Sans 3",sans-serif;border-radius:16px;display:flex;justify-content:space-between;gap:16px;padding:16px}.au-alert__content{display:flex;gap:16px;flex:1}.au-alert__container--horizontal .au-alert__action-btn{margin-top:8px}.au-alert__container--vertical{display:flex;gap:16px;flex-direction:row;justify-content:space-between;width:100%}.au-alert__title{color:#454a54;font-size:14px;font-weight:400;line-height:21px}.au-alert__title--bold{font-weight:600}.au-alert__title--with-text{color:#16181d}.au-alert__support-text{color:#454a54;font-size:14px;line-height:21px}.au-alert__action-btn{font-family:"Source Sans 3",sans-serif;background-color:transparent;border:none;color:#0048db;cursor:pointer;font-size:14px;font-weight:600;line-height:21px}.au-alert__close-btn{cursor:pointer;background:transparent;border:none;display:flex}.au-alert__timer{text-align:center;align-self:flex-start}.au-alert__countdown{color:#a64a08}.au-alert--info--type-1{background-color:#f3f0fc;border:1px solid #510cb2}.au-alert--info--type-2{background-color:#eee6ff;border:none}.au-alert--success--type-1{background-color:#f0fcf5;border:1px solid #10593b}.au-alert--success--type-2{background-color:#e5fff0;border:none}.au-alert--warning--type-1,.au-alert--timer--type-1{background-color:#fcf4f0;border:1px solid #a64a08}.au-alert--warning--type-2,.au-alert--timer--type-2{background-color:#fff0e6;border:none}.au-alert--timer--type-1 .au-alert__content,.au-alert--timer--type-2 .au-alert__content{align-items:center}.au-alert--error--type-1{background-color:#f5eff0;border:1px solid #991717}.au-alert--error--type-2{background-color:#ffe5e5;border:none}

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

@@ -8,5 +8,6 @@ export type BadgeInfoProps = {
         content?: string;
         onClick?: () => void;
     };
+    'data-testid'?: string;
 };
-export declare const BadgeInfo: ({ status, color, customIcon, text, children, }: BadgeInfoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeInfo: ({ status, color, customIcon, text, children, "data-testid": dataTestId, }: BadgeInfoProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,14 +2,15 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
-import { d as COLOR_NEUTRAL_70, g as COLOR_BRAND_CYAN_50, f as COLOR_INFO_50, e as COLOR_WARNING_50, b as COLOR_ERROR_50, C as COLOR_SUCCESS_50 } from "../../tokens-eEtvWiuX.js";
 import { I as If, T as Then, E as Else } from "../../react-if.esm-Cozt8l48.js";
+import { d as COLOR_NEUTRAL_70, g as COLOR_BRAND_CYAN_50, f as COLOR_INFO_50, e as COLOR_WARNING_50, b as COLOR_ERROR_50, C as COLOR_SUCCESS_50 } from "../../tokens-CKZdIZ5O.js";
 import './styles.css';const BadgeInfo = ({
   status,
   color = "primary",
   customIcon,
   text,
-  children
+  children,
+  "data-testid": dataTestId
 }) => {
   const statusMap = {
     success: {
@@ -45,7 +46,7 @@ import './styles.css';const BadgeInfo = ({
     [`au-badgeInfo--${statusMap[status].option}`]: statusMap[status].option,
     [`au-badgeInfo--color-${color}`]: !!color
   });
-  return /* @__PURE__ */ jsxs("div", { className: badgeInfoClasses, children: [
+  return /* @__PURE__ */ jsxs("div", { className: badgeInfoClasses, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsxs("div", { className: "au-badgeInfo__content", children: [
       /* @__PURE__ */ jsx("div", { className: "au-badgeInfo__content-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsxs(If, { condition: !!customIcon, children: [
         /* @__PURE__ */ jsx(Then, { children: customIcon }),

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/BadgeInfo/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { IconInfo } from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n  COLOR_NEUTRAL_70,\n} from '@core/tokens'\nimport './styles.scss'\nimport { Else, IfElse, Then } from '@components/misc'\n\nexport type BadgeInfoProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'progress' | 'neutral'\n  color?: 'primary' | 'secondary'\n  text: string\n  children?: React.ReactNode\n  customIcon?: string | JSX.Element\n  actionButton?: { content?: string; onClick?: () => void }\n}\n\nexport const BadgeInfo = ({\n  status,\n  color = 'primary',\n  customIcon,\n  text,\n  children,\n}: BadgeInfoProps) => {\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconInfo rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconInfo rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconInfo rawColor={COLOR_WARNING_50} />,\n    },\n    info: {\n      option: 'info',\n      icon: <IconInfo rawColor={COLOR_INFO_50} />,\n    },\n    progress: {\n      option: 'progress',\n      icon: <IconInfo rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n    neutral: {\n      option: 'neutral',\n      icon: <IconInfo rawColor={COLOR_NEUTRAL_70} />,\n    },\n    custom: {\n      option: 'custom',\n      icon: customIcon,\n    },\n  }\n\n  const badgeInfoClasses = classNames('au-badgeInfo', {\n    [`au-badgeInfo--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-badgeInfo--color-${color}`]: !!color,\n  })\n\n  return (\n    <div className={badgeInfoClasses}>\n      <div className=\"au-badgeInfo__content\">\n        <div className=\"au-badgeInfo__content-icon\" aria-hidden=\"true\">\n          <IfElse condition={!!customIcon}>\n            <Then>{customIcon}</Then>\n            <Else>{statusMap[status].icon}</Else>\n          </IfElse>\n        </div>\n        <p className={`au-badgeInfo__content-support-text`}>{text}</p>\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":["IfElse"],"mappings":";;;;;;AAsBO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE9C,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAE5C,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE9C,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,cAAA,CAAe;AAAA,IAAA;AAAA,IAE3C,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,oBAAA,CAAqB;AAAA,IAAA;AAAA,IAEjD,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE9C,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EACR;AAGF,QAAM,mBAAmB,WAAW,gBAAgB;AAAA,IAClD,CAAC,iBAAiB,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IACjE,CAAC,uBAAuB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,kBACd,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,eAAY,QACtD,+BAACA,IAAA,EAAO,WAAW,CAAC,CAAC,YACnB,UAAA;AAAA,QAAA,oBAAC,QAAM,UAAA,WAAA,CAAW;AAAA,QAClB,oBAAC,MAAA,EAAM,UAAA,UAAU,MAAM,EAAE,KAAA,CAAK;AAAA,MAAA,EAAA,CAChC,EAAA,CACF;AAAA,MACA,oBAAC,KAAA,EAAE,WAAW,sCAAuC,UAAA,KAAA,CAAK;AAAA,IAAA,GAC5D;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/BadgeInfo/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { IconInfo } from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n  COLOR_NEUTRAL_70,\n} from '@core/tokens'\nimport './styles.scss'\nimport { Else, IfElse, Then } from '@components/misc'\n\nexport type BadgeInfoProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'progress' | 'neutral'\n  color?: 'primary' | 'secondary'\n  text: string\n  children?: React.ReactNode\n  customIcon?: string | JSX.Element\n  actionButton?: { content?: string; onClick?: () => void }\n  'data-testid'?: string\n}\n\nexport const BadgeInfo = ({\n  status,\n  color = 'primary',\n  customIcon,\n  text,\n  children,\n  'data-testid': dataTestId,\n}: BadgeInfoProps) => {\n  const statusMap = {\n    success: {\n      option: 'success',\n      icon: <IconInfo rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      icon: <IconInfo rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      icon: <IconInfo rawColor={COLOR_WARNING_50} />,\n    },\n    info: {\n      option: 'info',\n      icon: <IconInfo rawColor={COLOR_INFO_50} />,\n    },\n    progress: {\n      option: 'progress',\n      icon: <IconInfo rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n    neutral: {\n      option: 'neutral',\n      icon: <IconInfo rawColor={COLOR_NEUTRAL_70} />,\n    },\n    custom: {\n      option: 'custom',\n      icon: customIcon,\n    },\n  }\n\n  const badgeInfoClasses = classNames('au-badgeInfo', {\n    [`au-badgeInfo--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-badgeInfo--color-${color}`]: !!color,\n  })\n\n  return (\n    <div className={badgeInfoClasses} data-testid={dataTestId}>\n      <div className=\"au-badgeInfo__content\">\n        <div className=\"au-badgeInfo__content-icon\" aria-hidden=\"true\">\n          <IfElse condition={!!customIcon}>\n            <Then>{customIcon}</Then>\n            <Else>{statusMap[status].icon}</Else>\n          </IfElse>\n        </div>\n        <p className={`au-badgeInfo__content-support-text`}>{text}</p>\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":["IfElse"],"mappings":";;;;;;AAuBO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAsB;AACpB,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE9C,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAE5C,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE9C,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,cAAA,CAAe;AAAA,IAAA;AAAA,IAE3C,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,oBAAA,CAAqB;AAAA,IAAA;AAAA,IAEjD,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,MAAM,oBAAC,UAAA,EAAS,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE9C,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EACR;AAGF,QAAM,mBAAmB,WAAW,gBAAgB;AAAA,IAClD,CAAC,iBAAiB,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IACjE,CAAC,uBAAuB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CACrC;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,kBAAkB,eAAa,YAC7C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,8BAA6B,eAAY,QACtD,+BAACA,IAAA,EAAO,WAAW,CAAC,CAAC,YACnB,UAAA;AAAA,QAAA,oBAAC,QAAM,UAAA,WAAA,CAAW;AAAA,QAClB,oBAAC,MAAA,EAAM,UAAA,UAAU,MAAM,EAAE,KAAA,CAAK;AAAA,MAAA,EAAA,CAChC,EAAA,CACF;AAAA,MACA,oBAAC,KAAA,EAAE,WAAW,sCAAuC,UAAA,KAAA,CAAK;AAAA,IAAA,GAC5D;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}

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

@@ -1,10 +1,11 @@
 export type BadgeStateProps = {
-    status: 'info' | 'success' | 'error' | 'warning' | 'support';
+    status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral';
     isNumberBadge?: boolean;
     variant?: 'regular' | 'strong';
     text?: string;
     children?: React.ReactNode;
     icon?: string | JSX.Element;
     iconOnly?: boolean;
+    'data-testid'?: string;
 };
-export declare const BadgeState: ({ status, isNumberBadge, variant, iconOnly, text, children, }: BadgeStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeState: ({ status, isNumberBadge, variant, iconOnly, text, children, "data-testid": dataTestId, }: BadgeStateProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,15 +6,16 @@ import { IconAlertTriangle } from "../icons/IconAlertTriangle/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconInfo } from "../icons/IconInfo/index.es.js";
 import { IconMoreHorizontal } from "../icons/IconMoreHorizontal/index.es.js";
-import { g as COLOR_BRAND_CYAN_50, f as COLOR_INFO_50, e as COLOR_WARNING_50, b as COLOR_ERROR_50, C as COLOR_SUCCESS_50 } from "../../tokens-eEtvWiuX.js";
 import { I as If, T as Then, E as Else } from "../../react-if.esm-Cozt8l48.js";
+import { h as COLOR_NEUTRAL_60, g as COLOR_BRAND_CYAN_50, f as COLOR_INFO_50, e as COLOR_WARNING_50, b as COLOR_ERROR_50, C as COLOR_SUCCESS_50 } from "../../tokens-CKZdIZ5O.js";
 import './styles.css';const BadgeState = ({
   status,
   isNumberBadge = false,
   variant = "regular",
   iconOnly = false,
   text,
-  children
+  children,
+  "data-testid": dataTestId
 }) => {
   const statusMap = {
     success: {
@@ -41,6 +42,11 @@ import './styles.css';const BadgeState = ({
       option: "support",
       label: "Mais informações",
       icon: /* @__PURE__ */ jsx(IconMoreHorizontal, { rawColor: COLOR_BRAND_CYAN_50 })
+    },
+    neutral: {
+      option: "neutral",
+      label: "Neutro",
+      icon: /* @__PURE__ */ jsx(IconMoreHorizontal, { rawColor: COLOR_NEUTRAL_60 })
     }
   };
   const badgeStateClasses = classNames("au-badgeState", {
@@ -49,7 +55,7 @@ import './styles.css';const BadgeState = ({
     [`au-badgeState--icon-only`]: !!iconOnly,
     [`au-badgeState--variant-${variant}`]: !!variant
   });
-  return /* @__PURE__ */ jsxs("div", { className: badgeStateClasses, ...iconOnly ? { "aria-label": statusMap[status].label } : {}, children: [
+  return /* @__PURE__ */ jsxs("div", { className: badgeStateClasses, "data-testid": dataTestId, ...iconOnly ? { "aria-label": statusMap[status].label } : {}, children: [
     /* @__PURE__ */ jsx("div", { className: "au-badgeState__content", children: /* @__PURE__ */ jsxs(If, { condition: !!iconOnly, children: [
       /* @__PURE__ */ jsx(Then, { children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: statusMap[status].icon }) }),
       /* @__PURE__ */ jsx(Else, { children: /* @__PURE__ */ jsx("p", { className: `au-badgeState__content-support-text`, children: text }) })

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/BadgeState/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconMoreHorizontal,\n  IconInfo,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n} from '@core/tokens'\n\nimport { IfElse, Else, Then } from '@components/misc'\n\nimport './styles.scss'\n\nexport type BadgeStateProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'support'\n  isNumberBadge?: boolean\n  variant?: 'regular' | 'strong'\n  text?: string\n  children?: React.ReactNode\n  icon?: string | JSX.Element\n  iconOnly?: boolean\n}\n\nexport const BadgeState = ({\n  status,\n  isNumberBadge = false,\n  variant = 'regular',\n  iconOnly = false,\n  text,\n  children,\n}: BadgeStateProps) => {\n  const statusMap = {\n    success: {\n      option: 'success',\n      label: 'Sucesso',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      label: 'Erro',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      label: 'Atenção',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: {\n      option: 'info',\n      label: 'Informação',\n      icon: <IconInfo rawColor={COLOR_INFO_50} />,\n    },\n    support: {\n      option: 'support',\n      label: 'Mais informações',\n      icon: <IconMoreHorizontal rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n  }\n\n  const badgeStateClasses = classNames('au-badgeState', {\n    [`au-badgeState--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-badgeState--border-circle`]: !!isNumberBadge,\n    [`au-badgeState--icon-only`]: !!iconOnly,\n    [`au-badgeState--variant-${variant}`]: !!variant,\n  })\n\n  return (\n    <div className={badgeStateClasses} {...(iconOnly ? { 'aria-label': statusMap[status].label } : {})}>\n      <div className=\"au-badgeState__content\">\n        <IfElse condition={!!iconOnly}>\n          <Then><span aria-hidden=\"true\">{statusMap[status].icon}</span></Then>\n          <Else>\n            {<p className={`au-badgeState__content-support-text`}>{text}</p>}\n          </Else>\n        </IfElse>\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":["IfElse"],"mappings":";;;;;;;;;;AA8BO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAuB;AACrB,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE/C,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,kBAAA,EAAiB,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAEpD,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,mBAAA,EAAkB,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAEvD,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,UAAA,EAAS,UAAU,cAAA,CAAe;AAAA,IAAA;AAAA,IAE3C,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,oBAAA,EAAmB,UAAU,oBAAA,CAAqB;AAAA,IAAA;AAAA,EAC3D;AAGF,QAAM,oBAAoB,WAAW,iBAAiB;AAAA,IACpD,CAAC,kBAAkB,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IAClE,CAAC,8BAA8B,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,0BAA0B,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,0BAA0B,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CAC1C;AAED,SACE,qBAAC,OAAA,EAAI,WAAW,mBAAoB,GAAI,WAAW,EAAE,cAAc,UAAU,MAAM,EAAE,MAAA,IAAU,CAAA,GAC7F,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA,qBAACA,MAAO,WAAW,CAAC,CAAC,UACnB,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,8BAAC,QAAA,EAAK,eAAY,QAAQ,UAAA,UAAU,MAAM,EAAE,KAAA,CAAK,EAAA,CAAO;AAAA,0BAC7D,MAAA,EACE,UAAA,oBAAC,OAAE,WAAW,uCAAwC,gBAAK,EAAA,CAC9D;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/BadgeState/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport {\n  IconAlertOctagon,\n  IconAlertTriangle,\n  IconCheck,\n  IconMoreHorizontal,\n  IconInfo,\n} from '@components/icons'\nimport {\n  COLOR_ERROR_50,\n  COLOR_INFO_50,\n  COLOR_SUCCESS_50,\n  COLOR_WARNING_50,\n  COLOR_BRAND_CYAN_50,\n  COLOR_NEUTRAL_60,\n} from '@core/tokens'\n\nimport { IfElse, Else, Then } from '@components/misc'\n\nimport './styles.scss'\n\nexport type BadgeStateProps = {\n  status: 'info' | 'success' | 'error' | 'warning' | 'support' | 'neutral'\n  isNumberBadge?: boolean\n  variant?: 'regular' | 'strong'\n  text?: string\n  children?: React.ReactNode\n  icon?: string | JSX.Element\n  iconOnly?: boolean\n  'data-testid'?: string\n}\n\nexport const BadgeState = ({\n  status,\n  isNumberBadge = false,\n  variant = 'regular',\n  iconOnly = false,\n  text,\n  children,\n  'data-testid': dataTestId,\n}: BadgeStateProps) => {\n  const statusMap = {\n    success: {\n      option: 'success',\n      label: 'Sucesso',\n      icon: <IconCheck rawColor={COLOR_SUCCESS_50} />,\n    },\n    error: {\n      option: 'error',\n      label: 'Erro',\n      icon: <IconAlertOctagon rawColor={COLOR_ERROR_50} />,\n    },\n    warning: {\n      option: 'warning',\n      label: 'Atenção',\n      icon: <IconAlertTriangle rawColor={COLOR_WARNING_50} />,\n    },\n    info: {\n      option: 'info',\n      label: 'Informação',\n      icon: <IconInfo rawColor={COLOR_INFO_50} />,\n    },\n    support: {\n      option: 'support',\n      label: 'Mais informações',\n      icon: <IconMoreHorizontal rawColor={COLOR_BRAND_CYAN_50} />,\n    },\n    neutral: {\n      option: 'neutral',\n      label: 'Neutro',\n      icon: <IconMoreHorizontal rawColor={COLOR_NEUTRAL_60} />,\n    },\n  }\n\n  const badgeStateClasses = classNames('au-badgeState', {\n    [`au-badgeState--${statusMap[status].option}`]: statusMap[status].option,\n    [`au-badgeState--border-circle`]: !!isNumberBadge,\n    [`au-badgeState--icon-only`]: !!iconOnly,\n    [`au-badgeState--variant-${variant}`]: !!variant,\n  })\n\n  return (\n    <div className={badgeStateClasses} data-testid={dataTestId} {...(iconOnly ? { 'aria-label': statusMap[status].label } : {})}>\n      <div className=\"au-badgeState__content\">\n        <IfElse condition={!!iconOnly}>\n          <Then><span aria-hidden=\"true\">{statusMap[status].icon}</span></Then>\n          <Else>\n            {<p className={`au-badgeState__content-support-text`}>{text}</p>}\n          </Else>\n        </IfElse>\n      </div>\n      {children}\n    </div>\n  )\n}\n"],"names":["IfElse"],"mappings":";;;;;;;;;;AAgCO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAuB;AACrB,QAAM,YAAY;AAAA,IAChB,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,WAAA,EAAU,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAE/C,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,kBAAA,EAAiB,UAAU,eAAA,CAAgB;AAAA,IAAA;AAAA,IAEpD,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,mBAAA,EAAkB,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,IAEvD,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,UAAA,EAAS,UAAU,cAAA,CAAe;AAAA,IAAA;AAAA,IAE3C,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,oBAAA,EAAmB,UAAU,oBAAA,CAAqB;AAAA,IAAA;AAAA,IAE3D,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM,oBAAC,oBAAA,EAAmB,UAAU,iBAAA,CAAkB;AAAA,IAAA;AAAA,EACxD;AAGF,QAAM,oBAAoB,WAAW,iBAAiB;AAAA,IACpD,CAAC,kBAAkB,UAAU,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE;AAAA,IAClE,CAAC,8BAA8B,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,0BAA0B,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,0BAA0B,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,EAAA,CAC1C;AAED,8BACG,OAAA,EAAI,WAAW,mBAAmB,eAAa,YAAa,GAAI,WAAW,EAAE,cAAc,UAAU,MAAM,EAAE,MAAA,IAAU,CAAA,GACtH,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAU,0BACb,UAAA,qBAACA,MAAO,WAAW,CAAC,CAAC,UACnB,UAAA;AAAA,MAAA,oBAAC,MAAA,EAAK,8BAAC,QAAA,EAAK,eAAY,QAAQ,UAAA,UAAU,MAAM,EAAE,KAAA,CAAK,EAAA,CAAO;AAAA,0BAC7D,MAAA,EACE,UAAA,oBAAC,OAAE,WAAW,uCAAwC,gBAAK,EAAA,CAC9D;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IACC;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/BadgeState/styles.css

@@ -1 +1 @@
-.au-badgeState{font-family:"Source Sans 3",sans-serif;display:flex;justify-content:center;border-radius:8px;padding:4px 6px;width:fit-content}.au-badgeState__content{display:flex;gap:8px;justify-content:center;align-items:center}.au-badgeState__content .au-icon>svg{width:14px;height:14px}.au-badgeState__content-support-text{font-size:12px;font-weight:600}.au-badgeState--icon-only{width:20px;height:20px;padding:4px}.au-badgeState--variant-strong .au-icon{color:#fff!important}.au-badgeState--border-circle{width:20px;height:20px;border-radius:50%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;padding:4px;align-content:center}.au-badgeState--variant-regular.au-badgeState--info{background-color:#eee6ff;color:#46008c}.au-badgeState--variant-regular.au-badgeState--success{background-color:#e5fff0;color:#10593b}.au-badgeState--variant-regular.au-badgeState--error{background-color:#ffe5e5;color:#991717}.au-badgeState--variant-regular.au-badgeState--warning{background-color:#fff0e6;color:#803500}.au-badgeState--variant-regular.au-badgeState--support{background-color:#f1fcff;color:#004155}.au-badgeState--variant-strong{color:#fff}.au-badgeState--variant-strong.au-badgeState--info{background-color:#510cb2}.au-badgeState--variant-strong.au-badgeState--success{background-color:#10593b}.au-badgeState--variant-strong.au-badgeState--error{background-color:#991717}.au-badgeState--variant-strong.au-badgeState--warning{background-color:#a64a08}.au-badgeState--variant-strong.au-badgeState--support{background-color:#005c77}
+.au-badgeState{font-family:"Source Sans 3",sans-serif;display:flex;justify-content:center;border-radius:8px;padding:4px 6px;width:fit-content}.au-badgeState__content{display:flex;gap:8px;justify-content:center;align-items:center}.au-badgeState__content .au-icon>svg{width:14px;height:14px}.au-badgeState__content-support-text{font-size:12px;font-weight:600}.au-badgeState--icon-only{width:20px;height:20px;padding:4px}.au-badgeState--variant-strong .au-icon{color:#fff!important}.au-badgeState--border-circle{width:20px;height:20px;border-radius:50%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;padding:4px;align-content:center}.au-badgeState--variant-regular.au-badgeState--info{background-color:#eee6ff;color:#46008c}.au-badgeState--variant-regular.au-badgeState--success{background-color:#e5fff0;color:#10593b}.au-badgeState--variant-regular.au-badgeState--error{background-color:#ffe5e5;color:#991717}.au-badgeState--variant-regular.au-badgeState--warning{background-color:#fff0e6;color:#803500}.au-badgeState--variant-regular.au-badgeState--support{background-color:#f1fcff;color:#004155}.au-badgeState--variant-regular.au-badgeState--neutral{background-color:#f6f7fa;color:#313131}.au-badgeState--variant-strong{color:#fff}.au-badgeState--variant-strong.au-badgeState--info{background-color:#510cb2}.au-badgeState--variant-strong.au-badgeState--success{background-color:#10593b}.au-badgeState--variant-strong.au-badgeState--error{background-color:#991717}.au-badgeState--variant-strong.au-badgeState--warning{background-color:#a64a08}.au-badgeState--variant-strong.au-badgeState--support{background-color:#005c77}.au-badgeState--variant-strong.au-badgeState--neutral{background-color:#313131}

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-C6Q03EyZ.js";
-import "../../index-vsYzka4t.js";
+import "../../index-Dws33tXs.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-NIxlEyxx.js";
+import { a } from "../../index-CnXw6SB7.js";
 export {
   a as DatepickerCalendar
 };

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

@@ -3,8 +3,8 @@ import "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-BvQw_Wgb.js";
-import { C } from "../../index-vsYzka4t.js";
+import "../../index-fyDB87KK.js";
+import { C } from "../../index-Dws33tXs.js";
 export {
   C as CalendarHeader
 };

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

@@ -6,5 +6,6 @@ export type CardContainerProps = {
     gap?: number;
     width?: number;
     children: ReactNode;
+    'data-testid'?: string;
 };
-export declare const CardContainer: ({ direction, alignItems, justifyContent, gap, width, children, }: CardContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardContainer: ({ direction, alignItems, justifyContent, gap, width, children, "data-testid": dataTestId, }: CardContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Emphasis/index.d.ts

@@ -5,5 +5,6 @@ export type CardEmphasisProps = {
     }[];
     height?: number;
     maxHeight?: number;
+    'data-testid'?: string;
 };
-export declare const CardEmphasis: ({ content, height, maxHeight, }: CardEmphasisProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardEmphasis: ({ content, height, maxHeight, "data-testid": dataTestId, }: CardEmphasisProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Image/index.d.ts

@@ -3,5 +3,6 @@ export type CardImageProps = {
     alt?: string;
     width?: number;
     height?: number;
+    'data-testid'?: string;
 };
-export declare const CardImage: ({ src, alt, width, height }: CardImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardImage: ({ src, alt, width, height, "data-testid": dataTestId, }: CardImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Root/index.d.ts

@@ -11,5 +11,6 @@ export type CardRootProps = {
     className?: string;
     children: ReactNode;
     ref?: Ref<HTMLDivElement>;
+    'data-testid'?: string;
 };
-export declare const CardRoot: ({ border, color, width, height, maxWidth, maxHeight, hoverShadow, paddingLess, children, className, ref }: CardRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardRoot: ({ border, color, width, height, maxWidth, maxHeight, hoverShadow, paddingLess, children, className, ref, "data-testid": dataTestId, }: CardRootProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card/Tag/index.d.ts

@@ -3,5 +3,6 @@ export type CardTagProps = {
     color?: 'primary' | 'secondary';
     icon?: ReactNode;
     children: ReactNode;
+    'data-testid'?: string;
 };
-export declare const CardTag: ({ color, icon, children, }: CardTagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardTag: ({ color, icon, children, "data-testid": dataTestId, }: CardTagProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -368,7 +368,8 @@ const Carousel = ({
   items,
   type,
   mobileText = "",
-  draggable = true
+  draggable = true,
+  "data-testid": dataTestId
 }) => {
   const {
     rootRef,
@@ -387,7 +388,7 @@ const Carousel = ({
     items
   });
   const cl = classNames("au-carousel", { "au-carousel--draggable": draggable });
-  return /* @__PURE__ */ jsxs("div", { className: cl, ref: rootRef, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cl, ref: rootRef, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(
       "ul",
       {

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

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

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

@@ -3,9 +3,9 @@ import $8WNJc$react__default, { useState, useEffect } from "react";
 import { c as classNames } from "../../index-C6Q03EyZ.js";
 import "../Icon/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { h as COLOR_NEUTRAL_00 } from "../../tokens-eEtvWiuX.js";
 import { F as Field } from "../../index-ZE6zszxw.js";
 import { Conditional } from "../Conditional/index.es.js";
+import { i as COLOR_NEUTRAL_00 } from "../../tokens-CKZdIZ5O.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const CheckboxField = ({
   label,
@@ -95,7 +95,8 @@ const CheckboxGroup = ({
   required = false,
   children,
   onChange,
-  onFocus
+  onFocus,
+  "data-testid": dataTestId
 }) => {
   const groupClass = classNames("au-checkbox-group", {
     "au-checkbox-group--horizontal": orientation === "horizontal"
@@ -118,7 +119,7 @@ const CheckboxGroup = ({
     }
     return child;
   });
-  return /* @__PURE__ */ jsxs("div", { className: groupClass, children: [
+  return /* @__PURE__ */ jsxs("div", { className: groupClass, "data-testid": dataTestId, children: [
     /* @__PURE__ */ jsx(
       Conditional,
       {