@bbl-digital/snorre 3.1.58 → 3.1.60

package/esm/core/MediaCarousel/MediaCarousel.stories.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import MediaCarousel from '.';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+  title: 'Core/MediaCarousel',
+  component: MediaCarousel
+};
+export const DefaultWithImages = {
+  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+    media: [{
+      src: 'https://via.placeholder.com/150',
+      mimeType: 'image/png'
+    }, {
+      src: 'https://via.placeholder.com/150',
+      mimeType: 'image/png'
+    }]
+  }),
+  name: 'Carousel with images'
+};
+export const CarouselWithVideosAndImages = {
+  render: () => /*#__PURE__*/_jsx(MediaCarousel, {
+    media: [{
+      src: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQOi0mWLRO2c4favdUBtcHm8KiB9pAtWnkihu4-e8nY0g&s',
+      mimeType: 'image/jpeg'
+    }, {
+      src: 'https://via.placeholder.com/150',
+      mimeType: 'image/jpeg'
+    }, {
+      src: 'http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4',
+      mimeType: 'video/mp4'
+    }]
+  }),
+  name: 'Carousel with videos and images'
+};

package/esm/core/MediaCarousel/index.js

@@ -10,7 +10,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const MediaCarousel = ({
   media,
-  objectFit,
+  autoPlay = false,
+  objectFit = 'contain',
   height = '100%',
   className,
   radius,
@@ -21,11 +22,13 @@ const MediaCarousel = ({
   const Media = ({
     mediaItem
   }) => {
-    const isVideo = mediaItem.mimeType.includes('video');
+    const isVideo = Boolean(mediaItem.mimeType?.includes('video'));
     return /*#__PURE__*/_jsx(ImageWrapper, {
       height: height,
       children: isVideo ? /*#__PURE__*/_jsx(Video, {
-        src: mediaItem.src
+        src: mediaItem.src,
+        autoPlay: autoPlay,
+        intersectionObserver: true
       }) : /*#__PURE__*/_jsx(Image, {
         src: mediaItem.src,
         alt: "produktbilde",
@@ -44,7 +47,7 @@ const MediaCarousel = ({
       swiping: hasMultipleImages,
       dragging: hasMultipleImages,
       wrapAround: true,
-      cellSpacing: 10,
+      cellSpacing: 15,
       renderCenterRightControls: ({
         nextSlide
       }) => hasMultipleImages && /*#__PURE__*/_jsx(ControlButton, {

package/esm/core/MediaCarousel/styles.js

@@ -12,14 +12,14 @@ export const CarouselWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV
   theme,
   radius,
   withShadow
-}) => /*#__PURE__*/css(withShadow && /*#__PURE__*/css("box-shadow:", theme.shadowSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), " width:100%;height:100%;max-height:", height, ";display:flex;align-items:baseline;border-radius:", radius ? radius : '4px', ";overflow:hidden;.slider-container{max-width:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
+}) => /*#__PURE__*/css(withShadow && /*#__PURE__*/css("box-shadow:", theme.shadowSmall, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), " width:100%;height:100%;max-height:", height, ";display:flex;align-items:baseline;border-radius:", radius ? radius : '4px', ";overflow:hidden;.slider-container{max-width:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CarouselWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1pt2o8x",
   styles: "margin-right:3px"
 } : {
   name: "9g5zwe-ControlButton",
   styles: "margin-right:3px;label:ControlButton;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -28,7 +28,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1arqgkz-ControlButton",
   styles: "margin-left:3px;label:ControlButton;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9NZWRpYUNhcm91c2VsL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuXG5jb25zdCBiYWNrZ3JvdW5kID0gJ3JnYmEoMCwgMCwgMCwgMC41KSdcblxuZXhwb3J0IGNvbnN0IENhcm91c2VsV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7XG4gICAgaGVpZ2h0LFxuICAgIHRoZW1lLFxuICAgIHJhZGl1cyxcbiAgICB3aXRoU2hhZG93LFxuICB9OiB7XG4gICAgaGVpZ2h0OiBzdHJpbmdcbiAgICB0aGVtZTogVGhlbWVcbiAgICByYWRpdXM/OiBzdHJpbmdcbiAgICB3aXRoU2hhZG93PzogYm9vbGVhblxuICB9KSA9PiBjc3NgXG4gICAgJHt3aXRoU2hhZG93ICYmXG4gICAgY3NzYFxuICAgICAgYm94LXNoYWRvdzogJHt0aGVtZS5zaGFkb3dTbWFsbH07XG4gICAgYH1cblxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXMgPyByYWRpdXMgOiAnNHB4J307XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIC5zbGlkZXItY29udGFpbmVyIHtcbiAgICAgIG1heC13aWR0aDogMTAwJTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IENvbnRyb2xCdXR0b24gPSBzdHlsZWQuYnV0dG9uKFxuICAoeyBkaXJlY3Rpb24gfTogeyBkaXJlY3Rpb246ICdsZWZ0JyB8ICdyaWdodCcgfSkgPT4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBwYWRkaW5nOiAwLjc1ZW07XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICR7ZGlyZWN0aW9uID09PSAnbGVmdCdcbiAgICAgID8gY3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAzcHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIG1hcmdpbi1yaWdodDogM3B4O1xuICAgICAgICBgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBCb3R0b21DYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogMC4yNWVtIDFlbTtcbiAgYm9yZGVyLXJhZGl1czogNXB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuYFxuXG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHsgaGVpZ2h0IH06IHsgaGVpZ2h0OiBzdHJpbmcgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgJiBpbWcge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuXG4gICAgJiB2aWRlbyB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1heC1oZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgIHNjYWxlOiAxLjAxNTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export const ControlButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
@@ -38,13 +38,13 @@ export const ControlButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV
   label: "ControlButton"
 })(({
   direction
-}) => /*#__PURE__*/css("background-color:", background, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;", direction === 'left' ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */");
+}) => /*#__PURE__*/css("background-color:", background, ";border:none;border-radius:50%;padding:0.75em;cursor:pointer;", direction === 'left' ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlButton;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDeUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");
 export const BottomCarouselWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1ukuf8x1"
 } : {
   target: "e1ukuf8x1",
   label: "BottomCarouselWrapper"
-})("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEK0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"));
+})("display:flex;justify-content:center;padding:0.25em 1em;border-radius:5px;background-color:", background, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEK0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"));
 export const ImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1ukuf8x0"
 } : {
@@ -52,4 +52,4 @@ export const ImageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   label: "ImageWrapper"
 })(({
   height
-}) => /*#__PURE__*/css("display:flex;height:100%;& img{width:100%;max-height:", height, ";scale:1.015;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZENEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cbiAgYFxuKVxuIl19 */");
+}) => /*#__PURE__*/css("display:flex;height:100%;& img{width:100%;max-height:", height, ";scale:1.015;}& video{width:100%;max-height:", height, ";scale:1.015;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThEeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01lZGlhQ2Fyb3VzZWwvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZENEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWVkaWFDYXJvdXNlbC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuY29uc3QgYmFja2dyb3VuZCA9ICdyZ2JhKDAsIDAsIDAsIDAuNSknXG5cbmV4cG9ydCBjb25zdCBDYXJvdXNlbFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAoe1xuICAgIGhlaWdodCxcbiAgICB0aGVtZSxcbiAgICByYWRpdXMsXG4gICAgd2l0aFNoYWRvdyxcbiAgfToge1xuICAgIGhlaWdodDogc3RyaW5nXG4gICAgdGhlbWU6IFRoZW1lXG4gICAgcmFkaXVzPzogc3RyaW5nXG4gICAgd2l0aFNoYWRvdz86IGJvb2xlYW5cbiAgfSkgPT4gY3NzYFxuICAgICR7d2l0aFNoYWRvdyAmJlxuICAgIGNzc2BcbiAgICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuc2hhZG93U21hbGx9O1xuICAgIGB9XG5cbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cmFkaXVzID8gcmFkaXVzIDogJzRweCd9O1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAuc2xpZGVyLWNvbnRhaW5lciB7XG4gICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBDb250cm9sQnV0dG9uID0gc3R5bGVkLmJ1dHRvbihcbiAgKHsgZGlyZWN0aW9uIH06IHsgZGlyZWN0aW9uOiAnbGVmdCcgfCAncmlnaHQnIH0pID0+IGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2JhY2tncm91bmR9O1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgcGFkZGluZzogMC43NWVtO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAke2RpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogM3B4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDNweDtcbiAgICAgICAgYH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQm90dG9tQ2Fyb3VzZWxXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAuMjVlbSAxZW07XG4gIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtiYWNrZ3JvdW5kfTtcbmBcblxuZXhwb3J0IGNvbnN0IEltYWdlV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gICh7IGhlaWdodCB9OiB7IGhlaWdodDogc3RyaW5nIH0pID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGhlaWdodDogMTAwJTtcblxuICAgICYgaW1nIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWF4LWhlaWdodDogJHtoZWlnaHR9O1xuICAgICAgc2NhbGU6IDEuMDE1O1xuICAgIH1cblxuICAgICYgdmlkZW8ge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBtYXgtaGVpZ2h0OiAke2hlaWdodH07XG4gICAgICBzY2FsZTogMS4wMTU7XG4gICAgfVxuICBgXG4pXG4iXX0= */");

package/esm/core/Video/Video.stories.js

@@ -1,23 +1,33 @@
+import React from 'react';
 import Video from '.';
 import { jsx as _jsx } from "react/jsx-runtime";
 export default {
   title: 'Core/Video',
   component: Video
 };
-export const NoVideo = {
-  render: () => /*#__PURE__*/_jsx(Video, {}),
-  name: 'No video'
+export const Default = {
+  render: () => /*#__PURE__*/_jsx(Video, {
+    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
+    height: "100%"
+  })
 };
 export const VideoWithSrc = {
   render: () => /*#__PURE__*/_jsx(Video, {
-    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4"
-  }),
-  name: 'Image with src'
+    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
+    height: "500px"
+  })
 };
-export const VideoWithHeightAndWidth = {
+export const VideoWithPoster = {
   render: () => /*#__PURE__*/_jsx(Video, {
     src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
-    height: "300px"
-  }),
-  name: 'Video with height set. Width is auto and adjusted to the video ratio'
+    poster: "https://flxt.tmsimg.com/assets/p10163210_v_h9_aa.jpg",
+    height: "500px"
+  })
+};
+export const VideoWithWidthAndHeight = () => {
+  return /*#__PURE__*/_jsx(Video, {
+    src: "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",
+    poster: "https://flxt.tmsimg.com/assets/p10163210_v_h9_aa.jpg",
+    height: "500px"
+  });
 };

