@consumidor-positivo/aurora 0.0.191 → 0.0.192

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/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":";;;;;;;;;AAOO,MAAM,YAAY,CAAC,EAAE,kBAAkB,YAA4B;AAClE,QAAA,cAAc,OAAuB,IAAI;AACzC,QAAA,YAAY,OAAuB,IAAI;AAE7C,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,WAAW,CAAC,UAAU,QAAS;AAC1C,UAAA,YAAY,YAAY,QAAQ;AAChC,UAAA,UAAU,UAAU,QAAQ;AAClC,UAAM,uBAAuB,YAAY;AAEnC,UAAA,qBAAqB,mBAAmB,KAAK,MAAM;AACzD,UAAM,iBAAiB,oBAAoB;AAErC,UAAA,eAAe,qBAAqB,IAAI,IAAI;AAClD,cAAU,QAAQ,MAAM,YAAY,cAAc,YAAY;AAAA,EAAA,GAC7D,CAAC,OAAO,gBAAgB,CAAC;AAE5B,SACG,oBAAA,OAAA,EAAI,WAAU,0BAAyB,KAAK,aAC3C,UAAC,oBAAA,OAAA,EAAI,WAAU,iCAAgC,KAAK,UAAA,CAAW,EACjE,CAAA;AAEJ;AC3BA,MAAM,WAAW,MACf,CAAC,EACC,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;AAGb,SAAS,WAAW;AACrB,MAAA,CAAC,WAAY;AACjB,SAAO,CAAC,CAAC,OAAO,WAAW,8BAA8B,EAAE;AAC7D;ACFO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AAEnB,SAAA,oBAAC,SAAI,WAAU,2BACb,+BAAC,MAAK,EAAA,OAAM,aAAY,QAAO,WAC7B,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,SAAS;AAAA,QACrB,UAAU;AAAA,QACV,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAAG;AAAA,yBACF,KACE,EAAA,UAAA;AAAA,MAAmB,mBAAA;AAAA,MAAE;AAAA,MAAK,MAAM;AAAA,IAAA,GACnC;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;ACxBA,IAAI,4BAA4B,OAAO,aAAa,cAAc,kBAAkB;AAGpF,IAAI,kBAAkB,CAAC;AAAA,EACrB,OAAO;AAAA,EACP,eAAe,CAAE;AACnB,IAAI,OAAO;AACT,QAAM,YAAY,SAAS,MAAM,UAAU;AAC3C,QAAM,kBAAkB,SAAS,MAAM,gBAAgB;AACvD,QAAM,kBAAkB,SAAS,MAAM,gBAAgB;AACvD,QAAM,cAAc,SAAS,MAAM,SAAS;AAC5C,QAAM,aAAa,SAAS,MAAM,UAAU;AAC5C,QAAM,YAAY,SAAS,MAAM,eAAe;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,IAAI;AAC7C,QAAM,CAAC,EAAE,OAAO,gBAAiB,GAAE,gBAAgB,IAAI,SAAS;AAAA,IAC9D,OAAO;AAAA,IACP,iBAAiB;AAAA,EACrB,CAAG;AACD,QAAM,oBAAoB;AAAA,IACxB,CAAC,WAAW;AACV,UAAI,CAAC,UAAU;AACb;AAAA,MACD;AACD,YAAM,mBAAmB,KAAK,MAAM,SAAS,eAAe,IAAI,SAAS,SAAS,CAAC,KAAK,SAAS,eAAe;AAChH,UAAI,kBAAkB;AACpB,yBAAiB,EAAE,OAAO,QAAQ,iBAAiB,OAAO,SAAS,EAAC,CAAE;AACtE;AAAA,MACD;AACD,YAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ;AAC1C,YAAM,aAAa,SAAS;AAC5B,YAAM,UAAU,OAAO,IAAI,CAAC,SAAS;AACnC,cAAM,YAAY,KAAK,CAAC;AACxB,cAAM,SAAS,MAAM,SAAS;AAC9B,eAAO,kBAAkB,aAAa,sBAAsB;AAC5D,cAAM,gBAAgB;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,QACV;AACQ,cAAM,OAAO,OAAO;AACpB,cAAM,SAAS,KAAK,WAAW,IAAI,WAAW,WAAW,IAAI;AAC7D,eAAO,KAAK,IAAI,MAAM;AAAA,MAC9B,CAAO;AACD,YAAM,YAAY,KAAK,IAAI,GAAG,OAAO;AACrC,YAAM,sBAAsB,QAAQ,QAAQ,SAAS;AACrD,uBAAiB,EAAE,OAAO,QAAQ,iBAAiB,oBAAqB,CAAA;AAAA,IACzE;AAAA,IACD,CAAC,UAAU,iBAAiB,aAAa,iBAAiB,SAAS;AAAA,EACvE;AACE,QAAM,UAAU,YAAY,MAAM;AAChC,QAAI,CAAC,UAAU;AACb;AAAA,IACD;AACD,UAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ;AAC1C,UAAM,aAAa,SAAS;AAC5B,QAAI;AACJ,UAAM,SAAS,MAAM,OAAO,CAAC,KAAK,MAAM,MAAM;AAC5C,aAAO,gBAAgB,aAAa,sBAAsB;AAC1D,YAAM,WAAW,IAAI,IAAI,SAAS,CAAC;AACnC,YAAM,OAAO,cAAc,MAAM,KAAK,aAAa;AACnD,UAAI,CAAC,YAAY,KAAK,QAAQ,eAAe,UAAU,KAAK,UAAU,IAAI,mBAAmB,KAAK,KAAK,WAAW,SAAS,CAAC,GAAG;AAC7H,YAAI,KAAK,CAAC,CAAC,CAAC;AACZ,cAAM,gBAAgB;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,QACV;AACQ,2BAAmB,KAAK,WAAW,IAAI;AAAA,MAC/C,OAAa;AACL,iBAAS,KAAK,CAAC;AAAA,MAChB;AACD,aAAO;AAAA,IACR,GAAE,CAAE,CAAA;AACL,sBAAkB,MAAM;AAAA,EAC5B,GAAK,CAAC,mBAAmB,UAAU,WAAW,YAAY,WAAW,CAAC;AACpE,4BAA0B,MAAM;AAC9B;EACJ,GAAK,CAAC,OAAO,CAAC;AACZA,YAAW,MAAM;AACf,UAAM,SAAS,MAAM;AACnB;IACN;AACI,WAAO,iBAAiB,UAAU,MAAM;AACxC,WAAO,iBAAiB,qBAAqB,MAAM;AACnD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,MAAM;AAC3C,aAAO,oBAAoB,qBAAqB,MAAM;AAAA,IAC5D;AAAA,EACA,GAAK,CAAC,OAAO,CAAC;AACZA,YAAW,MAAM;AACf,QAAI,CAAC,UAAU;AACb;AAAA,IACD;AACD,UAAM,SAAS,MAAM;AACnB,wBAAkB,KAAK;AAAA,IAC7B;AACI,aAAS,iBAAiB,UAAU,MAAM;AAC1C,WAAO,MAAM;AACX,eAAS,oBAAoB,UAAU,MAAM;AAAA,IACnD;AAAA,EACG,GAAE,CAAC,mBAAmB,OAAO,QAAQ,CAAC;AACvC,QAAM,aAAa,CAAC,OAAO,SAAS;AAClC,QAAI,CAAC,UAAU;AACb;AAAA,IACD;AACD,UAAM,OAAO,MAAM,KAAK;AACxB,QAAI,CAAC,MAAM;AACT;AAAA,IACD;AACD,UAAM,QAAQ,MAAM,KAAK,SAAS,QAAQ;AAC1C,UAAM,YAAY,KAAK,CAAC;AACxB,UAAM,SAAS,MAAM,SAAS;AAC9B,QAAI,EAAE,kBAAkB,cAAc;AACpC;AAAA,IACD;AACD,UAAM,gBAAgB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,IACN;AACI,UAAM,YAAY,QAAQ,OAAO,SAAS,KAAK,aAAa;AAC5D,aAAS,SAAS;AAAA,MAChB;AAAA,MACA,CAAC,WAAW,GAAG,cAAc,QAAQ,OAAO,aAAa,EAAE,WAAW,IAAI;AAAA,IAChF,CAAK;AAAA,EACL;AACE,QAAM,aAAa,CAAC,SAAS;AAC3B,eAAW,kBAAkB,GAAG,IAAI;AAAA,EACxC;AACE,QAAM,aAAa,CAAC,SAAS;AAC3B,eAAW,kBAAkB,GAAG,IAAI;AAAA,EACxC;AACE,QAAM,mBAAmB;AAAA,IACvB,MAAM,IAAI,IAAI,MAAM,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC;AAAA,IAC1C,CAAC,KAAK;AAAA,EACV;AACE,QAAM,cAAc,kBAAkB;AACtC,QAAM,cAAc,kBAAkB,MAAM,SAAS;AACrD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,EACf;AACA;AACA,IAAI,gBAAgB,CAAC,IAAI,eAAe;AACtC,QAAM,OAAO,eAAe,EAAE;AAC9B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACR;AACD,QAAM,eAAe,eAAe,UAAU;AAC9C,SAAO;AAAA,IACL,MAAM,KAAK,OAAO,aAAa;AAAA,IAC/B,KAAK,KAAK,MAAM,aAAa;AAAA,IAC7B,OAAO,KAAK,QAAQ,aAAa;AAAA,IACjC,QAAQ,KAAK,SAAS,aAAa;AAAA,IACnC,OAAO,KAAK;AAAA,IACZ,QAAQ,KAAK;AAAA,EACjB;AACA;AACA,IAAI,iBAAiB,CAAC,OAAO;AAC3B,QAAM,OAAO,GAAG;AAChB,MAAI,aAAa;AACjB,MAAI,YAAY;AAChB,MAAI,WAAW,GAAG;AAClB,SAAO,UAAU;AACf,kBAAc,SAAS;AACvB,iBAAa,SAAS;AACtB,eAAW,SAAS;AAAA,EACrB;AACD,QAAM,OAAO,KAAK,OAAO;AACzB,QAAM,MAAM,KAAK,MAAM;AACvB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,OAAO,OAAO,KAAK;AAAA,IACnB,QAAQ,MAAM,KAAK;AAAA,IACnB,OAAO,KAAK;AAAA,IACZ,QAAQ,KAAK;AAAA,EACjB;AACA;AACA,IAAI,4BAA4B,CAAC,IAAI,QAAQ;AAC3C,QAAM,QAAQ,OAAO,iBAAiB,EAAE;AACxC,QAAM,gBAAgB,MAAM,iBAAiB,kBAAkB,GAAG,EAAE,KAAK;AACzE,MAAI,kBAAkB,QAAQ;AAC5B,WAAO;AAAA,EACR;AACD,QAAM,aAAa,uFAAuF,aAAa;AACvH,MAAI,cAAc,SAAS,IAAI,GAAG;AAChC,UAAM,QAAQ,SAAS,aAAa;AACpC,WAAO,CAAC,OAAO,MAAM,KAAK,GAAG,UAAU;AACvC,WAAO;AAAA,EACR;AACD,MAAI,cAAc,SAAS,GAAG,GAAG;AAC/B,UAAM,QAAQ,SAAS,aAAa;AACpC,WAAO,CAAC,OAAO,MAAM,KAAK,GAAG,UAAU;AACvC,WAAO,GAAG,cAAc,MAAM;AAAA,EAC/B;AACD,QAAM,IAAI,SAAS,UAAU;AAC/B;AACA,IAAI,2BAA2B,CAAC,IAAI,QAAQ;AAC1C,QAAM,QAAQ,OAAO,iBAAiB,EAAE;AACxC,QAAM,eAAe,MAAM,iBAAiB,iBAAiB,GAAG,EAAE,KAAK;AACvE,QAAM,aAAa,sEAAsE,YAAY;AACrG,SAAO,aAAa,SAAS,IAAI,GAAG,UAAU;AAC9C,QAAM,QAAQ,SAAS,YAAY;AACnC,SAAO,CAAC,OAAO,MAAM,KAAK,GAAG,UAAU;AACvC,SAAO;AACT;AACA,IAAI,4BAA4B,CAAC,UAAU,QAAQ,QAAQ;AACzD,QAAM,gBAAgB,0BAA0B,UAAU,GAAG;AAC7D,QAAM,eAAe,yBAAyB,QAAQ,GAAG;AACzD,QAAM,OAAO,cAAc,QAAQ,OAAO,aAAa;AACvD,SAAO,KAAK,IAAI,gBAAgB,cAAc,KAAK,GAAG,CAAC;AACzD;AACA,SAAS,OAAO,OAAO,SAAS;AAC9B,MAAI,OAAO;AACT;AAAA,EACD;AACD,QAAM,IAAI,SAAS,OAAO;AAC5B;AACA,IAAI,WAAW,cAAc,MAAM;AAAA,EACjC,YAAY,SAAS;AACnB,UAAM,0BAA0B,OAAO,EAAE;AAAA,EAC1C;AACH;ACpOO,SAAS,gBAAgB,EAAE,YAAY,UAA+B;AAC3E,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,CAAC;AAE5D,WAAS,gBAAgB,GAAmD;AAC1E,QAAI,SAAY,EAAA;AAChB,kBAAc,IAAI;AACT,aAAA,iBAAiB,WAAW,aAAa;AAClD,yBAAqB,EAAE,OAAO;AAAA,EAChC;AAEA,WAAS,gBAAgB;AACd,aAAA,oBAAoB,WAAW,aAAa;AACrD,kBAAc,KAAK;AACnB,yBAAqB,CAAC;AAAA,EACxB;AAEA,WAAS,gBAAgB,GAAmD;AAC1E,QAAI,cAAe,CAAC,SAAS,KAAK,CAAC,WAAa;AAEhD,UAAM,WAAW,EAAE;AACnB,QAAI,WAAW,mBAAmB;AACrB;IAAA,WACF,WAAW,mBAAmB;AAChC;IACT;AAAA,EACF;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;AChCwB,SAAA,YAAY,EAAE,SAA0B;AACxD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,gBAAgB,EAAE,MAAM,IAAK,CAAA;AAC3B,QAAA,eAAe,iBAAiB,OAAO;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,MAAM,MAAM;AAC/D,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AACpC,QAAA,UAAU,OAA2B,IAAI;AACzC,QAAA,UAAU,OAA8B,IAAI;AAClD,QAAM,EAAE,iBAAiB,gBAAgB,IAAI,gBAAgB;AAAA,IAC3D;AAAA,IACA;AAAA,EAAA,CACD;AAED,YAAU,MAAM;AACV,QAAA,MAAM,WAAW,eAAe;AAC1B;AACR,uBAAiB,MAAM,MAAM;AAAA,IAC/B;AAAA,EAAA,GACC,CAAC,KAAK,CAAC;AAEV,WAAS,OAAO,IAAwB;AACtC,cAAU,EAAE;AACZ,YAAQ,UAAU;AAAA,EACpB;AAEA,WAAS,SAAS;AAChB,UAAM,YAAY,kBAAkB;AACpC,gBAAY,SAAS;AAChB;EACP;AAEA,WAAS,aAAa;AACpB,gBAAY,oBAAoB,IAAI,kBAAkB,kBAAkB,CAAC;AACpE;EACP;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;AClDO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,YAAY;AACd,MAAqB;AACb,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,YAAY;AAAA,IACd;AAAA,EAAA,CACD;AAED,QAAM,KAAK,WAAW,eAAe,EAAE,0BAA0B,WAAW;AAC5E,SACG,qBAAA,OAAA,EAAI,WAAW,IAAI,KAAK,SACvB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK;AAAA,QACL,aAAa,YAAY,kBAAkB;AAAA,QAC3C,aAAa,YAAY,kBAAkB;AAAA,QAC1C,UAAM,MAAA,IAAI,CAAC,MAAM,MAAM;AACtB,gBAAM,MAAM,MAAM,KAAK,OAAO,CAAC;AAE7B,iBAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,WAAW,qBAAqB;AAAA,gBACzC,2BAA2B,iBAAiB,IAAI,CAAC;AAAA,cAAA,CAClD;AAAA,cACD,YAAU;AAAA,cAET,UAAA;AAAA,YAAA;AAAA,YADI;AAAA,UAAA;AAAA,QAEP,CAEH;AAAA,MAAA;AAAA,IACH;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,UACE,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,UAAA,SAAS,eACR,oBAAC,WAAU,EAAA,kBAAkB,iBAAiB,OAAc;AAAA,UAG7D,SAAS,WACR;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,kBAAkB;AAAA,cAClB;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,UAGF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW,WAAW,qBAAqB;AAAA,gBACzC,4BAA4B,SAAS;AAAA,cAAA,CACtC;AAAA,cACD,UAAA;AAAA,gBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAK;AAAA,oBACL,MAAK;AAAA,oBACL,UAAU,CAAC;AAAA,oBACX,SAAS;AAAA,oBACT,8BAAC,iBAAgB,EAAA;AAAA,kBAAA;AAAA,gBACnB;AAAA,gBACA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,OAAK;AAAA,oBACL,MAAK;AAAA,oBACL,UAAU,CAAC;AAAA,oBACX,SAAS;AAAA,oBACT,8BAAC,kBAAiB,EAAA;AAAA,kBAAA;AAAA,gBACpB;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;","x_google_ignoreList":[3]}

