glints-aries 4.0.241 → 4.0.243

package/es/@next/Carousel/Carousel.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type AspectRatio = {
+    width: number;
+    height: number;
+};
+export interface CarouselProps {
+    autoRotate?: boolean;
+    children: React.ReactNode;
+    /** i.e: 16:9 The first number represents the width, and the second number represents the height.
+     * `AspectRatio: { width: number, height: number }`
+     */
+    aspectRatio?: AspectRatio;
+    /** sets height of Carousel*/
+    height?: string;
+    /** sets width of Carousel */
+    width?: string;
+    indicatorPosition?: 'top' | 'bottom' | 'left' | 'right' | 'outer';
+    indicatorType?: 'dot' | 'line' | 'slider';
+    /** When to show arrows*/
+    showArrow?: 'always' | 'hover' | 'never';
+}
+export declare const Carousel: ({ autoRotate, children, aspectRatio, height, width, indicatorPosition, indicatorType, }: CarouselProps) => JSX.Element;

package/es/@next/Carousel/Carousel.js

@@ -0,0 +1,102 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Icon } from '../Icon';
+import { Neutral } from '../utilities/colors';
+import { ArrowsContainer, CarouselContainer, Indicator, IndicatorsContainer, ItemsContainer, NextArrow, PreviousArrow, SlideContainer } from './CarouselStyle';
+export var Carousel = function Carousel(_ref) {
+  var _ref$autoRotate = _ref.autoRotate,
+    autoRotate = _ref$autoRotate === void 0 ? false : _ref$autoRotate,
+    children = _ref.children,
+    aspectRatio = _ref.aspectRatio,
+    height = _ref.height,
+    width = _ref.width,
+    _ref$indicatorPositio = _ref.indicatorPosition,
+    indicatorPosition = _ref$indicatorPositio === void 0 ? 'outer' : _ref$indicatorPositio,
+    _ref$indicatorType = _ref.indicatorType,
+    indicatorType = _ref$indicatorType === void 0 ? 'line' : _ref$indicatorType;
+  var slideRef = useRef(null);
+  var _useState = useState(0),
+    activeIndex = _useState[0],
+    setActiveIndex = _useState[1];
+  var _useState2 = useState(autoRotate),
+    hideArrows = _useState2[0],
+    setHideArrows = _useState2[1];
+  var childrenList = React.Children.toArray(children).filter(function (child) {
+    return /*#__PURE__*/React.isValidElement(child);
+  });
+  var childrenLength = childrenList.length;
+  var updateActiveIndex = useCallback(function (index) {
+    if (index < 0) {
+      setActiveIndex(childrenLength - 1);
+      return;
+    }
+    if (index === childrenLength) {
+      setActiveIndex(0);
+      return;
+    }
+    setActiveIndex(index);
+  }, [childrenLength]);
+  var handlePreviousClick = function handlePreviousClick() {
+    updateActiveIndex(activeIndex - 1);
+  };
+  var handleNextClick = function handleNextClick() {
+    updateActiveIndex(activeIndex + 1);
+  };
+  var handleMouseEnter = function handleMouseEnter() {
+    if (autoRotate) {
+      setHideArrows(false);
+      return;
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if (autoRotate) {
+      setHideArrows(true);
+      return;
+    }
+  };
+  useEffect(function () {
+    if (autoRotate) {
+      setTimeout(function () {
+        updateActiveIndex(activeIndex + 1);
+      }, 3000);
+    }
+  }, [activeIndex, autoRotate, updateActiveIndex]);
+  return /*#__PURE__*/React.createElement(CarouselContainer, {
+    aspectRatio: aspectRatio ? (aspectRatio == null ? void 0 : aspectRatio.width) + "/" + (aspectRatio == null ? void 0 : aspectRatio.height) : null,
+    height: height,
+    width: width,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, /*#__PURE__*/React.createElement(SlideContainer, {
+    ref: slideRef,
+    aspectRatio: aspectRatio ? (aspectRatio == null ? void 0 : aspectRatio.width) + "/" + (aspectRatio == null ? void 0 : aspectRatio.height) : null,
+    height: height,
+    width: width
+  }, /*#__PURE__*/React.createElement(ItemsContainer, {
+    activeIndex: activeIndex
+  }, childrenList)), /*#__PURE__*/React.createElement(ArrowsContainer, {
+    "data-hidden": hideArrows
+  }, /*#__PURE__*/React.createElement(PreviousArrow, {
+    onClick: handlePreviousClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ri-arrow-m-left-line",
+    fill: Neutral.B40
+  })), /*#__PURE__*/React.createElement(NextArrow, {
+    onClick: handleNextClick
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ri-arrow-m-right-line",
+    fill: Neutral.B40
+  }))), /*#__PURE__*/React.createElement(IndicatorsContainer, {
+    indicatorType: indicatorType,
+    indicatorPosition: indicatorPosition
+  }, /*#__PURE__*/React.createElement("div", null, Array.from(Array(childrenLength).keys()).map(function (n) {
+    var isActive = activeIndex === n;
+    return /*#__PURE__*/React.createElement(Indicator, {
+      indicatorType: indicatorType,
+      key: "carousel-indicator-" + n,
+      onClick: function onClick() {
+        return updateActiveIndex(n);
+      },
+      className: isActive ? 'active' : null
+    });
+  }))));
+};

package/es/@next/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/es/@next/Carousel/CarouselStyle.d.ts

