@onesy/ui-react 1.0.171 → 1.0.173

package/esm/CardMain/CardMain.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 const _excluded = ["tonal", "color", "version", "elevation", "Component", "className", "children"];
@@ -9,6 +8,7 @@ import React from 'react';
 import { classNames, style as styleMethod, useOnesyTheme } from '@onesy/style-react';
 import LineElement from '../Line';
 import { staticClassName } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     padding: theme.methods.space.value(3, 'px')
@@ -16,8 +16,8 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-CardMain'
 });
-const CardMain = /*#__PURE__*/React.forwardRef((props_, ref) => {
-  const $ = _c(7);
+const CardMain = props_ => {
+  const $ = _c(6);
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCardMain?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
@@ -39,24 +39,24 @@ const CardMain = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const t2 = true;
   const t3 = classNames([staticClassName("CardMain", theme) && ["onesy-CardMain-root"], className, classes.root]);
   let t4;
-  if ($[0] !== Component || $[1] !== Line || $[2] !== children || $[3] !== other || $[4] !== ref || $[5] !== t3) {
-    t4 = /*#__PURE__*/React.createElement(Line, _extends({
-      ref: ref,
+  if ($[0] !== Component || $[1] !== Line || $[2] !== children || $[3] !== other || $[4] !== t3) {
+    t4 = /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
       fullWidth: t2,
       Component: Component,
       className: t3
-    }, other), children);
+    }, other), {}, {
+      children: children
+    }));
     $[0] = Component;
     $[1] = Line;
     $[2] = children;
     $[3] = other;
-    $[4] = ref;
-    $[5] = t3;
-    $[6] = t4;
+    $[4] = t3;
+    $[5] = t4;
   } else {
-    t4 = $[6];
+    t4 = $[5];
   }
   return t4;
-});
+};
 CardMain.displayName = 'onesy-CardMain';
 export default CardMain;

package/esm/Carousel/Carousel.js

