@consumidor-positivo/aurora 0.0.191 → 0.0.193

package/README.md

@@ -28,3 +28,32 @@ O Projeto Aurora é uma abordagem estruturada e abrangente para o Design System
 > Acordo Certo
 
 - [https://www.acordocerto.com.br/](https://www.acordocerto.com.br/)
+
+## Instalação e Uso
+
+### Instalação Básica
+
+```bash
+npm install @consumidor-positivo/aurora
+```
+
+### Componentes Opcionais
+
+Alguns componentes requerem dependências adicionais que não são instaladas por padrão para evitar aumentar o bundle desnecessariamente.
+
+#### Carousel
+
+O componente Carousel requer a instalação do `react-snap-carousel`:
+
+```bash
+npm install react-snap-carousel
+```
+
+```tsx
+import { Carousel } from '@consumidor-positivo/aurora'
+
+// Agora você pode usar o Carousel
+<Carousel items={items} />
+```
+
+> **Nota:** Se você tentar usar o Carousel sem instalar o `react-snap-carousel`, receberá um erro de dependência em tempo de execução.

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, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import { Conditional } from "../Conditional/index.es.js";
 import { Text } from "../Text/index.es.js";
+import { d as COLOR_NEUTRAL_70, C as COLOR_SUCCESS_50, b as COLOR_ERROR_50, e as COLOR_WARNING_50, f as COLOR_INFO_50 } from "../../tokens-D_iASp38.js";
 import './styles.css';const Alert = ({
   showIcon = true,
   status = "info",

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

@@ -8,6 +8,7 @@ type ButtonProps = ({
     href?: never;
 }) & {
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onEnabled?: () => void;
     children?: ReactNode | string | JSX.Element | JSX.Element[];
     color?: 'default';
     disabled?: boolean;

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

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { Conditional } from "../Conditional/index.es.js";
 import "../Icon/index.es.js";
@@ -13,6 +14,7 @@ import './styles.css';const Button = ({
   htmlType = "button",
   loading = false,
   onClick,
+  onEnabled,
   size = "medium",
   type = "primary",
   target,
@@ -24,6 +26,16 @@ import './styles.css';const Button = ({
   elementRef,
   ...props
 }) => {
+  const wasDisabledRef = useRef(void 0);
+  useEffect(() => {
+    const isCurrentlyEnabled = !disabled && !loading;
+    const wasDisabledPreviously = wasDisabledRef.current;
+    const isFirstRender = wasDisabledPreviously === void 0;
+    if (isCurrentlyEnabled && (isFirstRender || wasDisabledPreviously === true) && onEnabled) {
+      onEnabled();
+    }
+    wasDisabledRef.current = disabled || loading;
+  }, [disabled, loading, onEnabled]);
   const buttonClasses = classNames("au-btn", {
     [`au-btn--type-${type}`]: !!type,
     [`au-btn--size-${size}`]: !!size,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Button/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport classNames from 'classnames'\nimport { Conditional } from '../misc/Conditional'\nimport { IconLoader } from '../icons/default'\nimport './styles.scss'\n\ntype ButtonProps = (\n  | {\n      as: 'a'\n      href: string\n    }\n  | {\n      as?: 'button'\n      href?: never\n    }\n) & {\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  children?: ReactNode | string | JSX.Element | JSX.Element[]\n  color?: 'default'\n  disabled?: boolean\n  expand?: 'x'\n  htmlType?: 'button' | 'submit' | 'reset'\n  loading?: boolean\n  size?: 'large' | 'medium'\n  type?: 'primary' | 'outlined' | 'ghost' | 'link'\n  target?: string\n  negative?: boolean\n  btnText?: boolean\n  round?: boolean\n  className?: string\n  borderWidth?: string\n  elementRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  as,\n  children = 'Button component',\n  color = 'default',\n  disabled = false,\n  expand,\n  href,\n  htmlType = 'button',\n  loading = false,\n  onClick,\n  size = 'medium',\n  type = 'primary',\n  target,\n  negative = false,\n  btnText = false,\n  round = false,\n  className,\n  borderWidth = 'medium',\n  elementRef,\n  ...props\n}) => {\n  const buttonClasses = classNames('au-btn', {\n    [`au-btn--type-${type}`]: !!type,\n    [`au-btn--size-${size}`]: !!size,\n    [`au-btn--expand-${expand}`]: !!expand,\n    [`au-btn--color-${color}`]: !!color,\n    'au-btn--negative': !!negative,\n    'au-btn--disabled': !!disabled,\n    'au-btn--loading': !!loading,\n    [`au-btn--round-${size}`]: !!round,\n    'btn-text': !!btnText,\n    [`au-btn--border-${borderWidth}`]: !!borderWidth,\n    [className ?? '']: typeof className === 'string',\n  })\n\n  function handleClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n    if (!disabled && !!onClick) onClick(e)\n  }\n\n  if (as === 'a') {\n    return (\n      <a\n        className={buttonClasses}\n        href={href}\n        target={target}\n        ref={elementRef as React.RefObject<HTMLAnchorElement>}\n        {...props}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      className={buttonClasses}\n      onClick={handleClick}\n      type={htmlType}\n      ref={elementRef as React.RefObject<HTMLButtonElement>}\n      disabled={disabled || loading}\n      {...props}>\n      <Conditional\n        condition={loading}\n        renderIf={<IconLoader />}\n        renderElse={children}\n      />\n    </button>\n  )\n}\n"],"names":[],"mappings":";;;;;AAkCO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,gBAAgB,WAAW,UAAU;AAAA,IACzC,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,oBAAoB,CAAC,CAAC;AAAA,IACtB,oBAAoB,CAAC,CAAC;AAAA,IACtB,mBAAmB,CAAC,CAAC;AAAA,IACrB,CAAC,iBAAiB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7B,YAAY,CAAC,CAAC;AAAA,IACd,CAAC,kBAAkB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACrC,CAAC,aAAa,EAAE,GAAG,OAAO,cAAc;AAAA,EAAA,CACzC;AAED,WAAS,YAAY,GAAoD;AACvE,QAAI,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC;AAAA,EACvC;AAEA,MAAI,OAAO,KAAK;AAEZ,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU,YAAY;AAAA,MACrB,GAAG;AAAA,MACJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,8BAAW,YAAW,EAAA;AAAA,UACtB,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Button/index.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef } from 'react'\nimport classNames from 'classnames'\nimport { Conditional } from '../misc/Conditional'\nimport { IconLoader } from '../icons/default'\nimport './styles.scss'\n\ntype ButtonProps = (\n  | {\n      as: 'a'\n      href: string\n    }\n  | {\n      as?: 'button'\n      href?: never\n    }\n) & {\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onEnabled?: () => void\n  children?: ReactNode | string | JSX.Element | JSX.Element[]\n  color?: 'default'\n  disabled?: boolean\n  expand?: 'x'\n  htmlType?: 'button' | 'submit' | 'reset'\n  loading?: boolean\n  size?: 'large' | 'medium'\n  type?: 'primary' | 'outlined' | 'ghost' | 'link'\n  target?: string\n  negative?: boolean\n  btnText?: boolean\n  round?: boolean\n  className?: string\n  borderWidth?: string\n  elementRef?: React.RefObject<HTMLButtonElement | HTMLAnchorElement>\n}\n\nexport const Button: React.FC<ButtonProps> = ({\n  as,\n  children = 'Button component',\n  color = 'default',\n  disabled = false,\n  expand,\n  href,\n  htmlType = 'button',\n  loading = false,\n  onClick,\n  onEnabled,\n  size = 'medium',\n  type = 'primary',\n  target,\n  negative = false,\n  btnText = false,\n  round = false,\n  className,\n  borderWidth = 'medium',\n  elementRef,\n  ...props\n}) => {\n  const wasDisabledRef = useRef<boolean | undefined>(undefined)\n\n  useEffect(() => {\n    const isCurrentlyEnabled = !disabled && !loading\n    const wasDisabledPreviously = wasDisabledRef.current\n    const isFirstRender = wasDisabledPreviously === undefined\n\n    if (\n      isCurrentlyEnabled &&\n      (isFirstRender || wasDisabledPreviously === true) &&\n      onEnabled\n    ) {\n      onEnabled()\n    }\n\n    wasDisabledRef.current = disabled || loading\n  }, [disabled, loading, onEnabled])\n\n  const buttonClasses = classNames('au-btn', {\n    [`au-btn--type-${type}`]: !!type,\n    [`au-btn--size-${size}`]: !!size,\n    [`au-btn--expand-${expand}`]: !!expand,\n    [`au-btn--color-${color}`]: !!color,\n    'au-btn--negative': !!negative,\n    'au-btn--disabled': !!disabled,\n    'au-btn--loading': !!loading,\n    [`au-btn--round-${size}`]: !!round,\n    'btn-text': !!btnText,\n    [`au-btn--border-${borderWidth}`]: !!borderWidth,\n    [className ?? '']: typeof className === 'string',\n  })\n\n  function handleClick(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n    if (!disabled && !!onClick) onClick(e)\n  }\n\n  if (as === 'a') {\n    return (\n      <a\n        className={buttonClasses}\n        href={href}\n        target={target}\n        ref={elementRef as React.RefObject<HTMLAnchorElement>}\n        {...props}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      className={buttonClasses}\n      onClick={handleClick}\n      type={htmlType}\n      ref={elementRef as React.RefObject<HTMLButtonElement>}\n      disabled={disabled || loading}\n      {...props}>\n      <Conditional\n        condition={loading}\n        renderIf={<IconLoader />}\n        renderElse={children}\n      />\n    </button>\n  )\n}\n"],"names":[],"mappings":";;;;;;AAmCO,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA,GAAG;AACL,MAAM;AACE,QAAA,iBAAiB,OAA4B,MAAS;AAE5D,YAAU,MAAM;AACR,UAAA,qBAAqB,CAAC,YAAY,CAAC;AACzC,UAAM,wBAAwB,eAAe;AAC7C,UAAM,gBAAgB,0BAA0B;AAEhD,QACE,uBACC,iBAAiB,0BAA0B,SAC5C,WACA;AACU;IACZ;AAEA,mBAAe,UAAU,YAAY;AAAA,EACpC,GAAA,CAAC,UAAU,SAAS,SAAS,CAAC;AAE3B,QAAA,gBAAgB,WAAW,UAAU;AAAA,IACzC,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,gBAAgB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC5B,CAAC,kBAAkB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IAChC,CAAC,iBAAiB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC9B,oBAAoB,CAAC,CAAC;AAAA,IACtB,oBAAoB,CAAC,CAAC;AAAA,IACtB,mBAAmB,CAAC,CAAC;AAAA,IACrB,CAAC,iBAAiB,IAAI,EAAE,GAAG,CAAC,CAAC;AAAA,IAC7B,YAAY,CAAC,CAAC;AAAA,IACd,CAAC,kBAAkB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACrC,CAAC,aAAa,EAAE,GAAG,OAAO,cAAc;AAAA,EAAA,CACzC;AAED,WAAS,YAAY,GAAoD;AACvE,QAAI,CAAC,YAAY,CAAC,CAAC,iBAAiB,CAAC;AAAA,EACvC;AAEA,MAAI,OAAO,KAAK;AAEZ,WAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,UAAU,YAAY;AAAA,MACrB,GAAG;AAAA,MACJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,8BAAW,YAAW,EAAA;AAAA,UACtB,YAAY;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
-import "../../index-BzVR1Tq6.js";
+import "../../index-C8AM9yBn.js";
 import "../Button/index.es.js";
 import "../PortalHolder/index.es.js";
-import { a } from "../../index-RHj6RFlT.js";
+import { a } from "../../index-C1N6rwrZ.js";
 export {
   a as DatepickerCalendar
 };

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

@@ -3,8 +3,8 @@ import "../../index-CweZ_OcN.js";
 import "../Icon/index.es.js";
 import "../icons/IconChevronLeft/index.es.js";
 import "../icons/IconChevronRight/index.es.js";
-import "../../index-uWXGnhjd.js";
-import { C } from "../../index-BzVR1Tq6.js";
+import "../../index-CL0DrUGQ.js";
+import { C } from "../../index-C8AM9yBn.js";
 export {
   C as CalendarHeader
 };

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

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

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

@@ -0,0 +1,467 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { useRef, useEffect, useState, useCallback, useMemo, useLayoutEffect } from "react";
+import { Conditional } from "../Conditional/index.es.js";
+import { Text } from "../Text/index.es.js";
+import { Button } from "../Button/index.es.js";
+import "../Icon/index.es.js";
+import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";
+import { IconChevronRight } from "../icons/IconChevronRight/index.es.js";
+import './styles.css';const Scrollbar = ({ pageToEnterIndex, pages }) => {
+  const scrollTrail = useRef(null);
+  const scrollbar = useRef(null);
+  useEffect(() => {
+    if (!scrollTrail.current || !scrollbar.current) return;
+    const trailSize = scrollTrail.current.offsetWidth;
+    const barSize = scrollbar.current.offsetWidth;
+    const availableScrollSpace = trailSize - barSize;
+    const currentPercentage = (pageToEnterIndex + 1) / pages.length;
+    const scrollDistance = currentPercentage * availableScrollSpace;
+    const barTranslate = pageToEnterIndex === 0 ? 0 : scrollDistance;
+    scrollbar.current.style.transform = `translateX(${barTranslate}px)`;
+  }, [pages, pageToEnterIndex]);
+  return /* @__PURE__ */ jsx("div", { className: "au-carousel__scrollbar", ref: scrollTrail, children: /* @__PURE__ */ jsx("div", { className: "au-carousel__scrollbar-scroll", ref: scrollbar }) });
+};
+const isClient = () => !!(typeof window !== "undefined" && window.document && window.document.createElement);
+function isMobile() {
+  if (!isClient()) return;
+  return !!window.matchMedia("screen and (max-width:767px)").matches;
+}
+const Pagination = ({
+  pageToEnterIndex,
+  pages,
+  mobileText
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: "au-carousel__pagination", children: /* @__PURE__ */ jsxs(Text, { color: "secondary", weight: "regular", children: [
+    /* @__PURE__ */ jsx(
+      Conditional,
+      {
+        condition: !isMobile(),
+        renderIf: "Página",
+        renderElse: mobileText
+      }
+    ),
+    " ",
+    /* @__PURE__ */ jsxs("b", { children: [
+      pageToEnterIndex + 1,
+      " de ",
+      pages.length
+    ] })
+  ] }) });
+};
+var useIsomorphicLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+var useSnapCarousel = ({
+  axis = "x",
+  initialPages = []
+} = {}) => {
+  const dimension = axis === "x" ? "width" : "height";
+  const scrollDimension = axis === "x" ? "scrollWidth" : "scrollHeight";
+  const clientDimension = axis === "x" ? "clientWidth" : "clientHeight";
+  const nearSidePos = axis === "x" ? "left" : "top";
+  const farSidePos = axis === "x" ? "right" : "bottom";
+  const scrollPos = axis === "x" ? "scrollLeft" : "scrollTop";
+  const [scrollEl, setScrollEl] = useState(null);
+  const [{ pages, activePageIndex }, setCarouselState] = useState({
+    pages: initialPages,
+    activePageIndex: 0
+  });
+  const refreshActivePage = useCallback(
+    (pages2) => {
+      if (!scrollEl) {
+        return;
+      }
+      const hasScrolledToEnd = Math.floor(scrollEl[scrollDimension] - scrollEl[scrollPos]) <= scrollEl[clientDimension];
+      if (hasScrolledToEnd) {
+        setCarouselState({ pages: pages2, activePageIndex: pages2.length - 1 });
+        return;
+      }
+      const items = Array.from(scrollEl.children);
+      const scrollPort = scrollEl.getBoundingClientRect();
+      const offsets = pages2.map((page) => {
+        const leadIndex = page[0];
+        const leadEl = items[leadIndex];
+        assert(leadEl instanceof HTMLElement, "Expected HTMLElement");
+        const scrollSpacing = getEffectiveScrollSpacing(
+          scrollEl,
+          leadEl,
+          nearSidePos
+        );
+        const rect = leadEl.getBoundingClientRect();
+        const offset = rect[nearSidePos] - scrollPort[nearSidePos] - scrollSpacing;
+        return Math.abs(offset);
+      });
+      const minOffset = Math.min(...offsets);
+      const nextActivePageIndex = offsets.indexOf(minOffset);
+      setCarouselState({ pages: pages2, activePageIndex: nextActivePageIndex });
+    },
+    [scrollEl, clientDimension, nearSidePos, scrollDimension, scrollPos]
+  );
+  const refresh = useCallback(() => {
+    if (!scrollEl) {
+      return;
+    }
+    const items = Array.from(scrollEl.children);
+    const scrollPort = scrollEl.getBoundingClientRect();
+    let currPageStartPos;
+    const pages2 = items.reduce((acc, item, i) => {
+      assert(item instanceof HTMLElement, "Expected HTMLElement");
+      const currPage = acc[acc.length - 1];
+      const rect = getOffsetRect(item, item.parentElement);
+      if (!currPage || item.dataset.shouldSnap === "true" || rect[farSidePos] - currPageStartPos > Math.ceil(scrollPort[dimension])) {
+        acc.push([i]);
+        const scrollSpacing = getEffectiveScrollSpacing(
+          scrollEl,
+          item,
+          nearSidePos
+        );
+        currPageStartPos = rect[nearSidePos] - scrollSpacing;
+      } else {
+        currPage.push(i);
+      }
+      return acc;
+    }, []);
+    refreshActivePage(pages2);
+  }, [refreshActivePage, scrollEl, dimension, farSidePos, nearSidePos]);
+  useIsomorphicLayoutEffect(() => {
+    refresh();
+  }, [refresh]);
+  useEffect(() => {
+    const handle = () => {
+      refresh();
+    };
+    window.addEventListener("resize", handle);
+    window.addEventListener("orientationchange", handle);
+    return () => {
+      window.removeEventListener("resize", handle);
+      window.removeEventListener("orientationchange", handle);
+    };
+  }, [refresh]);
+  useEffect(() => {
+    if (!scrollEl) {
+      return;
+    }
+    const handle = () => {
+      refreshActivePage(pages);
+    };
+    scrollEl.addEventListener("scroll", handle);
+    return () => {
+      scrollEl.removeEventListener("scroll", handle);
+    };
+  }, [refreshActivePage, pages, scrollEl]);
+  const handleGoTo = (index, opts) => {
+    if (!scrollEl) {
+      return;
+    }
+    const page = pages[index];
+    if (!page) {
+      return;
+    }
+    const items = Array.from(scrollEl.children);
+    const leadIndex = page[0];
+    const leadEl = items[leadIndex];
+    if (!(leadEl instanceof HTMLElement)) {
+      return;
+    }
+    const scrollSpacing = getEffectiveScrollSpacing(
+      scrollEl,
+      leadEl,
+      nearSidePos
+    );
+    const behavior = (opts == null ? void 0 : opts.behavior) || "smooth";
+    scrollEl.scrollTo({
+      behavior,
+      [nearSidePos]: getOffsetRect(leadEl, leadEl.parentElement)[nearSidePos] - scrollSpacing
+    });
+  };
+  const handlePrev = (opts) => {
+    handleGoTo(activePageIndex - 1, opts);
+  };
+  const handleNext = (opts) => {
+    handleGoTo(activePageIndex + 1, opts);
+  };
+  const snapPointIndexes = useMemo(
+    () => new Set(pages.map((page) => page[0])),
+    [pages]
+  );
+  const hasPrevPage = activePageIndex > 0;
+  const hasNextPage = activePageIndex < pages.length - 1;
+  return {
+    hasPrevPage,
+    hasNextPage,
+    prev: handlePrev,
+    next: handleNext,
+    goTo: handleGoTo,
+    refresh,
+    pages,
+    activePageIndex,
+    snapPointIndexes,
+    scrollRef: setScrollEl
+  };
+};
+var getOffsetRect = (el, relativeTo) => {
+  const rect = _getOffsetRect(el);
+  if (!relativeTo) {
+    return rect;
+  }
+  const relativeRect = _getOffsetRect(relativeTo);
+  return {
+    left: rect.left - relativeRect.left,
+    top: rect.top - relativeRect.top,
+    right: rect.right - relativeRect.left,
+    bottom: rect.bottom - relativeRect.top,
+    width: rect.width,
+    height: rect.height
+  };
+};
+var _getOffsetRect = (el) => {
+  const rect = el.getBoundingClientRect();
+  let scrollLeft = 0;
+  let scrollTop = 0;
+  let parentEl = el.parentElement;
+  while (parentEl) {
+    scrollLeft += parentEl.scrollLeft;
+    scrollTop += parentEl.scrollTop;
+    parentEl = parentEl.parentElement;
+  }
+  const left = rect.left + scrollLeft;
+  const top = rect.top + scrollTop;
+  return {
+    left,
+    top,
+    right: left + rect.width,
+    bottom: top + rect.height,
+    width: rect.width,
+    height: rect.height
+  };
+};
+var getScrollPaddingUsedValue = (el, pos) => {
+  const style = window.getComputedStyle(el);
+  const scrollPadding = style.getPropertyValue(`scroll-padding-${pos}`) || "0px";
+  if (scrollPadding === "auto") {
+    return 0;
+  }
+  const invalidMsg = `Unsupported scroll padding value, expected <length> or <percentage> value, received ${scrollPadding}`;
+  if (scrollPadding.endsWith("px")) {
+    const value = parseInt(scrollPadding);
+    assert(!Number.isNaN(value), invalidMsg);
+    return value;
+  }
+  if (scrollPadding.endsWith("%")) {
+    const value = parseInt(scrollPadding);
+    assert(!Number.isNaN(value), invalidMsg);
+    return el.clientWidth / 100 * value;
+  }
+  throw new RSCError(invalidMsg);
+};
+var getScrollMarginUsedValue = (el, pos) => {
+  const style = window.getComputedStyle(el);
+  const scrollMargin = style.getPropertyValue(`scroll-margin-${pos}`) || "0px";
+  const invalidMsg = `Unsupported scroll margin value, expected <length> value, received ${scrollMargin}`;
+  assert(scrollMargin.endsWith("px"), invalidMsg);
+  const value = parseInt(scrollMargin);
+  assert(!Number.isNaN(value), invalidMsg);
+  return value;
+};
+var getEffectiveScrollSpacing = (scrollEl, itemEl, pos) => {
+  const scrollPadding = getScrollPaddingUsedValue(scrollEl, pos);
+  const scrollMargin = getScrollMarginUsedValue(itemEl, pos);
+  const rect = getOffsetRect(itemEl, itemEl.parentElement);
+  return Math.min(scrollPadding + scrollMargin, rect[pos]);
+};
+function assert(value, message) {
+  if (value) {
+    return;
+  }
+  throw new RSCError(message);
+}
+var RSCError = class extends Error {
+  constructor(message) {
+    super(`[react-snap-carousel]: ${message}`);
+  }
+};
+function useCarouselDrag({ goPrevious, goNext }) {
+  const [isPressing, setIsPressing] = useState(false);
+  const [dragStartPosition, setDragStartPosition] = useState(0);
+  function handleStartDrag(e) {
+    if (isMobile()) return;
+    setIsPressing(true);
+    document.addEventListener("mouseup", handleRelease);
+    setDragStartPosition(e.clientX);
+  }
+  function handleRelease() {
+    document.removeEventListener("mouseup", handleRelease);
+    setIsPressing(false);
+    setDragStartPosition(0);
+  }
+  function handleMouseMove(e) {
+    if (isMobile() || !isMobile() && !isPressing) return;
+    const currentX = e.clientX;
+    if (currentX > dragStartPosition) {
+      goPrevious();
+    } else if (currentX < dragStartPosition) {
+      goNext();
+    }
+  }
+  return {
+    handleMouseMove,
+    handleStartDrag
+  };
+}
+function useCarousel({ items }) {
+  const {
+    scrollRef,
+    pages,
+    activePageIndex,
+    hasPrevPage,
+    hasNextPage,
+    prev,
+    next,
+    snapPointIndexes,
+    refresh
+  } = useSnapCarousel({ axis: "x" });
+  const showControls = snapPointIndexes.size > 1;
+  const [numberOfItems, setNumberOfItems] = useState(items.length);
+  const [nextPage, setNextPage] = useState(0);
+  const railRef = useRef(null);
+  const rootRef = useRef(null);
+  const { handleMouseMove, handleStartDrag } = useCarouselDrag({
+    goNext,
+    goPrevious
+  });
+  useEffect(() => {
+    if (items.length !== numberOfItems) {
+      refresh();
+      setNumberOfItems(items.length);
+    }
+  }, [items]);
+  function setRef(el) {
+    scrollRef(el);
+    railRef.current = el;
+  }
+  function goNext() {
+    const nextIndex = activePageIndex + 1;
+    setNextPage(nextIndex);
+    next();
+  }
+  function goPrevious() {
+    setNextPage(activePageIndex === 0 ? activePageIndex : activePageIndex - 1);
+    prev();
+  }
+  return {
+    rootRef,
+    setRef,
+    nextPage,
+    pages,
+    railRef,
+    hasPrevPage,
+    hasNextPage,
+    goPrevious,
+    next,
+    goNext,
+    snapPointIndexes,
+    activePageIndex,
+    handleMouseMove,
+    handleStartDrag,
+    showControls
+  };
+}
+const Carousel = ({
+  items,
+  type,
+  mobileText = "",
+  draggable = true
+}) => {
+  const {
+    rootRef,
+    setRef,
+    snapPointIndexes,
+    activePageIndex,
+    pages,
+    hasPrevPage,
+    goPrevious,
+    hasNextPage,
+    goNext,
+    handleStartDrag,
+    handleMouseMove,
+    showControls
+  } = useCarousel({
+    items
+  });
+  const cl = classNames("au-carousel", { "au-carousel--draggable": draggable });
+  return /* @__PURE__ */ jsxs("div", { className: cl, ref: rootRef, children: [
+    /* @__PURE__ */ jsx(
+      "ul",
+      {
+        className: "au-carousel__rail",
+        ref: setRef,
+        onMouseDown: draggable ? handleStartDrag : void 0,
+        onMouseMove: draggable ? handleMouseMove : void 0,
+        children: items.map((item, i) => {
+          const key = `au-${item.key || i}`;
+          return /* @__PURE__ */ jsx(
+            "li",
+            {
+              className: classNames("au-carousel__item", {
+                "au-carousel__item--snap": snapPointIndexes.has(i)
+              }),
+              "data-key": key,
+              children: item
+            },
+            key
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Conditional,
+      {
+        condition: showControls,
+        renderIf: /* @__PURE__ */ jsxs("div", { className: "au-carousel__actions", children: [
+          type === "scrollbar" && /* @__PURE__ */ jsx(Scrollbar, { pageToEnterIndex: activePageIndex, pages }),
+          type === "pages" && /* @__PURE__ */ jsx(
+            Pagination,
+            {
+              pageToEnterIndex: activePageIndex,
+              pages,
+              mobileText
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: classNames("au-carousel__btns", {
+                "au-carousel__btns--pages": type === "pages"
+              }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    round: true,
+                    type: "outlined",
+                    disabled: !hasPrevPage,
+                    onClick: goPrevious,
+                    children: /* @__PURE__ */ jsx(IconChevronLeft, {})
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    round: true,
+                    type: "outlined",
+                    disabled: !hasNextPage,
+                    onClick: goNext,
+                    children: /* @__PURE__ */ jsx(IconChevronRight, {})
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+};
+export {
+  Carousel
+};
+//# sourceMappingURL=index.es.js.map

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

@@ -0,0 +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 { 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  } = 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    next,\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                <IconChevronLeft />\n              </Button>\n              <Button\n                round\n                type=\"outlined\"\n                disabled={!hasNextPage}\n                onClick={goNext}>\n                <IconChevronRight />\n              </Button>\n            </div>\n          </div>\n        }\n      />\n    </div>\n  )\n}\n"],"names":["useEffect2"],"mappings":"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","x_google_ignoreList":[3]}