@@ -0,0 +1,16 @@
+import { CarouselProps } from './Carousel';
+interface StyledCarouselProps extends Omit<CarouselProps, 'aspectRatio'> {
+    aspectRatio?: string;
+}
+interface ItemsContainerProps {
+    activeIndex: number;
+}
+export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, StyledCarouselProps, never>;
+export declare const SlideContainer: import("styled-components").StyledComponent<"div", any, StyledCarouselProps, never>;
+export declare const ItemsContainer: import("styled-components").StyledComponent<"div", any, ItemsContainerProps, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviousArrow: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const NextArrow: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const IndicatorsContainer: import("styled-components").StyledComponent<"div", any, Pick<CarouselProps, "indicatorPosition" | "indicatorType">, never>;
+export declare const Indicator: import("styled-components").StyledComponent<"button", any, Pick<CarouselProps, "indicatorType">, never>;
+export {};

package/es/@next/Carousel/CarouselStyle.js

@@ -0,0 +1,62 @@
+var _indicatorPositionSty, _indicatorTypeSpaceMa, _indicatorTypeStyleMa;
+import styled from 'styled-components';
+import { borderRadius16, borderRadiusHalf } from '../utilities/borderRadius';
+import { Neutral, Yellow } from '../utilities/colors';
+import { space4, space8 } from '../utilities/spacing';
+export var CarouselContainer = styled.div.withConfig({
+  displayName: "CarouselStyle__CarouselContainer",
+  componentId: "sc-pn0x62-0"
+})(["position:relative;display:flex;flex-direction:column;aspect-ratio:", ";height:", ";width:", ";"], function (props) {
+  return props.aspectRatio;
+}, function (props) {
+  return props.height;
+}, function (props) {
+  return props.width;
+});
+export var SlideContainer = styled.div.withConfig({
+  displayName: "CarouselStyle__SlideContainer",
+  componentId: "sc-pn0x62-1"
+})(["position:relative;display:flex;overflow:hidden;aspect-ratio:", ";height:", ";width:", ";"], function (props) {
+  return props.aspectRatio;
+}, function (props) {
+  return props.height;
+}, function (props) {
+  return props.width;
+});
+export var ItemsContainer = styled.div.withConfig({
+  displayName: "CarouselStyle__ItemsContainer",
+  componentId: "sc-pn0x62-2"
+})(["display:flex;white-space:nowrap;width:100%;height:100%;transition-timing-function:cubic-bezier(0.34,0.69,0.1,1);transition-duration:500ms;transform:", ";"], function (props) {
+  return "translateX(-" + props.activeIndex * 100 + "%)";
+});
+export var ArrowsContainer = styled.div.withConfig({
+  displayName: "CarouselStyle__ArrowsContainer",
+  componentId: "sc-pn0x62-3"
+})(["visibility:visible;opacity:1;transition:opacity 0.75s ease;button{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:", ";border:none;background:", ";opacity:0.6;cursor:pointer;&:hover{opacity:1;transition:opacity 0.5s ease;}}&[data-hidden='true']{visibility:hidden;opacity:0;}"], borderRadiusHalf, Neutral.B99);
+export var PreviousArrow = styled.button.withConfig({
+  displayName: "CarouselStyle__PreviousArrow",
+  componentId: "sc-pn0x62-4"
+})(["left:0;margin-left:", ";top:50%;transform:translateY(-50%);"], space8);
+export var NextArrow = styled.button.withConfig({
+  displayName: "CarouselStyle__NextArrow",
+  componentId: "sc-pn0x62-5"
+})(["right:0;margin-right:", ";top:50%;transform:translateY(-50%);"], space8);
+
+// use style mapping for indicator type and position
+var indicatorPositionStyleMapping = (_indicatorPositionSty = {}, _indicatorPositionSty['top'] = "", _indicatorPositionSty['bottom'] = "", _indicatorPositionSty['left'] = "", _indicatorPositionSty['right'] = "", _indicatorPositionSty['outer'] = "bottom: -18px", _indicatorPositionSty);
+var indicatorTypeSpaceMapping = (_indicatorTypeSpaceMa = {}, _indicatorTypeSpaceMa['dot'] = "", _indicatorTypeSpaceMa['line'] = "gap: " + space8 + ";", _indicatorTypeSpaceMa['slider'] = "", _indicatorTypeSpaceMa);
+export var IndicatorsContainer = styled.div.withConfig({
+  displayName: "CarouselStyle__IndicatorsContainer",
+  componentId: "sc-pn0x62-6"
+})(["display:flex;justify-content:center;z-index:2;position:absolute;width:100%;div{display:flex;background:rgba(248,250,252,0.6);padding:", " ", ";border-radius:100px;", "}", ""], space4, space8, function (props) {
+  return indicatorTypeSpaceMapping[props.indicatorType];
+}, function (props) {
+  return indicatorPositionStyleMapping[props.indicatorPosition];
+});
+var indicatorTypeStyleMapping = (_indicatorTypeStyleMa = {}, _indicatorTypeStyleMa['dot'] = "", _indicatorTypeStyleMa['line'] = "\n    width: 16px;\n    height: 6px;\n    border-radius: " + borderRadius16 + ";\n    background: " + Neutral.B40 + ";\n    border: none;\n  ", _indicatorTypeStyleMa['slider'] = "", _indicatorTypeStyleMa);
+export var Indicator = styled.button.withConfig({
+  displayName: "CarouselStyle__Indicator",
+  componentId: "sc-pn0x62-7"
+})(["cursor:pointer;opacity:0.5;&.active{background:", ";}", ""], Yellow.Brand, function (props) {
+  return indicatorTypeStyleMapping[props.indicatorType];
+});

package/es/@next/Carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './Carousel';

package/es/@next/Carousel/index.js

@@ -0,0 +1 @@
+export * from './Carousel';

package/es/@next/Icon/components/RiMore.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiMore: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiMore;

package/es/@next/Icon/components/RiMore.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import * as React from 'react';
+var SvgRiMore = function SvgRiMore(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3Zm0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18Zm0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5Z"
+  }));
+};
+export default SvgRiMore;

