@semcore/carousel 1.6.2 → 2.0.0

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+
+## [1.6.4] - 2022-05-16
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.21.0 ~> 2.24.0]).
+
+## [1.6.3] - 2022-04-28
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
+
 ## [1.6.2] - 2022-03-21
 
 ### Changed

package/lib/cjs/Carousel.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -35,8 +37,6 @@ var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
 
 var _l2 = _interopRequireDefault(require("@semcore/icon/ChevronLeft/l"));
 
-var _this3 = void 0;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -54,22 +54,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_o0y3i_gg_{overflow:hidden;outline:none}.___SContainer_o0y3i_gg_{display:flex;transition:transform var(--duration_lgdlov) ease-in-out}.___SItem_o0y3i_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_lgdlov)}.___SIndicators_o0y3i_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_o0y3i_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_o0y3i_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_o0y3i_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_o0y3i_gg_.__active_o0y3i_gg_:before{background-color:#a6b0b3}.___SNext_o0y3i_gg_,.___SPrev_o0y3i_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_o0y3i_gg_.__disabled_o0y3i_gg_,.___SPrev_o0y3i_gg_.__disabled_o0y3i_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_o0y3i_gg_{transition:none}}"
+".___SCarousel_wgb1z_gg_{overflow:hidden;outline:none}.___SContainer_wgb1z_gg_{display:flex;transition:transform var(--duration_wik9h6) ease-in-out}.___SItem_wgb1z_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_wik9h6);border-radius:6px;overflow:hidden}.___SIndicators_wgb1z_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_wgb1z_gg_{margin:0 6px;cursor:pointer;display:block;width:12px;height:12px;border-radius:6px;background-color:#a9abb6;opacity:.3;-o-object-fit:cover;object-fit:cover;transition:opacity .1s ease-in-out}.___SIndicator_wgb1z_gg_:hover{opacity:.6}.___SIndicator_wgb1z_gg_.__active_wgb1z_gg_{opacity:1}.___SNext_wgb1z_gg_,.___SPrev_wgb1z_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_wgb1z_gg_{margin-right:12px}.___SNext_wgb1z_gg_{margin-left:12px}.___SNext_wgb1z_gg_.__disabled_wgb1z_gg_,.___SPrev_wgb1z_gg_.__disabled_wgb1z_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_wgb1z_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "lgdlov_gg_")
+, "wik9h6_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_o0y3i_gg_",
-  "__SContainer": "___SContainer_o0y3i_gg_",
-  "--duration": "--duration_lgdlov",
-  "__SItem": "___SItem_o0y3i_gg_",
-  "--transform": "--transform_lgdlov",
-  "__SIndicators": "___SIndicators_o0y3i_gg_",
-  "__SIndicator": "___SIndicator_o0y3i_gg_",
-  "_active": "__active_o0y3i_gg_",
-  "__SNext": "___SNext_o0y3i_gg_",
-  "__SPrev": "___SPrev_o0y3i_gg_",
-  "_disabled": "__disabled_o0y3i_gg_"
+  "__SCarousel": "___SCarousel_wgb1z_gg_",
+  "__SContainer": "___SContainer_wgb1z_gg_",
+  "--duration": "--duration_wik9h6",
+  "__SItem": "___SItem_wgb1z_gg_",
+  "--transform": "--transform_wik9h6",
+  "__SIndicators": "___SIndicators_wgb1z_gg_",
+  "__SIndicator": "___SIndicator_wgb1z_gg_",
+  "_active": "__active_wgb1z_gg_",
+  "__SNext": "___SNext_wgb1z_gg_",
+  "__SPrev": "___SPrev_wgb1z_gg_",
+  "_disabled": "__disabled_wgb1z_gg_"
 });
 var position = {
   getItemMin: function getItemMin(items) {
@@ -102,17 +102,17 @@ var MAP_TRANSFORM = {
   ArrowRight: 'right'
 };
 
-var Carousel = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Carousel, _Component);
+var CarouselRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(CarouselRoot, _Component);
 
-  var _super = _createSuper(Carousel);
+  var _super = _createSuper(CarouselRoot);
 
-  function Carousel(props) {
+  function CarouselRoot(props) {
     var _this;
 
-    (0, _classCallCheck2["default"])(this, Carousel);
+    (0, _classCallCheck2["default"])(this, CarouselRoot);
     _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refContainer", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refContainer", _react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "transform", 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "positionLeftItem", 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "indexIndicator", 0);
@@ -375,7 +375,7 @@ var Carousel = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  (0, _createClass2["default"])(Carousel, [{
+  (0, _createClass2["default"])(CarouselRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -456,7 +456,8 @@ var Carousel = /*#__PURE__*/function (_Component) {
         items: items.map(function (item, key) {
           return {
             active: key === index,
-            onClick: _this2.bindHandlerClickIndicator(key)
+            onClick: _this2.bindHandlerClickIndicator(key),
+            key: key
           };
         })
       };
@@ -464,54 +465,54 @@ var Carousel = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
-          _ref7;
+      var _ref = this.asProps,
+          _ref8;
 
       var SCarousel = _flexBox.Box;
       var _this$asProps5 = this.asProps,
           styles = _this$asProps5.styles,
           Children = _this$asProps5.Children;
-      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCarousel, _ref7.cn("SCarousel", _objectSpread({}, (0, _core.assignProps)({
+      return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCarousel, _ref8.cn("SCarousel", _objectSpread({}, (0, _core.assignProps)({
         "onKeyDown": this.handlerKeyDown,
         "tabIndex": 0,
         "onTouchStart": this.handlerTouchStart,
         "onTouchEnd": this.handlerTouchEnd
-      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
     }
   }]);
-  return Carousel;
+  return CarouselRoot;
 }(_core.Component);
 
-(0, _defineProperty2["default"])(Carousel, "displayName", 'Carousel');
-(0, _defineProperty2["default"])(Carousel, "defaultProps", {
+(0, _defineProperty2["default"])(CarouselRoot, "displayName", 'Carousel');
+(0, _defineProperty2["default"])(CarouselRoot, "defaultProps", {
   defaultIndex: 0,
   duration: 350,
   step: 100,
   bounded: false
 });
-(0, _defineProperty2["default"])(Carousel, "style", style);
+(0, _defineProperty2["default"])(CarouselRoot, "style", style);
 
 var Container = function Container(props) {
-  var _ref2 = _this3 ? _this3.asProps : arguments[0],
-      _ref8;
+  var _ref2 = arguments[0],
+      _ref9;
 
   var SContainer = _flexBox.Box;
   var styles = props.styles,
       duration = props.duration;
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref8.cn("SContainer", _objectSpread({}, (0, _core.assignProps)({
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref9.cn("SContainer", _objectSpread({}, (0, _core.assignProps)({
     "use:duration": "".concat(duration, "ms")
   }, _ref2))));
 };
 
 var Item = function Item(props) {
-  var _ref3 = _this3 ? _this3.asProps : arguments[0],
-      _ref9;
+  var _ref3 = arguments[0],
+      _ref10;
 
   var styles = props.styles,
       $toogleItem = props.$toogleItem;
   var SItem = _flexBox.Box;
 
-  var refItem = /*#__PURE__*/_react["default"].createRef();
+  var refItem = _react["default"].createRef();
 
   (0, _react.useEffect)(function () {
     // add item
@@ -525,25 +526,25 @@ var Item = function Item(props) {
       }, true);
     };
   }, []);
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref9.cn("SItem", _objectSpread({}, (0, _core.assignProps)({
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref10.cn("SItem", _objectSpread({}, (0, _core.assignProps)({
     "ref": refItem
   }, _ref3))));
 };
 
 var Prev = function Prev(props) {
-  var _ref4 = _this3 ? _this3.asProps : arguments[0],
-      _ref10;
+  var _ref4 = arguments[0],
+      _ref11;
 
   var styles = props.styles;
   var SPrev = _flexBox.Box;
-  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPrev, _ref10.cn("SPrev", _objectSpread({}, (0, _core.assignProps)({}, _ref4))));
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPrev, _ref11.cn("SPrev", _objectSpread({}, (0, _core.assignProps)({}, _ref4))));
 };
 
 Prev.defaultProps = function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_l2["default"], {
       interactive: true,
-      color: "stone",
+      color: "gray-300",
       "aria-hidden": true,
       role: "button"
     }),
@@ -552,19 +553,19 @@ Prev.defaultProps = function () {
 };
 
 var Next = function Next(props) {
-  var _ref5 = _this3 ? _this3.asProps : arguments[0],
-      _ref11;
+  var _ref5 = arguments[0],
+      _ref12;
 
   var styles = props.styles;
   var SNext = _flexBox.Box;
-  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNext, _ref11.cn("SNext", _objectSpread({}, (0, _core.assignProps)({}, _ref5))));
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNext, _ref12.cn("SNext", _objectSpread({}, (0, _core.assignProps)({}, _ref5))));
 };
 
 Next.defaultProps = function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_l["default"], {
       interactive: true,
-      color: "stone",
+      color: "gray-300",
       "aria-hidden": true,
       role: "button"
     }),
@@ -572,32 +573,46 @@ Next.defaultProps = function () {
   };
 };
 
-var Indicators = function Indicators(_ref13) {
-  var _ref6 = _this3 ? _this3.asProps : arguments[0],
-      _ref12;
+var Indicators = function Indicators(_ref16) {
+  var _ref6 = arguments[0],
+      _ref14;
 
-  var items = _ref13.items,
-      styles = _ref13.styles,
-      Children = _ref13.Children;
+  var items = _ref16.items,
+      styles = _ref16.styles,
+      Children = _ref16.Children;
   var SIndicators = _flexBox.Box;
-  var SIndicator = _flexBox.Box;
 
   if (Children.origin) {
-    return /*#__PURE__*/_react["default"].createElement(Children, null);
+    var _ref13;
+
+    return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref13.cn("SIndicators", _objectSpread({}, (0, _core.assignProps)({}, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})));
   }
 
-  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref12.cn("SIndicators", _objectSpread({}, (0, _core.assignProps)({}, _ref6))), items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(SIndicator, item);
+  return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref14.cn("SIndicators", _objectSpread({}, (0, _core.assignProps)({}, _ref6))), items.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(Carousel.Indicator, (0, _extends2["default"])({
+      key: index
+    }, item));
   }));
 };
 
-var _default = (0, _core["default"])(Carousel, {
+var Indicator = function Indicator(_ref17) {
+  var _ref7 = arguments[0],
+      _ref15;
+
+  var styles = _ref17.styles,
+      Children = _ref17.Children;
+  var SIndicator = _flexBox.Box;
+  return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicator, _ref15.cn("SIndicator", _objectSpread({}, (0, _core.assignProps)({}, _ref7))), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {})));
+};
+
+var Carousel = (0, _core["default"])(CarouselRoot, {
   Container: Container,
   Indicators: Indicators,
+  Indicator: Indicator,
   Item: Item,
   Prev: Prev,
   Next: Next
 });
-
+var _default = Carousel;
 exports["default"] = _default;
 //# sourceMappingURL=Carousel.js.map

package/lib/cjs/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Carousel.jsx"],"names":["position","getItemMin","items","indexItem","forEach","item","index","getItemMax","getMin","getMax","MAP_TRANSFORM","ArrowLeft","ArrowRight","Carousel","props","React","createRef","e","key","preventDefault","controlTransformItem","activeItemIndex","handlers","removeItem","asProps","state","updateItems","filter","element","node","setState","map","transform","slideToValue","indexIndicator","refContainer","current","style","currentIndex","nextIndex","bounded","listIndex","_","ind","tmpArr","minTmpArr","maxTmpArr","length","unshift","pop","shift","push","tmpCurrentIndex","indexOf","left","nextIndexItem","direction","getDirection","i","transformItem","maxIndexIndicator","isControlled","step","nextItemPosition","undefined","positionLeftItem","positionItemMax","positionItemMin","findIndex","transformContainer","value","_touchStartCoord","changedTouches","clientX","touchEndCoord","delta","keyCode","bindHandlerClick","prevProps","duration","ref","$toogleItem","toogleItem","disabled","onClick","onKeyDown","bindHandlerKeydownControl","active","bindHandlerClickIndicator","SCarousel","Box","styles","Children","handlerKeyDown","handlerTouchStart","handlerTouchEnd","Component","defaultIndex","Container","SContainer","Item","SItem","refItem","Prev","SPrev","defaultProps","children","top","Next","SNext","Indicators","SIndicators","SIndicator","origin"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport { Box } from '@semcore/flex-box';\nimport ChevronRight from '@semcore/icon/ChevronRight/l';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/l';\n\nimport style from './style/carousel.shadow.css';\n\nconst position = {\n  getItemMin: function (items) {\n    let indexItem = 0;\n    items.forEach(function (item, index) {\n      if (item.position < items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getItemMax: function (items) {\n    let indexItem = 0;\n    items.forEach(function (item, index) {\n      if (item.position > items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getMin: function (items) {\n    return items[position.getItemMin(items)].position;\n  },\n  getMax: function (items) {\n    return items[position.getItemMax(items)].position;\n  },\n};\n\nconst MAP_TRANSFORM = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n};\n\nclass Carousel extends Component {\n  static displayName = 'Carousel';\n  static defaultProps = {\n    defaultIndex: 0,\n    duration: 350,\n    step: 100,\n    bounded: false,\n  };\n\n  static style = style;\n\n  refContainer = React.createRef();\n  transform = 0;\n  positionLeftItem = 0;\n  indexIndicator = 0;\n\n  constructor(props) {\n    super(props);\n    this.isControlled = props.index !== undefined;\n    this.state = {\n      items: [],\n    };\n  }\n\n  uncontrolledProps() {\n    return {\n      index: null,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { index } = this.asProps;\n    if (prevProps.index !== index && this.isControlled) {\n      this.slideToValue(prevProps.index, index);\n    }\n  }\n\n  handlerKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        e.preventDefault();\n        const { activeItemIndex } = this.controlTransformItem(MAP_TRANSFORM[e.key]);\n        this.handlers.index(activeItemIndex);\n    }\n  };\n\n  toogleItem = (item, removeItem = false) => {\n    const { index } = this.asProps;\n    const { items } = this.state;\n    if (removeItem) {\n      this.updateItems(items.filter((element) => element.node !== item.node));\n    } else {\n      this.setState(\n        (state) => {\n          return {\n            items: [...state.items, item].map((element, position) => ({\n              ...element,\n              position,\n              transform: 0,\n            })),\n          };\n        },\n        () => {\n          if (index !== 0) {\n            this.slideToValue(this.indexIndicator, index);\n          }\n        },\n      );\n    }\n  };\n\n  updateItems = (items) => {\n    this.setState(() => ({ items }));\n  };\n\n  transformContainer = (transform) => {\n    if (this.refContainer.current) {\n      this.refContainer.current.style.transform = `translateX(${transform}%)`;\n    }\n  };\n\n  getDirection = (currentIndex, nextIndex, bounded) => {\n    if (bounded) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    const { items } = this.state;\n    const listIndex = items.map((_, ind) => ind);\n    const tmpArr = [...listIndex];\n    const minTmpArr = tmpArr[0];\n    const maxTmpArr = tmpArr[tmpArr.length - 1];\n\n    if (tmpArr.length === 2) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    if (currentIndex === minTmpArr) {\n      tmpArr.unshift(maxTmpArr);\n      tmpArr.pop();\n    }\n    if (currentIndex === maxTmpArr) {\n      tmpArr.shift();\n      tmpArr.push(minTmpArr);\n    }\n\n    const tmpCurrentIndex = tmpArr.indexOf(currentIndex);\n    const left = tmpArr.indexOf(nextIndex);\n\n    return left - tmpCurrentIndex < 0 ? 'left' : 'right';\n  };\n\n  slideToValue = (currentIndex, nextIndexItem, bounded) => {\n    if (currentIndex === nextIndexItem) return false;\n    const direction = this.getDirection(\n      currentIndex,\n      nextIndexItem,\n      bounded || this.asProps.bounded,\n    );\n    let i = currentIndex;\n    while (nextIndexItem !== i) {\n      const { activeItemIndex } = this.transformItem(direction);\n      i = activeItemIndex;\n    }\n  };\n\n  controlTransformItem = (direction) => {\n    const { bounded, index } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n\n    if (this.isControlled) {\n      if (direction === 'right') {\n        if (bounded && index === maxIndexIndicator) {\n          return { activeItemIndex: maxIndexIndicator };\n        }\n        return { activeItemIndex: index === maxIndexIndicator ? 0 : index + 1 };\n      }\n      if (direction === 'left') {\n        if (bounded && index === 0) {\n          return { activeItemIndex: 0 };\n        }\n        return { activeItemIndex: index === 0 ? maxIndexIndicator : index - 1 };\n      }\n    }\n    return this.transformItem(direction);\n  };\n\n  transformItem = (direction) => {\n    const { bounded, step } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n    let nextItemPosition = undefined;\n\n    if (direction === 'right') {\n      if (bounded && this.positionLeftItem === maxIndexIndicator) {\n        return { activeItemIndex: maxIndexIndicator };\n      }\n      this.positionLeftItem += 1;\n      const positionItemMax = position.getMax(items);\n\n      if (this.positionLeftItem > positionItemMax) {\n        nextItemPosition = position.getItemMin(items);\n        items[nextItemPosition].position = positionItemMax + 1;\n        items[nextItemPosition].transform += items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator += 1;\n      if (this.indexIndicator > maxIndexIndicator) {\n        this.indexIndicator = 0;\n      }\n      this.transform -= step;\n    }\n    if (direction === 'left') {\n      if (bounded && this.positionLeftItem === 0) {\n        return { activeItemIndex: 0 };\n      }\n      this.positionLeftItem -= 1;\n      const positionItemMin = position.getMin(items);\n\n      if (this.positionLeftItem < positionItemMin) {\n        nextItemPosition = position.getItemMax(items);\n        items[nextItemPosition].position = positionItemMin - 1;\n        items[nextItemPosition].transform -= items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator -= 1;\n      if (this.indexIndicator < 0) {\n        this.indexIndicator = maxIndexIndicator;\n      }\n      this.transform += step;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.position === this.positionLeftItem);\n    if (items[activeItemIndex]) {\n      items[\n        activeItemIndex\n      ].node.style.transform = `translateX(${items[activeItemIndex].transform}%)`;\n    }\n    this.transformContainer(this.transform);\n    return { activeItemIndex };\n  };\n\n  bindHandlerClick = (direction) => {\n    return () => {\n      const { activeItemIndex } = this.controlTransformItem(direction);\n      this.handlers.index(activeItemIndex);\n    };\n  };\n\n  bindHandlerClickIndicator = (value) => {\n    return () => {\n      !this.isControlled && this.slideToValue(this.indexIndicator, value, true);\n      this.handlers.index(value);\n    };\n  };\n\n  handlerTouchStart = (e) => {\n    this._touchStartCoord = e.changedTouches[0].clientX;\n  };\n\n  handlerTouchEnd = (e) => {\n    const touchEndCoord = e.changedTouches[0].clientX;\n    const delta = touchEndCoord - this._touchStartCoord;\n    if (delta > 50) {\n      const { activeItemIndex } = this.controlTransformItem('left');\n      this.handlers.index(activeItemIndex);\n    } else if (delta < -50) {\n      const { activeItemIndex } = this.controlTransformItem('right');\n      this.handlers.index(activeItemIndex);\n    }\n  };\n\n  getContainerProps() {\n    const { duration } = this.asProps;\n\n    return {\n      ref: this.refContainer,\n      duration,\n    };\n  }\n\n  getItemProps() {\n    return {\n      $toogleItem: this.toogleItem,\n    };\n  }\n\n  bindHandlerKeydownControl = (direction) => (e) => {\n    const { keyCode } = e;\n    if (keyCode === 13) {\n      e.preventDefault();\n      this.bindHandlerClick(direction)();\n    }\n  };\n\n  getPrevProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === 0;\n    }\n    return {\n      onClick: this.bindHandlerClick('left'),\n      onKeyDown: this.bindHandlerKeydownControl('left'),\n      disabled,\n    };\n  }\n\n  getNextProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === items.length - 1;\n    }\n    return {\n      onClick: this.bindHandlerClick('right'),\n      onKeyDown: this.bindHandlerKeydownControl('right'),\n      disabled,\n    };\n  }\n\n  getIndicatorsProps() {\n    const { items } = this.state;\n    const { index } = this.asProps;\n\n    return {\n      items: items.map((item, key) => ({\n        active: key === index,\n        onClick: this.bindHandlerClickIndicator(key),\n      })),\n    };\n  }\n\n  render() {\n    const SCarousel = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SCarousel\n        render={Box}\n        onKeyDown={this.handlerKeyDown}\n        tabIndex={0}\n        onTouchStart={this.handlerTouchStart}\n        onTouchEnd={this.handlerTouchEnd}\n      >\n        <Children />\n      </SCarousel>,\n    );\n  }\n}\n\nconst Container = (props) => {\n  const SContainer = Root;\n  const { styles, duration } = props;\n\n  return sstyled(styles)(<SContainer render={Box} use:duration={`${duration}ms`} />);\n};\n\nconst Item = (props) => {\n  const { styles, $toogleItem } = props;\n  const SItem = Root;\n  const refItem = React.createRef();\n  useEffect(() => {\n    // add item\n    $toogleItem({ node: refItem.current });\n    return () => {\n      // remove item\n      $toogleItem({ node: refItem.current }, true);\n    };\n  }, []);\n\n  return sstyled(styles)(<SItem render={Box} ref={refItem} />);\n};\n\nconst Prev = (props) => {\n  const { styles } = props;\n  const SPrev = Root;\n  return sstyled(styles)(<SPrev render={Box} />);\n};\n\nPrev.defaultProps = () => ({\n  children: <ChevronLeft interactive color=\"stone\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Next = (props) => {\n  const { styles } = props;\n  const SNext = Root;\n  return sstyled(styles)(<SNext render={Box} />);\n};\n\nNext.defaultProps = () => ({\n  children: <ChevronRight interactive color=\"stone\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Indicators = ({ items, styles, Children }) => {\n  const SIndicators = Root;\n  const SIndicator = Box;\n  if (Children.origin) {\n    return <Children />;\n  }\n  return sstyled(styles)(\n    <SIndicators render={Box}>\n      {items.map((item) => (\n        <SIndicator {...item} />\n      ))}\n    </SIndicators>,\n  );\n};\n\nexport default createComponent(Carousel, {\n  Container,\n  Indicators,\n  Item,\n  Prev,\n  Next,\n});\n"],"file":"Carousel.js"}
+{"version":3,"sources":["../../src/Carousel.jsx"],"names":["position","getItemMin","items","indexItem","forEach","item","index","getItemMax","getMin","getMax","MAP_TRANSFORM","ArrowLeft","ArrowRight","CarouselRoot","props","React","createRef","e","key","preventDefault","controlTransformItem","activeItemIndex","handlers","removeItem","asProps","state","updateItems","filter","element","node","setState","map","transform","slideToValue","indexIndicator","refContainer","current","style","currentIndex","nextIndex","bounded","listIndex","_","ind","tmpArr","minTmpArr","maxTmpArr","length","unshift","pop","shift","push","tmpCurrentIndex","indexOf","left","nextIndexItem","direction","getDirection","i","transformItem","maxIndexIndicator","isControlled","step","nextItemPosition","undefined","positionLeftItem","positionItemMax","positionItemMin","findIndex","transformContainer","value","_touchStartCoord","changedTouches","clientX","touchEndCoord","delta","keyCode","bindHandlerClick","prevProps","duration","ref","$toogleItem","toogleItem","disabled","onClick","onKeyDown","bindHandlerKeydownControl","active","bindHandlerClickIndicator","SCarousel","Box","styles","Children","handlerKeyDown","handlerTouchStart","handlerTouchEnd","Component","defaultIndex","Container","SContainer","Item","SItem","refItem","Prev","SPrev","defaultProps","children","top","Next","SNext","Indicators","SIndicators","origin","Indicator","SIndicator","Carousel"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport { Box } from '@semcore/flex-box';\nimport ChevronRight from '@semcore/icon/ChevronRight/l';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/l';\n\nimport style from './style/carousel.shadow.css';\n\nconst position = {\n  getItemMin: function (items) {\n    let indexItem = 0;\n    items.forEach(function (item, index) {\n      if (item.position < items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getItemMax: function (items) {\n    let indexItem = 0;\n    items.forEach(function (item, index) {\n      if (item.position > items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getMin: function (items) {\n    return items[position.getItemMin(items)].position;\n  },\n  getMax: function (items) {\n    return items[position.getItemMax(items)].position;\n  },\n};\n\nconst MAP_TRANSFORM = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n};\n\nclass CarouselRoot extends Component {\n  static displayName = 'Carousel';\n  static defaultProps = {\n    defaultIndex: 0,\n    duration: 350,\n    step: 100,\n    bounded: false,\n  };\n\n  static style = style;\n\n  refContainer = React.createRef();\n  transform = 0;\n  positionLeftItem = 0;\n  indexIndicator = 0;\n\n  constructor(props) {\n    super(props);\n    this.isControlled = props.index !== undefined;\n    this.state = {\n      items: [],\n    };\n  }\n\n  uncontrolledProps() {\n    return {\n      index: null,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { index } = this.asProps;\n    if (prevProps.index !== index && this.isControlled) {\n      this.slideToValue(prevProps.index, index);\n    }\n  }\n\n  handlerKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        e.preventDefault();\n        const { activeItemIndex } = this.controlTransformItem(MAP_TRANSFORM[e.key]);\n        this.handlers.index(activeItemIndex);\n    }\n  };\n\n  toogleItem = (item, removeItem = false) => {\n    const { index } = this.asProps;\n    const { items } = this.state;\n    if (removeItem) {\n      this.updateItems(items.filter((element) => element.node !== item.node));\n    } else {\n      this.setState(\n        (state) => {\n          return {\n            items: [...state.items, item].map((element, position) => ({\n              ...element,\n              position,\n              transform: 0,\n            })),\n          };\n        },\n        () => {\n          if (index !== 0) {\n            this.slideToValue(this.indexIndicator, index);\n          }\n        },\n      );\n    }\n  };\n\n  updateItems = (items) => {\n    this.setState(() => ({ items }));\n  };\n\n  transformContainer = (transform) => {\n    if (this.refContainer.current) {\n      this.refContainer.current.style.transform = `translateX(${transform}%)`;\n    }\n  };\n\n  getDirection = (currentIndex, nextIndex, bounded) => {\n    if (bounded) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    const { items } = this.state;\n    const listIndex = items.map((_, ind) => ind);\n    const tmpArr = [...listIndex];\n    const minTmpArr = tmpArr[0];\n    const maxTmpArr = tmpArr[tmpArr.length - 1];\n\n    if (tmpArr.length === 2) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    if (currentIndex === minTmpArr) {\n      tmpArr.unshift(maxTmpArr);\n      tmpArr.pop();\n    }\n    if (currentIndex === maxTmpArr) {\n      tmpArr.shift();\n      tmpArr.push(minTmpArr);\n    }\n\n    const tmpCurrentIndex = tmpArr.indexOf(currentIndex);\n    const left = tmpArr.indexOf(nextIndex);\n\n    return left - tmpCurrentIndex < 0 ? 'left' : 'right';\n  };\n\n  slideToValue = (currentIndex, nextIndexItem, bounded) => {\n    if (currentIndex === nextIndexItem) return false;\n    const direction = this.getDirection(\n      currentIndex,\n      nextIndexItem,\n      bounded || this.asProps.bounded,\n    );\n    let i = currentIndex;\n    while (nextIndexItem !== i) {\n      const { activeItemIndex } = this.transformItem(direction);\n      i = activeItemIndex;\n    }\n  };\n\n  controlTransformItem = (direction) => {\n    const { bounded, index } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n\n    if (this.isControlled) {\n      if (direction === 'right') {\n        if (bounded && index === maxIndexIndicator) {\n          return { activeItemIndex: maxIndexIndicator };\n        }\n        return { activeItemIndex: index === maxIndexIndicator ? 0 : index + 1 };\n      }\n      if (direction === 'left') {\n        if (bounded && index === 0) {\n          return { activeItemIndex: 0 };\n        }\n        return { activeItemIndex: index === 0 ? maxIndexIndicator : index - 1 };\n      }\n    }\n    return this.transformItem(direction);\n  };\n\n  transformItem = (direction) => {\n    const { bounded, step } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n    let nextItemPosition = undefined;\n\n    if (direction === 'right') {\n      if (bounded && this.positionLeftItem === maxIndexIndicator) {\n        return { activeItemIndex: maxIndexIndicator };\n      }\n      this.positionLeftItem += 1;\n      const positionItemMax = position.getMax(items);\n\n      if (this.positionLeftItem > positionItemMax) {\n        nextItemPosition = position.getItemMin(items);\n        items[nextItemPosition].position = positionItemMax + 1;\n        items[nextItemPosition].transform += items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator += 1;\n      if (this.indexIndicator > maxIndexIndicator) {\n        this.indexIndicator = 0;\n      }\n      this.transform -= step;\n    }\n    if (direction === 'left') {\n      if (bounded && this.positionLeftItem === 0) {\n        return { activeItemIndex: 0 };\n      }\n      this.positionLeftItem -= 1;\n      const positionItemMin = position.getMin(items);\n\n      if (this.positionLeftItem < positionItemMin) {\n        nextItemPosition = position.getItemMax(items);\n        items[nextItemPosition].position = positionItemMin - 1;\n        items[nextItemPosition].transform -= items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator -= 1;\n      if (this.indexIndicator < 0) {\n        this.indexIndicator = maxIndexIndicator;\n      }\n      this.transform += step;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.position === this.positionLeftItem);\n    if (items[activeItemIndex]) {\n      items[\n        activeItemIndex\n      ].node.style.transform = `translateX(${items[activeItemIndex].transform}%)`;\n    }\n    this.transformContainer(this.transform);\n    return { activeItemIndex };\n  };\n\n  bindHandlerClick = (direction) => {\n    return () => {\n      const { activeItemIndex } = this.controlTransformItem(direction);\n      this.handlers.index(activeItemIndex);\n    };\n  };\n\n  bindHandlerClickIndicator = (value) => {\n    return () => {\n      !this.isControlled && this.slideToValue(this.indexIndicator, value, true);\n      this.handlers.index(value);\n    };\n  };\n\n  handlerTouchStart = (e) => {\n    this._touchStartCoord = e.changedTouches[0].clientX;\n  };\n\n  handlerTouchEnd = (e) => {\n    const touchEndCoord = e.changedTouches[0].clientX;\n    const delta = touchEndCoord - this._touchStartCoord;\n    if (delta > 50) {\n      const { activeItemIndex } = this.controlTransformItem('left');\n      this.handlers.index(activeItemIndex);\n    } else if (delta < -50) {\n      const { activeItemIndex } = this.controlTransformItem('right');\n      this.handlers.index(activeItemIndex);\n    }\n  };\n\n  getContainerProps() {\n    const { duration } = this.asProps;\n\n    return {\n      ref: this.refContainer,\n      duration,\n    };\n  }\n\n  getItemProps() {\n    return {\n      $toogleItem: this.toogleItem,\n    };\n  }\n\n  bindHandlerKeydownControl = (direction) => (e) => {\n    const { keyCode } = e;\n    if (keyCode === 13) {\n      e.preventDefault();\n      this.bindHandlerClick(direction)();\n    }\n  };\n\n  getPrevProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === 0;\n    }\n    return {\n      onClick: this.bindHandlerClick('left'),\n      onKeyDown: this.bindHandlerKeydownControl('left'),\n      disabled,\n    };\n  }\n\n  getNextProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === items.length - 1;\n    }\n    return {\n      onClick: this.bindHandlerClick('right'),\n      onKeyDown: this.bindHandlerKeydownControl('right'),\n      disabled,\n    };\n  }\n\n  getIndicatorsProps() {\n    const { items } = this.state;\n    const { index } = this.asProps;\n\n    return {\n      items: items.map((item, key) => ({\n        active: key === index,\n        onClick: this.bindHandlerClickIndicator(key),\n        key,\n      })),\n    };\n  }\n\n  render() {\n    const SCarousel = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SCarousel\n        render={Box}\n        onKeyDown={this.handlerKeyDown}\n        tabIndex={0}\n        onTouchStart={this.handlerTouchStart}\n        onTouchEnd={this.handlerTouchEnd}\n      >\n        <Children />\n      </SCarousel>,\n    );\n  }\n}\n\nconst Container = (props) => {\n  const SContainer = Root;\n  const { styles, duration } = props;\n\n  return sstyled(styles)(<SContainer render={Box} use:duration={`${duration}ms`} />);\n};\n\nconst Item = (props) => {\n  const { styles, $toogleItem } = props;\n  const SItem = Root;\n  const refItem = React.createRef();\n  useEffect(() => {\n    // add item\n    $toogleItem({ node: refItem.current });\n    return () => {\n      // remove item\n      $toogleItem({ node: refItem.current }, true);\n    };\n  }, []);\n\n  return sstyled(styles)(<SItem render={Box} ref={refItem} />);\n};\n\nconst Prev = (props) => {\n  const { styles } = props;\n  const SPrev = Root;\n  return sstyled(styles)(<SPrev render={Box} />);\n};\n\nPrev.defaultProps = () => ({\n  children: <ChevronLeft interactive color=\"gray-300\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Next = (props) => {\n  const { styles } = props;\n  const SNext = Root;\n  return sstyled(styles)(<SNext render={Box} />);\n};\n\nNext.defaultProps = () => ({\n  children: <ChevronRight interactive color=\"gray-300\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Indicators = ({ items, styles, Children }) => {\n  const SIndicators = Root;\n  if (Children.origin) {\n    return sstyled(styles)(\n      <SIndicators render={Box}>\n        <Children />\n      </SIndicators>,\n    );\n  }\n  return sstyled(styles)(\n    <SIndicators render={Box}>\n      {items.map((item, index) => (\n        <Carousel.Indicator key={index} {...item} />\n      ))}\n    </SIndicators>,\n  );\n};\n\nconst Indicator = ({ styles, Children }) => {\n  const SIndicator = Root;\n  return sstyled(styles)(\n    <SIndicator render={Box}>\n      <Children />\n    </SIndicator>,\n  );\n};\n\nconst Carousel = createComponent(CarouselRoot, {\n  Container,\n  Indicators,\n  Indicator,\n  Item,\n  Prev,\n  Next,\n});\n\nexport default Carousel;\n"],"file":"Carousel.js"}

package/lib/cjs/index.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { PropGetterFn, CProps, ReturnEl } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+
+type ChildRenderFn<Props> = Props & {
+  children?: ({
+    items,
+  }: {
+    items: { active: boolean; onClick: () => void }[];
+  }) => React.ReactElement | React.ReactElement[];
+};
+
+export interface ICarouselProps {
+  /** Index active item */
+  index?: number;
+  /**
+   * Index of the active item selected by default
+   * @default 0
+   */
+  defaultIndex?: number;
+  /**  Called when the selection is changed */
+  onIndexChange?: (index: number) => void;
+  /** Animation duration
+   * @default 300 */
+  duration?: number;
+  /** Disables infinite items change in the carousel
+   * @default false */
+  bounded?: boolean;
+  /** @ignore  */
+  step?: number;
+}
+
+export interface ICarouselContext {
+  getContainerProps: PropGetterFn;
+  getItemProps: PropGetterFn;
+  getPrevProps: PropGetterFn;
+  getNextProps: PropGetterFn;
+  getIndicatorsProps: PropGetterFn;
+}
+
+export interface ICarouselState {
+  // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
+  items: { transform: number; position: number; node: HTMLDivElement }[];
+}
+
+declare const Carousel: (<T>(
+  props: CProps<ICarouselProps & T, ICarouselContext, ICarouselState>,
+) => ReturnEl) & {
+  Container: <T>(props: IBoxProps & T) => ReturnEl;
+  Indicators: <T>(props: ChildRenderFn<IBoxProps & T>) => ReturnEl;
+  Indicator: <T>(
+    props: ChildRenderFn<IBoxProps & { active: boolean; onClick: () => void } & T>,
+  ) => ReturnEl;
+  Item: <T>(props: IBoxProps & T) => ReturnEl;
+  Prev: <T>(props: IBoxProps & T) => ReturnEl;
+  Next: <T>(props: IBoxProps & T) => ReturnEl;
+};
+
+export default Carousel;

package/lib/cjs/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -13,21 +12,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Carousel = _interopRequireWildcard(require("./Carousel"));
-
-Object.keys(_Carousel).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Carousel[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Carousel[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _Carousel = _interopRequireDefault(require("./Carousel"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Carousel';\nexport * from './Carousel';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Carousel';\n"],"file":"index.js"}

package/lib/cjs/style/carousel.shadow.css

@@ -15,6 +15,8 @@ SItem {
   max-width: 100%;
   box-sizing: border-box;
   transform: var(--transform);
+  border-radius: 6px;
+  overflow: hidden;
 }
 
 SIndicators {
@@ -24,28 +26,24 @@ SIndicators {
 }
 
 SIndicator {
-  margin: 0 5px;
-  padding: 0 5px;
+  margin: 0 6px;
   cursor: pointer;
+  display: block;
+  width: 12px;
+  height: 12px;
+  border-radius: 6px;
+  background-color: var(--gray-300);
+  opacity: 0.3;
+  object-fit: cover;
+  transition: ease-in-out opacity 0.1s;
+}
 
-  &::before {
-    content: '';
-    display: block;
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-    background-color: color-mod(var(--stone) a(30%));
-  }
-
-  &:hover::before {
-    background-color: color-mod(var(--stone) a(60%));
-  }
+SIndicator:hover {
+  opacity: 0.6;
 }
 
 SIndicator[active] {
-  &::before {
-    background-color: var(--stone);
-  }
+  opacity: 1;
 }
 
 SPrev,
@@ -56,6 +54,13 @@ SNext {
   cursor: pointer;
 }
 
+SPrev {
+  margin-right: 12px;
+}
+SNext {
+  margin-left: 12px;
+}
+
 SPrev[disabled],
 SNext[disabled] {
   opacity: var(--disabled-opacity);