@basic-ui/core 0.0.51 → 0.0.53

package/build/esm/Carousel/Carousel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface CarouselProps extends React.HTMLAttributes<HTMLElement> {
+    as?: React.ElementType<any>;
+    isRTL?: boolean;
+    currentSlide?: number;
+    slidesToShow?: number;
+    children?: React.ReactNode;
+}
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLElement>>;

package/build/esm/Carousel/Carousel.js

@@ -0,0 +1,38 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef, useMemo, useRef } from 'react';
+import { assignMultipleRefs } from '../utils/assignRef';
+import { CarouselProvider } from './context';
+export var Carousel = forwardRef(function Carousel(_ref, forwardedRef) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'section' : _ref$as,
+      _ref$currentSlide = _ref.currentSlide,
+      currentSlide = _ref$currentSlide === void 0 ? 0 : _ref$currentSlide,
+      _ref$slidesToShow = _ref.slidesToShow,
+      slidesToShow = _ref$slidesToShow === void 0 ? 1 : _ref$slidesToShow,
+      _ref$isRTL = _ref.isRTL,
+      isRTL = _ref$isRTL === void 0 ? false : _ref$isRTL,
+      children = _ref.children,
+      otherProps = _objectWithoutProperties(_ref, ["as", "currentSlide", "slidesToShow", "isRTL", "children"]);
+
+  var containerRef = useRef(null);
+  var contextValue = useMemo(function () {
+    return {
+      slidesToShow: slidesToShow,
+      isRTL: isRTL,
+      currentSlide: currentSlide,
+      itemWidth: 100 / slidesToShow,
+      containerRef: containerRef
+    };
+  }, [currentSlide, isRTL, slidesToShow]);
+  return /*#__PURE__*/React.createElement(CarouselProvider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: assignMultipleRefs(forwardedRef, containerRef)
+  }, otherProps, {
+    role: "region",
+    "data-carousel-root": "",
+    "aria-roledescription": "carousel"
+  }), children));
+});
+//# sourceMappingURL=Carousel.js.map

package/build/esm/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Carousel.tsx"],"names":["React","forwardRef","useMemo","useRef","assignMultipleRefs","CarouselProvider","Carousel","forwardedRef","as","Comp","currentSlide","slidesToShow","isRTL","children","otherProps","containerRef","contextValue","itemWidth"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,OAA5B,EAAqCC,MAArC,QAAmD,OAAnD;AACA,SAASC,kBAAT,QAAmC,oBAAnC;AACA,SAASC,gBAAT,QAAiC,WAAjC;AAUA,OAAO,IAAMC,QAAQ,GAAGL,UAAU,CAChC,SAASK,QAAT,OASEC,YATF,EAUE;AAAA,qBAREC,EAQF;AAAA,MARMC,IAQN,wBARa,SAQb;AAAA,+BAPEC,YAOF;AAAA,MAPEA,YAOF,kCAPiB,CAOjB;AAAA,+BANEC,YAMF;AAAA,MANEA,YAMF,kCANiB,CAMjB;AAAA,wBALEC,KAKF;AAAA,MALEA,KAKF,2BALU,KAKV;AAAA,MAJEC,QAIF,QAJEA,QAIF;AAAA,MAHKC,UAGL;;AACA,MAAMC,YAAY,GAAGZ,MAAM,CAAqB,IAArB,CAA3B;AACA,MAAMa,YAAY,GAAGd,OAAO,CAC1B;AAAA,WAAO;AACLS,MAAAA,YAAY,EAAZA,YADK;AAELC,MAAAA,KAAK,EAALA,KAFK;AAGLF,MAAAA,YAAY,EAAZA,YAHK;AAILO,MAAAA,SAAS,EAAE,MAAMN,YAJZ;AAKLI,MAAAA,YAAY,EAAZA;AALK,KAAP;AAAA,GAD0B,EAQ1B,CAACL,YAAD,EAAeE,KAAf,EAAsBD,YAAtB,CAR0B,CAA5B;AAWA,sBACE,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEK;AAAzB,kBACE,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEZ,kBAAkB,CAACG,YAAD,EAAeQ,YAAf;AADzB,KAEMD,UAFN;AAGE,IAAA,IAAI,EAAC,QAHP;AAIE,0BAAmB,EAJrB;AAKE,4BAAqB;AALvB,MAOGD,QAPH,CADF,CADF;AAaD,CArC+B,CAA3B","sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { CarouselProvider } from './context';\n\nexport interface CarouselProps extends React.HTMLAttributes<HTMLElement> {\n  as?: React.ElementType<any>;\n  isRTL?: boolean;\n  currentSlide?: number;\n  slidesToShow?: number;\n  children?: React.ReactNode;\n}\n\nexport const Carousel = forwardRef<HTMLElement, CarouselProps>(\n  function Carousel(\n    {\n      as: Comp = 'section',\n      currentSlide = 0,\n      slidesToShow = 1,\n      isRTL = false,\n      children,\n      ...otherProps\n    },\n    forwardedRef\n  ) {\n    const containerRef = useRef<HTMLElement | null>(null);\n    const contextValue = useMemo(\n      () => ({\n        slidesToShow,\n        isRTL,\n        currentSlide,\n        itemWidth: 100 / slidesToShow,\n        containerRef,\n      }),\n      [currentSlide, isRTL, slidesToShow]\n    );\n\n    return (\n      <CarouselProvider value={contextValue}>\n        <Comp\n          ref={assignMultipleRefs(forwardedRef, containerRef)}\n          {...otherProps}\n          role=\"region\"\n          data-carousel-root=\"\"\n          aria-roledescription=\"carousel\"\n        >\n          {children}\n        </Comp>\n      </CarouselProvider>\n    );\n  }\n);\n"],"file":"Carousel.js"}

package/build/esm/Carousel/Fader.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SpringConfig } from 'react-spring';
+import { GestureHandlersState } from '../hooks';
+export declare const faderConfig: SpringConfig;
+export interface FaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+    mouseSwipe?: boolean;
+    touchSwipe?: boolean;
+    onSwipeRight?: (s: Partial<GestureHandlersState>) => void;
+    onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;
+    springConfig?: SpringConfig;
+    children?: React.ReactNode[] | React.ReactNode;
+}
+export declare const Fader: React.ForwardRefExoticComponent<FaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/Fader.js

