@faststore/ui 2.0.122-alpha.0 → 2.0.128-alpha.0

package/dist/index.d.ts

@@ -3,13 +3,7 @@ export { default as TextArea } from './components/atoms/TextArea';
 export type { TextAreaProps } from './components/atoms/TextArea';
 export { default as Incentive } from './components/atoms/Incentive';
 export type { IncentiveProps } from './components/atoms/Incentive';
-export { default as Bullets } from './components/molecules/Bullets';
-export type { BulletsProps } from './components/molecules/Bullets';
-export { default as Carousel } from './components/molecules/Carousel';
-export type { CarouselProps } from './components/molecules/Carousel';
 export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
 export type { BannerProps, BannerContentProps, BannerImageProps, BannerLinkProps, } from './components/molecules/Banner';
 export { Tile, Tiles } from './components/organisms/Tiles';
 export type { TilesProps, TileProps } from './components/organisms/Tiles';
-export { default as useSlider } from './hooks/useSlider';
-export type { UseSliderArgs, SliderState, SliderDispatch, SlideDirection, } from './hooks/useSlider';

package/dist/index.js

@@ -3,11 +3,7 @@ export * from '@faststore/components';
 export { default as TextArea } from './components/atoms/TextArea';
 export { default as Incentive } from './components/atoms/Incentive';
 // Molecules
-export { default as Bullets } from './components/molecules/Bullets';
-export { default as Carousel } from './components/molecules/Carousel';
 export { default as Banner, BannerContent, BannerImage, BannerLink, } from './components/molecules/Banner';
 // Organisms
 export { Tile, Tiles } from './components/organisms/Tiles';
-// Hooks
-export { default as useSlider } from './hooks/useSlider';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AAEZ,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAA;AAGrE,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA;AAG1D,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AAErC,QAAQ;AACR,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAGnE,YAAY;AACZ,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,aAAa,EACb,WAAW,EACX,UAAU,GACX,MAAM,+BAA+B,CAAA;AAQtC,YAAY;AACZ,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/ui",
-  "version": "2.0.122-alpha.0",
+  "version": "2.0.128-alpha.0",
   "description": "A lightweight, framework agnostic component library for React",
   "author": "emersonlaurentino",
   "license": "MIT",
@@ -58,5 +58,5 @@
     "node": "16.18.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "253c09ebb08354e8c7fead371d64e97cdf0b204b"
+  "gitHead": "45fb6de9e708a927326715d9de3b46a8030dc3bd"
 }

package/src/components/molecules/Carousel/styles.scss

@@ -4,49 +4,59 @@
   // --------------------------------------------------------
 
   // Track
-  --fs-carousel-padding-desktop           : var(--fs-spacing-0) 6.25rem;
+  --fs-carousel-padding-mobile             : 0 var(--fs-grid-padding);
+  --fs-carousel-padding-desktop            : 0 calc((100vw - 1230px)/2);
 
   // Item
-  --fs-carousel-item-width-mobile         : 80%;
-  --fs-carousel-item-width-desktop        : 15rem;
-  --fs-carousel-item-margin-right         : var(--fs-spacing-0);
+  --fs-carousel-item-width-mobile          : 60%;
+  --fs-carousel-item-width-tablet          : 14.2rem;
+  --fs-carousel-item-width-desktop         : 14.4rem;
+  --fs-carousel-item-margin-right          : var(--fs-spacing-3);
 
   // Controls
-  --fs-carousel-controls-width            : 3.125rem;
-  --fs-carousel-controls-height           : var(--fs-carousel-controls-width);
-  --fs-carousel-controls-position-top     : calc((100% - var(--fs-spacing-7) - var(--fs-spacing-1)) / 2);
-  --fs-carousel-controls-bkg-color        : var(--fs-color-neutral-0);
-  --fs-carousel-controls-border-radius    : var(--fs-border-radius-circle);
-  --fs-carousel-controls-box-shadow       : var(--fs-shadow-darker);
-  --fs-carousel-controls-icon-color       : var(--fs-color-neutral-7);
-
-  --fs-carousel-controls-control-left     : var(--fs-spacing-5);
-  --fs-carousel-controls-control-right    : var(--fs-carousel-controls-control-left);
+  --fs-carousel-controls-width             : 3.125rem;
+  --fs-carousel-controls-height            : var(--fs-carousel-controls-width);
+  --fs-carousel-controls-bkg-color         : var(--fs-color-neutral-0);
+  --fs-carousel-controls-border-radius     : var(--fs-border-radius-circle);
+  --fs-carousel-controls-box-shadow        : var(--fs-shadow-darker);
+  --fs-carousel-controls-icon-color        : var(--fs-color-neutral-7);
+
+  --fs-carousel-controls-control-left      : var(--fs-spacing-4);
+  --fs-carousel-controls-control-right     : var(--fs-carousel-controls-control-left);
+  --fs-carousel-controls-control-max-left  : calc(-1 * var(--fs-spacing-11));
+  --fs-carousel-controls-control-max-right : var(--fs-carousel-controls-control-max-left);
 
   // Bullets
