@semcore/carousel 2.2.29 → 2.2.30

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.2.30] - 2023-04-03
+
+### Fixed
+
+- Fixed carousel html roles.
+
 ## [2.2.29] - 2023-03-28
 
 ### Changed

package/lib/cjs/Carousel.js

@@ -1,65 +1,39 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _flexBox = require("@semcore/flex-box");
-
 var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
-
 var _l2 = _interopRequireDefault(require("@semcore/icon/ChevronLeft/l"));
-
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-
 /*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SCarousel_2lqk1_gg_{overflow:hidden;outline:0}.___SContainer_2lqk1_gg_{display:flex;transition:transform var(--duration_2lqk1) ease-in-out}.___SItem_2lqk1_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_2lqk1);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SIndicators_2lqk1_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_2lqk1_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_2lqk1_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_2lqk1_gg_.__active_2lqk1_gg_{opacity:1}.___SNext_2lqk1_gg_,.___SPrev_2lqk1_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_2lqk1_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SNext_2lqk1_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SNext_2lqk1_gg_.__disabled_2lqk1_gg_,.___SPrev_2lqk1_gg_.__disabled_2lqk1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_2lqk1_gg_{transition:none}}"
-/*__inner_css_end__*/
-, "2lqk1_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SCarousel": "___SCarousel_2lqk1_gg_",
-  "__SContainer": "___SContainer_2lqk1_gg_",
-  "--duration": "--duration_2lqk1",
-  "__SItem": "___SItem_2lqk1_gg_",
-  "--transform": "--transform_2lqk1",
-  "__SIndicators": "___SIndicators_2lqk1_gg_",
-  "__SIndicator": "___SIndicator_2lqk1_gg_",
-  "_active": "__active_2lqk1_gg_",
-  "__SPrev": "___SPrev_2lqk1_gg_",
-  "__SNext": "___SNext_2lqk1_gg_",
-  "_disabled": "__disabled_2lqk1_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SCarousel_1wr8k_gg_{overflow:hidden;outline:0}.___SContainer_1wr8k_gg_{display:flex;transition:transform var(--duration_1wr8k) ease-in-out}.___SItem_1wr8k_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_1wr8k);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SIndicators_1wr8k_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_1wr8k_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_1wr8k_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_1wr8k_gg_.__active_1wr8k_gg_{opacity:1}.___SNext_1wr8k_gg_,.___SPrev_1wr8k_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SPrev_1wr8k_gg_{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SNext_1wr8k_gg_{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SNext_1wr8k_gg_.__disabled_1wr8k_gg_,.___SPrev_1wr8k_gg_.__disabled_1wr8k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_1wr8k_gg_{transition:none}}" /*__inner_css_end__*/, "1wr8k_gg_") /*__reshadow_css_end__*/, {
+  "__SCarousel": "___SCarousel_1wr8k_gg_",
+  "__SContainer": "___SContainer_1wr8k_gg_",
+  "--duration": "--duration_1wr8k",
+  "__SItem": "___SItem_1wr8k_gg_",
+  "--transform": "--transform_1wr8k",
+  "__SIndicators": "___SIndicators_1wr8k_gg_",
+  "__SIndicator": "___SIndicator_1wr8k_gg_",
+  "_active": "__active_1wr8k_gg_",
+  "__SPrev": "___SPrev_1wr8k_gg_",
+  "__SNext": "___SNext_1wr8k_gg_",
+  "_disabled": "__disabled_1wr8k_gg_"
 });
 var position = {
   getItemMin: function getItemMin(items) {
@@ -91,15 +65,11 @@ var MAP_TRANSFORM = {
   ArrowLeft: 'left',
   ArrowRight: 'right'
 };
-
 var CarouselRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CarouselRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(CarouselRoot);
-
   function CarouselRoot(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, CarouselRoot);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refContainer", /*#__PURE__*/_react["default"].createRef());
@@ -111,19 +81,15 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
         case 'ArrowLeft':
         case 'ArrowRight':
           e.preventDefault();
-
           var _this$controlTransfor = _this.controlTransformItem(MAP_TRANSFORM[e.key]),
-              activeItemIndex = _this$controlTransfor.activeItemIndex;
-
+            activeItemIndex = _this$controlTransfor.activeItemIndex;
           _this.handlers.index(activeItemIndex);
-
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toggleItem", function (item) {
       var removeItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var index = _this.asProps.index;
       var items = _this.state.items;
-
       if (removeItem) {
         _this.updateItems(items.filter(function (element) {
           return element.node !== item.node;
@@ -140,7 +106,6 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
           };
         }, function () {
           var items = _this.state.items;
-
           if (items.length < index && index !== 0) {
             _this.slideToValue(_this.indexIndicator, index);
           }
@@ -163,7 +128,6 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
       if (bounded) {
         return currentIndex < nextIndex ? 'right' : 'left';
       }
-
       var items = _this.state.items;
       var listIndex = items.map(function (_, ind) {
         return ind;
@@ -171,46 +135,37 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
       var tmpArr = (0, _toConsumableArray2["default"])(listIndex);
       var minTmpArr = tmpArr[0];
       var maxTmpArr = tmpArr[tmpArr.length - 1];
-
       if (tmpArr.length === 2) {
         return currentIndex < nextIndex ? 'right' : 'left';
       }
-
       if (currentIndex === minTmpArr) {
         tmpArr.unshift(maxTmpArr);
         tmpArr.pop();
       }
-
       if (currentIndex === maxTmpArr) {
         tmpArr.shift();
         tmpArr.push(minTmpArr);
       }
-
       var tmpCurrentIndex = tmpArr.indexOf(currentIndex);
       var left = tmpArr.indexOf(nextIndex);
       return left - tmpCurrentIndex < 0 ? 'left' : 'right';
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "slideToValue", function (currentIndex, nextIndexItem, bounded) {
       if (currentIndex === nextIndexItem) return false;
-
       var direction = _this.getDirection(currentIndex, nextIndexItem, bounded || _this.asProps.bounded);
-
       var i = currentIndex;
-
       while (nextIndexItem !== i) {
         var _this$transformItem = _this.transformItem(direction),
-            activeItemIndex = _this$transformItem.activeItemIndex;
-
+          activeItemIndex = _this$transformItem.activeItemIndex;
         i = activeItemIndex;
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "controlTransformItem", function (direction) {
       var _this$asProps = _this.asProps,
-          bounded = _this$asProps.bounded,
-          index = _this$asProps.index;
+        bounded = _this$asProps.bounded,
+        index = _this$asProps.index;
       var items = _this.state.items;
       var maxIndexIndicator = items.length - 1;
-
       if (_this.isControlled) {
         if (direction === 'right') {
           if (bounded && index === maxIndexIndicator) {
@@ -218,99 +173,77 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
               activeItemIndex: maxIndexIndicator
             };
           }
-
           return {
             activeItemIndex: index === maxIndexIndicator ? 0 : index + 1
           };
         }
-
         if (direction === 'left') {
           if (bounded && index === 0) {
             return {
               activeItemIndex: 0
             };
           }
-
           return {
             activeItemIndex: index === 0 ? maxIndexIndicator : index - 1
           };
         }
       }
-
       return _this.transformItem(direction);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "transformItem", function (direction) {
       var _this$asProps2 = _this.asProps,
-          bounded = _this$asProps2.bounded,
-          step = _this$asProps2.step;
+        bounded = _this$asProps2.bounded,
+        step = _this$asProps2.step;
       var items = _this.state.items;
       var maxIndexIndicator = items.length - 1;
       var nextItemPosition = undefined;
-
       if (direction === 'right') {
         if (bounded && _this.positionLeftItem === maxIndexIndicator) {
           return {
             activeItemIndex: maxIndexIndicator
           };
         }
-
         _this.positionLeftItem += 1;
         var positionItemMax = position.getMax(items);
-
         if (_this.positionLeftItem > positionItemMax) {
           nextItemPosition = position.getItemMin(items);
           items[nextItemPosition].position = positionItemMax + 1;
           items[nextItemPosition].transform += items.length * step;
-
           _this.updateItems((0, _toConsumableArray2["default"])(items));
         }
-
         _this.indexIndicator += 1;
-
         if (_this.indexIndicator > maxIndexIndicator) {
           _this.indexIndicator = 0;
         }
-
         _this.transform -= step;
       }
-
       if (direction === 'left') {
         if (bounded && _this.positionLeftItem === 0) {
           return {
             activeItemIndex: 0
           };
         }
-
         _this.positionLeftItem -= 1;
         var positionItemMin = position.getMin(items);
-
         if (_this.positionLeftItem < positionItemMin) {
           nextItemPosition = position.getItemMax(items);
           items[nextItemPosition].position = positionItemMin - 1;
           items[nextItemPosition].transform -= items.length * step;
-
           _this.updateItems((0, _toConsumableArray2["default"])(items));
         }
-
         _this.indexIndicator -= 1;
-
         if (_this.indexIndicator < 0) {
           _this.indexIndicator = maxIndexIndicator;
         }
-
         _this.transform += step;
       }
-
       var activeItemIndex = items.findIndex(function (item) {
         return item.position === _this.positionLeftItem;
       });
-
       if (items[activeItemIndex]) {
         items[activeItemIndex].node.style.transform = "translateX(".concat(items[activeItemIndex].transform, "%)");
       }
-
       _this.transformContainer(_this.transform);
-
       return {
         activeItemIndex: activeItemIndex
       };
@@ -318,15 +251,13 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClick", function (direction) {
       return function () {
         var _this$controlTransfor2 = _this.controlTransformItem(direction),
-            activeItemIndex = _this$controlTransfor2.activeItemIndex;
-
+          activeItemIndex = _this$controlTransfor2.activeItemIndex;
         _this.handlers.index(activeItemIndex);
       };
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerClickIndicator", function (value) {
       return function () {
         !_this.isControlled && _this.slideToValue(_this.indexIndicator, value, true);
-
         _this.handlers.index(value);
       };
     });
@@ -336,26 +267,21 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerTouchEnd", function (e) {
       var touchEndCoord = e.changedTouches[0].clientX;
       var delta = touchEndCoord - _this._touchStartCoord;
-
       if (delta > 50) {
         var _this$controlTransfor3 = _this.controlTransformItem('left'),
-            activeItemIndex = _this$controlTransfor3.activeItemIndex;
-
+          activeItemIndex = _this$controlTransfor3.activeItemIndex;
         _this.handlers.index(activeItemIndex);
       } else if (delta < -50) {
         var _this$controlTransfor4 = _this.controlTransformItem('right'),
-            _activeItemIndex = _this$controlTransfor4.activeItemIndex;
-
+          _activeItemIndex = _this$controlTransfor4.activeItemIndex;
         _this.handlers.index(_activeItemIndex);
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerKeydownControl", function (direction) {
       return function (e) {
         var keyCode = e.keyCode;
-
         if (keyCode === 13) {
           e.preventDefault();
-
           _this.bindHandlerClick(direction)();
         }
       };
@@ -366,7 +292,6 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     };
     return _this;
   }
-
   (0, _createClass2["default"])(CarouselRoot, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -378,7 +303,6 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var index = this.asProps.index;
-
       if (prevProps.index !== index && this.isControlled) {
         this.slideToValue(prevProps.index, index);
       }
@@ -405,15 +329,13 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     key: "getPrevProps",
     value: function getPrevProps() {
       var _this$asProps3 = this.asProps,
-          index = _this$asProps3.index,
-          bounded = _this$asProps3.bounded;
+        index = _this$asProps3.index,
+        bounded = _this$asProps3.bounded;
       var items = this.state.items;
       var disabled = false;
-
       if (items.length && bounded) {
         disabled = index === 0;
       }
-
       return {
         onClick: this.bindHandlerClick('left'),
         onKeyDown: this.bindHandlerKeydownControl('left'),
@@ -424,15 +346,13 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     key: "getNextProps",
     value: function getNextProps() {
       var _this$asProps4 = this.asProps,
-          index = _this$asProps4.index,
-          bounded = _this$asProps4.bounded;
+        index = _this$asProps4.index,
+        bounded = _this$asProps4.bounded;
       var items = this.state.items;
       var disabled = false;
-
       if (items.length && bounded) {
         disabled = index === items.length - 1;
       }
-
       return {
         onClick: this.bindHandlerClick('right'),
         onKeyDown: this.bindHandlerKeydownControl('right'),
@@ -443,7 +363,6 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     key: "getIndicatorsProps",
     value: function getIndicatorsProps() {
       var _this2 = this;
-
       var items = this.state.items;
       var index = this.asProps.index;
       return {
@@ -460,24 +379,21 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref8;
-
+        _ref8;
       var SCarousel = _flexBox.Box;
       var _this$asProps5 = this.asProps,
-          styles = _this$asProps5.styles,
-          Children = _this$asProps5.Children;
+        styles = _this$asProps5.styles,
+        Children = _this$asProps5.Children;
       return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCarousel, _ref8.cn("SCarousel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "onKeyDown": this.handlerKeyDown,
         "tabIndex": 0,
         "onTouchStart": this.handlerTouchStart,
-        "onTouchEnd": this.handlerTouchEnd,
-        "role": "list"
+        "onTouchEnd": this.handlerTouchEnd
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
     }
   }]);
   return CarouselRoot;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(CarouselRoot, "displayName", 'Carousel');
 (0, _defineProperty2["default"])(CarouselRoot, "defaultProps", {
   defaultIndex: 0,
@@ -487,31 +403,26 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
 });
 (0, _defineProperty2["default"])(CarouselRoot, "style", style);
 (0, _defineProperty2["default"])(CarouselRoot, "enhance", [(0, _uniqueID["default"])()]);
-
 var Container = function Container(props) {
   var _ref2 = arguments[0],
-      _ref9;
-
+    _ref9;
   var SContainer = _flexBox.Box;
   var styles = props.styles,
-      duration = props.duration;
+    duration = props.duration;
   return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref9.cn("SContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "role": "list",
     "use:duration": "".concat(duration, "ms")
   }, _ref2))));
 };
-
 var Item = function Item(props) {
   var _ref3 = arguments[0],
-      _ref10;
-
+    _ref10;
   var styles = props.styles,
-      toggleItem = props.toggleItem,
-      index = props.index,
-      uid = props.uid;
+    toggleItem = props.toggleItem,
+    index = props.index,
+    uid = props.uid;
   var SItem = _flexBox.Box;
-
   var refItem = /*#__PURE__*/_react["default"].createRef();
-
   (0, _react.useEffect)(function () {
     // add item
     toggleItem({
@@ -530,18 +441,15 @@ var Item = function Item(props) {
     "id": "igc-".concat(uid, "-carousel-item-").concat(index)
   }, _ref3))));
 };
-
 var Prev = function Prev(props) {
   var _ref4 = arguments[0],
-      _ref11;
-
+    _ref11;
   var styles = props.styles;
   var SPrev = _flexBox.Box;
   return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPrev, _ref11.cn("SPrev", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "aria-hidden": "true"
   }, _ref4))));
 };
-
 Prev.defaultProps = function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_l2["default"], {
@@ -551,18 +459,15 @@ Prev.defaultProps = function () {
     top: 0
   };
 };
-
 var Next = function Next(props) {
   var _ref5 = arguments[0],
-      _ref12;
-
+    _ref12;
   var styles = props.styles;
   var SNext = _flexBox.Box;
   return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNext, _ref12.cn("SNext", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "aria-hidden": "true"
   }, _ref5))));
 };