@@ -0,0 +1,76 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef, Children, useMemo } from 'react';
+import { useTransition, animated } from 'react-spring';
+import { getCircularIndex } from '../utils/getCircularIndex';
+import { useCarouselGestures } from './useCarouselGestures';
+import { useCarouselContext } from './context';
+export var faderConfig = {
+  tension: 280,
+  friction: 75,
+  clamp: true
+};
+export var Fader = forwardRef(function Fader(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      maybeSingleChildren = _ref.children,
+      _ref$springConfig = _ref.springConfig,
+      springConfig = _ref$springConfig === void 0 ? faderConfig : _ref$springConfig,
+      _ref$mouseSwipe = _ref.mouseSwipe,
+      mouseSwipe = _ref$mouseSwipe === void 0 ? false : _ref$mouseSwipe,
+      _ref$touchSwipe = _ref.touchSwipe,
+      touchSwipe = _ref$touchSwipe === void 0 ? false : _ref$touchSwipe,
+      onSwipeLeft = _ref.onSwipeLeft,
+      onSwipeRight = _ref.onSwipeRight,
+      otherProps = _objectWithoutProperties(_ref, ["as", "children", "springConfig", "mouseSwipe", "touchSwipe", "onSwipeLeft", "onSwipeRight"]);
+
+  var _useCarouselContext = useCarouselContext(),
+      _useCarouselContext$i = _useCarouselContext.isRTL,
+      isRTL = _useCarouselContext$i === void 0 ? false : _useCarouselContext$i,
+      _useCarouselContext$c = _useCarouselContext.currentSlide,
+      nextSlideIndex = _useCarouselContext$c === void 0 ? 0 : _useCarouselContext$c,
+      containerRef = _useCarouselContext.containerRef;
+
+  var children = useMemo(function () {
+    return Children.toArray(maybeSingleChildren);
+  }, [maybeSingleChildren]);
+  var transitions = useTransition(nextSlideIndex, {
+    config: springConfig,
+    from: {
+      opacity: 0
+    },
+    enter: {
+      opacity: 1
+    },
+    leave: {
+      opacity: 0
+    }
+  });
+
+  var _useCarouselGestures = useCarouselGestures({
+    onSwipeLeft: onSwipeLeft,
+    onSwipeRight: onSwipeRight,
+    isRTL: isRTL,
+    containerRef: containerRef
+  }),
+      handlers = _useCarouselGestures.handlers;
+
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    onTouchStart: touchSwipe ? handlers.onTouchStart : undefined,
+    onMouseDown: mouseSwipe ? handlers.onMouseDown : undefined,
+    "aria-live": "polite",
+    "data-carousel-slider": "",
+    ref: ref
+  }, otherProps), transitions(function (style, item) {
+    var idx = getCircularIndex(item, children.length);
+
+    if (idx !== null) {
+      return /*#__PURE__*/React.createElement(animated.span, {
+        style: style
+      }, children[idx]);
+    }
+
+    return null;
+  }));
+});
+//# sourceMappingURL=Fader.js.map

package/build/esm/Carousel/Fader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Fader.tsx"],"names":["React","forwardRef","Children","useMemo","useTransition","animated","getCircularIndex","useCarouselGestures","useCarouselContext","faderConfig","tension","friction","clamp","Fader","ref","as","Comp","maybeSingleChildren","children","springConfig","mouseSwipe","touchSwipe","onSwipeLeft","onSwipeRight","otherProps","isRTL","currentSlide","nextSlideIndex","containerRef","toArray","transitions","config","from","opacity","enter","leave","handlers","onTouchStart","undefined","onMouseDown","style","item","idx","length"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,QAA5B,EAAsCC,OAAtC,QAAqD,OAArD;AACA,SAASC,aAAT,EAAsCC,QAAtC,QAAsD,cAAtD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AACA,SAASC,mBAAT,QAAoC,uBAApC;AACA,SAASC,kBAAT,QAAmC,WAAnC;AAGA,OAAO,IAAMC,WAAyB,GAAG;AACvCC,EAAAA,OAAO,EAAE,GAD8B;AAEvCC,EAAAA,QAAQ,EAAE,EAF6B;AAGvCC,EAAAA,KAAK,EAAE;AAHgC,CAAlC;AAgBP,OAAO,IAAMC,KAAK,GAAGZ,UAAU,CAAC,SAASY,KAAT,OAW9BC,GAX8B,EAY9B;AAAA,qBAVEC,EAUF;AAAA,MAVMC,IAUN,wBAVa,KAUb;AAAA,MATYC,mBASZ,QATEC,QASF;AAAA,+BAREC,YAQF;AAAA,MAREA,YAQF,kCARiBV,WAQjB;AAAA,6BAPEW,UAOF;AAAA,MAPEA,UAOF,gCAPe,KAOf;AAAA,6BANEC,UAMF;AAAA,MANEA,UAMF,gCANe,KAMf;AAAA,MALEC,WAKF,QALEA,WAKF;AAAA,MAJEC,YAIF,QAJEA,YAIF;AAAA,MAHKC,UAGL;;AAAA,4BAKIhB,kBAAkB,EALtB;AAAA,kDAEEiB,KAFF;AAAA,MAEEA,KAFF,sCAEU,KAFV;AAAA,kDAGEC,YAHF;AAAA,MAGgBC,cAHhB,sCAGiC,CAHjC;AAAA,MAIEC,YAJF,uBAIEA,YAJF;;AAMA,MAAMV,QAAQ,GAAGf,OAAO,CAAC;AAAA,WAAMD,QAAQ,CAAC2B,OAAT,CAAiBZ,mBAAjB,CAAN;AAAA,GAAD,EAA8C,CACpEA,mBADoE,CAA9C,CAAxB;AAIA,MAAMa,WAAW,GAAG1B,aAAa,CAACuB,cAAD,EAAiB;AAChDI,IAAAA,MAAM,EAAEZ,YADwC;AAEhDa,IAAAA,IAAI,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAF0C;AAGhDC,IAAAA,KAAK,EAAE;AAAED,MAAAA,OAAO,EAAE;AAAX,KAHyC;AAIhDE,IAAAA,KAAK,EAAE;AAAEF,MAAAA,OAAO,EAAE;AAAX;AAJyC,GAAjB,CAAjC;;AAVA,6BAiBqB1B,mBAAmB,CAAC;AACvCe,IAAAA,WAAW,EAAXA,WADuC;AAEvCC,IAAAA,YAAY,EAAZA,YAFuC;AAGvCE,IAAAA,KAAK,EAALA,KAHuC;AAIvCG,IAAAA,YAAY,EAAZA;AAJuC,GAAD,CAjBxC;AAAA,MAiBQQ,QAjBR,wBAiBQA,QAjBR;;AAwBA,sBACE,oBAAC,IAAD;AACE,IAAA,YAAY,EAAEf,UAAU,GAAGe,QAAQ,CAACC,YAAZ,GAA2BC,SADrD;AAEE,IAAA,WAAW,EAAElB,UAAU,GAAGgB,QAAQ,CAACG,WAAZ,GAA0BD,SAFnD;AAGE,iBAAU,QAHZ;AAIE,4BAAqB,EAJvB;AAKE,IAAA,GAAG,EAAExB;AALP,KAMMU,UANN,GAQGM,WAAW,CAAC,UAACU,KAAD,EAAQC,IAAR,EAAiB;AAC5B,QAAMC,GAAG,GAAGpC,gBAAgB,CAACmC,IAAD,EAAOvB,QAAQ,CAACyB,MAAhB,CAA5B;;AACA,QAAID,GAAG,KAAK,IAAZ,EAAkB;AAChB,0BAAO,oBAAC,QAAD,CAAU,IAAV;AAAe,QAAA,KAAK,EAAEF;AAAtB,SAA8BtB,QAAQ,CAACwB,GAAD,CAAtC,CAAP;AACD;;AAED,WAAO,IAAP;AACD,GAPW,CARd,CADF;AAmBD,CAvD8B,CAAxB","sourcesContent":["import React, { forwardRef, Children, useMemo } from 'react';\nimport { useTransition, SpringConfig, animated } from 'react-spring';\nimport { getCircularIndex } from '../utils/getCircularIndex';\nimport { useCarouselGestures } from './useCarouselGestures';\nimport { useCarouselContext } from './context';\nimport { GestureHandlersState } from '../hooks';\n\nexport const faderConfig: SpringConfig = {\n  tension: 280,\n  friction: 75,\n  clamp: true,\n};\n\nexport interface FaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  mouseSwipe?: boolean;\n  touchSwipe?: boolean;\n  onSwipeRight?: (s: Partial<GestureHandlersState>) => void;\n  onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;\n  springConfig?: SpringConfig;\n  children?: React.ReactNode[] | React.ReactNode;\n}\n\nexport const Fader = forwardRef(function Fader(\n  {\n    as: Comp = 'div',\n    children: maybeSingleChildren,\n    springConfig = faderConfig,\n    mouseSwipe = false,\n    touchSwipe = false,\n    onSwipeLeft,\n    onSwipeRight,\n    ...otherProps\n  }: FaderProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const {\n    isRTL = false,\n    currentSlide: nextSlideIndex = 0,\n    containerRef,\n  } = useCarouselContext();\n  const children = useMemo(() => Children.toArray(maybeSingleChildren), [\n    maybeSingleChildren,\n  ]);\n\n  const transitions = useTransition(nextSlideIndex, {\n    config: springConfig,\n    from: { opacity: 0 },\n    enter: { opacity: 1 },\n    leave: { opacity: 0 },\n  });\n\n  const { handlers } = useCarouselGestures({\n    onSwipeLeft,\n    onSwipeRight,\n    isRTL,\n    containerRef,\n  });\n\n  return (\n    <Comp\n      onTouchStart={touchSwipe ? handlers.onTouchStart : undefined}\n      onMouseDown={mouseSwipe ? handlers.onMouseDown : undefined}\n      aria-live=\"polite\"\n      data-carousel-slider=\"\"\n      ref={ref}\n      {...otherProps}\n    >\n      {transitions((style, item) => {\n        const idx = getCircularIndex(item, children.length);\n        if (idx !== null) {\n          return <animated.span style={style}>{children[idx]}</animated.span>;\n        }\n\n        return null;\n      })}\n    </Comp>\n  );\n});\n"],"file":"Fader.js"}

