@pedidopago/ui 1.10.24 → 1.10.25

package/dist/components/Carousel/Examples/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { CarouselProps } from '../types';
 export declare function CarouselExample(props: CarouselProps): JSX.Element;
-export declare function CarouselExampleDynamicChids(props: CarouselProps): JSX.Element;
-export declare function CarouselExampleCustomButtons(props: CarouselProps): JSX.Element;
+export declare function CarouselExampleDynamicChids(): JSX.Element;
+export declare function CarouselExampleCustomButtons(): JSX.Element;
+export declare function CarouselExampleControls(): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Carousel/Examples/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Examples/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,eAwDnD;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,aAAa,eAe/D;AAED,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,aAAa,eAoChE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Examples/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAIzC,wBAAgB,eAAe,CAAC,KAAK,EAAE,aAAa,eAwFnD;AAED,wBAAgB,2BAA2B,gBAiC1C;AAED,wBAAgB,4BAA4B,gBAoC3C;AAED,wBAAgB,uBAAuB,gBA0CtC"}

package/dist/components/Carousel/Examples/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselExample=CarouselExample,exports.CarouselExampleCustomButtons=CarouselExampleCustomButtons,exports.CarouselExampleDynamicChids=CarouselExampleDynamicChids;var _=require(".."),_Button=_interopRequireDefault(require("../../../components/Button")),_Flex=_interopRequireDefault(require("../../../components/Flex")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}/* eslint-disable no-console */var arrayTeste=["1","2","3","4","5","6","7","8","9","10","11","12"];function CarouselExample(props){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",alignItems:"flex-start",style:{maxWidth:"100%",height:"80vh"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"50px"},children:"3"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"4"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"5"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"6"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"7"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"450px"},children:"8"})]})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{onClick:function onClick(){console.log(item)},style:{height:"100px",width:"800px"},children:item},"".concat(index,"-item-big"))})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"300px"},children:item},"".concat(index,"-item-large"))})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:item},"".concat(index,"-item-middle"))})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"S\xF3 um"})}))]})}function CarouselExampleDynamicChids(props){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_.Carousel,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"50px"},children:"3"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"4"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"5"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"6"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"7"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"450px"},children:"8"})]}))})}function CarouselExampleCustomButtons(props){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Carousel,_objectSpread(_objectSpread({},props),{},{leftButton:function leftButton(moveLeft){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){moveLeft()},children:"Voltar"})},rightButton:function rightButton(moveRight){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{style:{whiteSpace:"nowrap"},onClick:function onClick(){moveRight()},children:"Avan\xE7ar"})},children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"800px"},children:item},"".concat(index,"-item-custom-button"))})}))})}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselExample=CarouselExample,exports.CarouselExampleControls=CarouselExampleControls,exports.CarouselExampleCustomButtons=CarouselExampleCustomButtons,exports.CarouselExampleDynamicChids=CarouselExampleDynamicChids;var _index=require("../index"),_Button=_interopRequireDefault(require("../../Button")),_Flex=_interopRequireDefault(require("../../Flex")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}/* eslint-disable no-console */var arrayTeste=["1","2","3","4","5","6","7","8","9","10","11","12"];function CarouselExample(props){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",alignItems:"flex-start",style:{maxWidth:"100%",height:"80vh"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.CarouselContainerExample,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"1"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"2"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"50px"},children:"3"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"4"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"5"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"6"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"7"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"450px"},children:"8"})})]})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselContainerExample,{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{onClick:function onClick(){console.log(item)},style:{height:"100px",width:"800px"},children:item})},"".concat(index,"-item-big"))})})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselContainerExample,{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"300px"},children:item})},"".concat(index,"-item-large"))})})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselContainerExample,{children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:item})},"".concat(index,"-item-middle"))})})})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselContainerExample,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"S\xF3 um"})})})}))]})}function CarouselExampleDynamicChids(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,{children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.CarouselContainerExample,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"1"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"2"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"50px"},children:"3"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"4"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"350px"},children:"5"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"250px"},children:"6"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"150px"},children:"7"})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100px",width:"450px"},children:"8"})})]})})})}function CarouselExampleCustomButtons(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.Carousel,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselContainerExample,{leftButton:function leftButton(moveLeft){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){moveLeft()},children:"Voltar"})},rightButton:function rightButton(moveRight){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{style:{whiteSpace:"nowrap"},onClick:function onClick(){moveRight()},children:"Avan\xE7ar"})},children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"800px"},children:item})},"".concat(index,"-item-custom-button"))})})})})}function CarouselExampleControls(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{style:{height:"500px"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_index.Carousel,{style:{position:"relative"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselContainerExample,{leftButton:function leftButton(moveLeft){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){moveLeft()},children:"Voltar"})},rightButton:function rightButton(moveRight){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{style:{whiteSpace:"nowrap"},onClick:function onClick(){moveRight()},children:"Avan\xE7ar"})},children:arrayTeste.map(function(item,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_index.CarouselSlideItem,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CarouselItemExample,{style:{height:"100%",width:"100%"},children:item})},"".concat(index,"-item-custom-button"))})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ControlContainer,{children:arrayTeste.map(function(_,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ControlItem,{position:index+1},"".concat(index,"-item-control-button"))})})]})})}

package/dist/components/Carousel/Examples/styles.d.ts