package/es/@next/Icon/components/index.d.ts

@@ -63,6 +63,7 @@ export { default as RiMapLine } from './RiMapLine';
 export { default as RiMessageFill } from './RiMessageFill';
 export { default as RiMessageLine } from './RiMessageLine';
 export { default as RiMinus } from './RiMinus';
+export { default as RiMore } from './RiMore';
 export { default as RiPencilFill } from './RiPencilFill';
 export { default as RiPencilLine } from './RiPencilLine';
 export { default as RiQuestionFill } from './RiQuestionFill';

package/es/@next/Icon/components/index.js

@@ -63,6 +63,7 @@ export { default as RiMapLine } from './RiMapLine';
 export { default as RiMessageFill } from './RiMessageFill';
 export { default as RiMessageLine } from './RiMessageLine';
 export { default as RiMinus } from './RiMinus';
+export { default as RiMore } from './RiMore';
 export { default as RiPencilFill } from './RiPencilFill';
 export { default as RiPencilLine } from './RiPencilLine';
 export { default as RiQuestionFill } from './RiQuestionFill';

package/es/@next/Icon/icons/icons.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line"];
+export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line"];
 export declare type IconNames = typeof iconNames[number];
 declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const iconsMappingComponent: {

package/es/@next/Icon/icons/icons.js

@@ -1,4 +1,4 @@
 var _iconsMappingComponen;
 import * as Icons from '../components';
-export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line'];
-export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);
+export var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line'];
+export var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);

package/es/@next/index.d.ts

@@ -12,6 +12,7 @@ export { Banner, BannerProps } from './Banner';
 export { Bar, BarProps } from './Bar';
 export { Button, ButtonProps, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Carousel, CarouselProps } from './Carousel';
 export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { Combobox, ComboboxProps } from './Combobox';

package/es/@next/index.js

@@ -13,6 +13,7 @@ export { Banner, BannerProps } from './Banner';
 export { Bar, BarProps } from './Bar';
 export { Button, ButtonProps, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton } from './Button';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Carousel, CarouselProps } from './Carousel';
 export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { Combobox, ComboboxProps } from './Combobox';

package/lib/@next/Carousel/Carousel.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export declare type AspectRatio = {
+    width: number;
+    height: number;
+};
+export interface CarouselProps {
+    autoRotate?: boolean;
+    children: React.ReactNode;
+    /** i.e: 16:9 The first number represents the width, and the second number represents the height.
+     * `AspectRatio: { width: number, height: number }`
+     */
+    aspectRatio?: AspectRatio;
+    /** sets height of Carousel*/
+    height?: string;
+    /** sets width of Carousel */
+    width?: string;
+    indicatorPosition?: 'top' | 'bottom' | 'left' | 'right' | 'outer';
+    indicatorType?: 'dot' | 'line' | 'slider';
+    /** When to show arrows*/
+    showArrow?: 'always' | 'hover' | 'never';
+}
+export declare const Carousel: ({ autoRotate, children, aspectRatio, height, width, indicatorPosition, indicatorType, }: CarouselProps) => JSX.Element;

package/lib/@next/Carousel/Carousel.js

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Carousel = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icon = require("../Icon");
+var _colors = require("../utilities/colors");
+var _CarouselStyle = require("./CarouselStyle");
+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 = function Carousel(_ref) {
+  var _ref$autoRotate = _ref.autoRotate,
+    autoRotate = _ref$autoRotate === void 0 ? false : _ref$autoRotate,
+    children = _ref.children,
+    aspectRatio = _ref.aspectRatio,
+    height = _ref.height,
+    width = _ref.width,
+    _ref$indicatorPositio = _ref.indicatorPosition,
+    indicatorPosition = _ref$indicatorPositio === void 0 ? 'outer' : _ref$indicatorPositio,
+    _ref$indicatorType = _ref.indicatorType,
+    indicatorType = _ref$indicatorType === void 0 ? 'line' : _ref$indicatorType;
+  var slideRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(0),
+    activeIndex = _useState[0],
+    setActiveIndex = _useState[1];
+  var _useState2 = (0, _react.useState)(autoRotate),
+    hideArrows = _useState2[0],
+    setHideArrows = _useState2[1];
+  var childrenList = _react["default"].Children.toArray(children).filter(function (child) {
+    return /*#__PURE__*/_react["default"].isValidElement(child);
+  });
+  var childrenLength = childrenList.length;
+  var updateActiveIndex = (0, _react.useCallback)(function (index) {
+    if (index < 0) {
+      setActiveIndex(childrenLength - 1);
+      return;
+    }
+    if (index === childrenLength) {
+      setActiveIndex(0);
+      return;
+    }
+    setActiveIndex(index);
+  }, [childrenLength]);
+  var handlePreviousClick = function handlePreviousClick() {
+    updateActiveIndex(activeIndex - 1);
+  };
+  var handleNextClick = function handleNextClick() {
+    updateActiveIndex(activeIndex + 1);
+  };
+  var handleMouseEnter = function handleMouseEnter() {
+    if (autoRotate) {
+      setHideArrows(false);
+      return;
+    }
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if (autoRotate) {
+      setHideArrows(true);
+      return;
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (autoRotate) {
+      setTimeout(function () {
+        updateActiveIndex(activeIndex + 1);
+      }, 3000);
+    }
+  }, [activeIndex, autoRotate, updateActiveIndex]);
+  return /*#__PURE__*/_react["default"].createElement(_CarouselStyle.CarouselContainer, {
+    aspectRatio: aspectRatio ? (aspectRatio == null ? void 0 : aspectRatio.width) + "/" + (aspectRatio == null ? void 0 : aspectRatio.height) : null,
+    height: height,
+    width: width,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave
+  }, /*#__PURE__*/_react["default"].createElement(_CarouselStyle.SlideContainer, {
+    ref: slideRef,
+    aspectRatio: aspectRatio ? (aspectRatio == null ? void 0 : aspectRatio.width) + "/" + (aspectRatio == null ? void 0 : aspectRatio.height) : null,
+    height: height,
+    width: width
+  }, /*#__PURE__*/_react["default"].createElement(_CarouselStyle.ItemsContainer, {
+    activeIndex: activeIndex
+  }, childrenList)), /*#__PURE__*/_react["default"].createElement(_CarouselStyle.ArrowsContainer, {
+    "data-hidden": hideArrows
+  }, /*#__PURE__*/_react["default"].createElement(_CarouselStyle.PreviousArrow, {
+    onClick: handlePreviousClick
+  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-m-left-line",
+    fill: _colors.Neutral.B40
+  })), /*#__PURE__*/_react["default"].createElement(_CarouselStyle.NextArrow, {
+    onClick: handleNextClick
+  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+    name: "ri-arrow-m-right-line",
+    fill: _colors.Neutral.B40
+  }))), /*#__PURE__*/_react["default"].createElement(_CarouselStyle.IndicatorsContainer, {
+    indicatorType: indicatorType,
+    indicatorPosition: indicatorPosition
+  }, /*#__PURE__*/_react["default"].createElement("div", null, Array.from(Array(childrenLength).keys()).map(function (n) {
+    var isActive = activeIndex === n;
+    return /*#__PURE__*/_react["default"].createElement(_CarouselStyle.Indicator, {
+      indicatorType: indicatorType,
+      key: "carousel-indicator-" + n,
+      onClick: function onClick() {
+        return updateActiveIndex(n);
+      },
+      className: isActive ? 'active' : null
+    });
+  }))));
+};
+exports.Carousel = Carousel;