package/build/esm/Carousel/FaderItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface FaderItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+}
+export declare const FaderItem: React.ForwardRefExoticComponent<FaderItemProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/FaderItem.js

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef } from 'react';
+export var FaderItem = forwardRef(function FaderItem(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      props = _objectWithoutProperties(_ref, ["as"]);
+
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    role: "group",
+    "aria-roledescription": "slide",
+    "data-carousel-fader-item": "",
+    ref: ref
+  }, props));
+});
+//# sourceMappingURL=FaderItem.js.map

package/build/esm/Carousel/FaderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/FaderItem.tsx"],"names":["React","forwardRef","FaderItem","ref","as","Comp","props"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AAMA,OAAO,IAAMC,SAAS,GAAGD,UAAU,CACjC,SAASC,SAAT,OAAmDC,GAAnD,EAAwD;AAAA,qBAAnCC,EAAmC;AAAA,MAA/BC,IAA+B,wBAAxB,KAAwB;AAAA,MAAdC,KAAc;;AACtD,sBACE,oBAAC,IAAD;AACE,IAAA,IAAI,EAAC,OADP;AAEE,4BAAqB,OAFvB;AAGE,gCAAyB,EAH3B;AAIE,IAAA,GAAG,EAAEH;AAJP,KAKMG,KALN,EADF;AASD,CAXgC,CAA5B","sourcesContent":["import React, { forwardRef } from 'react';\n\nexport interface FaderItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n}\n\nexport const FaderItem = forwardRef<HTMLDivElement, FaderItemProps>(\n  function FaderItem({ as: Comp = 'div', ...props }, ref) {\n    return (\n      <Comp\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        data-carousel-fader-item=\"\"\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n"],"file":"FaderItem.js"}

package/build/esm/Carousel/Preloader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PreloaderProps {
+    children: React.ReactNode[] | React.ReactNode;
+    preloadNextCount?: number;
+    preloadPrevCount?: number;
+}
+export declare const Preloader: React.ForwardRefExoticComponent<PreloaderProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/Preloader.js

@@ -0,0 +1,70 @@
+import React, { Children, forwardRef, cloneElement, useEffect, useRef } from 'react';
+import { useCarouselContext } from './context';
+import { getCircularIndex } from '../utils/getCircularIndex';
+export var Preloader = forwardRef(function Preloader(_ref, ref) {
+  var maybeSingleChildren = _ref.children,
+      _ref$preloadNextCount = _ref.preloadNextCount,
+      preloadNextCount = _ref$preloadNextCount === void 0 ? 0 : _ref$preloadNextCount,
+      _ref$preloadPrevCount = _ref.preloadPrevCount,
+      preloadPrevCount = _ref$preloadPrevCount === void 0 ? 0 : _ref$preloadPrevCount;
+
+  var _useCarouselContext = useCarouselContext(),
+      currentSlide = _useCarouselContext.currentSlide,
+      slidesToShow = _useCarouselContext.slidesToShow;
+
+  var preloadedImagesCache = useRef({});
+  var childrenRef = useRef(maybeSingleChildren);
+  useEffect(function () {
+    if (maybeSingleChildren !== childrenRef.current) {
+      // clear cache
+      childrenRef.current = maybeSingleChildren;
+      preloadedImagesCache.current = {};
+    }
+  }, [maybeSingleChildren]);
+  var children = Children.toArray(maybeSingleChildren);
+
+  if (preloadNextCount > 0 && preloadPrevCount > 0 && children.length > 0) {
+    var ret = [];
+
+    for (var i = currentSlide - preloadPrevCount; i <= currentSlide + (slidesToShow - 1) + preloadNextCount; i += 1) {
+      var idx = getCircularIndex(i, children.length);
+
+      if (!idx) {
+        continue;
+      }
+
+      if ( // ignore images currently rendered in carousel
+      i >= currentSlide && i <= currentSlide + (slidesToShow - 1) || // ignore images we've already preloaded first
+      preloadedImagesCache.current[idx]) {
+        // set images rendered as already preloaded
+        preloadedImagesCache.current[idx] = true;
+        continue;
+      }
+
+      preloadedImagesCache.current[idx] = true;
+      ret.push(cloneElement(children[idx], {
+        'data-carousel-preload': idx
+      }));
+    }
+
+    if (ret.length > 0) {
+      return /*#__PURE__*/React.createElement("div", {
+        ref: ref,
+        "data-carousel-preloader": true,
+        "aria-hidden": true,
+        style: {
+          width: '1px',
+          height: '0px',
+          padding: '0',
+          overflow: 'hidden',
+          position: 'fixed',
+          top: '1px',
+          left: '1px'
+        }
+      }, ret);
+    }
+  }
+
+  return null;
+});
+//# sourceMappingURL=Preloader.js.map