@@ -3,4 +3,24 @@ export declare const CarouselItemExample: import("@emotion/styled").StyledCompon
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ControlContainer: import("@emotion/styled").StyledComponent<{
+    children?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ControlItem: import("@emotion/styled").StyledComponent<Omit<import("react").PropsWithChildren<import("react").HTMLProps<HTMLLIElement> & {
+    position: number;
+}>, "ref"> & import("react").RefAttributes<HTMLLIElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const CarouselContainerExample: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    gap?: number | undefined;
+    hideArrowButtons?: boolean | undefined;
+    children: import("react").ReactNode;
+    buttonShadow?: boolean | undefined;
+    leftButton?: ((moveLeft: () => void) => import("react").ReactNode) | undefined;
+    rightButton?: ((moveRight: () => void) => import("react").ReactNode) | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Carousel/Examples/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Examples/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,mBAAmB;;;yGAO/B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/Examples/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,mBAAmB;;;yGAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;UAgB5B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAavB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;UAAmC,CAAC"}

package/dist/components/Carousel/Examples/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselItemExample=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var CarouselItemExample=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border-radius: 0.5rem;\n  display: grid;\n  place-items: center;\n  color: ",";\n  background: rgb(69, 63, 168);\n  background: linear-gradient(180deg, rgba(69, 63, 168, 1) 0%, rgba(0, 212, 255, 1) 100%);\n"])),function(_ref){var theme=_ref.theme;return theme.lightColors.neutral.white});exports.CarouselItemExample=CarouselItemExample;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ControlItem=exports.ControlContainer=exports.CarouselItemExample=exports.CarouselContainerExample=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styled=_interopRequireDefault(require("@emotion/styled")),_=require("../"),_react=require("@emotion/react");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var CarouselItemExample=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  border-radius: 0.5rem;\n  display: grid;\n  place-items: center;\n  color: ",";\n  background: rgb(69, 63, 168);\n  background: linear-gradient(180deg, rgba(69, 63, 168, 1) 0%, rgba(0, 212, 255, 1) 100%);\n"])),function(_ref){var theme=_ref.theme;return theme.lightColors.neutral.white});exports.CarouselItemExample=CarouselItemExample;var ControlContainer=(0,_styled.default)(_.CarouselControlsContainer)(function(_ref2){var theme=_ref2.theme;return(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    display: flex;\n    gap: 8px;\n\n    position: absolute;\n    bottom: 8px;\n    left: 50%;\n    transform: translate(-50%, 0);\n    list-style: none;\n    padding: 10px;\n\n    @media screen and (min-width: ",") {\n      bottom: 16px;\n    }\n  "])),theme.breakpoints.sm)});exports.ControlContainer=ControlContainer;var ControlItem=(0,_styled.default)(_.CarouselControlItem)(function(_ref3){var theme=_ref3.theme;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: ",";\n    opacity: 0.7;\n    cursor: pointer;\n    &[data-current-slide='true'] {\n      background: ",";\n      opacity: 1;\n    }\n  "])),theme.colors.neutral.white,theme.colors.neutral.white)});exports.ControlItem=ControlItem;var CarouselContainerExample=(0,_styled.default)(_.CarouselSlideContainer)(_templateObject4||(_templateObject4=_taggedTemplateLiteral([""])));exports.CarouselContainerExample=CarouselContainerExample;

package/dist/components/Carousel/carousel-control-container.d.ts

@@ -0,0 +1,5 @@
+import { HTMLAttributes } from 'react';
+export declare const CarouselControlsContainer: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=carousel-control-container.d.ts.map

package/dist/components/Carousel/carousel-control-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-control-container.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/carousel-control-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAA6C,MAAM,OAAO,CAAC;AAIlF,eAAO,MAAM,yBAAyB;;uFAUpC,CAAC"}

package/dist/components/Carousel/carousel-control-container.js

@@ -0,0 +1 @@
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselControlsContainer=void 0;var _react=require("react"),_carouselContext=require("./contexts/carousel-context"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var CarouselControlsContainer=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded),_useContext=(0,_react.useContext)(_carouselContext.CarouselContext),handleMouseEnter=_useContext.handleEnter;return/*#__PURE__*/(0,_jsxRuntime.jsx)("ul",_objectSpread(_objectSpread({ref:ref,onMouseEnter:handleMouseEnter},rest),{},{children:children}))});exports.CarouselControlsContainer=CarouselControlsContainer,CarouselControlsContainer.displayName="CarouselControlsContainer";

package/dist/components/Carousel/carousel-control-item.d.ts

@@ -0,0 +1,5 @@
+import { HTMLProps, PropsWithChildren } from 'react';
+export declare const CarouselControlItem: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<HTMLProps<HTMLLIElement> & {
+    position: number;
+}>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=carousel-control-item.d.ts.map

package/dist/components/Carousel/carousel-control-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-control-item.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/carousel-control-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAA0B,MAAM,OAAO,CAAC;AAG7E,eAAO,MAAM,mBAAmB;cAE2B,MAAM;0DAa/D,CAAC"}