@@ -1,7 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["tonal", "color", "version", "valueDefault", "value", "onChange", "id", "items", "orientation", "itemSize", "gap", "move", "moveValue", "moveItems", "moveBeyondEdge", "free", "swipe", "background", "index", "autoPlay", "autoHeight", "autoHeightDelay", "autoPlayInterval", "pauseOnHover", "round", "arrows", "mouseScroll", "momentum", "previousSub", "nextSub", "updateSub", "arrowsVisibility", "arrowHideOnStartEnd", "renderProgress", "renderArrowPrevious", "renderArrowNext", "progress", "progressVisibility", "start", "end", "noTransition", "onUpdatePosition", "onInit", "onUpdateItems", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "TransitionComponent", "ProgressTransitionComponent", "ArrowTransitionComponent", "ArrowPreviousTransitionComponent", "ArrowNextTransitionComponent", "IconButtonPrevious", "IconButtonNext", "IconPrevious", "IconNext", "ArrowProps", "ArrowPreviousProps", "ArrowNextProps", "CarouselProps", "TransitionsProps", "TransitionComponentProps", "ArrowTransitionComponentProps", "ArrowPreviousTransitionComponentProps", "ArrowNextTransitionComponentProps", "ProgressTransitionComponentProps", "ItemWrapperProps", "Component", "className", "children"];
+const _excluded = ["ref", "tonal", "color", "version", "valueDefault", "value", "onChange", "id", "items", "orientation", "itemSize", "gap", "move", "moveValue", "moveItems", "moveBeyondEdge", "free", "swipe", "background", "index", "autoPlay", "autoHeight", "autoHeightDelay", "autoPlayInterval", "pauseOnHover", "round", "arrows", "mouseScroll", "momentum", "previousSub", "nextSub", "updateSub", "arrowsVisibility", "arrowHideOnStartEnd", "renderProgress", "renderArrowPrevious", "renderArrowNext", "progress", "progressVisibility", "start", "end", "noTransition", "onUpdatePosition", "onInit", "onUpdateItems", "onBlur", "onFocus", "onMouseEnter", "onMouseLeave", "TransitionComponent", "ProgressTransitionComponent", "ArrowTransitionComponent", "ArrowPreviousTransitionComponent", "ArrowNextTransitionComponent", "IconButtonPrevious", "IconButtonNext", "IconPrevious", "IconNext", "ArrowProps", "ArrowPreviousProps", "ArrowNextProps", "CarouselProps", "TransitionsProps", "TransitionComponentProps", "ArrowTransitionComponentProps", "ArrowPreviousTransitionComponentProps", "ArrowNextTransitionComponentProps", "ProgressTransitionComponentProps", "ItemWrapperProps", "Component", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -16,6 +15,7 @@ import TransitionsElement from '../Transitions';
 import SurfaceElement from '../Surface';
 import useMediaQuery from '../useMediaQuery';
 import { valueBreakpoints, staticClassName } from '../utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useStyle = styleMethod(theme => ({
   root: {
     position: 'relative',
@@ -135,7 +135,7 @@ const useStyle = styleMethod(theme => ({
 }), {
   name: 'onesy-Carousel'
 });
-const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
+const Carousel = props_ => {
   const theme = useOnesyTheme();
   const props = _objectSpread(_objectSpread(_objectSpread({}, theme?.ui?.elements?.all?.props?.default), theme?.ui?.elements?.onesyCarousel?.props?.default), props_);
   const Line = theme?.elements?.Line || LineElement;
@@ -144,6 +144,7 @@ const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const Surface = theme?.elements?.Surface || SurfaceElement;
   const Transitions = theme?.elements?.Transitions || TransitionsElement;
   const {
+      ref,
       tonal = true,
       color = 'default',
       version: version_,
@@ -845,13 +846,13 @@ const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
   const resolveItem = Item => {
     if (!Item) return null;
     if (is('string', Item)) {
-      if (background) return /*#__PURE__*/React.createElement("div", {
+      if (background) return /*#__PURE__*/_jsx("div", {
         className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-background'], classes.background]),
         style: {
           backgroundImage: `url(${Item})`
         }
       });
-      return /*#__PURE__*/React.createElement("img", {
+      return /*#__PURE__*/_jsx("img", {
         src: Item,
         alt: ""
       });
@@ -860,7 +861,7 @@ const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
     if (Item?.element) return /*#__PURE__*/React.cloneElement(Item.element);
     return /*#__PURE__*/React.cloneElement(Item);
   };
-  return /*#__PURE__*/React.createElement(Surface, _extends({
+  return /*#__PURE__*/_jsxs(Surface, _objectSpread(_objectSpread({
     ref: item_4 => {
       if (ref) {
         if (is('function', ref)) ref(item_4);else ref.current = item_4;
@@ -878,123 +879,138 @@ const Carousel = /*#__PURE__*/React.forwardRef((props_, ref) => {
     onMouseLeave: onMouseLeave,
     Component: Component,
     className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-root'], className, classes.root, autoHeight && classes.autoHeight])
-  }, other), start_, version === 'regular' && /*#__PURE__*/React.createElement(Line, _extends({
-    ref: refs.carousel,
-    gap: gap,
-    direction: orientation === 'horizontal' ? theme.direction === 'ltr' ? 'row' : 'row-reverse' : 'column',
-    align: "center",
-    justify: "flex-start",
-    onWheel: mouseScroll && onWheel,
-    onMouseDown: onMouseDown,
-    onTouchStart: onMouseDown,
-    onMouseUp: onMouseUp,
-    onTouchEnd: onMouseUp,
-    id: refs.ids.items,
-    "aria-live": "polite"
-  }, CarouselProps, {
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-carousel'], CarouselProps?.className, classes.carousel, classes[`carousel_version_${version}`]]),
-    style: _objectSpread(_objectSpread({}, styles.carousel), CarouselProps?.style)
-  }), items.map((item_5, index_2) => /*#__PURE__*/React.createElement(Line, _extends({
-    key: index_2,
-    gap: 0,
-    direction: "column",
-    align: "center",
-    justify: "center",
-    role: "group",
-    "aria-roledescription": "slide",
-    "aria-label": `${index_2 + 1} out of ${refs.itemsLength.current}`
-  }, ItemWrapperProps, {
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-item'], ItemWrapperProps?.className, classes.item, autoHeight && classes[`item_version_${version}_autoHeight`], itemSize && classes[`item_itemSize_${itemSize}`]])
-  }), resolveItem(item_5)))), version === 'transition' && /*#__PURE__*/React.createElement(Line, _extends({
-    ref: refs.carousel,
-    gap: 0.5,
-    direction: orientation === 'horizontal' ? theme.direction === 'ltr' ? 'row' : 'row-reverse' : 'column',
-    align: "center",
-    justify: "center",
-    onWheel: mouseScroll && onWheel,
-    onMouseDown: onMouseDown,
-    onTouchStart: onMouseDown,
-    onMouseUp: onMouseUp,
-    onTouchEnd: onMouseUp,
-    id: refs.ids.items,
-    "aria-live": "polite"
-  }, CarouselProps, {
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-carousel'], CarouselProps?.className, classes.carousel])
-  }), value && /*#__PURE__*/React.createElement(Transitions, _extends({
-    mode: "in-out-follow",
-    switch: true
-  }, TransitionsProps), /*#__PURE__*/React.createElement(TransitionComponent, _extends({
-    key: indexActive
-  }, TransitionComponentProps), /*#__PURE__*/React.createElement(Line, {
-    ref: refs.item,
-    gap: 0,
-    direction: "column",
-    align: "center",
-    justify: "center",
-    role: "group",
-    "aria-roledescription": "slide",
-    "aria-label": `${value.index + 1} out of ${refs.itemsLength.current}`,
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-item-transition'], classes.item_transition, autoHeight && classes[`item_version_${version}_autoHeight`]])
-  }, resolveItem(value.element))))), progress && /*#__PURE__*/React.createElement(ProgressTransitionComponent, _extends({
-    in: focus || progressVisibility === 'hover' && hover || progressVisibility === 'visible'
-  }, ProgressTransitionComponentProps), is('function', renderProgress) ? renderProgress(onUpdate) : /*#__PURE__*/React.createElement(Line, {
-    gap: 1,
-    direction: orientation === 'horizontal' ? theme.direction === 'ltr' ? 'row' : 'row-reverse' : 'column',
-    align: "center",
-    justify: "center",
-    wrap: "wrap",
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-progress'], classes.progress, classes[`progress_orientation_${orientation}`]])
-  }, Array.from({
-    length: refs.itemsLength.current
-  }).map((item_6, index_3) => /*#__PURE__*/React.createElement("span", {
-    key: index_3,
-    onClick: () => onUpdate(index_3),
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-progress-item', indexActive === index_3 && 'onesy-Carousel-progress-item-active'], classes.progress_item, indexActive === index_3 && classes.progress_item_active])
-  })))), arrows && /*#__PURE__*/React.createElement(ArrowPreviousTransitionComponent_, _extends({
-    in: arrowPreviousIn
-  }, ArrowTransitionComponentProps, ArrowPreviousTransitionComponentProps), is('function', renderArrowPrevious) ? renderArrowPrevious(() => onUpdate('previous')) : IconButtonPrevious ? /*#__PURE__*/React.cloneElement(IconButtonPrevious, _objectSpread(_objectSpread(_objectSpread({
-    tonal,
-    color,
-    onClick: onPrevious,
-    onMouseEnter: onArrowMouseEnter
-  }, ArrowProps), ArrowPreviousProps), {}, {
-    disabled: !round && indexActive === 0,
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-previous'], ArrowProps?.className, ArrowPreviousProps?.className, classes.arrow, classes.arrow_previous, classes[`arrow_previous_orientation_${orientation}`]])
-  })) : /*#__PURE__*/React.createElement(IconButton, _extends({
-    tonal: tonal,
-    color: color,
-    version: "filled",
-    onClick: onPrevious,
-    onMouseEnter: onArrowMouseEnter
-  }, ArrowProps, ArrowPreviousProps, {
-    disabled: !round && indexActive === 0,
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-previous'], ArrowProps?.className, ArrowPreviousProps?.className, classes.arrow, classes.arrow_previous, classes[`arrow_previous_orientation_${orientation}`]])
-  }), /*#__PURE__*/React.createElement(IconPrevious, {
-    noRtl: true,
-    className: classNames([classes[`icon_previous_orientation_${orientation}`]])
-  }))), arrows && /*#__PURE__*/React.createElement(ArrowNextTransitionComponent_, _extends({
-    in: arrowNextIn
-  }, ArrowTransitionComponentProps, ArrowNextTransitionComponentProps), is('function', renderArrowNext) ? renderArrowNext(() => onUpdate('next')) : IconButtonNext ? /*#__PURE__*/React.cloneElement(IconButtonNext, _objectSpread(_objectSpread(_objectSpread({
-    tonal,
-    color,
-    onClick: onNext,
-    onMouseEnter: onArrowMouseEnter
-  }, ArrowProps), ArrowNextProps), {}, {
-    disabled: !round && indexActive === items.length - 1,
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-next'], ArrowProps?.className, ArrowNextProps?.className, classes.arrow, classes.arrow_next, classes[`arrow_next_orientation_${orientation}`]])
-  })) : /*#__PURE__*/React.createElement(IconButton, _extends({
-    tonal: tonal,
-    color: color,
-    version: "filled",
-    onClick: onNext,
-    onMouseEnter: onArrowMouseEnter
-  }, ArrowProps, ArrowNextProps, {
-    disabled: !round && indexActive === items.length - 1,
-    className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-next'], ArrowProps?.className, ArrowNextProps?.className, classes.arrow, classes.arrow_next, classes[`arrow_next_orientation_${orientation}`]])
-  }), /*#__PURE__*/React.createElement(IconNext, {
-    noRtl: true,
-    className: classNames([classes[`icon_next_orientation_${orientation}`]])
-  }))), end_);
-});
+  }, other), {}, {
+    children: [start_, version === 'regular' && /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+      ref: refs.carousel,
+      gap: gap,
+      direction: orientation === 'horizontal' ? theme.direction === 'ltr' ? 'row' : 'row-reverse' : 'column',
+      align: "center",
+      justify: "flex-start",
+      onWheel: mouseScroll && onWheel,
+      onMouseDown: onMouseDown,
+      onTouchStart: onMouseDown,
+      onMouseUp: onMouseUp,
+      onTouchEnd: onMouseUp,
+      id: refs.ids.items,
+      "aria-live": "polite"
+    }, CarouselProps), {}, {
+      className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-carousel'], CarouselProps?.className, classes.carousel, classes[`carousel_version_${version}`]]),
+      style: _objectSpread(_objectSpread({}, styles.carousel), CarouselProps?.style),
+      children: items.map((item_5, index_2) => /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+        gap: 0,
+        direction: "column",
+        align: "center",
+        justify: "center",
+        role: "group",
+        "aria-roledescription": "slide",
+        "aria-label": `${index_2 + 1} out of ${refs.itemsLength.current}`
+      }, ItemWrapperProps), {}, {
+        className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-item'], ItemWrapperProps?.className, classes.item, autoHeight && classes[`item_version_${version}_autoHeight`], itemSize && classes[`item_itemSize_${itemSize}`]]),
+        children: resolveItem(item_5)
+      }), index_2))
+    })), version === 'transition' && /*#__PURE__*/_jsx(Line, _objectSpread(_objectSpread({
+      ref: refs.carousel,
+      gap: 0.5,
+      direction: orientation === 'horizontal' ? theme.direction === 'ltr' ? 'row' : 'row-reverse' : 'column',
+      align: "center",
+      justify: "center",
+      onWheel: mouseScroll && onWheel,
+      onMouseDown: onMouseDown,
+      onTouchStart: onMouseDown,
+      onMouseUp: onMouseUp,
+      onTouchEnd: onMouseUp,
+      id: refs.ids.items,
+      "aria-live": "polite"
+    }, CarouselProps), {}, {
+      className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-carousel'], CarouselProps?.className, classes.carousel]),
+      children: value && /*#__PURE__*/_jsx(Transitions, _objectSpread(_objectSpread({
+        mode: "in-out-follow",
+        switch: true
+      }, TransitionsProps), {}, {
+        children: /*#__PURE__*/_jsx(TransitionComponent, _objectSpread(_objectSpread({}, TransitionComponentProps), {}, {
+          children: /*#__PURE__*/_jsx(Line, {
+            ref: refs.item,
+            gap: 0,
+            direction: "column",
+            align: "center",
+            justify: "center",
+            role: "group",
+            "aria-roledescription": "slide",
+            "aria-label": `${value.index + 1} out of ${refs.itemsLength.current}`,
+            className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-item-transition'], classes.item_transition, autoHeight && classes[`item_version_${version}_autoHeight`]]),
+            children: resolveItem(value.element)
+          })
+        }), indexActive)
+      }))
+    })), progress && /*#__PURE__*/_jsx(ProgressTransitionComponent, _objectSpread(_objectSpread({
+      in: focus || progressVisibility === 'hover' && hover || progressVisibility === 'visible'
+    }, ProgressTransitionComponentProps), {}, {
+      children: is('function', renderProgress) ? renderProgress(onUpdate) : /*#__PURE__*/_jsx(Line, {
+        gap: 1,
+        direction: orientation === 'horizontal' ? theme.direction === 'ltr' ? 'row' : 'row-reverse' : 'column',
+        align: "center",
+        justify: "center",
+        wrap: "wrap",
+        className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-progress'], classes.progress, classes[`progress_orientation_${orientation}`]]),
+        children: Array.from({
+          length: refs.itemsLength.current
+        }).map((item_6, index_3) => /*#__PURE__*/_jsx("span", {
+          onClick: () => onUpdate(index_3),
+          className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-progress-item', indexActive === index_3 && 'onesy-Carousel-progress-item-active'], classes.progress_item, indexActive === index_3 && classes.progress_item_active])
+        }, index_3))
+      })
+    })), arrows && /*#__PURE__*/_jsx(ArrowPreviousTransitionComponent_, _objectSpread(_objectSpread(_objectSpread({
+      in: arrowPreviousIn
+    }, ArrowTransitionComponentProps), ArrowPreviousTransitionComponentProps), {}, {
+      children: is('function', renderArrowPrevious) ? renderArrowPrevious(() => onUpdate('previous')) : IconButtonPrevious ? /*#__PURE__*/React.cloneElement(IconButtonPrevious, _objectSpread(_objectSpread(_objectSpread({
+        tonal,
+        color,
+        onClick: onPrevious,
+        onMouseEnter: onArrowMouseEnter
+      }, ArrowProps), ArrowPreviousProps), {}, {
+        disabled: !round && indexActive === 0,
+        className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-previous'], ArrowProps?.className, ArrowPreviousProps?.className, classes.arrow, classes.arrow_previous, classes[`arrow_previous_orientation_${orientation}`]])
+      })) : /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({
+        tonal: tonal,
+        color: color,
+        version: "filled",
+        onClick: onPrevious,
+        onMouseEnter: onArrowMouseEnter
+      }, ArrowProps), ArrowPreviousProps), {}, {
+        disabled: !round && indexActive === 0,
+        className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-previous'], ArrowProps?.className, ArrowPreviousProps?.className, classes.arrow, classes.arrow_previous, classes[`arrow_previous_orientation_${orientation}`]]),
+        children: /*#__PURE__*/_jsx(IconPrevious, {
+          noRtl: true,
+          className: classNames([classes[`icon_previous_orientation_${orientation}`]])
+        })
+      }))
+    })), arrows && /*#__PURE__*/_jsx(ArrowNextTransitionComponent_, _objectSpread(_objectSpread(_objectSpread({
+      in: arrowNextIn
+    }, ArrowTransitionComponentProps), ArrowNextTransitionComponentProps), {}, {
+      children: is('function', renderArrowNext) ? renderArrowNext(() => onUpdate('next')) : IconButtonNext ? /*#__PURE__*/React.cloneElement(IconButtonNext, _objectSpread(_objectSpread(_objectSpread({
+        tonal,
+        color,
+        onClick: onNext,
+        onMouseEnter: onArrowMouseEnter
+      }, ArrowProps), ArrowNextProps), {}, {
+        disabled: !round && indexActive === items.length - 1,
+        className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-next'], ArrowProps?.className, ArrowNextProps?.className, classes.arrow, classes.arrow_next, classes[`arrow_next_orientation_${orientation}`]])
+      })) : /*#__PURE__*/_jsx(IconButton, _objectSpread(_objectSpread(_objectSpread({
+        tonal: tonal,
+        color: color,
+        version: "filled",
+        onClick: onNext,
+        onMouseEnter: onArrowMouseEnter
+      }, ArrowProps), ArrowNextProps), {}, {
+        disabled: !round && indexActive === items.length - 1,
+        className: classNames([staticClassName('Carousel', theme) && ['onesy-Carousel-arrow', 'onesy-Carousel-arrow-next'], ArrowProps?.className, ArrowNextProps?.className, classes.arrow, classes.arrow_next, classes[`arrow_next_orientation_${orientation}`]]),
+        children: /*#__PURE__*/_jsx(IconNext, {
+          noRtl: true,
+          className: classNames([classes[`icon_next_orientation_${orientation}`]])
+        })
+      }))
+    })), end_]
+  }));
+};
 Carousel.displayName = 'onesy-Carousel';
 export default Carousel;