package/build/esm/Carousel/Preloader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Preloader.tsx"],"names":["React","Children","forwardRef","cloneElement","useEffect","useRef","useCarouselContext","getCircularIndex","Preloader","ref","maybeSingleChildren","children","preloadNextCount","preloadPrevCount","currentSlide","slidesToShow","preloadedImagesCache","childrenRef","current","toArray","length","ret","i","idx","push","width","height","padding","overflow","position","top","left"],"mappings":"AAAA,OAAOA,KAAP,IACEC,QADF,EAEEC,UAFF,EAGEC,YAHF,EAIEC,SAJF,EAKEC,MALF,QAMO,OANP;AAOA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAQA,OAAO,IAAMC,SAAS,GAAGN,UAAU,CACjC,SAASM,SAAT,OAMEC,GANF,EAOE;AAAA,MALYC,mBAKZ,QALEC,QAKF;AAAA,mCAJEC,gBAIF;AAAA,MAJEA,gBAIF,sCAJqB,CAIrB;AAAA,mCAHEC,gBAGF;AAAA,MAHEA,gBAGF,sCAHqB,CAGrB;;AAAA,4BACuCP,kBAAkB,EADzD;AAAA,MACQQ,YADR,uBACQA,YADR;AAAA,MACsBC,YADtB,uBACsBA,YADtB;;AAEA,MAAMC,oBAAoB,GAAGX,MAAM,CAAC,EAAD,CAAnC;AACA,MAAMY,WAAW,GAAGZ,MAAM,CAACK,mBAAD,CAA1B;AAEAN,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIM,mBAAmB,KAAKO,WAAW,CAACC,OAAxC,EAAiD;AAC/C;AACAD,MAAAA,WAAW,CAACC,OAAZ,GAAsBR,mBAAtB;AACAM,MAAAA,oBAAoB,CAACE,OAArB,GAA+B,EAA/B;AACD;AACF,GANQ,EAMN,CAACR,mBAAD,CANM,CAAT;AAQA,MAAMC,QAAQ,GAAGV,QAAQ,CAACkB,OAAT,CAAiBT,mBAAjB,CAAjB;;AAEA,MAAIE,gBAAgB,GAAG,CAAnB,IAAwBC,gBAAgB,GAAG,CAA3C,IAAgDF,QAAQ,CAACS,MAAT,GAAkB,CAAtE,EAAyE;AACvE,QAAMC,GAAyB,GAAG,EAAlC;;AACA,SACE,IAAIC,CAAC,GAAGR,YAAY,GAAGD,gBADzB,EAEES,CAAC,IAAIR,YAAY,IAAIC,YAAY,GAAG,CAAnB,CAAZ,GAAoCH,gBAF3C,EAGEU,CAAC,IAAI,CAHP,EAIE;AACA,UAAMC,GAAG,GAAGhB,gBAAgB,CAACe,CAAD,EAAIX,QAAQ,CAACS,MAAb,CAA5B;;AACA,UAAI,CAACG,GAAL,EAAU;AACR;AACD;;AAED,WACE;AACCD,MAAAA,CAAC,IAAIR,YAAL,IAAqBQ,CAAC,IAAIR,YAAY,IAAIC,YAAY,GAAG,CAAnB,CAAvC,IACA;AACAC,MAAAA,oBAAoB,CAACE,OAArB,CAA6BK,GAA7B,CAJF,EAKE;AACA;AACAP,QAAAA,oBAAoB,CAACE,OAArB,CAA6BK,GAA7B,IAAoC,IAApC;AACA;AACD;;AAEDP,MAAAA,oBAAoB,CAACE,OAArB,CAA6BK,GAA7B,IAAoC,IAApC;AACAF,MAAAA,GAAG,CAACG,IAAJ,CACErB,YAAY,CAACQ,QAAQ,CAACY,GAAD,CAAT,EAA2C;AACrD,iCAAyBA;AAD4B,OAA3C,CADd;AAKD;;AAED,QAAIF,GAAG,CAACD,MAAJ,GAAa,CAAjB,EAAoB;AAClB,0BACE;AACE,QAAA,GAAG,EAAEX,GADP;AAEE,uCAFF;AAGE,2BAHF;AAIE,QAAA,KAAK,EAAE;AACLgB,UAAAA,KAAK,EAAE,KADF;AAELC,UAAAA,MAAM,EAAE,KAFH;AAGLC,UAAAA,OAAO,EAAE,GAHJ;AAILC,UAAAA,QAAQ,EAAE,QAJL;AAKLC,UAAAA,QAAQ,EAAE,OALL;AAMLC,UAAAA,GAAG,EAAE,KANA;AAOLC,UAAAA,IAAI,EAAE;AAPD;AAJT,SAcGV,GAdH,CADF;AAkBD;AACF;;AAED,SAAO,IAAP;AACD,CA7EgC,CAA5B","sourcesContent":["import React, {\n  Children,\n  forwardRef,\n  cloneElement,\n  useEffect,\n  useRef,\n} from 'react';\nimport { useCarouselContext } from './context';\nimport { getCircularIndex } from '../utils/getCircularIndex';\n\nexport interface PreloaderProps {\n  children: React.ReactNode[] | React.ReactNode;\n  preloadNextCount?: number;\n  preloadPrevCount?: number;\n}\n\nexport const Preloader = forwardRef<HTMLDivElement, PreloaderProps>(\n  function Preloader(\n    {\n      children: maybeSingleChildren,\n      preloadNextCount = 0,\n      preloadPrevCount = 0,\n    },\n    ref\n  ) {\n    const { currentSlide, slidesToShow } = useCarouselContext();\n    const preloadedImagesCache = useRef({});\n    const childrenRef = useRef(maybeSingleChildren);\n\n    useEffect(() => {\n      if (maybeSingleChildren !== childrenRef.current) {\n        // clear cache\n        childrenRef.current = maybeSingleChildren;\n        preloadedImagesCache.current = {};\n      }\n    }, [maybeSingleChildren]);\n\n    const children = Children.toArray(maybeSingleChildren);\n\n    if (preloadNextCount > 0 && preloadPrevCount > 0 && children.length > 0) {\n      const ret: React.ReactElement[] = [];\n      for (\n        let i = currentSlide - preloadPrevCount;\n        i <= currentSlide + (slidesToShow - 1) + preloadNextCount;\n        i += 1\n      ) {\n        const idx = getCircularIndex(i, children.length);\n        if (!idx) {\n          continue;\n        }\n\n        if (\n          // ignore images currently rendered in carousel\n          (i >= currentSlide && i <= currentSlide + (slidesToShow - 1)) ||\n          // ignore images we've already preloaded first\n          preloadedImagesCache.current[idx]\n        ) {\n          // set images rendered as already preloaded\n          preloadedImagesCache.current[idx] = true;\n          continue;\n        }\n\n        preloadedImagesCache.current[idx] = true;\n        ret.push(\n          cloneElement(children[idx] as React.ReactElement<any>, {\n            'data-carousel-preload': idx,\n          })\n        );\n      }\n\n      if (ret.length > 0) {\n        return (\n          <div\n            ref={ref}\n            data-carousel-preloader\n            aria-hidden\n            style={{\n              width: '1px',\n              height: '0px',\n              padding: '0',\n              overflow: 'hidden',\n              position: 'fixed',\n              top: '1px',\n              left: '1px',\n            }}\n          >\n            {ret}\n          </div>\n        );\n      }\n    }\n\n    return null;\n  }\n);\n"],"file":"Preloader.js"}

package/build/esm/Carousel/Slider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { SpringConfig } from 'react-spring';
+import { GestureHandlersState } from '../hooks';
+export declare const sliderConfig: SpringConfig;
+export interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+    mouseSwipe?: boolean;
+    touchSwipe?: boolean;
+    onSwipeRight?: (s: Partial<GestureHandlersState>) => void;
+    onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;
+    springConfig?: SpringConfig;
+    children?: React.ReactNode[] | React.ReactNode;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;

package/build/esm/Carousel/Slider.js

@@ -0,0 +1,212 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useRef, useReducer, useEffect, useMemo, Children, forwardRef } from 'react';
+import { useSpring, animated } from 'react-spring';
+import { SliderItemRenderer } from './SliderItem';
+import { useCarouselContext } from './context';
+import { getSliderParams } from './getSliderParams';
+import { useCarouselGestures } from './useCarouselGestures';
+export var sliderConfig = {
+  tension: 230,
+  friction: 20,
+  clamp: true
+};
+var SET_CURRENT_SLIDER_INDEX = 'setCurrentSlideIndex';
+var SET_SHOULD_ANIMATE_TO_REST = 'setShouldAnimateToRest';
+var TRIGGER_RERENDER = 'triggerRerender';
+
+function reducer(prevState, action) {
+  switch (action.type) {
+    case SET_CURRENT_SLIDER_INDEX:
+      return _extends(_extends({}, prevState), {}, {
+        currentSlideIndex: action.payload,
+        shouldAnimateToRest: false
+      });
+
+    case SET_SHOULD_ANIMATE_TO_REST:
+      return _extends(_extends({}, prevState), {}, {
+        shouldAnimateToRest: action.payload
+      });
+
+    case TRIGGER_RERENDER:
+      return _extends({}, prevState);
+  }
+}
+
+var noop = function noop() {
+  /* null function to be used on onRest and onFrame */
+};
+
+export var Slider = forwardRef(function Slider(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? animated.div : _ref$as,
+      maybeSingleChildren = _ref.children,
+      _ref$springConfig = _ref.springConfig,
+      springConfig = _ref$springConfig === void 0 ? sliderConfig : _ref$springConfig,
+      mouseSwipe = _ref.mouseSwipe,
+      touchSwipe = _ref.touchSwipe,
+      onSwipeLeft = _ref.onSwipeLeft,
+      onSwipeRight = _ref.onSwipeRight,
+      style = _ref.style,
+      otherProps = _objectWithoutProperties(_ref, ["as", "children", "springConfig", "mouseSwipe", "touchSwipe", "onSwipeLeft", "onSwipeRight", "style"]);
+
+  var _useCarouselContext = useCarouselContext(),
+      _useCarouselContext$i = _useCarouselContext.isRTL,
+      isRTL = _useCarouselContext$i === void 0 ? false : _useCarouselContext$i,
+      _useCarouselContext$s = _useCarouselContext.slidesToShow,
+      slidesToShow = _useCarouselContext$s === void 0 ? 1 : _useCarouselContext$s,
+      _useCarouselContext$c = _useCarouselContext.currentSlide,
+      nextSlideIndex = _useCarouselContext$c === void 0 ? 0 : _useCarouselContext$c,
+      containerRef = _useCarouselContext.containerRef,
+      itemWidth = _useCarouselContext.itemWidth;
+
+  var _useReducer = useReducer(reducer, {
+    currentSlideIndex: nextSlideIndex,
+    shouldAnimateToRest: false
+  }),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _useReducer2$ = _useReducer2[0],
+      currentSlideIndex = _useReducer2$.currentSlideIndex,
+      shouldAnimateToRest = _useReducer2$.shouldAnimateToRest,
+      dispatch = _useReducer2[1]; // Convert children from possibly empty, or 1 child, to array of nodes
+
+
+  var children = useMemo(function () {
+    return Children.toArray(maybeSingleChildren);
+  }, [maybeSingleChildren]); // Keep record of animation frames
+
+  var lastAnimationX = useRef(0); // Keep record of drag positioning, to forceUpdate when dragging slides
+
+  var lastDragX = useRef(NaN); // Animation properties... will be update via setAnimationProps
+
+  var _useSpring = useSpring({
+    to: {
+      x: 0
+    },
+    config: springConfig
+  }, []),
+      _useSpring2 = _slicedToArray(_useSpring, 2),
+      animationProps = _useSpring2[0],
+      setAnimationProps = _useSpring2[1]; // Keep track of animation values, to allow
+  // us to pause animation with mouse click
+
+
+  var onChange = function onChange(e) {
+    lastAnimationX.current = e.x || 0;
+  }; // Called when the next slide animation is complete
+
+
+  var onNextSlideComplete = function onNextSlideComplete() {
+    // need this to stay in sync with setAnimationProps
+    requestAnimationFrame(function () {
+      dispatch({
+        type: SET_CURRENT_SLIDER_INDEX,
+        payload: nextSlideIndex
+      });
+      lastAnimationX.current = 0;
+      setAnimationProps({
+        x: 0,
+        immediate: true,
+        onRest: noop,
+        onChange: noop
+      });
+    });
+  }; // Called when you started dragging, but didn't drag long enough,
+  // so it will rest back to zero
+
+
+  var onRestAnimationComplete = function onRestAnimationComplete() {
+    lastAnimationX.current = 0;
+    dispatch({
+      type: SET_SHOULD_ANIMATE_TO_REST,
+      payload: false
+    });
+  };
+
+  var onDrag = function onDrag(s) {
+    if (s.down) {
+      var x = lastAnimationX.current + s.xDeltaPercent;
+      setAnimationProps({
+        x: x,
+        immediate: true,
+        onRest: noop,
+        onChange: noop
+      });
+
+      if (x === 0) {
+        return;
+      }
+
+      if (s.xDeltaPercent !== 0 && !Object.is(Math.trunc(lastDragX.current / itemWidth), Math.trunc(x / itemWidth))) {
+        // flipping signal, or adding more async slides
+        requestAnimationFrame(function () {
+          dispatch({
+            type: SET_SHOULD_ANIMATE_TO_REST,
+            payload: true
+          });
+        });
+      }
+
+      lastDragX.current = x;
+    } else {
+      setAnimationProps({
+        x: 0,
+        onRest: onRestAnimationComplete,
+        onChange: onChange,
+        immediate: false
+      });
+      lastDragX.current = NaN; // force a rerender to make sure it will still work
+      // when you pause in the middle of a slide transition
+
+      dispatch({
+        type: TRIGGER_RERENDER
+      });
+    }
+  };
+
+  var _useCarouselGestures = useCarouselGestures({
+    isRTL: isRTL,
+    onSwipeRight: onSwipeRight,
+    onSwipeLeft: onSwipeLeft,
+    onDrag: onDrag,
+    containerRef: containerRef,
+    slidesToShow: slidesToShow
+  }),
+      handlers = _useCarouselGestures.handlers,
+      gestureState = _useCarouselGestures.state;
+
+  var deltaX = gestureState.down || shouldAnimateToRest ? lastAnimationX.current + gestureState.xDeltaPercent : 0;
+  /* Slide animation parameters */
+
+  var params = getSliderParams(children.length, currentSlideIndex, nextSlideIndex, slidesToShow, gestureState.down, deltaX, isRTL);
+  useEffect(function () {
+    if (nextSlideIndex !== currentSlideIndex) {
+      setAnimationProps({
+        x: params.targetX,
+        onRest: onNextSlideComplete,
+        onChange: onChange,
+        immediate: false
+      });
+    }
+  });
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: ref,
+    onTouchStart: touchSwipe ? handlers.onTouchStart : undefined,
+    onMouseDown: mouseSwipe ? handlers.onMouseDown : undefined,
+    "aria-live": "polite",
+    "data-carousel-slider": "",
+    dir: isRTL ? 'rtl' : undefined,
+    style: _extends({
+      left: params.left,
+      paddingRight: params.paddingRight,
+      transform: animationProps.x.to(function (t) {
+        return "translateX(".concat(t, "%)");
+      })
+    }, style)
+  }, otherProps), /*#__PURE__*/React.createElement(SliderItemRenderer, {
+    startingIndex: params.startingIndex,
+    count: params.count
+  }, children));
+});
+//# sourceMappingURL=Slider.js.map

package/build/esm/Carousel/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/Slider.tsx"],"names":["React","useRef","useReducer","useEffect","useMemo","Children","forwardRef","useSpring","animated","SliderItemRenderer","useCarouselContext","getSliderParams","useCarouselGestures","sliderConfig","tension","friction","clamp","SET_CURRENT_SLIDER_INDEX","SET_SHOULD_ANIMATE_TO_REST","TRIGGER_RERENDER","reducer","prevState","action","type","currentSlideIndex","payload","shouldAnimateToRest","noop","Slider","ref","as","Comp","div","maybeSingleChildren","children","springConfig","mouseSwipe","touchSwipe","onSwipeLeft","onSwipeRight","style","otherProps","isRTL","slidesToShow","currentSlide","nextSlideIndex","containerRef","itemWidth","dispatch","toArray","lastAnimationX","lastDragX","NaN","to","x","config","animationProps","setAnimationProps","onChange","e","current","onNextSlideComplete","requestAnimationFrame","immediate","onRest","onRestAnimationComplete","onDrag","s","down","xDeltaPercent","Object","is","Math","trunc","handlers","gestureState","state","deltaX","params","length","targetX","onTouchStart","undefined","onMouseDown","left","paddingRight","transform","t","startingIndex","count"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  useReducer,\n  useEffect,\n  useMemo,\n  Children,\n  forwardRef,\n} from 'react';\nimport { useSpring, SpringConfig, animated } from 'react-spring';\nimport { SliderItemRenderer } from './SliderItem';\nimport { useCarouselContext } from './context';\nimport { getSliderParams } from './getSliderParams';\nimport { useCarouselGestures } from './useCarouselGestures';\nimport { GestureHandlersState } from '../hooks';\n\nexport const sliderConfig: SpringConfig = {\n  tension: 230,\n  friction: 20,\n  clamp: true,\n};\n\nexport interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n  mouseSwipe?: boolean;\n  touchSwipe?: boolean;\n  onSwipeRight?: (s: Partial<GestureHandlersState>) => void;\n  onSwipeLeft?: (s: Partial<GestureHandlersState>) => void;\n  springConfig?: SpringConfig;\n  children?: React.ReactNode[] | React.ReactNode;\n}\n\ninterface SliderState {\n  currentSlideIndex: number;\n  shouldAnimateToRest: boolean;\n}\n\nconst SET_CURRENT_SLIDER_INDEX = 'setCurrentSlideIndex';\nconst SET_SHOULD_ANIMATE_TO_REST = 'setShouldAnimateToRest';\nconst TRIGGER_RERENDER = 'triggerRerender';\n\ninterface SliderSetPreviousSlideIndex {\n  type: typeof SET_CURRENT_SLIDER_INDEX;\n  payload: number;\n}\n\ninterface SlideSetRestAnimating {\n  type: typeof SET_SHOULD_ANIMATE_TO_REST;\n  payload: boolean;\n}\n\ninterface SlideTriggerRerender {\n  type: typeof TRIGGER_RERENDER;\n}\n\ntype SliderAction =\n  | SliderSetPreviousSlideIndex\n  | SlideSetRestAnimating\n  | SlideTriggerRerender;\n\nfunction reducer<T>(\n  prevState: Readonly<SliderState>,\n  action: SliderAction\n): SliderState {\n  switch (action.type) {\n    case SET_CURRENT_SLIDER_INDEX:\n      return {\n        ...prevState,\n        currentSlideIndex: action.payload,\n        shouldAnimateToRest: false,\n      };\n    case SET_SHOULD_ANIMATE_TO_REST:\n      return { ...prevState, shouldAnimateToRest: action.payload };\n    case TRIGGER_RERENDER:\n      return { ...prevState };\n  }\n}\n\nconst noop = () => {\n  /* null function to be used on onRest and onFrame */\n};\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    as: Comp = animated.div,\n    children: maybeSingleChildren,\n    springConfig = sliderConfig,\n    mouseSwipe,\n    touchSwipe,\n    onSwipeLeft,\n    onSwipeRight,\n    style,\n    ...otherProps\n  },\n  ref\n) {\n  const {\n    isRTL = false,\n    slidesToShow = 1,\n    currentSlide: nextSlideIndex = 0,\n    containerRef,\n    itemWidth,\n  } = useCarouselContext();\n\n  const [{ currentSlideIndex, shouldAnimateToRest }, dispatch] = useReducer(\n    reducer,\n    {\n      currentSlideIndex: nextSlideIndex,\n      shouldAnimateToRest: false,\n    }\n  );\n\n  // Convert children from possibly empty, or 1 child, to array of nodes\n  const children = useMemo(() => Children.toArray(maybeSingleChildren), [\n    maybeSingleChildren,\n  ]);\n\n  // Keep record of animation frames\n  const lastAnimationX = useRef(0);\n\n  // Keep record of drag positioning, to forceUpdate when dragging slides\n  const lastDragX = useRef(NaN);\n\n  // Animation properties... will be update via setAnimationProps\n  const [animationProps, setAnimationProps] = useSpring<{ x: number }>(\n    {\n      to: { x: 0 },\n      config: springConfig,\n    },\n    []\n  );\n\n  // Keep track of animation values, to allow\n  // us to pause animation with mouse click\n  const onChange = (e: { x: number }) => {\n    lastAnimationX.current = e.x || 0;\n  };\n\n  // Called when the next slide animation is complete\n  const onNextSlideComplete = () => {\n    // need this to stay in sync with setAnimationProps\n    requestAnimationFrame(() => {\n      dispatch({ type: SET_CURRENT_SLIDER_INDEX, payload: nextSlideIndex });\n      lastAnimationX.current = 0;\n      setAnimationProps({\n        x: 0,\n        immediate: true,\n        onRest: noop,\n        onChange: noop,\n      });\n    });\n  };\n\n  // Called when you started dragging, but didn't drag long enough,\n  // so it will rest back to zero\n  const onRestAnimationComplete = () => {\n    lastAnimationX.current = 0;\n    dispatch({ type: SET_SHOULD_ANIMATE_TO_REST, payload: false });\n  };\n\n  const onDrag = (s: GestureHandlersState) => {\n    if (s.down) {\n      const x = lastAnimationX.current + s.xDeltaPercent;\n      setAnimationProps({\n        x,\n        immediate: true,\n        onRest: noop,\n        onChange: noop,\n      });\n\n      if (x === 0) {\n        return;\n      }\n\n      if (\n        s.xDeltaPercent !== 0 &&\n        !Object.is(\n          Math.trunc(lastDragX.current / itemWidth),\n          Math.trunc(x / itemWidth)\n        )\n      ) {\n        // flipping signal, or adding more async slides\n        requestAnimationFrame(() => {\n          dispatch({ type: SET_SHOULD_ANIMATE_TO_REST, payload: true });\n        });\n      }\n\n      lastDragX.current = x;\n    } else {\n      setAnimationProps({\n        x: 0,\n        onRest: onRestAnimationComplete,\n        onChange: onChange,\n        immediate: false,\n      });\n\n      lastDragX.current = NaN;\n\n      // force a rerender to make sure it will still work\n      // when you pause in the middle of a slide transition\n      dispatch({ type: TRIGGER_RERENDER });\n    }\n  };\n\n  const { handlers, state: gestureState } = useCarouselGestures({\n    isRTL,\n    onSwipeRight,\n    onSwipeLeft,\n    onDrag,\n    containerRef,\n    slidesToShow,\n  });\n\n  const deltaX =\n    gestureState.down || shouldAnimateToRest\n      ? lastAnimationX.current + gestureState.xDeltaPercent\n      : 0;\n\n  /* Slide animation parameters */\n  const params = getSliderParams(\n    children.length,\n    currentSlideIndex,\n    nextSlideIndex,\n    slidesToShow,\n    gestureState.down,\n    deltaX,\n    isRTL\n  );\n\n  useEffect(() => {\n    if (nextSlideIndex !== currentSlideIndex) {\n      setAnimationProps({\n        x: params.targetX,\n        onRest: onNextSlideComplete,\n        onChange,\n        immediate: false,\n      });\n    }\n  });\n\n  return (\n    <Comp\n      ref={ref}\n      onTouchStart={touchSwipe ? handlers.onTouchStart : undefined}\n      onMouseDown={mouseSwipe ? handlers.onMouseDown : undefined}\n      aria-live=\"polite\"\n      data-carousel-slider=\"\"\n      dir={isRTL ? 'rtl' : undefined}\n      style={{\n        left: params.left,\n        paddingRight: params.paddingRight,\n        transform: animationProps.x.to((t) => {\n          return `translateX(${t}%)`;\n        }),\n        ...(style as any),\n      }}\n      {...otherProps}\n    >\n      <SliderItemRenderer\n        startingIndex={params.startingIndex}\n        count={params.count}\n      >\n        {children}\n      </SliderItemRenderer>\n    </Comp>\n  );\n});\n"],"file":"Slider.js"}