package/dist/components/Carousel/carousel-control-item.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselControlItem=void 0;var _react=require("react"),_carouselContext=require("./contexts/carousel-context"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var CarouselControlItem=/*#__PURE__*/(0,_react.forwardRef)(function(props,ref){var context=(0,_react.useContext)(_carouselContext.CarouselContext);return/*#__PURE__*/(0,_jsxRuntime.jsx)("li",_objectSpread(_objectSpread({"data-current-slide":context.currentActive===props.position,onClick:function onClick(){return context.changeCurrent(props.position)},ref:ref},props),{},{children:props.children}))});exports.CarouselControlItem=CarouselControlItem,CarouselControlItem.displayName="CarouselControlItem";

package/dist/components/Carousel/carousel-root.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const Carousel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    delayAutoExec?: number | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=carousel-root.d.ts.map

package/dist/components/Carousel/carousel-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-root.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/carousel-root.tsx"],"names":[],"mappings":";AAMA,eAAO,MAAM,QAAQ;;;;kDAQpB,CAAC"}

package/dist/components/Carousel/carousel-root.js

@@ -0,0 +1 @@
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Carousel=void 0;var _react=require("react"),_carouselContext=require("./contexts/carousel-context"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","delayAutoExec"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Carousel=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var children=_ref.children,delayAutoExec=_ref.delayAutoExec,rest=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",_objectSpread(_objectSpread({},rest),{},{ref:ref,style:_objectSpread({width:"100%"},null===rest||void 0===rest?void 0:rest.style),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_carouselContext.CarouselProvider,{delayAutoExec:delayAutoExec,children:children})}))});exports.Carousel=Carousel,Carousel.displayName="Carousel";

package/dist/components/Carousel/carousel-slide-container.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CarouselProps } from './types';
+export declare function CarouselSlideContainer({ gap, hideArrowButtons, children, buttonShadow, leftButton, rightButton, ...divProps }: CarouselProps): JSX.Element;
+//# sourceMappingURL=carousel-slide-container.d.ts.map

package/dist/components/Carousel/carousel-slide-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slide-container.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/carousel-slide-container.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,sBAAsB,CAAC,EACrC,GAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,GAAG,QAAQ,EACZ,EAAE,aAAa,eAiEf"}

package/dist/components/Carousel/carousel-slide-container.js