package/lib/@next/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/lib/@next/Carousel/CarouselStyle.d.ts

@@ -0,0 +1,16 @@
+import { CarouselProps } from './Carousel';
+interface StyledCarouselProps extends Omit<CarouselProps, 'aspectRatio'> {
+    aspectRatio?: string;
+}
+interface ItemsContainerProps {
+    activeIndex: number;
+}
+export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, StyledCarouselProps, never>;
+export declare const SlideContainer: import("styled-components").StyledComponent<"div", any, StyledCarouselProps, never>;
+export declare const ItemsContainer: import("styled-components").StyledComponent<"div", any, ItemsContainerProps, never>;
+export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const PreviousArrow: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const NextArrow: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const IndicatorsContainer: import("styled-components").StyledComponent<"div", any, Pick<CarouselProps, "indicatorPosition" | "indicatorType">, never>;
+export declare const Indicator: import("styled-components").StyledComponent<"button", any, Pick<CarouselProps, "indicatorType">, never>;
+export {};

package/lib/@next/Carousel/CarouselStyle.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SlideContainer = exports.PreviousArrow = exports.NextArrow = exports.ItemsContainer = exports.IndicatorsContainer = exports.Indicator = exports.CarouselContainer = exports.ArrowsContainer = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _borderRadius = require("../utilities/borderRadius");
+var _colors = require("../utilities/colors");
+var _spacing = require("../utilities/spacing");
+var _indicatorPositionSty, _indicatorTypeSpaceMa, _indicatorTypeStyleMa;
+var CarouselContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CarouselStyle__CarouselContainer",
+  componentId: "sc-pn0x62-0"
+})(["position:relative;display:flex;flex-direction:column;aspect-ratio:", ";height:", ";width:", ";"], function (props) {
+  return props.aspectRatio;
+}, function (props) {
+  return props.height;
+}, function (props) {
+  return props.width;
+});
+exports.CarouselContainer = CarouselContainer;
+var SlideContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CarouselStyle__SlideContainer",
+  componentId: "sc-pn0x62-1"
+})(["position:relative;display:flex;overflow:hidden;aspect-ratio:", ";height:", ";width:", ";"], function (props) {
+  return props.aspectRatio;
+}, function (props) {
+  return props.height;
+}, function (props) {
+  return props.width;
+});
+exports.SlideContainer = SlideContainer;
+var ItemsContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CarouselStyle__ItemsContainer",
+  componentId: "sc-pn0x62-2"
+})(["display:flex;white-space:nowrap;width:100%;height:100%;transition-timing-function:cubic-bezier(0.34,0.69,0.1,1);transition-duration:500ms;transform:", ";"], function (props) {
+  return "translateX(-" + props.activeIndex * 100 + "%)";
+});
+exports.ItemsContainer = ItemsContainer;
+var ArrowsContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CarouselStyle__ArrowsContainer",
+  componentId: "sc-pn0x62-3"
+})(["visibility:visible;opacity:1;transition:opacity 0.75s ease;button{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:", ";border:none;background:", ";opacity:0.6;cursor:pointer;&:hover{opacity:1;transition:opacity 0.5s ease;}}&[data-hidden='true']{visibility:hidden;opacity:0;}"], _borderRadius.borderRadiusHalf, _colors.Neutral.B99);
+exports.ArrowsContainer = ArrowsContainer;
+var PreviousArrow = _styledComponents["default"].button.withConfig({
+  displayName: "CarouselStyle__PreviousArrow",
+  componentId: "sc-pn0x62-4"
+})(["left:0;margin-left:", ";top:50%;transform:translateY(-50%);"], _spacing.space8);
+exports.PreviousArrow = PreviousArrow;
+var NextArrow = _styledComponents["default"].button.withConfig({
+  displayName: "CarouselStyle__NextArrow",
+  componentId: "sc-pn0x62-5"
+})(["right:0;margin-right:", ";top:50%;transform:translateY(-50%);"], _spacing.space8);
+
+// use style mapping for indicator type and position
+exports.NextArrow = NextArrow;
+var indicatorPositionStyleMapping = (_indicatorPositionSty = {}, _indicatorPositionSty['top'] = "", _indicatorPositionSty['bottom'] = "", _indicatorPositionSty['left'] = "", _indicatorPositionSty['right'] = "", _indicatorPositionSty['outer'] = "bottom: -18px", _indicatorPositionSty);
+var indicatorTypeSpaceMapping = (_indicatorTypeSpaceMa = {}, _indicatorTypeSpaceMa['dot'] = "", _indicatorTypeSpaceMa['line'] = "gap: " + _spacing.space8 + ";", _indicatorTypeSpaceMa['slider'] = "", _indicatorTypeSpaceMa);
+var IndicatorsContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CarouselStyle__IndicatorsContainer",
+  componentId: "sc-pn0x62-6"
+})(["display:flex;justify-content:center;z-index:2;position:absolute;width:100%;div{display:flex;background:rgba(248,250,252,0.6);padding:", " ", ";border-radius:100px;", "}", ""], _spacing.space4, _spacing.space8, function (props) {
+  return indicatorTypeSpaceMapping[props.indicatorType];
+}, function (props) {
+  return indicatorPositionStyleMapping[props.indicatorPosition];
+});
+exports.IndicatorsContainer = IndicatorsContainer;
+var indicatorTypeStyleMapping = (_indicatorTypeStyleMa = {}, _indicatorTypeStyleMa['dot'] = "", _indicatorTypeStyleMa['line'] = "\n    width: 16px;\n    height: 6px;\n    border-radius: " + _borderRadius.borderRadius16 + ";\n    background: " + _colors.Neutral.B40 + ";\n    border: none;\n  ", _indicatorTypeStyleMa['slider'] = "", _indicatorTypeStyleMa);
+var Indicator = _styledComponents["default"].button.withConfig({
+  displayName: "CarouselStyle__Indicator",
+  componentId: "sc-pn0x62-7"
+})(["cursor:pointer;opacity:0.5;&.active{background:", ";}", ""], _colors.Yellow.Brand, function (props) {
+  return indicatorTypeStyleMapping[props.indicatorType];
+});
+exports.Indicator = Indicator;