package/build/esm/Carousel/SliderItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface SliderItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: React.ElementType<any>;
+}
+export declare const SliderItem: React.ForwardRefExoticComponent<SliderItemProps & React.RefAttributes<HTMLDivElement>>;
+interface SliderItemRendererProps {
+    children: React.ReactNode[];
+    startingIndex: number;
+    count: number;
+}
+export declare const SliderItemRenderer: ({ children, startingIndex, count, }: SliderItemRendererProps) => JSX.Element;
+export default SliderItem;

package/build/esm/Carousel/SliderItem.js

@@ -0,0 +1,41 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React, { forwardRef } from 'react';
+import { getCircularIndex } from '../utils/getCircularIndex';
+export var SliderItem = forwardRef(function SliderItem(_ref, ref) {
+  var _ref$as = _ref.as,
+      Comp = _ref$as === void 0 ? 'div' : _ref$as,
+      props = _objectWithoutProperties(_ref, ["as"]);
+
+  return /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: ref,
+    role: "group",
+    "aria-roledescription": "slide",
+    "data-carousel-slider-item": ""
+  }, props));
+});
+export var SliderItemRenderer = function SliderItemRenderer(_ref2) {
+  var children = _ref2.children,
+      startingIndex = _ref2.startingIndex,
+      count = _ref2.count;
+  var ret = [];
+  var itemsLen = children.length;
+  var finalIndex = startingIndex + count;
+  var counter = 0;
+
+  for (var i = startingIndex; i < finalIndex; i += 1, counter += 1) {
+    if (counter % itemsLen === 0) {
+      ret.push([]);
+    }
+
+    var index = getCircularIndex(i, itemsLen);
+
+    if (index !== null) {
+      ret[ret.length - 1].push(children[index]);
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, ret);
+};
+export default SliderItem;
+//# sourceMappingURL=SliderItem.js.map

package/build/esm/Carousel/SliderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/SliderItem.tsx"],"names":["React","forwardRef","getCircularIndex","SliderItem","ref","as","Comp","props","SliderItemRenderer","children","startingIndex","count","ret","itemsLen","length","finalIndex","counter","i","push","index"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AAMA,OAAO,IAAMC,UAAU,GAAGF,UAAU,CAClC,SAASE,UAAT,OAEEC,GAFF,EAGE;AAAA,qBAFEC,EAEF;AAAA,MAFMC,IAEN,wBAFa,KAEb;AAAA,MAFuBC,KAEvB;;AACA,sBACE,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,IAAI,EAAC,OAFP;AAGE,4BAAqB,OAHvB;AAIE,iCAA0B;AAJ5B,KAKMG,KALN,EADF;AASD,CAdiC,CAA7B;AAuBP,OAAO,IAAMC,kBAAkB,GAAG,SAASA,kBAAT,QAIN;AAAA,MAH1BC,QAG0B,SAH1BA,QAG0B;AAAA,MAF1BC,aAE0B,SAF1BA,aAE0B;AAAA,MAD1BC,KAC0B,SAD1BA,KAC0B;AAC1B,MAAMC,GAAwB,GAAG,EAAjC;AACA,MAAMC,QAAQ,GAAGJ,QAAQ,CAACK,MAA1B;AACA,MAAMC,UAAU,GAAGL,aAAa,GAAGC,KAAnC;AAEA,MAAIK,OAAO,GAAG,CAAd;;AACA,OAAK,IAAIC,CAAC,GAAGP,aAAb,EAA4BO,CAAC,GAAGF,UAAhC,EAA4CE,CAAC,IAAI,CAAL,EAAQD,OAAO,IAAI,CAA/D,EAAkE;AAChE,QAAIA,OAAO,GAAGH,QAAV,KAAuB,CAA3B,EAA8B;AAC5BD,MAAAA,GAAG,CAACM,IAAJ,CAAS,EAAT;AACD;;AACD,QAAMC,KAAK,GAAGjB,gBAAgB,CAACe,CAAD,EAAIJ,QAAJ,CAA9B;;AACA,QAAIM,KAAK,KAAK,IAAd,EAAoB;AAClBP,MAAAA,GAAG,CAACA,GAAG,CAACE,MAAJ,GAAa,CAAd,CAAH,CAAoBI,IAApB,CAAyBT,QAAQ,CAACU,KAAD,CAAjC;AACD;AACF;;AAED,sBAAO,oBAAC,KAAD,CAAO,QAAP,QAAiBP,GAAjB,CAAP;AACD,CArBM;AAuBP,eAAeT,UAAf","sourcesContent":["import React, { forwardRef } from 'react';\nimport { getCircularIndex } from '../utils/getCircularIndex';\n\nexport interface SliderItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: React.ElementType<any>;\n}\n\nexport const SliderItem = forwardRef<HTMLDivElement, SliderItemProps>(\n  function SliderItem(\n    { as: Comp = 'div', ...props },\n    ref: React.Ref<HTMLDivElement>\n  ) {\n    return (\n      <Comp\n        ref={ref}\n        role=\"group\"\n        aria-roledescription=\"slide\"\n        data-carousel-slider-item=\"\"\n        {...props}\n      />\n    );\n  }\n);\n\ninterface SliderItemRendererProps {\n  children: React.ReactNode[];\n  startingIndex: number;\n  count: number;\n}\n\nexport const SliderItemRenderer = function SliderItemRenderer({\n  children,\n  startingIndex,\n  count,\n}: SliderItemRendererProps) {\n  const ret: React.ReactNode[][] = [];\n  const itemsLen = children.length;\n  const finalIndex = startingIndex + count;\n\n  let counter = 0;\n  for (let i = startingIndex; i < finalIndex; i += 1, counter += 1) {\n    if (counter % itemsLen === 0) {\n      ret.push([]);\n    }\n    const index = getCircularIndex(i, itemsLen);\n    if (index !== null) {\n      ret[ret.length - 1].push(children[index]);\n    }\n  }\n\n  return <React.Fragment>{ret}</React.Fragment>;\n};\n\nexport default SliderItem;\n"],"file":"SliderItem.js"}