-  --fs-carousel-bullets-padding-top       : var(--fs-carousel-controls-control-left);
-
-  --fs-carousel-bullet-width-mobile       : 100%;
-  --fs-carousel-bullet-width-desktop      : var(--fs-spacing-1);
-  --fs-carousel-bullet-height-mobile      : var(--fs-carousel-item-margin-right);
-  --fs-carousel-bullet-height-desktop     : var(--fs-carousel-bullet-width-desktop);
-  --fs-carousel-bullet-margin-right       : var(--fs-carousel-item-margin-right);
-  --fs-carousel-bullet-bkg-color          : var(--fs-color-neutral-3);
-  --fs-carousel-bullet-bkg-color-selected : var(--fs-color-main-4);
-  --fs-carousel-bullet-border-radius      : var(--fs-carousel-controls-border-radius);
+  --fs-carousel-bullets-padding-top        : var(--fs-carousel-controls-control-left);
+  --fs-carousel-bullets-padding-left       : var(--fs-grid-padding);
+  --fs-carousel-bullets-padding-right      : var(--fs-carousel-bullets-padding-left);
+  --fs-carousel-bullets-column-gap-mobile  : var(--fs-spacing-0);
+  --fs-carousel-bullets-column-gap-tablet  : var(--fs-spacing-3);
+
+  --fs-carousel-bullet-width-mobile        : 100%;
+  --fs-carousel-bullet-width-desktop       : var(--fs-spacing-1);
+  --fs-carousel-bullet-height-mobile       : var(--fs-spacing-0);
+  --fs-carousel-bullet-height-desktop      : var(--fs-carousel-bullet-width-desktop);
+  --fs-carousel-bullet-bkg-color           : var(--fs-color-neutral-3);
+  --fs-carousel-bullet-bkg-color-selected  : var(--fs-color-main-4);
+  --fs-carousel-bullet-border-radius       : var(--fs-carousel-controls-border-radius);
 
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
 