@@ -0,0 +1 @@
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselSlideContainer=CarouselSlideContainer;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_carouselContext=require("./contexts/carousel-context"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["gap","hideArrowButtons","children","buttonShadow","leftButton","rightButton"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function CarouselSlideContainer(_ref){var _ref$gap=_ref.gap,gap=void 0===_ref$gap?16:_ref$gap,hideArrowButtons=_ref.hideArrowButtons,children=_ref.children,buttonShadow=_ref.buttonShadow,leftButton=_ref.leftButton,rightButton=_ref.rightButton,divProps=_objectWithoutProperties(_ref,_excluded),carouselCtx=(0,_react.useContext)(_carouselContext.CarouselContext),customLeftButton=null===leftButton||void 0===leftButton?void 0:leftButton(function(){return carouselCtx.moveCarousel("left")}),customRightButton=null===rightButton||void 0===rightButton?void 0:rightButton(function(){return carouselCtx.moveCarousel("right")});return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",_objectSpread(_objectSpread({style:{position:"relative",overflow:"hidden",width:"100%",height:"100%"}},divProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderContainer,{ref:carouselCtx.sliderRef,onTouchMove:function onTouchMove(){carouselCtx.hideLeftButton(!0),carouselCtx.hideRightButton(!0)},onTouchStart:carouselCtx.handleEnter,onTouchEnd:carouselCtx.beginMomentumTracking,className:"slider_container",style:{gap:gap+"px"},onMouseDown:carouselCtx.handleMouseDown,onMouseUp:carouselCtx.handleMouseUp,onMouseMove:carouselCtx.handleMouseMove,onMouseEnter:carouselCtx.handleEnter,onMouseLeave:carouselCtx.handleMouseLeave,onWheel:carouselCtx.handleWheel,onScroll:carouselCtx.handleScroll,children:children}),!hideArrowButtons&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ContainerButton,{className:(0,_classnames.default)("left_button hide",{button_shadow:buttonShadow}),onMouseLeave:carouselCtx.handleMouseLeave,"aria-disabled":1===carouselCtx.currentActive,onMouseEnter:carouselCtx.handleEnter,ref:carouselCtx.leftButtonRef,children:customLeftButton}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ContainerButton,{className:(0,_classnames.default)("right_button",{button_shadow:buttonShadow}),"aria-disabled":carouselCtx.itemsHasNoOverflow,onMouseLeave:carouselCtx.handleMouseLeave,onMouseEnter:carouselCtx.handleEnter,ref:carouselCtx.rightButtonRef,children:customRightButton})]})]}))}

package/dist/components/Carousel/carousel-slide-item.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare function CarouselSlideItem({ children }: PropsWithChildren): JSX.Element;
+//# sourceMappingURL=carousel-slide-item.d.ts.map

package/dist/components/Carousel/carousel-slide-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slide-item.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/carousel-slide-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,eAchE"}

package/dist/components/Carousel/carousel-slide-item.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselSlideItem=CarouselSlideItem;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function CarouselSlideItem(_ref){var children=_ref.children;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.Fragment,{children:_react.Children.map(children,function(child){var childElement=child;return/*#__PURE__*/(0,_react.cloneElement)(childElement,{style:_objectSpread({flexShrink:0},childElement.props.style)})})})}

package/dist/components/Carousel/contexts/carousel-context/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { CarouselContextProps, CarouselProviderProps } from './types';
+export declare const CarouselContext: import("react").Context<CarouselContextProps>;
+export declare function CarouselProvider({ children, delayAutoExec, }: PropsWithChildren & CarouselProviderProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Carousel/contexts/carousel-context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/contexts/carousel-context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAC;AAK3E,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEtE,eAAO,MAAM,eAAe,+CAAkE,CAAC;AAE/F,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,aAAa,GACd,EAAE,iBAAiB,GAAG,qBAAqB,eA2S3C"}

package/dist/components/Carousel/contexts/carousel-context/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.CarouselContext=void 0,exports.CarouselProvider=CarouselProvider;var _react=require("react"),_interval=require("src/shared/hooks/interval"),_useDebounce=require("src/shared/hooks/useDebounce"),_jsxRuntime=require("react/jsx-runtime");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var CarouselContext=/*#__PURE__*/(0,_react.createContext)({});exports.CarouselContext=CarouselContext;function CarouselProvider(_ref){function getSliderInfo(){var container=sliderRef.current;if(!container)throw new Error("Not found Slider Container Ref");var arrayOfChildrens=Array.from(container.childNodes),positions=arrayOfChildrens.map(function(data,index){return{offsetPosition:data.offsetLeft,position:index+1}});return{container:container,positions:positions}}function navigateToScroll(scrollPosition){var sliderInfo=getSliderInfo();sliderInfo.container&&sliderInfo.container.scrollTo({behavior:"smooth",left:scrollPosition})}function hideRightButton(hide){rightButtonRef.current&&(hide?rightButtonRef.current.classList.add("hide"):rightButtonRef.current.classList.remove("hide"))}function hideLeftButton(hide){leftButtonRef.current&&(hide?leftButtonRef.current.classList.add("hide"):leftButtonRef.current.classList.remove("hide"))}function handleHideButtons(){var sliderInfo=getSliderInfo();if(sliderInfo.container){var maxScroll=sliderInfo.container.scrollWidth-sliderInfo.container.clientWidth,isEndOfScroll=sliderInfo.container.scrollLeft>=maxScroll;isMaxScroll.current=isEndOfScroll,hideRightButton(currentActive===sliderInfo.positions.length),hideLeftButton(0===sliderInfo.container.scrollLeft)}}function beginMomentumTracking(){cancelMomentumTracking(),momentumID=requestAnimationFrame(momentumLoop),delayAutoExec&&setDelay(delayAutoExec)}function cancelMomentumTracking(){cancelAnimationFrame(momentumID)}function onMomentumEnd(){handleHideButtons()}function momentumLoop(){var sliderInfo=getSliderInfo();if(sliderInfo.container){var _sliderInfo$container;sliderInfo.container.scrollLeft+=2*velX,velX*=.95;var disableMomentum=isMaxScroll.current||0===(null===(_sliderInfo$container=sliderInfo.container)||void 0===_sliderInfo$container?void 0:_sliderInfo$container.scrollLeft);.75<Math.abs(velX)&&!disableMomentum?(hideLeftButton(!0),hideRightButton(!0),momentumID=requestAnimationFrame(momentumLoop)):onMomentumEnd()}}function scrollByIndex(index){var _getSliderInfo$positi,position=null===(_getSliderInfo$positi=getSliderInfo().positions.find(function(data){return data.position===index}))||void 0===_getSliderInfo$positi?void 0:_getSliderInfo$positi.offsetPosition;if(void 0===position)throw new Error("Notfound index to Scroll");navigateToScroll(position)}function changeCurrent(index){var sliderInfo=getSliderInfo();0>=index||index>sliderInfo.positions.length||scrollByIndex(index)}var momentumID,children=_ref.children,delayAutoExec=_ref.delayAutoExec,isDragging=(0,_react.useRef)(!1),startX=(0,_react.useRef)(0),initialScrollLeft=(0,_react.useRef)(0),velX=0,sliderRef=(0,_react.useRef)(null),_useState=(0,_react.useState)(1),_useState2=_slicedToArray(_useState,2),currentActive=_useState2[0],setCurrentActive=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),itemsHasNoOverflow=_useState4[0],setItemsHasNoOverflow=_useState4[1],_useState5=(0,_react.useState)(delayAutoExec),_useState6=_slicedToArray(_useState5,2),delay=_useState6[0],setDelay=_useState6[1],rightButtonRef=(0,_react.useRef)(null),leftButtonRef=(0,_react.useRef)(null),isMaxScroll=(0,_react.useRef)(!1),activeControlByScroll=(0,_useDebounce.useDebounce)(function(){var sliderInfo=getSliderInfo(),active=sliderInfo.positions.reverse().findIndex(function(position){return position.offsetPosition<=sliderInfo.container.scrollLeft+20});// need to add a offset to scrollLeft because the scrollLeft
+// is a little bit less than the offset position in some cases
+setCurrentActive(sliderInfo.positions.length-active)},100);return(0,_interval.useInterval)(function(){var sliderInfo=getSliderInfo();return currentActive===sliderInfo.positions.length?void changeCurrent(1):void changeCurrent(currentActive+1)},delay),/*#__PURE__*/(0,_jsxRuntime.jsx)(CarouselContext.Provider,{value:{currentActive:currentActive,leftButtonRef:leftButtonRef,rightButtonRef:rightButtonRef,itemsHasNoOverflow:itemsHasNoOverflow,sliderRef:sliderRef,changeCurrent:changeCurrent,handleScroll:function(event){var _document$activeEleme,_document$activeEleme2,element=event.currentTarget,maxScroll=element.scrollWidth-element.clientWidth,isEndOfScroll=element.scrollLeft>=maxScroll;isMaxScroll.current=!1;var isActiveLeftButton=leftButtonRef.current!==(null===(_document$activeEleme=document.activeElement)||void 0===_document$activeEleme?void 0:_document$activeEleme.parentElement),isActiveRightButton=rightButtonRef.current!==(null===(_document$activeEleme2=document.activeElement)||void 0===_document$activeEleme2?void 0:_document$activeEleme2.parentElement);setItemsHasNoOverflow(!!isEndOfScroll),activeControlByScroll(),isEndOfScroll?(isMaxScroll.current=!0,setTimeout(function(){return hideRightButton(isActiveRightButton)},1e3)):setTimeout(function(){return hideRightButton(!1)},1e3),0===element.scrollLeft?hideLeftButton(isActiveLeftButton):hideLeftButton(!1)},handleMouseUp:function(event){var sliderInfo=getSliderInfo();isDragging.current=!1;var targets=event.currentTarget.childNodes;if(targets.forEach(function(item){item.style.pointerEvents="auto"}),sliderInfo.container){hideLeftButton(!1),beginMomentumTracking(),hideRightButton(isMaxScroll.current);var isStartOfScroll=0===sliderInfo.container.scrollLeft;hideLeftButton(isStartOfScroll)}},handleEnter:function(){setDelay(0)},handleMouseMove:function(e){var sliderInfo=getSliderInfo();if(isDragging.current){e.preventDefault();var targets=e.currentTarget.childNodes;if(targets.forEach(function(item){item.style.pointerEvents="none"}),sliderInfo.container){hideRightButton(!0),hideLeftButton(!0);var x=e.pageX-sliderInfo.container.offsetLeft,walk=x-startX.current,prevScrollLeft=sliderInfo.container.scrollLeft;sliderInfo.container.scrollLeft=initialScrollLeft.current-walk,velX=sliderInfo.container.scrollLeft-prevScrollLeft}}},handleWheel:function(){cancelMomentumTracking()},handleMouseDown:function(event){var sliderInfo=getSliderInfo();isDragging.current=!0,sliderInfo.container&&(startX.current=event.pageX-sliderInfo.container.offsetLeft,initialScrollLeft.current=sliderInfo.container.scrollLeft,cancelMomentumTracking())},moveCarousel:function(direction){var sliderInfo=getSliderInfo();if(sliderInfo.container){var nextPosition=currentActive+1;switch(hideRightButton(!1),hideLeftButton(!1),direction){case"left":changeCurrent(currentActive-1||1);break;case"right":changeCurrent(nextPosition),nextPosition===sliderInfo.positions.length&&hideRightButton(!0);break;default:throw new Error("Invalid direction");}}},handleMouseLeave:function(){isDragging.current=!1,setDelay(delayAutoExec),handleHideButtons()},beginMomentumTracking:beginMomentumTracking,hideLeftButton:hideLeftButton,hideRightButton:hideRightButton},children:children})}

package/dist/components/Carousel/contexts/carousel-context/types.d.ts

@@ -0,0 +1,25 @@
+import { RefObject } from 'react';
+export type CarouselProviderProps = {
+    delayAutoExec?: number;
+};
+export type CarouselContextProps = {
+    rightButtonRef: RefObject<HTMLDivElement>;
+    leftButtonRef: RefObject<HTMLDivElement>;
+    sliderRef: RefObject<HTMLDivElement>;
+    currentActive: number;
+    itemsHasNoOverflow: boolean;
+    changeCurrent(index: number): void;
+    handleMouseDown(event: React.MouseEvent): void;
+    handleMouseMove(event: React.MouseEvent): void;
+    handleEnter(): void;
+    handleMouseLeave(): void;
+    handleWheel(): void;
+    handleScroll(event: React.UIEvent<HTMLDivElement>): void;
+    handleScroll(event: React.UIEvent<HTMLDivElement>): void;
+    beginMomentumTracking(): void;
+    hideLeftButton(hide?: boolean): void;
+    hideRightButton(hide?: boolean): void;
+    handleMouseUp(event: React.MouseEvent): void;
+    moveCarousel(direction: 'left' | 'right'): void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Carousel/contexts/carousel-context/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/contexts/carousel-context/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,qBAAqB,GAAG;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,aAAa,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC/C,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC/C,WAAW,IAAI,IAAI,CAAC;IACpB,gBAAgB,IAAI,IAAI,CAAC;IACzB,WAAW,IAAI,IAAI,CAAC;IACpB,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACzD,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACzD,qBAAqB,IAAI,IAAI,CAAC;IAC9B,cAAc,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,eAAe,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC;IAC7C,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACjD,CAAC"}

package/dist/components/Carousel/contexts/carousel-context/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/Carousel/index.d.ts

@@ -1,4 +1,7 @@
-/// <reference types="react" />
-import { CarouselProps } from './types';
-export declare function Carousel({ gap, hideArrowButtons, children, buttonShadow, leftButton, rightButton, ...divProps }: CarouselProps): JSX.Element;
+export { Carousel } from './carousel-root';
+export { CarouselControlsContainer } from './carousel-control-container';
+export { CarouselControlItem } from './carousel-control-item';
+export { CarouselSlideContainer } from './carousel-slide-container';
+export { CarouselSlideItem } from './carousel-slide-item';
+export type { CarouselProps, CarouselRootProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Carousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,wBAAgB,QAAQ,CAAC,EACvB,GAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,WAAW,EACX,GAAG,QAAQ,EACZ,EAAE,aAAa,eAoUf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Carousel/index.js

@@ -1 +1 @@
-"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Carousel=Carousel;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_formatters=require("../../utils/formatters"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["gap","hideArrowButtons","children","buttonShadow","leftButton","rightButton"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Carousel(_ref){function hideRightButton(hide){rightButtonRef.current&&(hide?rightButtonRef.current.classList.add("hide"):rightButtonRef.current.classList.remove("hide"))}function hideLeftButton(hide){leftButtonRef.current&&(hide?leftButtonRef.current.classList.add("hide"):leftButtonRef.current.classList.remove("hide"))}function beginMomentumTracking(){cancelMomentumTracking(),momentumID=requestAnimationFrame(momentumLoop)}function cancelMomentumTracking(){cancelAnimationFrame(momentumID)}function handleHideButtons(){if(sliderRef.current){var maxScroll=sliderRef.current.scrollWidth-sliderRef.current.clientWidth,isEndOfScroll=sliderRef.current.scrollLeft>=maxScroll;isMaxScroll.current=isEndOfScroll,hideRightButton(isEndOfScroll),hideLeftButton(0===sliderRef.current.scrollLeft)}}function onMomentumEnd(){handleHideButtons()}function momentumLoop(){if(sliderRef.current){var _sliderRef$current;sliderRef.current.scrollLeft+=2*velX,velX*=.95;var disableMomentum=isMaxScroll.current||0===(null===(_sliderRef$current=sliderRef.current)||void 0===_sliderRef$current?void 0:_sliderRef$current.scrollLeft);.75<Math.abs(velX)&&!disableMomentum?(hideLeftButton(!0),hideRightButton(!0),momentumID=requestAnimationFrame(momentumLoop)):onMomentumEnd()}}function changeScrollLeft(scrollLeft){sliderRef.current&&sliderRef.current.scrollTo({behavior:"smooth",left:scrollLeft})}function moveLeftItem(){if(sliderRef.current)for(var childs=sliderRef.current.childNodes,sliderWidth=sliderRef.current.offsetWidth,i=0;i<childs.length;i++){var child=childs[i],itemTotalOffset=child.offsetLeft+child.offsetWidth,isPrevVisibleItem=itemTotalOffset>sliderRef.current.scrollLeft;if(isPrevVisibleItem){var prevChild=childs[i-1];if(!prevChild)return void changeScrollLeft(0);var isLargeItem=prevChild.offsetWidth>(0,_formatters.halfDivisor)(sliderWidth);isLargeItem?changeScrollLeft(prevChild.offsetLeft):changeScrollLeft(prevChild.offsetLeft+(0,_formatters.halfDivisor)(prevChild.offsetWidth));break}}}function moveRightItem(){if(sliderRef.current)for(var childs=sliderRef.current.childNodes,sliderWidth=sliderRef.current.offsetWidth,i=1;i<childs.length;i++){var child=childs[i],itemTotalOffset=child.offsetLeft+child.offsetWidth,isNextVisibleItem=itemTotalOffset>sliderRef.current.scrollLeft+sliderWidth;if(isNextVisibleItem){var nextSibling=child.nextSibling||child,nextSiblingWidth=nextSibling.offsetWidth||0,isLargeItem=nextSiblingWidth>(0,_formatters.halfDivisor)(sliderWidth),nextSiblingLeft=(null===nextSibling||void 0===nextSibling?void 0:nextSibling.offsetLeft)||0;if(isLargeItem)return void changeScrollLeft(child.offsetLeft);if(!child.nextSibling)return void changeScrollLeft(nextSiblingLeft+nextSiblingWidth-sliderWidth);changeScrollLeft(nextSiblingLeft+(0,_formatters.halfDivisor)(nextSiblingWidth)-sliderWidth);break}}}var startX,initialScrollLeft,momentumID,_ref$gap=_ref.gap,gap=void 0===_ref$gap?16:_ref$gap,hideArrowButtons=_ref.hideArrowButtons,children=_ref.children,buttonShadow=_ref.buttonShadow,leftButton=_ref.leftButton,rightButton=_ref.rightButton,divProps=_objectWithoutProperties(_ref,_excluded),rightButtonRef=(0,_react.useRef)(null),leftButtonRef=(0,_react.useRef)(null),sliderRef=(0,_react.useRef)(null),isMaxScroll=(0,_react.useRef)(!1),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),itemsHasNoOverflow=_useState2[0],setItemsHasNoOverflow=_useState2[1],isDragging=!1,velX=0,moveCarousel=function moveCarousel(direction){sliderRef.current&&(hideRightButton(!1),hideLeftButton(!1),"left"===direction?moveLeftItem():moveRightItem())};(0,_react.useEffect)(function(){if(sliderRef.current){var _sliderRef$current2,lastChild=null===(_sliderRef$current2=sliderRef.current)||void 0===_sliderRef$current2?void 0:_sliderRef$current2.querySelector(".item-".concat(_react.Children.count(children))),lastChildOffsetLeft=(null===lastChild||void 0===lastChild?void 0:lastChild.offsetLeft)||0,lastChildWidth=(null===lastChild||void 0===lastChild?void 0:lastChild.offsetWidth)||0,hasNoOverflow=lastChildOffsetLeft+lastChildWidth<sliderRef.current.offsetWidth;setItemsHasNoOverflow(hasNoOverflow)}},[sliderRef.current]),(0,_react.useEffect)(function(){sliderRef.current&&hideRightButton(!1)},[sliderRef]);var customLeftButton=null===leftButton||void 0===leftButton?void 0:leftButton(function(){return moveCarousel("left")}),customRightButton=null===rightButton||void 0===rightButton?void 0:rightButton(function(){return moveCarousel("right")});return/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",_objectSpread(_objectSpread({style:{position:"relative",overflow:"hidden",width:"100%",height:"100%"}},divProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SliderContainer,{onTouchMove:function onTouchMove(){hideLeftButton(!0),hideRightButton(!0)},onTouchEnd:beginMomentumTracking,className:"slider_container",style:{gap:gap+"px"},ref:sliderRef,onMouseDown:function handleMouseDown(event){isDragging=!0,sliderRef.current&&(startX=event.pageX-sliderRef.current.offsetLeft,initialScrollLeft=sliderRef.current.scrollLeft,cancelMomentumTracking())},onMouseUp:function handleMouseUp(event){isDragging=!1;var targets=event.currentTarget.childNodes;if(targets.forEach(function(item){item.style.pointerEvents="auto"}),sliderRef.current){hideLeftButton(!1),beginMomentumTracking(),hideRightButton(isMaxScroll.current);var isStartOfScroll=0===sliderRef.current.scrollLeft;hideLeftButton(isStartOfScroll)}},onMouseMove:function handleMouseMove(e){if(isDragging){e.preventDefault();var targets=e.currentTarget.childNodes;if(targets.forEach(function(item){item.style.pointerEvents="none"}),sliderRef.current){hideRightButton(!0),hideLeftButton(!0);var x=e.pageX-sliderRef.current.offsetLeft,walk=x-startX,prevScrollLeft=sliderRef.current.scrollLeft;sliderRef.current.scrollLeft=initialScrollLeft-walk,velX=sliderRef.current.scrollLeft-prevScrollLeft}}},onWheel:function handleWheel(){cancelMomentumTracking()},onScroll:function handleScroll(event){var element=event.currentTarget,maxScroll=element.scrollWidth-element.clientWidth,isEndOfScroll=element.scrollLeft>=maxScroll;isMaxScroll.current=!1,isEndOfScroll?(isMaxScroll.current=!0,hideRightButton(!0)):0===element.scrollLeft&&hideLeftButton(!0)},onMouseLeave:function handleMouseLeave(){isDragging=!1,handleHideButtons()},children:_react.Children.map(children,function(child,index){var childElement=child;return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{className:"item-".concat(index+1," carousel_item"),children:childElement})})}),!hideArrowButtons&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ContainerButton,{className:(0,_classnames.default)("left_button hide",{button_shadow:buttonShadow,hide:itemsHasNoOverflow}),ref:leftButtonRef,children:customLeftButton||/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DefaultButton,{onClick:function onClick(){return moveCarousel("left")},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-left",color:"neutral.neutral6",size:"18px"})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ContainerButton,{className:(0,_classnames.default)("right_button",{button_shadow:buttonShadow,hide:itemsHasNoOverflow}),ref:rightButtonRef,children:customRightButton||/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DefaultButton,{onClick:function onClick(){return moveCarousel("right")},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"chevron-right",color:"neutral.neutral6",size:"18px"})})})]})]}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Carousel",{enumerable:!0,get:function get(){return _carouselRoot.Carousel}}),Object.defineProperty(exports,"CarouselControlItem",{enumerable:!0,get:function get(){return _carouselControlItem.CarouselControlItem}}),Object.defineProperty(exports,"CarouselControlsContainer",{enumerable:!0,get:function get(){return _carouselControlContainer.CarouselControlsContainer}}),Object.defineProperty(exports,"CarouselSlideContainer",{enumerable:!0,get:function get(){return _carouselSlideContainer.CarouselSlideContainer}}),Object.defineProperty(exports,"CarouselSlideItem",{enumerable:!0,get:function get(){return _carouselSlideItem.CarouselSlideItem}});var _carouselRoot=require("./carousel-root"),_carouselControlContainer=require("./carousel-control-container"),_carouselControlItem=require("./carousel-control-item"),_carouselSlideContainer=require("./carousel-slide-container"),_carouselSlideItem=require("./carousel-slide-item");

package/dist/components/Carousel/styles.d.ts

@@ -7,8 +7,4 @@ export declare const ContainerButton: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DefaultButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Carousel/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,eAAe;;;yGAmB3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA8D3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;qHAWzB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,eAAe;;;yGAa3B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAiE3B,CAAC"}

package/dist/components/Carousel/styles.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderContainer=exports.DefaultButton=exports.ContainerButton=void 0;var _templateObject,_templateObject2,_templateObject3,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SliderContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  overflow-x: auto;\n  display: flex;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  .carousel_item {\n    margin: auto;\n    flex-shrink: 0;\n  }\n"])));exports.SliderContainer=SliderContainer;var ContainerButton=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  position: absolute;\n  top: 50%;\n  transform: translate(0px, -50%);\n\n  transition: all ease 0.2s;\n  justify-content: center;\n  transition: all cubic-bezier(0.25, 1.5, 0.25, 1) 0.5s;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    width: 200%;\n    z-index: -1;\n    top: 0;\n    transition: all cubic-bezier(0.25, 1.5, 0.25, 1) 0.5s;\n  }\n\n  &.left_button.button_shadow::before {\n    left: -100%;\n    background: ",";\n  }\n\n  &.right_button.button_shadow::before {\n    right: -100%;\n    background: ",";\n  }\n\n  &.hide {\n    > button {\n      pointer-events: none;\n    }\n\n    filter: brightness(0.8);\n  }\n\n  &:not(:hover).hide.left_button {\n    transform: translate(-150%, -50%);\n  }\n\n  &:not(:hover).hide.right_button {\n    transform: translate(150%, -50%);\n  }\n\n  &.right_button {\n    right: 1rem;\n  }\n\n  &.left_button {\n    left: 1rem;\n  }\n\n  @media (max-width: 750px) {\n    display: none;\n  }\n"])),function(_ref){var theme=_ref.theme;return"linear-gradient(90deg, ".concat(theme.colors.neutral.white,"80 0%, rgba(255, 255, 255, 0) 100%)")},function(_ref2){var theme=_ref2.theme;return"linear-gradient(270deg, ".concat(theme.colors.neutral.white,"80 0%, rgba(255, 255, 255, 0) 100%)")});exports.ContainerButton=ContainerButton;var DefaultButton=_styled.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  background: ",";\n  border: none;\n  padding: 0.75rem;\n  border-radius: 50%;\n  cursor: pointer;\n  transition: all cubic-bezier(0.25, 1.5, 0.2, 1) 0.4s;\n\n  &:hover {\n    transform: scale(0.85);\n  }\n"])),function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.white});exports.DefaultButton=DefaultButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderContainer=exports.ContainerButton=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SliderContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  display: flex;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n  overflow-x: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])));exports.SliderContainer=SliderContainer;var ContainerButton=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  position: absolute;\n  top: 50%;\n  transform: translate(0px, -50%);\n\n  transition: all ease 0.2s;\n  justify-content: center;\n  transition: all cubic-bezier(0.25, 1.5, 0.25, 1) 0.5s;\n\n  &::before {\n    content: '';\n    position: absolute;\n    height: 100%;\n    width: 200%;\n    z-index: -1;\n    top: 0;\n    transition: all cubic-bezier(0.25, 1.5, 0.25, 1) 0.5s;\n  }\n\n  &[aria-disabled='true'].right_button {\n    * {\n      pointer-events: none;\n      user-select: none;\n    }\n  }\n\n  &.left_button.button_shadow::before {\n    left: -100%;\n    background: ",";\n  }\n\n  &.right_button.button_shadow::before {\n    right: -100%;\n    background: ",";\n  }\n\n  &.hide {\n    > button {\n      display: none;\n    }\n\n    filter: brightness(0.8);\n  }\n\n  &:not(:hover).hide.left_button {\n    transform: translate(-150%, -50%);\n  }\n\n  &:not(:hover).hide.right_button {\n    transform: translate(150%, -50%);\n  }\n\n  &.right_button {\n    right: 1rem;\n  }\n\n  &.left_button {\n    left: 1rem;\n  }\n"])),function(_ref){var theme=_ref.theme;return"linear-gradient(90deg, ".concat(theme.colors.neutral.white,"80 0%, rgba(255, 255, 255, 0) 100%)")},function(_ref2){var theme=_ref2.theme;return"linear-gradient(270deg, ".concat(theme.colors.neutral.white,"80 0%, rgba(255, 255, 255, 0) 100%)")});exports.ContainerButton=ContainerButton;