package/lib/@next/Carousel/index.d.ts

@@ -0,0 +1 @@
+export * from './Carousel';

package/lib/@next/Carousel/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _Carousel = require("./Carousel");
+Object.keys(_Carousel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Carousel[key]) return;
+  exports[key] = _Carousel[key];
+});

package/lib/@next/Icon/components/RiMore.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgRiMore: (props: SVGProps<SVGSVGElement>) => JSX.Element;
+export default SvgRiMore;

package/lib/@next/Icon/components/RiMore.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+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 SvgRiMore = function SvgRiMore(props) {
+  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 3c-.825 0-1.5.675-1.5 1.5S11.175 6 12 6s1.5-.675 1.5-1.5S12.825 3 12 3Zm0 15c-.825 0-1.5.675-1.5 1.5S11.175 21 12 21s1.5-.675 1.5-1.5S12.825 18 12 18Zm0-7.5c-.825 0-1.5.675-1.5 1.5s.675 1.5 1.5 1.5 1.5-.675 1.5-1.5-.675-1.5-1.5-1.5Z"
+  }));
+};
+var _default = SvgRiMore;
+exports["default"] = _default;

package/lib/@next/Icon/components/index.d.ts

@@ -63,6 +63,7 @@ export { default as RiMapLine } from './RiMapLine';
 export { default as RiMessageFill } from './RiMessageFill';
 export { default as RiMessageLine } from './RiMessageLine';
 export { default as RiMinus } from './RiMinus';
+export { default as RiMore } from './RiMore';
 export { default as RiPencilFill } from './RiPencilFill';
 export { default as RiPencilLine } from './RiPencilLine';
 export { default as RiQuestionFill } from './RiQuestionFill';

package/lib/@next/Icon/components/index.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
+exports.RiTwitterLine = exports.RiTimer3Line = exports.RiTimer3Fill = exports.RiSettingsLine = exports.RiSettingsFill = exports.RiSendPlaneLine = exports.RiSendPlaneFill = exports.RiSearch = exports.RiReplyLine = exports.RiReplyFill = exports.RiQuestionLine = exports.RiQuestionFill = exports.RiPencilLine = exports.RiPencilFill = exports.RiMore = exports.RiMinus = exports.RiMessageLine = exports.RiMessageFill = exports.RiMapLine = exports.RiMapFill = exports.RiLoader = exports.RiLinkedInLine = exports.RiInstagramLine = exports.RiInformationLine = exports.RiInformationFill = exports.RiFacebookCircleLine = exports.RiExternalLinkLine = exports.RiErrorWarningLine = exports.RiErrorWarningFill = exports.RiDeleteBinLine = exports.RiDeleteBinFill = exports.RiCoinsLine = exports.RiCloseCircleLine = exports.RiCloseCircleFill = exports.RiClose = exports.RiCheckboxLine = exports.RiCheckboxIndeterminateLine = exports.RiCheckboxIndeterminateFill = exports.RiCheckboxFill = exports.RiCheckboxCircleFill = exports.RiCheck = exports.RiCalendarLine = exports.RiCalendarFill = exports.RiCalendarEventLine = exports.RiCalendarEventFill = exports.RiBriefcaseLine = exports.RiBriefcaseFill = exports.RiArrowXsUpFill = exports.RiArrowXsDownFill = exports.RiArrowUpLine = exports.RiArrowUpFill = exports.RiArrowUpDownLine = exports.RiArrowUpDownFill = exports.RiArrowRightLine = exports.RiArrowRightFill = exports.RiArrowMUpLine = exports.RiArrowMUpFill = exports.RiArrowMRightLine = exports.RiArrowMRightFill = exports.RiArrowMLeftLine = exports.RiArrowMLeftFill = exports.RiArrowMDownLine = exports.RiArrowMDownFill = exports.RiArrowLeftRightLine = exports.RiArrowLeftRightFill = exports.RiArrowLeftLine = exports.RiArrowLeftFill = exports.RiArrowGoForwardLine = exports.RiArrowGoForwardFill = exports.RiArrowGoBackLine = exports.RiArrowGoBackFill = exports.RiArrowDownLine = exports.RiArrowDownFill = exports.RiAlarmWarningLine = exports.RiAlarmWarningFill = exports.RiAddCircleLine = exports.RiAddCircleFill = exports.RiAdd = exports.RiAccountCircleLine = exports.RiAccountCircleFill = void 0;
 var _RiAccountCircleFill = _interopRequireDefault(require("./RiAccountCircleFill"));
 exports.RiAccountCircleFill = _RiAccountCircleFill["default"];
 var _RiAccountCircleLine = _interopRequireDefault(require("./RiAccountCircleLine"));