+  width: inherit;
+
   &:hover {
     [data-fs-carousel-controls] {
+      position: relative;
+
       @include media(">=tablet") {
         display: flex;
-        width: 100%;
+        margin: var(--fs-carousel-padding-desktop);
 
         [data-fs-carousel-control] {
-          top: var(--fs-carousel-controls-position-top);
+          bottom: calc(var(--fs-carousel-controls-height) + var(--fs-control-tap-size));
           display: flex;
           align-items: center;
           justify-content: center;
@@ -62,25 +72,41 @@
 
         [data-fs-carousel-control="left"] {
           position: absolute;
-          left: var(--fs-carousel-controls-control-left);
+          left: var(--fs-carousel-controls-control-right);
+          @include media(">notebook") {
+            left: var(--fs-carousel-controls-control-max-left);
+          }
         }
 
         [data-fs-carousel-control="right"] {
           position: absolute;
           right: var(--fs-carousel-controls-control-right);
+          @include media(">notebook") {
+            right: var(--fs-carousel-controls-control-max-right);
+          }
         }
 
-        [data-fs-icon] { display: flex; }
+        [data-fs-icon] {
+          display: flex;
+          color: var(--fs-carousel-controls-icon-color);
+        }
       }
     }
   }
 
+  [data-fs-carousel-controls] {
+    position: relative;
+    display: none;
+  }
+
   [data-fs-carousel-track] {
+    padding: var(--fs-carousel-padding-mobile);
+
     &::-webkit-scrollbar {
       display: none;
     }
 
-    @include media(">=tablet") {
+    @include media(">notebook") {
       padding: var(--fs-carousel-padding-desktop);
     }
   }
@@ -88,58 +114,58 @@
   [data-fs-carousel-item] {
     width: var(--fs-carousel-item-width-mobile);
 
-    @include media(">=tablet") {
-      width: var(--fs-carousel-item-width-desktop);
-      height: 100%;
+    &:not(:last-of-type) {
       margin-right: var(--fs-carousel-item-margin-right);
     }
-  }
 
-  [data-fs-icon] {
-    color: var(--fs-carousel-controls-icon-color);
-  }
+    @include media(">=tablet") {
+      width: var(--fs-carousel-item-width-tablet);
+      height: 100%;
+    }
 
-  [data-fs-carousel-controls] {
-    display: none;
+    @include media(">=desktop") {
+      width: var(--fs-carousel-item-width-desktop);
+    }
   }
 
   [data-fs-carousel-bullets] {
+    position: relative;
     width: 100%;
     padding-top: var(--fs-carousel-bullets-padding-top);
+    display: flex;
+    flex-flow: row nowrap;
+    column-gap: var(--fs-carousel-bullets-column-gap-mobile);
+    padding-left: var(--fs-carousel-bullets-padding-left);
+    padding-right: var(--fs-carousel-bullets-padding-right);
 
     @include media(">=tablet") {
-      display: flex;
+      width: fit-content;
       align-items: center;
       justify-content: center;
+      margin: auto;
+      column-gap: var(--fs-carousel-bullets-column-gap-tablet);
     }
 
-    [data-fs-bullets] {
-      display: flex;
-      flex-flow: row nowrap;
-
-      @include media(">=tablet") {
-        column-gap: var(--fs-spacing-3);
-      }
-
-      [data-fs-bullet] {
-        width: var(--fs-carousel-bullet-width-mobile);
+    [data-fs-carousel-bullet] {
+      padding: 0;
+      border-color: transparent;
+      width: var(--fs-carousel-bullet-width-mobile);
+      &::after {
+        width: 100%;
         height: var(--fs-carousel-bullet-height-mobile);
-        padding: 0;
-        margin-right: var(--fs-carousel-bullet-margin-right);
         background-color: var(--fs-carousel-bullet-bkg-color);
-        border-color: transparent;
-
-        &[aria-selected="true"] {
-          background-color: var(--fs-carousel-bullet-bkg-color-selected);
-        }
-
+        content: "";
         @include media(">=tablet") {
           width: var(--fs-carousel-bullet-width-desktop);
           height: var(--fs-carousel-bullet-height-desktop);
           margin: 0;
           border-radius: var(--fs-carousel-bullet-border-radius);
+          content: "";
         }
       }
+      &[aria-selected="true"]::after {
+        background-color: var(--fs-carousel-bullet-bkg-color-selected);
+      }
     }
   }
 }

package/src/components/molecules/NavbarLinks/styles.scss

@@ -78,7 +78,7 @@
       border-left: var(--fs-navbar-links-list-border-left-width-notebook) solid var(--fs-navbar-links-list-border-left-color-notebook);
     }
 
-    [data-fs-navbar-links-list-item] {
+    [data-fs-navbar-links-list-item] > [data-fs-link] {
       width: var(--fs-navbar-links-link-width-notebook);
       padding: var(--fs-navbar-links-link-padding-notebook);
     }

package/src/components/organisms/ProductShelf/styles.scss

@@ -6,19 +6,18 @@
   --fs-product-shelf-items-gap              : var(--fs-grid-gap-1);
   --fs-product-shelf-items-padding-top      : var(--fs-spacing-0);
   --fs-product-shelf-items-padding-bottom   : var(--fs-spacing-3);
-  --fs-product-shelf-items-left             : calc(-1 * var(--fs-spacing-1));
 
   // --------------------------------------------------------
   // Structural Styles
   // --------------------------------------------------------
 
+  width: 100%;
+
   [data-fs-product-shelf-items] {
     display: flex;
     align-items: stretch;
     overflow-x: auto;
     position: relative;
-    left: var(--fs-product-shelf-items-left);
-
 
     [data-fs-product-shelf-item] { width: 100%; }
 

package/src/index.ts

@@ -8,13 +8,6 @@ export { default as Incentive } from './components/atoms/Incentive'
 export type { IncentiveProps } from './components/atoms/Incentive'
 
 // Molecules
-
-export { default as Bullets } from './components/molecules/Bullets'
-export type { BulletsProps } from './components/molecules/Bullets'
-
-export { default as Carousel } from './components/molecules/Carousel'
-export type { CarouselProps } from './components/molecules/Carousel'
-
 export {
   default as Banner,
   BannerContent,
@@ -31,12 +24,3 @@ export type {
 // Organisms
 export { Tile, Tiles } from './components/organisms/Tiles'
 export type { TilesProps, TileProps } from './components/organisms/Tiles'
-
-// Hooks
-export { default as useSlider } from './hooks/useSlider'
-export type {
-  UseSliderArgs,
-  SliderState,
-  SliderDispatch,
-  SlideDirection,
-} from './hooks/useSlider'

package/dist/components/molecules/Bullets/Bullets.d.ts

@@ -1,35 +0,0 @@
-import type { HTMLAttributes, MouseEvent } from 'react';
-import React from 'react';
-export interface BulletsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role'> {
-    /**
-     * Number of bullets that should be rendered.
-     */
-    totalQuantity: number;
-    /**
-     * The currently active bullet (zero-indexed).
-     */
-    activeBullet: number;
-    /**
-     * Event handler for clicks on each bullet. The handler will be called with
-     * the index of the bullet that received the click.
-     */
-    onClick: (e: MouseEvent, bulletIdx: number) => void;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Function that should be used to generate the aria-label attribute added
-     * to each bullet that is inactive. It receives the bullet index as an
-     * argument so that it can be interpolated in the generated string.
-     */
-    ariaLabelGenerator?: (index: number, isActive: boolean) => string;
-    /**
-     * Function that should be used to generate the aria-controls attribute added
-     * to each bullet. It receives the bullet index as argument and should return a string.
-     */
-    ariaControlsGenerator?: (index: number) => string;
-}
-declare const Bullets: React.ForwardRefExoticComponent<BulletsProps & React.RefAttributes<HTMLDivElement>>;
-export default Bullets;

package/dist/components/molecules/Bullets/Bullets.js

@@ -1,12 +0,0 @@
-import React, { forwardRef, useMemo } from 'react';
-import { Button } from '@faststore/components';
-const defaultAriaLabel = (idx, isActive) => isActive ? 'Current page' : `Go to page ${idx + 1}`;
-const Bullets = forwardRef(function Bullets({ totalQuantity, activeBullet, onClick, testId = 'store-bullets', ariaLabelGenerator = defaultAriaLabel, ariaControlsGenerator, ...otherProps }, ref) {
-    const bulletIndexes = useMemo(() => Array(totalQuantity).fill(0), [totalQuantity]);
-    return (React.createElement("div", { ref: ref, "data-fs-bullets": true, "data-testid": testId, role: "tablist", ...otherProps }, bulletIndexes.map((_, idx) => {
-        const isActive = activeBullet === idx;
-        return (React.createElement(Button, { key: idx, role: "tab", tabIndex: -1, "data-fs-bullet": true, testId: `${testId}-bullet`, onClick: (e) => onClick(e, idx), "aria-label": ariaLabelGenerator(idx, isActive), "aria-controls": ariaControlsGenerator?.(idx), "aria-selected": isActive }));
-    })));
-});
-export default Bullets;
-//# sourceMappingURL=Bullets.js.map

package/dist/components/molecules/Bullets/Bullets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bullets.js","sourceRoot":"","sources":["../../../../src/components/molecules/Bullets/Bullets.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAA;AAmC9C,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,QAAiB,EAAE,EAAE,CAC1D,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,EAAE,CAAA;AAErD,MAAM,OAAO,GAAG,UAAU,CAA+B,SAAS,OAAO,CACvE,EACE,aAAa,EACb,YAAY,EACZ,OAAO,EACP,MAAM,GAAG,eAAe,EACxB,kBAAkB,GAAG,gBAAgB,EACrC,qBAAqB,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAClC,CAAC,aAAa,CAAC,CAChB,CAAA;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,0CAEK,MAAM,EACnB,IAAI,EAAC,SAAS,KACV,UAAU,IAEb,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,YAAY,KAAK,GAAG,CAAA;QAErC,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,0BAEZ,MAAM,EAAE,GAAG,MAAM,SAAS,EAC1B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,gBACnB,kBAAkB,CAAC,GAAG,EAAE,QAAQ,CAAC,mBAC9B,qBAAqB,EAAE,CAAC,GAAG,CAAC,mBAC5B,QAAQ,GACvB,CACH,CAAA;IACH,CAAC,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/components/molecules/Bullets/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Bullets';
-export type { BulletsProps } from './Bullets';

package/dist/components/molecules/Bullets/index.js

@@ -1,2 +0,0 @@
-export { default } from './Bullets';
-//# sourceMappingURL=index.js.map

package/dist/components/molecules/Bullets/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/molecules/Bullets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/components/molecules/Carousel/Arrows.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-interface IconProps {
-    size?: {
-        width: number;
-        height: number;
-    };
-    viewBox?: string;
-    color?: string;
-}
-export declare const LeftArrowIcon: ({ size, viewBox, color, }: IconProps) => JSX.Element;
-export declare const RightArrowIcon: ({ size, viewBox, color, }: IconProps) => JSX.Element;
-export {};

package/dist/components/molecules/Carousel/Arrows.js

@@ -1,6 +0,0 @@
-import React from 'react';
-export const LeftArrowIcon = ({ size = { width: 25, height: 25 }, viewBox = '0 0 16 16', color = 'currentColor', }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: viewBox, width: size.width, height: size.height },
-    React.createElement("path", { d: "M11 1L4 8L11 15", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round", stroke: color, fill: "none" })));
-export const RightArrowIcon = ({ size = { width: 25, height: 25 }, viewBox = '0 0 16 16', color = 'currentColor', }) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: viewBox, width: size.width, height: size.height },
-    React.createElement("path", { d: "M5 15L12 8L5 1", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round", stroke: color, fill: "none" })));
-//# sourceMappingURL=Arrows.js.map

package/dist/components/molecules/Carousel/Arrows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Arrows.js","sourceRoot":"","sources":["../../../../src/components/molecules/Carousel/Arrows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,IAAI,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,cAAc,GACZ,EAAE,EAAE,CAAC,CACf,6BACE,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM;IAEnB,8BACE,CAAC,EAAC,iBAAiB,EACnB,WAAW,EAAC,GAAG,EACf,gBAAgB,EAAC,IAAI,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,MAAM,GACX,CACE,CACP,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAChC,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,cAAc,GACZ,EAAE,EAAE,CAAC,CACf,6BACE,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM;IAEnB,8BACE,CAAC,EAAC,gBAAgB,EAClB,WAAW,EAAC,GAAG,EACf,gBAAgB,EAAC,IAAI,EACrB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,MAAM,GACX,CACE,CACP,CAAA"}

package/dist/components/molecules/Carousel/Carousel.d.ts

@@ -1,54 +0,0 @@
-import type { ReactNode, PropsWithChildren } from 'react';
-import type { SwipeableProps } from 'react-swipeable';
-export interface CarouselProps extends SwipeableProps {
-    /**
-     * ID of the current instance of the component.
-     */
-    id?: string;
-    /**
-     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
-     */
-    testId?: string;
-    /**
-     * Returns the value of element's class content attribute.
-     */
-    className?: string;
-    /**
-     * Whether or not the Carousel is infinite slide/scroll. Only for the `slide` variant.
-     * @default true
-     */
-    infiniteMode?: boolean;
-    /**
-     * Specifies which navigation elements should be visible.
-     * @default complete
-     */
-    controls?: 'complete' | 'navigationArrows' | 'paginationBullets';
-    /**
-     * Specifies the slide transition. Only for the `slide` variant
-     */
-    transition?: {
-        duration: number;
-        property: string;
-        delay?: number;
-        timing?: string;
-    };
-    /**
-     * Specifies the number of items per page.
-     * @default 1
-     */
-    itemsPerPage?: number;
-    /**
-     * Specifies the Carousel track variant.
-     * @default slide
-     */
-    variant?: 'slide' | 'scroll';
-    /**
-     * Specifies the navigation icons.
-     */
-    navigationIcons?: {
-        left?: ReactNode;
-        right?: ReactNode;
-    };
-}
-declare function Carousel({ infiniteMode, controls, testId, transition, children, className, id, variant, itemsPerPage, navigationIcons, ...swipeableConfigOverrides }: PropsWithChildren<CarouselProps>): JSX.Element;
-export default Carousel;