-
 Next.defaultProps = function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_l["default"], {
@@ -572,24 +477,19 @@ Next.defaultProps = function () {
     top: 0
   };
 };
-
 var Indicators = function Indicators(_ref16) {
   var _ref6 = arguments[0],
-      _ref14;
-
+    _ref14;
   var items = _ref16.items,
-      styles = _ref16.styles,
-      Children = _ref16.Children;
+    styles = _ref16.styles,
+    Children = _ref16.Children;
   var SIndicators = _flexBox.Box;
-
   if (Children.origin) {
     var _ref13;
-
     return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref13.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
       "aria-hidden": "true"
     }, _ref6))), /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})));
   }
-
   return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref14.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "aria-hidden": "true"
   }, _ref6))), items.map(function (item, index) {
@@ -598,17 +498,14 @@ var Indicators = function Indicators(_ref16) {
     }, item));
   }));
 };
-
 var Indicator = function Indicator(_ref17) {
   var _ref7 = arguments[0],
-      _ref15;
-
+    _ref15;
   var styles = _ref17.styles,
-      Children = _ref17.Children;
+    Children = _ref17.Children;
   var SIndicator = _flexBox.Box;
   return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicator, _ref15.cn("SIndicator", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref7))), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {})));
 };
-
 var Carousel = (0, _core["default"])(CarouselRoot, {
   Container: Container,
   Indicators: Indicators,