@@ -133,6 +133,8 @@ var _RiMessageLine = _interopRequireDefault(require("./RiMessageLine"));
 exports.RiMessageLine = _RiMessageLine["default"];
 var _RiMinus = _interopRequireDefault(require("./RiMinus"));
 exports.RiMinus = _RiMinus["default"];
+var _RiMore = _interopRequireDefault(require("./RiMore"));
+exports.RiMore = _RiMore["default"];
 var _RiPencilFill = _interopRequireDefault(require("./RiPencilFill"));
 exports.RiPencilFill = _RiPencilFill["default"];
 var _RiPencilLine = _interopRequireDefault(require("./RiPencilLine"));

package/lib/@next/Icon/icons/icons.d.ts

@@ -1,5 +1,5 @@
 import { SVGProps } from 'react';
-export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line"];
+export declare const iconNames: readonly ["ri-account-circle-fill", "ri-account-circle-line", "ri-add-circle-fill", "ri-add-circle-line", "ri-add", "ri-alarm-warning-fill", "ri-alarm-warning-line", "ri-arrow-down-fill", "ri-arrow-down-line", "ri-arrow-go-back-fill", "ri-arrow-go-back-line", "ri-arrow-go-forward-fill", "ri-arrow-go-forward-line", "ri-arrow-left-fill", "ri-arrow-left-line", "ri-arrow-left-right-fill", "ri-arrow-left-right-line", "ri-arrow-m-down-fill", "ri-arrow-m-down-line", "ri-arrow-m-left-fill", "ri-arrow-m-left-line", "ri-arrow-m-right-fill", "ri-arrow-m-right-line", "ri-arrow-m-up-fill", "ri-arrow-m-up-line", "ri-arrow-right-fill", "ri-arrow-right-line", "ri-arrow-up-down-fill", "ri-arrow-up-down-line", "ri-arrow-up-fill", "ri-arrow-up-line", "ri-arrow-xs-down-fill", "ri-arrow-xs-up-fill", "ri-briefcase-fill", "ri-briefcase-line", "ri-calendar-event-fill", "ri-calendar-event-line", "ri-calendar-fill", "ri-calendar-line", "ri-check", "ri-checkbox-circle-fill", "ri-checkbox-fill", "ri-checkbox-indeterminate-fill", "ri-checkbox-indeterminate-line", "ri-checkbox-line", "ri-close-circle-fill", "ri-close-circle-line", "ri-close", "ri-coins-line", "ri-delete-bin-fill", "ri-delete-bin-line", "ri-error-warning-fill", "ri-error-warning-line", "ri-external-link-line", "ri-facebook-circle-line", "ri-information-fill", "ri-information-line", "ri-instagram-line", "ri-linkedIn-line", "ri-loader", "ri-more", "ri-map-fill", "ri-map-line", "ri-message-fill", "ri-message-line", "ri-minus", "ri-pencil-fill", "ri-pencil-line", "ri-question-fill", "ri-question-line", "ri-reply-fill", "ri-reply-line", "ri-search", "ri-send-plane-fill", "ri-send-plane-line", "ri-settings-fill", "ri-settings-line", "ri-timer3-fill", "ri-timer3-line", "ri-twitter-line"];
 export declare type IconNames = typeof iconNames[number];
 declare type SVGComponent = (props: SVGProps<SVGSVGElement>) => JSX.Element;
 export declare const iconsMappingComponent: {

package/lib/@next/Icon/icons/icons.js

@@ -6,7 +6,7 @@ var Icons = _interopRequireWildcard(require("../components"));
 var _iconsMappingComponen;
 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 iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line'];
+var iconNames = ['ri-account-circle-fill', 'ri-account-circle-line', 'ri-add-circle-fill', 'ri-add-circle-line', 'ri-add', 'ri-alarm-warning-fill', 'ri-alarm-warning-line', 'ri-arrow-down-fill', 'ri-arrow-down-line', 'ri-arrow-go-back-fill', 'ri-arrow-go-back-line', 'ri-arrow-go-forward-fill', 'ri-arrow-go-forward-line', 'ri-arrow-left-fill', 'ri-arrow-left-line', 'ri-arrow-left-right-fill', 'ri-arrow-left-right-line', 'ri-arrow-m-down-fill', 'ri-arrow-m-down-line', 'ri-arrow-m-left-fill', 'ri-arrow-m-left-line', 'ri-arrow-m-right-fill', 'ri-arrow-m-right-line', 'ri-arrow-m-up-fill', 'ri-arrow-m-up-line', 'ri-arrow-right-fill', 'ri-arrow-right-line', 'ri-arrow-up-down-fill', 'ri-arrow-up-down-line', 'ri-arrow-up-fill', 'ri-arrow-up-line', 'ri-arrow-xs-down-fill', 'ri-arrow-xs-up-fill', 'ri-briefcase-fill', 'ri-briefcase-line', 'ri-calendar-event-fill', 'ri-calendar-event-line', 'ri-calendar-fill', 'ri-calendar-line', 'ri-check', 'ri-checkbox-circle-fill', 'ri-checkbox-fill', 'ri-checkbox-indeterminate-fill', 'ri-checkbox-indeterminate-line', 'ri-checkbox-line', 'ri-close-circle-fill', 'ri-close-circle-line', 'ri-close', 'ri-coins-line', 'ri-delete-bin-fill', 'ri-delete-bin-line', 'ri-error-warning-fill', 'ri-error-warning-line', 'ri-external-link-line', 'ri-facebook-circle-line', 'ri-information-fill', 'ri-information-line', 'ri-instagram-line', 'ri-linkedIn-line', 'ri-loader', 'ri-more', 'ri-map-fill', 'ri-map-line', 'ri-message-fill', 'ri-message-line', 'ri-minus', 'ri-pencil-fill', 'ri-pencil-line', 'ri-question-fill', 'ri-question-line', 'ri-reply-fill', 'ri-reply-line', 'ri-search', 'ri-send-plane-fill', 'ri-send-plane-line', 'ri-settings-fill', 'ri-settings-line', 'ri-timer3-fill', 'ri-timer3-line', 'ri-twitter-line'];
 exports.iconNames = iconNames;
-var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);
+var iconsMappingComponent = (_iconsMappingComponen = {}, _iconsMappingComponen['ri-account-circle-fill'] = Icons.RiAccountCircleFill, _iconsMappingComponen['ri-account-circle-line'] = Icons.RiAccountCircleLine, _iconsMappingComponen['ri-add-circle-fill'] = Icons.RiAddCircleFill, _iconsMappingComponen['ri-add-circle-line'] = Icons.RiAddCircleLine, _iconsMappingComponen['ri-add'] = Icons.RiAdd, _iconsMappingComponen['ri-alarm-warning-fill'] = Icons.RiAlarmWarningFill, _iconsMappingComponen['ri-alarm-warning-line'] = Icons.RiAlarmWarningLine, _iconsMappingComponen['ri-arrow-down-fill'] = Icons.RiArrowDownFill, _iconsMappingComponen['ri-arrow-down-line'] = Icons.RiArrowDownLine, _iconsMappingComponen['ri-arrow-go-back-fill'] = Icons.RiArrowGoBackFill, _iconsMappingComponen['ri-arrow-go-back-line'] = Icons.RiArrowGoBackLine, _iconsMappingComponen['ri-arrow-go-forward-fill'] = Icons.RiArrowGoForwardFill, _iconsMappingComponen['ri-arrow-go-forward-line'] = Icons.RiArrowGoForwardLine, _iconsMappingComponen['ri-arrow-left-fill'] = Icons.RiArrowLeftFill, _iconsMappingComponen['ri-arrow-left-line'] = Icons.RiArrowLeftLine, _iconsMappingComponen['ri-arrow-left-right-fill'] = Icons.RiArrowLeftRightFill, _iconsMappingComponen['ri-arrow-left-right-line'] = Icons.RiArrowLeftRightLine, _iconsMappingComponen['ri-arrow-m-down-fill'] = Icons.RiArrowMDownFill, _iconsMappingComponen['ri-arrow-m-down-line'] = Icons.RiArrowMDownLine, _iconsMappingComponen['ri-arrow-m-left-fill'] = Icons.RiArrowMLeftFill, _iconsMappingComponen['ri-arrow-m-left-line'] = Icons.RiArrowMLeftLine, _iconsMappingComponen['ri-arrow-m-right-fill'] = Icons.RiArrowMRightFill, _iconsMappingComponen['ri-arrow-m-right-line'] = Icons.RiArrowMRightLine, _iconsMappingComponen['ri-arrow-m-up-fill'] = Icons.RiArrowMUpFill, _iconsMappingComponen['ri-arrow-m-up-line'] = Icons.RiArrowMUpLine, _iconsMappingComponen['ri-arrow-right-fill'] = Icons.RiArrowRightFill, _iconsMappingComponen['ri-arrow-right-line'] = Icons.RiArrowRightLine, _iconsMappingComponen['ri-arrow-up-down-fill'] = Icons.RiArrowUpDownFill, _iconsMappingComponen['ri-arrow-up-down-line'] = Icons.RiArrowUpDownLine, _iconsMappingComponen['ri-arrow-up-fill'] = Icons.RiArrowUpFill, _iconsMappingComponen['ri-arrow-up-line'] = Icons.RiArrowUpLine, _iconsMappingComponen['ri-arrow-xs-down-fill'] = Icons.RiArrowXsDownFill, _iconsMappingComponen['ri-arrow-xs-up-fill'] = Icons.RiArrowXsUpFill, _iconsMappingComponen['ri-briefcase-fill'] = Icons.RiBriefcaseFill, _iconsMappingComponen['ri-briefcase-line'] = Icons.RiBriefcaseLine, _iconsMappingComponen['ri-calendar-event-fill'] = Icons.RiCalendarEventFill, _iconsMappingComponen['ri-calendar-event-line'] = Icons.RiCalendarEventLine, _iconsMappingComponen['ri-calendar-fill'] = Icons.RiCalendarFill, _iconsMappingComponen['ri-calendar-line'] = Icons.RiCalendarLine, _iconsMappingComponen['ri-check'] = Icons.RiCheck, _iconsMappingComponen['ri-checkbox-circle-fill'] = Icons.RiCheckboxCircleFill, _iconsMappingComponen['ri-checkbox-fill'] = Icons.RiCheckboxFill, _iconsMappingComponen['ri-checkbox-indeterminate-fill'] = Icons.RiCheckboxIndeterminateFill, _iconsMappingComponen['ri-checkbox-indeterminate-line'] = Icons.RiCheckboxIndeterminateLine, _iconsMappingComponen['ri-checkbox-line'] = Icons.RiCheckboxLine, _iconsMappingComponen['ri-close-circle-fill'] = Icons.RiCloseCircleFill, _iconsMappingComponen['ri-close-circle-line'] = Icons.RiCloseCircleLine, _iconsMappingComponen['ri-close'] = Icons.RiClose, _iconsMappingComponen['ri-coins-line'] = Icons.RiCoinsLine, _iconsMappingComponen['ri-delete-bin-fill'] = Icons.RiDeleteBinFill, _iconsMappingComponen['ri-delete-bin-line'] = Icons.RiDeleteBinLine, _iconsMappingComponen['ri-error-warning-fill'] = Icons.RiErrorWarningFill, _iconsMappingComponen['ri-error-warning-line'] = Icons.RiErrorWarningLine, _iconsMappingComponen['ri-external-link-line'] = Icons.RiExternalLinkLine, _iconsMappingComponen['ri-facebook-circle-line'] = Icons.RiFacebookCircleLine, _iconsMappingComponen['ri-information-fill'] = Icons.RiInformationFill, _iconsMappingComponen['ri-information-line'] = Icons.RiInformationLine, _iconsMappingComponen['ri-instagram-line'] = Icons.RiInstagramLine, _iconsMappingComponen['ri-linkedIn-line'] = Icons.RiLinkedInLine, _iconsMappingComponen['ri-loader'] = Icons.RiLoader, _iconsMappingComponen['ri-more'] = Icons.RiMore, _iconsMappingComponen['ri-map-fill'] = Icons.RiMapFill, _iconsMappingComponen['ri-map-line'] = Icons.RiMapLine, _iconsMappingComponen['ri-message-fill'] = Icons.RiMessageFill, _iconsMappingComponen['ri-message-line'] = Icons.RiMessageLine, _iconsMappingComponen['ri-minus'] = Icons.RiMinus, _iconsMappingComponen['ri-pencil-fill'] = Icons.RiPencilFill, _iconsMappingComponen['ri-pencil-line'] = Icons.RiPencilLine, _iconsMappingComponen['ri-question-fill'] = Icons.RiQuestionFill, _iconsMappingComponen['ri-question-line'] = Icons.RiQuestionLine, _iconsMappingComponen['ri-reply-fill'] = Icons.RiReplyFill, _iconsMappingComponen['ri-reply-line'] = Icons.RiReplyLine, _iconsMappingComponen['ri-search'] = Icons.RiSearch, _iconsMappingComponen['ri-send-plane-fill'] = Icons.RiSendPlaneFill, _iconsMappingComponen['ri-send-plane-line'] = Icons.RiSendPlaneLine, _iconsMappingComponen['ri-settings-fill'] = Icons.RiSettingsFill, _iconsMappingComponen['ri-settings-line'] = Icons.RiSettingsLine, _iconsMappingComponen['ri-timer3-fill'] = Icons.RiTimer3Fill, _iconsMappingComponen['ri-timer3-line'] = Icons.RiTimer3Line, _iconsMappingComponen['ri-twitter-line'] = Icons.RiTwitterLine, _iconsMappingComponen);
 exports.iconsMappingComponent = iconsMappingComponent;