package/dist/components/Carousel/styles.css

@@ -0,0 +1 @@
+.au-carousel{overflow-x:hidden}.au-carousel--draggable .au-carousel__rail{cursor:grab}.au-carousel__rail{position:relative;display:flex;overflow:auto;scroll-snap-type:x mandatory;list-style-type:none}@media (max-width: 599px){.au-carousel__rail{width:calc(100% + 24px)}}.au-carousel__rail::-webkit-scrollbar{display:none}.au-carousel__item{flex-shrink:0;-webkit-user-select:none;user-select:none}.au-carousel__item--snap{scroll-snap-align:start}.au-carousel__actions{display:flex;align-items:center;justify-content:space-between;margin-top:32px;position:relative}@media (max-width: 599px){.au-carousel__actions{margin-top:24px}}.au-carousel__scrollbar{width:calc(100% - 114px);background:#e2e4e9;height:8px;border-radius:500px;flex-grow:0}.au-carousel__scrollbar-scroll{height:100%;width:272px;background-color:#0048db;-webkit-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;border-radius:500px}@media (max-width: 599px){.au-carousel__pagination{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:fit-content;display:flex;align-items:center}}.au-carousel__btns{display:flex;gap:16px}@media (max-width: 599px){.au-carousel__btns--pages{width:100%;justify-content:space-between}}

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

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

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

@@ -1,25 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
-const CardContainer = ({
-  direction,
-  alignItems,
-  justifyContent,
-  gap,
-  width,
-  children
-}) => {
-  const containerClasses = classNames("au-card__container", {
-    [`au-card__container--direction-${direction}`]: direction,
-    [`au-card__container--align-items-${alignItems}`]: alignItems,
-    [`au-card__container--justify-content-${justifyContent}`]: justifyContent
-  });
-  const containerStyle = {
-    gap: `${gap}px`,
-    width: `${width}px`
-  };
-  return /* @__PURE__ */ jsx("div", { style: containerStyle, className: containerClasses, children });
+import './styles.css';const Container = ({ customClass, children }) => {
+  return /* @__PURE__ */ jsx("div", { className: classNames("au-container", { [`${customClass}`]: !!customClass }), children });
 };
 export {
-  CardContainer
+  Container
 };
 //# sourceMappingURL=index.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/Card/Container/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n  direction?: 'column' | 'row'\n  alignItems?: 'center' | 'start'\n  justifyContent?: 'center' | 'space-between'\n  gap?: number\n  width?: number\n  children: ReactNode\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n    width: `${width}px`\n  }\n  return (\n    <div style={containerStyle} className={containerClasses}>\n      {children}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;AAWO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA,mBAAmB,WAAW,sBAAsB;AAAA,IACxD,CAAC,iCAAiC,SAAS,EAAE,GAAG;AAAA,IAChD,CAAC,mCAAmC,UAAU,EAAE,GAAG;AAAA,IACnD,CAAC,uCAAuC,cAAc,EAAE,GAAG;AAAA,EAAA,CAC5D;AAED,QAAM,iBAAgC;AAAA,IACpC,KAAK,GAAG,GAAG;AAAA,IACX,OAAO,GAAG,KAAK;AAAA,EAAA;AAEjB,6BACG,OAAI,EAAA,OAAO,gBAAgB,WAAW,kBACpC,SACH,CAAA;AAEJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Container/index.tsx"],"sourcesContent":["import cn from 'classnames'\n\nimport './styles.scss'\n\ntype ContainerProps = {\n  customClass?: string\n  children: React.ReactNode\n}\n\nexport const Container = ({ customClass, children }: ContainerProps) => {\n  return (\n    <div className={cn('au-container', { [`${customClass}`]: !!customClass })}>\n      {children}\n    </div>\n  )\n}\n"],"names":["cn"],"mappings":";;AASO,MAAM,YAAY,CAAC,EAAE,aAAa,eAA+B;AACtE,6BACG,OAAI,EAAA,WAAWA,WAAG,gBAAgB,EAAE,CAAC,GAAG,WAAW,EAAE,GAAG,CAAC,CAAC,YAAY,CAAC,GACrE,SACH,CAAA;AAEJ;"}

package/dist/components/Container/styles.css

@@ -0,0 +1 @@
+.au-container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-container{padding:0 16px}}

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

@@ -0,0 +1,7 @@
+type PaginationProps = {
+    pages: number[][];
+    pageToEnterIndex: number;
+    mobileText: string;
+};
+export declare const Pagination: ({ pageToEnterIndex, pages, mobileText, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+type ScrollbarProps = {
+    pages: number[][];
+    pageToEnterIndex: number;
+};
+export declare const Scrollbar: ({ pageToEnterIndex, pages }: ScrollbarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export declare function isMobile(): boolean | undefined;

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface CarouselProps {
+    items: JSX.Element[];
+    type: 'pages' | 'scrollbar';
+    mobileText?: string;
+    draggable?: boolean;
+}

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

@@ -0,0 +1,9 @@
+type UseCarouselDragArgs = {
+    goPrevious: () => void;
+    goNext: () => void;
+};
+export declare function useCarouselDrag({ goPrevious, goNext }: UseCarouselDragArgs): {
+    handleMouseMove: (e: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+    handleStartDrag: (e: React.MouseEvent<HTMLUListElement, MouseEvent>) => void;
+};
+export {};

package/dist/main.d.ts

@@ -31,8 +31,10 @@ export { ProgressBar } from './components/ProgressBar';
 export { Tag } from './components/Tag';
 export { Modal } from './components/Modal';
 export { Tooltip } from './components/Tooltip';
+export { Container } from './components/Container';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';
 export * from './components/icons';
 export * from './components/misc';
 export * from './core/tokens';
+export { Carousel } from './components/Prototype/Carousel';

package/dist/main.es.js

@@ -20,10 +20,9 @@ import { TextAreaField } from "./components/TextareaField/index.es.js";
 import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
-import { CardContainer } from "./components/Container/index.es.js";
-import { CardEmphasis } from "./components/Emphasis/index.es.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c as classNames } from "./index-CweZ_OcN.js";
+import { CardEmphasis } from "./components/Emphasis/index.es.js";
 import { Tabs } from "./components/Tabs/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
 import { Spinner } from "./components/Spinner/index.es.js";
@@ -32,6 +31,7 @@ import { ProgressBar } from "./components/ProgressBar/index.es.js";
 import { Tag } from "./components/Tag/index.es.js";
 import { Modal } from "./components/Modal/index.es.js";
 import { Tooltip } from "./components/Tooltip/index.es.js";
+import { Container } from "./components/Container/index.es.js";
 import { useState } from "react";
 import { p, o, q, L, a, b, c, d, e, f, g, h, i, j, k, l, m, n } from "./BadgeWhiteStrokeDefault-DWfsp2x-.js";
 import { IconActivity } from "./components/icons/IconActivity/index.es.js";
@@ -354,7 +354,27 @@ import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
 import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
 import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
 import { k as k2, j as j2, l as l2, i as i2, a as a2, B, ai, aj, ah, x, w, v, u, t, s, r, K, J, I, H, g as g2, G, F, E, D, A, z, y, W, V, U, T, S, b as b2, R, a6, a5, a4, a3, a2 as a22, f as f2, a1, h as h2, q as q2, p as p2, o as o2, c as c2, n as n2, m as m2, d as d2, Q, P, O, N, M, C, L as L2, a0, $, _, Z, Y, e as e2, X, ak, av, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, au, aw, ay, az, ax, al, am, an, ao, ap, aq, ar, as, at, a7, a8, a9, aa, ab, ac, ad, ae, af, ag } from "./tokens-D_iASp38.js";
-import './components/main/styles.css';const CardImage = ({ src, alt, width, height }) => {
+import { Carousel } from "./components/Carousel/index.es.js";
+import './components/main/styles.css';const CardContainer = ({
+  direction,
+  alignItems,
+  justifyContent,
+  gap,
+  width,
+  children
+}) => {
+  const containerClasses = classNames("au-card__container", {
+    [`au-card__container--direction-${direction}`]: direction,
+    [`au-card__container--align-items-${alignItems}`]: alignItems,
+    [`au-card__container--justify-content-${justifyContent}`]: justifyContent
+  });
+  const containerStyle = {
+    gap: `${gap}px`,
+    width: `${width}px`
+  };
+  return /* @__PURE__ */ jsx("div", { style: containerStyle, className: containerClasses, children });
+};
+const CardImage = ({ src, alt, width, height }) => {
   const imageSize = {
     width: `${width}px`,
     height: `${height}px`
@@ -371,7 +391,8 @@ const CardRoot = ({
   hoverShadow,
   paddingLess,
   children,
-  className
+  className,
+  ref
 }) => {
   const rootClasses = classNames("au-card__root", {
     "au-card__root--border-none": !border,
@@ -389,6 +410,7 @@ const CardRoot = ({
   return /* @__PURE__ */ jsx(
     "div",
     {
+      ref,
       style: rootSize,
       className: rootClasses,
       children
@@ -505,8 +527,10 @@ export {
   ak as CONTAINER_SIZE,
   components as Card,
   CardSwitch,
+  Carousel,
   Checkbox,
   Conditional,
+  Container,
   DatepickerField,
   Drawer,
   EmailField,

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Card/Image/index.tsx","../lib/components/Card/Root/index.tsx","../lib/components/Card/Tag/index.tsx","../lib/components/Card/index.tsx","../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n}\nexport const CardImage = ({ src, alt, width, height }: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  paddingLess?: boolean;\n  hoverShadow?: boolean\n  className?: string;\n  children: ReactNode\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  hoverShadow,\n  paddingLess,\n  children,\n  className\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n    'au-card__root--with-hover-shadow': !!hoverShadow,\n    'au-card__root--paddingless': !!paddingLess,\n    [String(className)]: !!className\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n  color?: 'primary' | 'secondary'\n  icon?: ReactNode\n  children: ReactNode\n}\nexport const CardTag = ({\n  color = 'primary',\n  icon,\n  children,\n}: CardTagProps) => {\n  const tagClasses = classNames('au-card__tag', {\n    'au-card__tag--primary': color === 'primary',\n    'au-card__tag--secondary': color === 'secondary',\n  })\n  return (\n    <div className={tagClasses}>\n      <span>{icon}</span>\n      <span>{children}</span>\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n","import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,YAAY,CAAC,EAAE,KAAK,KAAK,OAAO,aAA6B;AACxE,QAAM,YAA2B;AAAA,IAC/B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,EAAA;AAIjB,SAAA,oBAAC,SACC,UAAC,oBAAA,OAAA,EAAI,OAAO,WAAW,KAAU,IAAU,CAAA,EAC7C,CAAA;AAEJ;ACJO,MAAM,WAAW,CAAC;AAAA,EACvB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAqB;AACb,QAAA,cAAc,WAAW,iBAAiB;AAAA,IAC9C,8BAA8B,CAAC;AAAA,IAC/B,kCAAkC,UAAU;AAAA,IAC5C,oCAAoC,CAAC,CAAC;AAAA,IACtC,8BAA8B,CAAC,CAAC;AAAA,IAChC,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC;AAAA,EAAA,CACxB;AACD,QAAM,WAA0B;AAAA,IAC9B,OAAO,GAAG,KAAK;AAAA,IACf,QAAQ,GAAG,MAAM;AAAA,IACjB,UAAU,GAAG,QAAQ;AAAA,IACrB,WAAW,GAAG,SAAS;AAAA,EAAA;AAIvB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAGP;ACxCO,MAAM,UAAU,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR;AAAA,EACA;AACF,MAAoB;AACZ,QAAA,aAAa,WAAW,gBAAgB;AAAA,IAC5C,yBAAyB,UAAU;AAAA,IACnC,2BAA2B,UAAU;AAAA,EAAA,CACtC;AAEC,SAAA,qBAAC,OAAI,EAAA,WAAW,YACd,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAK,KAAA,CAAA;AAAA,IACZ,oBAAC,UAAM,UAAS;AAAA,EAClB,EAAA,CAAA;AAEJ;ACRA,MAAM,aAAyB;AAAA,EAC7B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AACP;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,QAAQ,GAAG;AACrC,CAAC;ACtBM,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Card/Container/index.tsx","../lib/components/Card/Image/index.tsx","../lib/components/Card/Root/index.tsx","../lib/components/Card/Tag/index.tsx","../lib/components/Card/index.tsx","../lib/components/Drawer/hooks.ts"],"sourcesContent":["import classNames from 'classnames'\nimport { CSSProperties, ReactNode } from 'react'\n\nexport type CardContainerProps = {\n  direction?: 'column' | 'row'\n  alignItems?: 'center' | 'start'\n  justifyContent?: 'center' | 'space-between'\n  gap?: number\n  width?: number\n  children: ReactNode\n}\nexport const CardContainer = ({\n  direction,\n  alignItems,\n  justifyContent,\n  gap,\n  width,\n  children,\n}: CardContainerProps) => {\n  const containerClasses = classNames('au-card__container', {\n    [`au-card__container--direction-${direction}`]: direction,\n    [`au-card__container--align-items-${alignItems}`]: alignItems,\n    [`au-card__container--justify-content-${justifyContent}`]: justifyContent,\n  })\n\n  const containerStyle: CSSProperties = {\n    gap: `${gap}px`,\n    width: `${width}px`\n  }\n  return (\n    <div style={containerStyle} className={containerClasses}>\n      {children}\n    </div>\n  )\n}\n","import { CSSProperties } from 'react'\n\nexport type CardImageProps = {\n  src: string\n  alt?: string\n  width?: number\n  height?: number\n}\nexport const CardImage = ({ src, alt, width, height }: CardImageProps) => {\n  const imageSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n  }\n\n  return (\n    <div>\n      <img style={imageSize} src={src} alt={alt} />\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { CSSProperties, ReactNode, Ref } from 'react'\n\nexport type CardRootProps = {\n  border?: boolean\n  color?: 'primary' | 'secondary'\n  width?: number\n  height?: number\n  maxWidth?: number\n  maxHeight?: number\n  paddingLess?: boolean;\n  hoverShadow?: boolean\n  className?: string;\n  children: ReactNode\n  ref?: Ref<HTMLDivElement>\n}\nexport const CardRoot = ({\n  border = true,\n  color = 'primary',\n  width,\n  height,\n  maxWidth,\n  maxHeight,\n  hoverShadow,\n  paddingLess,\n  children,\n  className,\n  ref\n}: CardRootProps) => {\n  const rootClasses = classNames('au-card__root', {\n    'au-card__root--border-none': !border,\n    'au-card__root--color-secondary': color === 'secondary',\n    'au-card__root--with-hover-shadow': !!hoverShadow,\n    'au-card__root--paddingless': !!paddingLess,\n    [String(className)]: !!className\n  })\n  const rootSize: CSSProperties = {\n    width: `${width}px`,\n    height: `${height}px`,\n    maxWidth: `${maxWidth}px`,\n    maxHeight: `${maxHeight}px`\n  }\n\n  return (\n    <div\n      ref={ref}\n      style={rootSize}\n      className={rootClasses}>\n      {children}\n    </div>\n  )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type CardTagProps = {\n  color?: 'primary' | 'secondary'\n  icon?: ReactNode\n  children: ReactNode\n}\nexport const CardTag = ({\n  color = 'primary',\n  icon,\n  children,\n}: CardTagProps) => {\n  const tagClasses = classNames('au-card__tag', {\n    'au-card__tag--primary': color === 'primary',\n    'au-card__tag--secondary': color === 'secondary',\n  })\n  return (\n    <div className={tagClasses}>\n      <span>{icon}</span>\n      <span>{children}</span>\n    </div>\n  )\n}\n","import { CardContainer, CardContainerProps } from './Container'\nimport { CardEmphasis, CardEmphasisProps } from './Emphasis'\nimport { CardImage, CardImageProps } from './Image'\nimport { CardRoot, CardRootProps } from './Root'\nimport { CardTag, CardTagProps } from './Tag'\nimport './styles.scss'\n\ntype Components = {\n  Root: React.FC<CardRootProps>\n  Container: React.FC<CardContainerProps>\n  Emphasis: React.FC<CardEmphasisProps>\n  Image: React.FC<CardImageProps>\n  Tag: React.FC<CardTagProps>\n}\n\nconst components: Components = {\n  Root: CardRoot,\n  Container: CardContainer,\n  Emphasis: CardEmphasis,\n  Image: CardImage,\n  Tag: CardTag,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Card.${key}`\n})\n\nexport { components as Card }\n","import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.0.191",
+  "version": "0.0.192",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",
@@ -38,7 +38,8 @@
   },
   "peerDependencies": {
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "react-snap-carousel": ">=0.3.0"
   },
   "dependencies": {
     "dotenv": "16.4.5",
@@ -77,6 +78,7 @@
     "prettier": "3.3.3",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
+    "react-snap-carousel": "0.5.1",
     "rimraf": "6.0.1",
     "rollup-plugin-css-only": "4.5.2",
     "sass": "1.77.8",