package/build/esm/Carousel/context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export interface CarouselContextProps {
+    slidesToShow: number;
+    isRTL: boolean;
+    currentSlide: number;
+    itemWidth: number;
+    containerRef: React.MutableRefObject<HTMLElement | null>;
+}
+export declare const CarouselProvider: import("react").Provider<CarouselContextProps>;
+export declare const useCarouselContext: () => CarouselContextProps;

package/build/esm/Carousel/context.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+var carouselContext = createContext(null);
+var CarouselProvider = carouselContext.Provider;
+export { CarouselProvider };
+export var useCarouselContext = function useCarouselContext() {
+  return useContext(carouselContext);
+};
+//# sourceMappingURL=context.js.map

package/build/esm/Carousel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Carousel/context.ts"],"names":["createContext","useContext","carouselContext","CarouselProvider","Provider","useCarouselContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAUA,IAAMC,eAAe,GAAGF,aAAa,CAAuB,IAAvB,CAArC;IACyBG,gB,GAAqBD,e,CAA/BE,Q;;AACf,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,SAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B","sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface CarouselContextProps {\n  slidesToShow: number;\n  isRTL: boolean;\n  currentSlide: number;\n  itemWidth: number;\n  containerRef: React.MutableRefObject<HTMLElement | null>;\n}\n\nconst carouselContext = createContext<CarouselContextProps>(null as any);\nexport const { Provider: CarouselProvider } = carouselContext;\nexport const useCarouselContext = () => useContext(carouselContext);\n"],"file":"context.js"}

package/build/esm/Carousel/getSliderParams.d.ts

@@ -0,0 +1,9 @@
+export declare function getSlidesToScroll(curSlide: number, nextSlide: number, deltaX: number, itemWidth: number): number;
+export declare function getSliderParams(numAvailableSlides: number, curSlide: number, nextSlide: number, slidesToShow: number, dragging: boolean, deltaX: number, isRTL: boolean): {
+    startingIndex: number;
+    count: number;
+    left: string | undefined;
+    targetX: number;
+    itemWidth: number;
+    paddingRight: string | undefined;
+};