package/lib/@next/index.d.ts

@@ -12,6 +12,7 @@ export { Banner, BannerProps } from './Banner';
 export { Bar, BarProps } from './Bar';
 export { Button, ButtonProps, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Carousel, CarouselProps } from './Carousel';
 export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { Combobox, ComboboxProps } from './Combobox';

package/lib/@next/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SkeletonTextProps = exports.SkeletonText = exports.SkeletonImageSquareProps = exports.SkeletonImageSquare = exports.SkeletonImageCircleProps = exports.SkeletonImageCircle = exports.SimplePagination = exports.SelectProps = exports.Select = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.ComboboxProps = exports.Combobox = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BarProps = exports.Bar = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
+exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TableRowProps = exports.TableHeaderProps = exports.TableCellProps = exports.TabProps = exports.TabModel = exports.Tab = exports.Switch = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SkeletonTextProps = exports.SkeletonText = exports.SkeletonImageSquareProps = exports.SkeletonImageSquare = exports.SkeletonImageCircleProps = exports.SkeletonImageCircle = exports.SimplePagination = exports.SelectProps = exports.Select = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.MenuProps = exports.Menu = exports.LinkProps = exports.Link = exports.InlineErrorProps = exports.InlineError = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.DataTableProps = exports.DataTable = exports.CurrencyInputProps = exports.CurrencyInput = exports.ComboboxProps = exports.Combobox = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CarouselProps = exports.Carousel = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BarProps = exports.Bar = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = exports.ActionListSection = exports.ActionListProps = exports.ActionListItem = exports.ActionList = void 0;
 var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
 exports.BorderRadius = BorderRadius;
 var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -49,6 +49,9 @@ exports.PrimaryButton = _Button.PrimaryButton;
 var _ButtonGroup = require("./ButtonGroup");
 exports.ButtonGroup = _ButtonGroup.ButtonGroup;
 exports.ButtonGroupProps = _ButtonGroup.ButtonGroupProps;
+var _Carousel = require("./Carousel");
+exports.Carousel = _Carousel.Carousel;
+exports.CarouselProps = _Carousel.CarouselProps;
 var _Card = require("./Card");
 exports.Card = _Card.Card;
 exports.CardProps = _Card.CardProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.241",
+  "version": "4.0.243",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",