package/esm/core/Video/index.js

@@ -1,28 +1,87 @@
 /** @jsxImportSource @emotion/react */
-import React from 'react';
-import styles from './styles';
+import { useEffect, useRef, useState } from 'react';
+import ReactPlayer from 'react-player';
+import { PlayerContainer } from './styles';
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 const Video = ({
   src,
+  intersectionObserver = false,
   controls = true,
-  playsInline = true,
-  preload = 'auto',
   poster,
-  height = '100%',
+  config = {
+    file: {
+      attributes: {
+        controlsList: 'nodownload noplaybackrate'
+      }
+    }
+  },
+  playing = false,
+  autoPlay = false,
+  height = 'auto',
   width = '100%',
   css,
+  onPause,
+  onPlay,
   ...restProps
 }) => {
+  const containerRef = useRef(null);
+
+  /** Determines if the video controls have been physically interacted with  */
+  const [playPressed, setPlayPressed] = useState(false);
+  /** The play state of the player */
+  const [isPlaying, setIsPlaying] = useState(playing);
   const videoSrc = src || undefined;
   const posterSrc = poster || undefined;
-  return _jsx("video", {
-    src: videoSrc,
-    controls: controls,
-    playsInline: playsInline,
-    preload: preload,
-    poster: posterSrc,
-    css: () => [height && styles.height(height), width && styles.width(width), css && css],
-    ...restProps
+  const intersectionObsOptions = {
+    root: null,
+    rootMargin: '0px',
+    threshold: 0.5
+  };
+  const intersectionCallback = entries => {
+    const [entry] = entries;
+    // If the video is in the viewport and autoPlay is true or the user has physically pressed play, start playing
+    if (entry.isIntersecting && (autoPlay || playPressed)) {
+      setIsPlaying(true);
+    } else {
+      setIsPlaying(false);
+    }
+  };
+  useEffect(() => {
+    if (!intersectionObserver || !window.IntersectionObserver) return;
+    const observer = new IntersectionObserver(intersectionCallback, intersectionObsOptions);
+    const currentRef = containerRef.current;
+    if (currentRef) {
+      observer.observe(currentRef);
+    }
+    return () => {
+      if (currentRef) observer.unobserve(currentRef);
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [containerRef.current, intersectionObsOptions, intersectionObserver]);
+  const handlePlay = () => {
+    setPlayPressed(true);
+    onPlay && onPlay();
+  };
+  const handlePause = () => {
+    setPlayPressed(false);
+    onPause && onPause();
+  };
+  return _jsx(PlayerContainer, {
+    ref: containerRef,
+    children: _jsx(ReactPlayer, {
+      url: videoSrc,
+      controls: controls,
+      playing: isPlaying,
+      light: posterSrc ?? false,
+      width: width,
+      height: height,
+      config: config,
+      onPlay: handlePlay,
+      onPause: handlePause,
+      css: () => [css && css],
+      ...restProps
+    })
   });
 };
 export default Video;

package/esm/core/Video/styles.js

@@ -1,7 +1,16 @@
-import { css } from '@emotion/react';
-const styles = {
-  height: height => /*#__PURE__*/css("height:", height, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:height;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1ZpZGVvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVmlkZW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9O1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-  width: width => /*#__PURE__*/css("width:", width, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:width;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1ZpZGVvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNK0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVmlkZW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgaGVpZ2h0OiAoaGVpZ2h0OiBzdHJpbmcpID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgYCxcbiAgd2lkdGg6ICh3aWR0aDogc3RyaW5nKSA9PiBjc3NgXG4gICAgd2lkdGg6ICR7d2lkdGh9O1xuICBgLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */")
-};
-export default styles;
-export { styles };
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+export const PlayerContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "eryog930"
+} : {
+  target: "eryog930",
+  label: "PlayerContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1saf8wx",
+  styles: "display:flex;align-items:center;justify-content:center;width:100%;height:auto"
+} : {
+  name: "1saf8wx",
+  styles: "display:flex;align-items:center;justify-content:center;width:100%;height:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1ZpZGVvL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVmlkZW8vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmV4cG9ydCBjb25zdCBQbGF5ZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/esm/shared/components/SbIconGrid/index.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
+const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e4tbyf10"
 } : {
   target: "e4tbyf10",

package/lib/core/Alert/Alert.stories.d.ts

@@ -1,23 +1,24 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Success: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Info: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const Danger: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithoutClose: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=Alert.stories.d.ts.map

package/lib/core/Alert/Alert.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/Alert.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA"}
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Alert/Alert.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,OAAO;;;CAOnB,CAAA;AAED,eAAO,MAAM,IAAI;;;CAOhB,CAAA;AAED,eAAO,MAAM,MAAM;;;CAOlB,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA"}

package/lib/core/Alert/styles.d.ts

@@ -1,11 +1,11 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    success: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    danger: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    info: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    primary: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    rounded: import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    success: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    danger: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    info: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    primary: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    rounded: import("@emotion/react").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/AppLoader/AppLoader.stories.d.ts

@@ -1,7 +1,8 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+/// <reference types="react" />
+declare const _default;
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=AppLoader.stories.d.ts.map

package/lib/core/AppLoader/AppLoader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/AppLoader/AppLoader.stories.tsx"],"names":[],"mappings":";AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}
+{"version":3,"file":"AppLoader.stories.d.ts","sourceRoot":"","sources":["../../../src/packages/core/AppLoader/AppLoader.stories.tsx"],"names":[],"mappings":";;AAGA,wBAGS;AAET,eAAO,MAAM,OAAO;;;CAGnB,CAAA"}

package/lib/core/AppLoader/styles.d.ts

@@ -1,6 +1,6 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme, color: string | undefined) => import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme, color: string | undefined) => import("@emotion/react").SerializedStyles;
 };
 export default styles;
 export { styles };

package/lib/core/Autocomplete/Autocomplete.stories.d.ts

@@ -5,67 +5,67 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithError: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithLoading: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithSecondaryLabel: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithActions: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithTags: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithButtonForLabelText: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithValuesAndTags: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithValues: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithCustomObjectsValues: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithNormalValuesAndFuzzy: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithCustomValueInput: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithCustomValueInputAndTags: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithCustomValueInputAndTagsWithCustomValueHeight: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithCustomOpen: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 export declare const WithAlmostAllProps: {
-    render: () => JSX.Element;
+    render: () => import("react").JSX.Element;
     name: string;
 };
 //# sourceMappingURL=Autocomplete.stories.d.ts.map

package/lib/core/Autocomplete/styles.d.ts

@@ -1,23 +1,23 @@
 import { IAppTheme } from '../../app-shell/theme';
 declare const styles: {
-    default: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    label: import("@emotion/utils").SerializedStyles;
-    clickableLabel: import("@emotion/utils").SerializedStyles;
-    inputWrapper: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    inputBox: import("@emotion/utils").SerializedStyles;
-    inputValues: import("@emotion/utils").SerializedStyles;
-    validation: import("@emotion/utils").SerializedStyles;
-    list: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    highlightedItem: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    listWrapper: (width: number) => import("@emotion/utils").SerializedStyles;
-    listWrapperMaxWidth: (width: number) => import("@emotion/utils").SerializedStyles;
-    listWrapperTopPosition: (top: number) => import("@emotion/utils").SerializedStyles;
-    invalid: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    invalidMessage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
-    height: (height: string) => import("@emotion/utils").SerializedStyles;
-    disabled: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+    default: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    label: import("@emotion/react").SerializedStyles;
+    clickableLabel: import("@emotion/react").SerializedStyles;
+    inputWrapper: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    inputBox: import("@emotion/react").SerializedStyles;
+    inputValues: import("@emotion/react").SerializedStyles;
+    validation: import("@emotion/react").SerializedStyles;
+    list: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    highlightedItem: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    listWrapper: (width: number) => import("@emotion/react").SerializedStyles;
+    listWrapperMaxWidth: (width: number) => import("@emotion/react").SerializedStyles;
+    listWrapperTopPosition: (top: number) => import("@emotion/react").SerializedStyles;
+    invalid: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    invalidMessage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
+    height: (height: string) => import("@emotion/react").SerializedStyles;
+    disabled: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 };
-export declare const ErrorMessage: (theme: IAppTheme) => import("@emotion/utils").SerializedStyles;
+export declare const ErrorMessage: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
 export declare const Clear: import("@emotion/styled").StyledComponent<import("../private/ButtonOrLink").Props & {
     success?: boolean | undefined;
     danger?: boolean | undefined;
@@ -26,7 +26,7 @@ export declare const Clear: import("@emotion/styled").StyledComponent<import("..
     nostyle?: boolean | undefined;
     focusable?: boolean | undefined;
     border?: string | undefined;
-    css?: import("@emotion/utils").SerializedStyles | undefined;
+    css?: import("@emotion/react").SerializedStyles | undefined;
     loading?: boolean | undefined;
     back?: boolean | undefined;
     small?: boolean | undefined;