package/dist/components/Carousel/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 export type CarouselProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * @property {number} gap - The `gap` property is an optional number that represents the spacing in `PIXEL`
@@ -8,7 +8,10 @@ export type CarouselProps = HTMLAttributes<HTMLDivElement> & {
     hideArrowButtons?: boolean;
     children: ReactNode;
     buttonShadow?: boolean;
-    leftButton: (moveLeft: () => void) => ReactNode;
-    rightButton: (moveRight: () => void) => ReactNode;
+    leftButton?: (moveLeft: () => void) => ReactNode;
+    rightButton?: (moveRight: () => void) => ReactNode;
+};
+export type CarouselRootProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>> & {
+    delayAutoExec?: number;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Carousel/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAChD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CACnD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACjD,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;IAClF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}

package/dist/shared/hooks/interval.d.ts

@@ -0,0 +1,2 @@
+export declare function useInterval(callback: () => void, delay?: number): void;
+//# sourceMappingURL=interval.d.ts.map

package/dist/shared/hooks/interval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interval.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/interval.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,QAU/D"}

package/dist/shared/hooks/interval.js

@@ -0,0 +1 @@
+"use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.useInterval=useInterval;function useInterval(callback,delay){(0,_react.useEffect)(function(){if(delay){var id=setInterval(callback,delay);return function(){return clearInterval(id)}}},[delay,callback])}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pedidopago/ui",
-  "version": "1.10.24",
+  "version": "1.10.25",
   "description": "Quick build beatiful Pedido Pago apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",