@fox-dls/carousels 0.0.1 → 1.0.0

package/carousels.umd.js

@@ -1,591 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('swiper/css'), require('swiper/css/pagination'), require('react/jsx-runtime'), require('react'), require('styled-components'), require('swiper'), require('swiper/react'), require('@mui/core/ButtonUnstyled'), require('@fox-dls/layout')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'swiper/css', 'swiper/css/pagination', 'react/jsx-runtime', 'react', 'styled-components', 'swiper', 'swiper/react', '@mui/core/ButtonUnstyled', '@fox-dls/layout'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Carousels = {}, null, null, global.jsxRuntime, global.React, global.styled, global.SwiperCore, global.react, global.ButtonUnstyled, global.layout));
-})(this, (function (exports, css, pagination, jsxRuntime, React, styled, SwiperCore, react, ButtonUnstyled, layout) { 'use strict';
-
-    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-    var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-    var SwiperCore__default = /*#__PURE__*/_interopDefaultLegacy(SwiperCore);
-    var ButtonUnstyled__default = /*#__PURE__*/_interopDefaultLegacy(ButtonUnstyled);
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    }
-
-    /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__CarouselContainer",
-      componentId: "sc-rauw79-0"
-    })(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject([""], [""])));
-    var CarouselSwiper$3 = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
-      displayName: "styles__CarouselSwiper",
-      componentId: "sc-rauw79-1"
-    })(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n"], ["\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n"])));
-    var CarouselButtonContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__CarouselButtonContainer",
-      componentId: "sc-rauw79-2"
-    })(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n"], ["\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n"])));
-    var CarouselButton$1 = /*#__PURE__*/styled__default["default"](ButtonUnstyled__default["default"]).withConfig({
-      displayName: "styles__CarouselButton",
-      componentId: "sc-rauw79-3"
-    })(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  -webkit-box-pack: center !important;\n  -webkit-box-align: center !important;\n  appearance: none !important;\n  display: inline-flex !important;\n  border-radius: 50% !important;\n  border: 1px solid rgb(221, 221, 221) !important;\n  outline: none !important;\n  margin: 0px !important;\n  padding: 0px !important;\n  color: rgb(34, 34, 34) !important;\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  position: relative !important;\n  background: transparent !important;\n  transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n    transform 0.25s ease 0s !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 36px !important;\n  height: 36px !important;\n  ::before {\n    content: '' !important;\n    display: block !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 36px !important;\n    height: 36px !important;\n    border-radius: 50% !important;\n    border: 1px solid rgb(221, 221, 221) !important;\n  }\n"], ["\n  -webkit-box-pack: center !important;\n  -webkit-box-align: center !important;\n  appearance: none !important;\n  display: inline-flex !important;\n  border-radius: 50% !important;\n  border: 1px solid rgb(221, 221, 221) !important;\n  outline: none !important;\n  margin: 0px !important;\n  padding: 0px !important;\n  color: rgb(34, 34, 34) !important;\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  position: relative !important;\n  background: transparent !important;\n  transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n    transform 0.25s ease 0s !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 36px !important;\n  height: 36px !important;\n  ::before {\n    content: '' !important;\n    display: block !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 36px !important;\n    height: 36px !important;\n    border-radius: 50% !important;\n    border: 1px solid rgb(221, 221, 221) !important;\n  }\n"])));
-    var templateObject_1$5, templateObject_2$3, templateObject_3$2, templateObject_4$2;
-
-    SwiperCore__default["default"].use([SwiperCore.Navigation]);
-    var ButtonsCarousel = function ButtonsCarousel(_a) {
-      var children = _a.children;
-          _a.navigation;
-          _a.title;
-          _a.controls;
-          var props = __rest(_a, ["children", "navigation", "title", "controls"]);
-
-      var prevRef = React.useRef(null);
-      var nextRef = React.useRef(null);
-
-      var _b = React.useState({
-        progress: 0,
-        isBeginning: true,
-        isEnd: false
-      }),
-          swiperSlides = _b[0],
-          setSwiperSlides = _b[1];
-
-      var _c = React.useState(null),
-          swiper = _c[0],
-          setSwiper = _c[1];
-
-      return jsxRuntime.jsxs("div", __assign({
-        css: "\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      "
-      }, {
-        children: [jsxRuntime.jsx("div", __assign({
-          css: "\n          position: absolute !important;\n          left: 0px !important;\n          z-index: 3 !important;\n          width: 65px !important;\n          background: linear-gradient(\n            to right,\n            rgb(255, 255, 255) 56.77%,\n            rgba(255, 255, 255, 0) 94.47%\n          ) !important;\n          " + (swiperSlides.isBeginning && styled.css(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n            display: none !important;\n            visibility: hidden !important;\n          "], ["\n            display: none !important;\n            visibility: hidden !important;\n          "])))) + "\n        "
-        }, {
-          children: jsxRuntime.jsx(CarouselButtonContainer, {
-            children: jsxRuntime.jsx(CarouselButton$1, __assign({
-              left: +true,
-              ref: prevRef,
-              "aria-label": "Previous",
-              type: "button",
-              onClick: function () {
-                return swiper.slidePrev();
-              }
-            }, {
-              children: jsxRuntime.jsx("span", __assign({
-                css: "\n                position: relative !important;\n              "
-              }, {
-                children: jsxRuntime.jsx("svg", __assign({
-                  viewBox: "0 0 32 32",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "aria-hidden": "true",
-                  role: "presentation",
-                  focusable: "false",
-                  css: "\n                  display: block;\n                  fill: none;\n                  height: 12px;\n                  width: 12px;\n                  stroke: currentcolor;\n                  stroke-width: 5.33333;\n                  overflow: visible;\n                "
-                }, {
-                  children: jsxRuntime.jsx("g", __assign({
-                    fill: "none"
-                  }, {
-                    children: jsxRuntime.jsx("path", {
-                      d: "m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"
-                    }, void 0)
-                  }), void 0)
-                }), void 0)
-              }), void 0)
-            }), void 0)
-          }, void 0)
-        }), void 0), jsxRuntime.jsx(CarouselSwiper$3, __assign({}, props, {
-          cssMode: false,
-          slidesPerView: "auto",
-          onInit: function (swiper) {
-            setSwiper(swiper); // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-
-            swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-
-            swiper.params.navigation.nextEl = nextRef.current;
-            swiper.navigation.init();
-            swiper.navigation.update();
-            setSwiperSlides({
-              progress: swiper.progress,
-              isBeginning: swiper.isBeginning,
-              isEnd: swiper.isEnd
-            }); // console.log("Swiper", swiper);
-          },
-          onSlideChange: function (swiper) {
-            // console.log("Swiper Change", swiper);
-            setSwiperSlides({
-              progress: swiper.progress,
-              isBeginning: swiper.isBeginning,
-              isEnd: swiper.isEnd
-            });
-          }
-        }, {
-          children: React__default["default"].Children.map(children, function (child) {
-            return jsxRuntime.jsx(react.SwiperSlide, {
-              children: jsxRuntime.jsx("div", __assign({
-                css: "\n                display: inline-block !important;\n                white-space: nowrap !important;\n                padding-right: 8px !important;\n                padding-top: 4px !important;\n                padding-bottom: 4px !important;\n              "
-              }, {
-                children: child
-              }), void 0)
-            }, void 0);
-          })
-        }), void 0), jsxRuntime.jsx("div", __assign({
-          css: "\n          -webkit-box-pack: end !important;\n          position: absolute !important;\n          right: 0px !important;\n          z-index: 3 !important;\n          width: 75px !important;\n          display: flex !important;\n          justify-content: flex-end !important;\n          background: linear-gradient(\n            to left,\n            rgb(255, 255, 255) 56.77%,\n            rgba(255, 255, 255, 0) 94.47%\n          ) !important;\n          " + (swiperSlides.isEnd && styled.css(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n            display: none !important;\n            visibility: hidden !important;\n          "], ["\n            display: none !important;\n            visibility: hidden !important;\n          "])))) + "\n        "
-        }, {
-          children: jsxRuntime.jsx(CarouselButtonContainer, {
-            children: jsxRuntime.jsx(CarouselButton$1, __assign({
-              right: +true,
-              "aria-label": "Next",
-              type: "button",
-              ref: nextRef,
-              onClick: function () {
-                return swiper.slideNext();
-              }
-            }, {
-              children: jsxRuntime.jsx("span", __assign({
-                css: "\n                position: relative !important;\n              "
-              }, {
-                children: jsxRuntime.jsx("svg", __assign({
-                  viewBox: "0 0 32 32",
-                  xmlns: "http://www.w3.org/2000/svg",
-                  "aria-hidden": "true",
-                  role: "presentation",
-                  focusable: "false",
-                  css: "\n                  display: block;\n                  fill: none;\n                  height: 12px;\n                  width: 12px;\n                  stroke: currentcolor;\n                  stroke-width: 5.33333;\n                  overflow: visible;\n                "
-                }, {
-                  children: jsxRuntime.jsx("g", __assign({
-                    fill: "none"
-                  }, {
-                    children: jsxRuntime.jsx("path", {
-                      d: "m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"
-                    }, void 0)
-                  }), void 0)
-                }), void 0)
-              }), void 0)
-            }), void 0)
-          }, void 0)
-        }), void 0)]
-      }), void 0);
-    };
-    var templateObject_1$4, templateObject_2$2;
-
-    var CarouselContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__CarouselContainer",
-      componentId: "sc-dwepxh-0"
-    })(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  position: relative !important;\n  z-index: 0 !important;\n"], ["\n  position: relative !important;\n  z-index: 0 !important;\n"])));
-    var CarouselNavbar = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__CarouselNavbar",
-      componentId: "sc-dwepxh-1"
-    })(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  -webkit-box-pack: justify !important;\n  -ms-flex-pack: justify !important;\n  -webkit-box-align: center !important;\n  -ms-flex-align: center !important;\n  color: #222222 !important;\n  display: -webkit-box !important;\n  display: -moz-box !important;\n  display: -ms-flexbox !important;\n  display: -webkit-flex !important;\n  display: flex !important;\n  -webkit-align-items: center !important;\n  align-items: center !important;\n  -webkit-justify-content: space-between !important;\n  justify-content: space-between !important;\n  margin-bottom: 16px !important;\n"], ["\n  -webkit-box-pack: justify !important;\n  -ms-flex-pack: justify !important;\n  -webkit-box-align: center !important;\n  -ms-flex-align: center !important;\n  color: #222222 !important;\n  display: -webkit-box !important;\n  display: -moz-box !important;\n  display: -ms-flexbox !important;\n  display: -webkit-flex !important;\n  display: flex !important;\n  -webkit-align-items: center !important;\n  align-items: center !important;\n  -webkit-justify-content: space-between !important;\n  justify-content: space-between !important;\n  margin-bottom: 16px !important;\n"])));
-    var NavbarTitleContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__NavbarTitleContainer",
-      componentId: "sc-dwepxh-2"
-    })(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n  margin-right: 24px !important;\n  width: auto !important;\n"], ["\n  margin-right: 24px !important;\n  width: auto !important;\n"])));
-    /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__NavbarTitle",
-      componentId: "sc-dwepxh-3"
-    })(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n  @media (min-width: 744px) {\n    font-size: 32px !important;\n    line-height: 36px !important;\n    font-weight: 800 !important;\n    text-align: left !important;\n    color: #222222 !important;\n    margin-bottom: 15px !important;\n  }\n  font-size: 22px !important;\n  line-height: 26px !important;\n  font-weight: 600 !important;\n  margin-bottom: 10px !important;\n"], ["\n  @media (min-width: 744px) {\n    font-size: 32px !important;\n    line-height: 36px !important;\n    font-weight: 800 !important;\n    text-align: left !important;\n    color: #222222 !important;\n    margin-bottom: 15px !important;\n  }\n  font-size: 22px !important;\n  line-height: 26px !important;\n  font-weight: 600 !important;\n  margin-bottom: 10px !important;\n"])));
-    var NavbarControlsContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__NavbarControlsContainer",
-      componentId: "sc-dwepxh-4"
-    })(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n"], ["\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n"])));
-    var NavbarControlsQuick = /*#__PURE__*/styled__default["default"].a.withConfig({
-      displayName: "styles__NavbarControlsQuick",
-      componentId: "sc-dwepxh-5"
-    })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  @media (max-width: 744px) {\n    display: none !important;\n  }\n  font-size: inherit !important;\n  font-family: inherit !important;\n  font-style: inherit !important;\n  font-variant: inherit !important;\n  line-height: inherit !important;\n  color: #222222 !important;\n  text-decoration: underline !important;\n  border-radius: 4px !important;\n  font-weight: 600 !important;\n  outline: none !important;\n"], ["\n  @media (max-width: 744px) {\n    display: none !important;\n  }\n  font-size: inherit !important;\n  font-family: inherit !important;\n  font-style: inherit !important;\n  font-variant: inherit !important;\n  line-height: inherit !important;\n  color: #222222 !important;\n  text-decoration: underline !important;\n  border-radius: 4px !important;\n  font-weight: 600 !important;\n  outline: none !important;\n"])));
-    var NavbarControlsSpace = /*#__PURE__*/styled__default["default"].span.withConfig({
-      displayName: "styles__NavbarControlsSpace",
-      componentId: "sc-dwepxh-6"
-    })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: inline-block !important;\n  height: 32px !important;\n  width: 1px !important;\n  margin-right: 16px !important;\n  padding: 0px !important;\n  border: none !important;\n"], ["\n  display: inline-block !important;\n  height: 32px !important;\n  width: 1px !important;\n  margin-right: 16px !important;\n  padding: 0px !important;\n  border: none !important;\n"])));
-    var ArrowsContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__ArrowsContainer",
-      componentId: "sc-dwepxh-7"
-    })(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  -webkit-box-align: center !important;\n  color: rgb(34, 34, 34) !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n"], ["\n  -webkit-box-align: center !important;\n  color: rgb(34, 34, 34) !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n"])));
-    var ArrowsFlex = /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__ArrowsFlex",
-      componentId: "sc-dwepxh-8"
-    })(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  display: -webkit-box !important;\n  display: -moz-box !important;\n  display: -ms-flexbox !important;\n  display: -webkit-flex !important;\n  display: flex !important;\n"], ["\n  display: -webkit-box !important;\n  display: -moz-box !important;\n  display: -ms-flexbox !important;\n  display: -webkit-flex !important;\n  display: flex !important;\n"])));
-    var ArrowsButton = /*#__PURE__*/styled__default["default"](ButtonUnstyled__default["default"]).withConfig({
-      displayName: "styles__ArrowsButton",
-      componentId: "sc-dwepxh-9"
-    })(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  -webkit-box-pack: center !important;\n  -webkit-box-align: center !important;\n  appearance: none !important;\n  display: inline-flex !important;\n  border-radius: 50% !important;\n  border: none !important;\n  outline: none !important;\n  margin: 0px !important;\n  padding: 0px !important;\n  color: rgb(34, 34, 34) !important;\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  position: relative !important;\n  background: transparent !important;\n  transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n    transform 0.25s ease 0s !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  :focus {\n    box-shadow: none !important;\n  }\n  ::before {\n    content: '' !important;\n    display: block !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 32px !important;\n    height: 32px !important;\n    border-radius: 50% !important;\n    background: rgb(255, 255, 255) !important;\n    border: 1px solid rgb(221, 221, 221) !important;\n  }\n  :disabled {\n    opacity: 0.5 !important;\n    cursor: not-allowed !important;\n    color: rgb(221, 221, 221) !important;\n    transform: scale(1) !important;\n  }\n  :hover:not([disabled]) {\n    color: rgb(0, 0, 0) !important;\n    transform: scale(1.04) !important;\n  }\n"], ["\n  -webkit-box-pack: center !important;\n  -webkit-box-align: center !important;\n  appearance: none !important;\n  display: inline-flex !important;\n  border-radius: 50% !important;\n  border: none !important;\n  outline: none !important;\n  margin: 0px !important;\n  padding: 0px !important;\n  color: rgb(34, 34, 34) !important;\n  cursor: pointer !important;\n  touch-action: manipulation !important;\n  position: relative !important;\n  background: transparent !important;\n  transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n    transform 0.25s ease 0s !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  :focus {\n    box-shadow: none !important;\n  }\n  ::before {\n    content: '' !important;\n    display: block !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 32px !important;\n    height: 32px !important;\n    border-radius: 50% !important;\n    background: rgb(255, 255, 255) !important;\n    border: 1px solid rgb(221, 221, 221) !important;\n  }\n  :disabled {\n    opacity: 0.5 !important;\n    cursor: not-allowed !important;\n    color: rgb(221, 221, 221) !important;\n    transform: scale(1) !important;\n  }\n  :hover:not([disabled]) {\n    color: rgb(0, 0, 0) !important;\n    transform: scale(1.04) !important;\n  }\n"])));
-    var ArrowsDivider = /*#__PURE__*/styled__default["default"].span.withConfig({
-      displayName: "styles__ArrowsDivider",
-      componentId: "sc-dwepxh-10"
-    })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin-left: 8px !important;\n"], ["\n  margin-left: 8px !important;\n"])));
-    var ArrowsIconClip = /*#__PURE__*/styled__default["default"].span.withConfig({
-      displayName: "styles__ArrowsIconClip",
-      componentId: "sc-dwepxh-11"
-    })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  border: 0px !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(100%) !important;\n  clip-path: inset(100%) !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  padding: 0px !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n"], ["\n  border: 0px !important;\n  clip: rect(0 0 0 0) !important;\n  -webkit-clip-path: inset(100%) !important;\n  clip-path: inset(100%) !important;\n  height: 1px !important;\n  overflow: hidden !important;\n  padding: 0px !important;\n  position: absolute !important;\n  white-space: nowrap !important;\n  width: 1px !important;\n"])));
-    var ArrowsSvg = /*#__PURE__*/styled__default["default"].svg.withConfig({
-      displayName: "styles__ArrowsSvg",
-      componentId: "sc-dwepxh-12"
-    })(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n"], ["\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n"])));
-    var templateObject_1$3, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
-
-    var CarouselSwiper$2 = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
-      displayName: "styles__CarouselSwiper",
-      componentId: "sc-1ja5jv1-0"
-    })(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject([""], [""])));
-    var templateObject_1$2;
-
-    SwiperCore__default["default"].use([SwiperCore.Navigation]);
-    var CardCarousel = function CardCarousel(_a) {
-      var children = _a.children,
-          navigation = _a.navigation,
-          title = _a.title,
-          controls = _a.controls,
-          onShowMore = _a.onShowMore,
-          props = __rest(_a, ["children", "navigation", "title", "controls", "onShowMore"]);
-
-      var prevRef = React.useRef(null);
-      var nextRef = React.useRef(null);
-      return jsxRuntime.jsxs(CarouselContainer, {
-        children: [navigation && jsxRuntime.jsxs(CarouselNavbar, {
-          children: [title && jsxRuntime.jsx(NavbarTitleContainer, {
-            children: title
-          }, void 0), controls && jsxRuntime.jsxs(NavbarControlsContainer, {
-            children: [onShowMore && jsxRuntime.jsx(NavbarControlsQuick, __assign({
-              onClick: onShowMore
-            }, {
-              children: "Show More"
-            }), void 0), jsxRuntime.jsx(NavbarControlsSpace, {}, void 0), jsxRuntime.jsx(ArrowsContainer, __assign({
-              "aria-hidden": "false"
-            }, {
-              children: jsxRuntime.jsxs(ArrowsFlex, {
-                children: [jsxRuntime.jsx(ArrowsButton, __assign({
-                  ref: prevRef,
-                  "aria-label": "Previous",
-                  type: "button"
-                }, {
-                  children: jsxRuntime.jsxs("span", __assign({
-                    css: "\n                        position: relative;\n                      "
-                  }, {
-                    children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, __assign({
-                      viewBox: "0 0 32 32",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      "aria-hidden": "true",
-                      role: "presentation",
-                      focusable: "false"
-                    }, {
-                      children: jsxRuntime.jsx("g", __assign({
-                        fill: "none"
-                      }, {
-                        children: jsxRuntime.jsx("path", {
-                          d: "m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"
-                        }, void 0)
-                      }), void 0)
-                    }), void 0)]
-                  }), void 0)
-                }), void 0), jsxRuntime.jsx(ArrowsDivider, {}, void 0), jsxRuntime.jsx(ArrowsButton, __assign({
-                  "aria-label": "Next",
-                  type: "button",
-                  ref: nextRef
-                }, {
-                  children: jsxRuntime.jsxs("span", __assign({
-                    css: "\n                        position: relative;\n                      "
-                  }, {
-                    children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, __assign({
-                      viewBox: "0 0 32 32",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      "aria-hidden": "true",
-                      role: "presentation",
-                      focusable: "false"
-                    }, {
-                      children: jsxRuntime.jsx("g", __assign({
-                        fill: "none"
-                      }, {
-                        children: jsxRuntime.jsx("path", {
-                          d: "m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"
-                        }, void 0)
-                      }), void 0)
-                    }), void 0)]
-                  }), void 0)
-                }), void 0)]
-              }, void 0)
-            }), void 0)]
-          }, void 0)]
-        }, void 0), jsxRuntime.jsx(CarouselSwiper$2, __assign({}, props, {
-          onInit: function (swiper) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-            swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-
-            swiper.params.navigation.nextEl = nextRef.current;
-            swiper.navigation.init();
-            swiper.navigation.update(); // console.log("Swiper", swiper);
-          }
-        }, {
-          children: React__default["default"].Children.map(children, function (child) {
-            return jsxRuntime.jsx(react.SwiperSlide, {
-              children: child
-            }, void 0);
-          })
-        }), void 0)]
-      }, void 0);
-    };
-
-    var CarouselSwiper$1 = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
-      displayName: "styles__CarouselSwiper",
-      componentId: "sc-y1spms-0"
-    })(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  .swiper-wrapper {\n    box-sizing: inherit !important;\n    @media (min-width: 744px) {\n      scroll-padding: 40px !important;\n    }\n    @media (min-width: 1128px) {\n      --scroll-padding: max(80px, calc((100vw - 1600px) / 2)) !important;\n      scroll-padding: var(--scroll-padding) !important;\n    }\n    scroll-snap-type: x mandatory !important;\n    overflow-x: auto !important;\n    display: flex !important;\n    scroll-padding: 24px !important;\n\n    .swiper-slide {\n      @media (min-width: 744px) {\n        min-width: 476px !important;\n        max-width: 588px !important;\n        flex: 1 0 calc((100% - 80px) * 0.75) !important;\n      }\n      @media (min-width: 1128px) {\n        flex: 1 0 calc(50% - 88px) !important;\n      }\n\n      margin-left: 16px !important;\n      flex: 1 0 calc(100% - 84px) !important;\n      scroll-snap-align: start !important;\n      scroll-snap-stop: always !important;\n    }\n    .swiper-slide:first-of-type {\n      @media (min-width: 744px) {\n        padding-left: 40px !important;\n        min-width: calc(516px) !important;\n        max-width: calc(628px) !important;\n        flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n      }\n      @media (min-width: 1128px) {\n        max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1620px) / 2) !important;\n      }\n      flex: 1 0 calc(100% - 84px) !important;\n      scroll-snap-align: start !important;\n      scroll-snap-stop: always !important;\n      margin-left: 0px !important;\n      padding-left: 24px !important;\n    }\n    .swiper-slide:last-of-type {\n      @media (min-width: 744px) {\n        padding-right: 40px !important;\n        min-width: calc(516px) !important;\n        max-width: calc(628px) !important;\n        flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n      }\n      @media (min-width: 1128px) {\n        max-width: calc(588px + max(80px, (100vw - 1620px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      margin-left: 16px !important;\n      flex: 1 0 calc(100% - 84px) !important;\n      scroll-snap-align: start !important;\n      scroll-snap-stop: always !important;\n      padding-right: 24px !important;\n    }\n  }\n"], ["\n  .swiper-wrapper {\n    box-sizing: inherit !important;\n    @media (min-width: 744px) {\n      scroll-padding: 40px !important;\n    }\n    @media (min-width: 1128px) {\n      --scroll-padding: max(80px, calc((100vw - 1600px) / 2)) !important;\n      scroll-padding: var(--scroll-padding) !important;\n    }\n    scroll-snap-type: x mandatory !important;\n    overflow-x: auto !important;\n    display: flex !important;\n    scroll-padding: 24px !important;\n\n    .swiper-slide {\n      @media (min-width: 744px) {\n        min-width: 476px !important;\n        max-width: 588px !important;\n        flex: 1 0 calc((100% - 80px) * 0.75) !important;\n      }\n      @media (min-width: 1128px) {\n        flex: 1 0 calc(50% - 88px) !important;\n      }\n\n      margin-left: 16px !important;\n      flex: 1 0 calc(100% - 84px) !important;\n      scroll-snap-align: start !important;\n      scroll-snap-stop: always !important;\n    }\n    .swiper-slide:first-of-type {\n      @media (min-width: 744px) {\n        padding-left: 40px !important;\n        min-width: calc(516px) !important;\n        max-width: calc(628px) !important;\n        flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n      }\n      @media (min-width: 1128px) {\n        max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1620px) / 2) !important;\n      }\n      flex: 1 0 calc(100% - 84px) !important;\n      scroll-snap-align: start !important;\n      scroll-snap-stop: always !important;\n      margin-left: 0px !important;\n      padding-left: 24px !important;\n    }\n    .swiper-slide:last-of-type {\n      @media (min-width: 744px) {\n        padding-right: 40px !important;\n        min-width: calc(516px) !important;\n        max-width: calc(628px) !important;\n        flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n      }\n      @media (min-width: 1128px) {\n        max-width: calc(588px + max(80px, (100vw - 1620px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      margin-left: 16px !important;\n      flex: 1 0 calc(100% - 84px) !important;\n      scroll-snap-align: start !important;\n      scroll-snap-stop: always !important;\n      padding-right: 24px !important;\n    }\n  }\n"])));
-    var templateObject_1$1;
-
-    SwiperCore__default["default"].use([SwiperCore.Navigation]);
-    var FreeCarousel = function FreeCarousel(_a) {
-      var children = _a.children,
-          navigation = _a.navigation,
-          title = _a.title,
-          controls = _a.controls;
-          _a.quickLink;
-          var onShowMore = _a.onShowMore,
-          props = __rest(_a, ["children", "navigation", "title", "controls", "quickLink", "onShowMore"]);
-
-      var prevRef = React.useRef(null);
-      var nextRef = React.useRef(null);
-      return jsxRuntime.jsxs(CarouselContainer, {
-        children: [jsxRuntime.jsx("div", __assign({
-          css: "\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        "
-        }, {
-          children: jsxRuntime.jsx(layout.Container, {
-            children: navigation && jsxRuntime.jsxs(CarouselNavbar, {
-              children: [title && jsxRuntime.jsx(NavbarTitleContainer, {
-                children: title
-              }, void 0), controls && jsxRuntime.jsxs(NavbarControlsContainer, {
-                children: [onShowMore && jsxRuntime.jsx(NavbarControlsQuick, __assign({
-                  onClick: onShowMore
-                }, {
-                  children: "Show More"
-                }), void 0), jsxRuntime.jsx(NavbarControlsSpace, {}, void 0), jsxRuntime.jsx(ArrowsContainer, __assign({
-                  "aria-hidden": "false"
-                }, {
-                  children: jsxRuntime.jsxs(ArrowsFlex, {
-                    children: [jsxRuntime.jsx(ArrowsButton, __assign({
-                      ref: prevRef,
-                      "aria-label": "Previous",
-                      type: "button"
-                    }, {
-                      children: jsxRuntime.jsxs("span", __assign({
-                        css: "\n                            position: relative;\n                          "
-                      }, {
-                        children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, __assign({
-                          viewBox: "0 0 32 32",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          "aria-hidden": "true",
-                          role: "presentation",
-                          focusable: "false"
-                        }, {
-                          children: jsxRuntime.jsx("g", __assign({
-                            fill: "none"
-                          }, {
-                            children: jsxRuntime.jsx("path", {
-                              d: "m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"
-                            }, void 0)
-                          }), void 0)
-                        }), void 0)]
-                      }), void 0)
-                    }), void 0), jsxRuntime.jsx(ArrowsDivider, {}, void 0), jsxRuntime.jsx(ArrowsButton, __assign({
-                      "aria-label": "Next",
-                      type: "button",
-                      ref: nextRef
-                    }, {
-                      children: jsxRuntime.jsxs("span", __assign({
-                        css: "\n                            position: relative;\n                          "
-                      }, {
-                        children: [jsxRuntime.jsx(ArrowsIconClip, {}, void 0), jsxRuntime.jsx(ArrowsSvg, __assign({
-                          viewBox: "0 0 32 32",
-                          xmlns: "http://www.w3.org/2000/svg",
-                          "aria-hidden": "true",
-                          role: "presentation",
-                          focusable: "false"
-                        }, {
-                          children: jsxRuntime.jsx("g", __assign({
-                            fill: "none"
-                          }, {
-                            children: jsxRuntime.jsx("path", {
-                              d: "m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"
-                            }, void 0)
-                          }), void 0)
-                        }), void 0)]
-                      }), void 0)
-                    }), void 0)]
-                  }, void 0)
-                }), void 0)]
-              }, void 0)]
-            }, void 0)
-          }, void 0)
-        }), void 0), jsxRuntime.jsx(CarouselSwiper$1, __assign({}, props, {
-          cssMode: true,
-          onInit: function (swiper) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-            swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-
-            swiper.params.navigation.nextEl = nextRef.current;
-            swiper.navigation.init();
-            swiper.navigation.update(); // console.log("Swiper", swiper);
-          }
-        }, {
-          children: React__default["default"].Children.map(children, function (child) {
-            return jsxRuntime.jsx(react.SwiperSlide, {
-              children: child
-            }, void 0);
-          })
-        }), void 0)]
-      }, void 0);
-    };
-
-    /*#__PURE__*/styled__default["default"].div.withConfig({
-      displayName: "styles__CarouselContainer",
-      componentId: "sc-jtjv4e-0"
-    })(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-    var CarouselSwiper = /*#__PURE__*/styled__default["default"](react.Swiper).withConfig({
-      displayName: "styles__CarouselSwiper",
-      componentId: "sc-jtjv4e-1"
-    })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 100%;\n  .swiper-pagination {\n    .swiper-pagination-bullet-active {\n      background-color: #fff;\n    }\n    .swiper-pagination-bullet-active-next {\n      background-color: #ffffff;\n    }\n    .swiper-pagination-bullet {\n      background-color: #ffffff;\n    }\n  }\n"], ["\n  height: 100%;\n  .swiper-pagination {\n    .swiper-pagination-bullet-active {\n      background-color: #fff;\n    }\n    .swiper-pagination-bullet-active-next {\n      background-color: #ffffff;\n    }\n    .swiper-pagination-bullet {\n      background-color: #ffffff;\n    }\n  }\n"])));
-    var CarouselButton = /*#__PURE__*/styled__default["default"](ButtonUnstyled__default["default"]).withConfig({
-      displayName: "styles__CarouselButton",
-      componentId: "sc-jtjv4e-2"
-    })(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  :hover {\n    border-color: rgba(0, 0, 0, 0.08) !important;\n    background-color: #ffffff !important;\n    color: #000000 !important;\n    box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n      0px 6px 16px rgb(0 0 0 / 12%) !important;\n    -webkit-transform: scale(1.04) !important;\n    -ms-transform: scale(1.04) !important;\n    transform: scale(1.04) !important;\n  }\n\n  -webkit-box-pack: center !important;\n  -ms-flex-pack: center !important;\n  -webkit-box-align: center !important;\n  -ms-flex-align: center !important;\n  -webkit-appearance: none !important;\n  -moz-appearance: none !important;\n  appearance: none !important;\n  display: -webkit-inline-box !important;\n  display: -moz-inline-box !important;\n  display: -ms-inline-flexbox !important;\n  display: -webkit-inline-flex !important;\n  display: inline-flex !important;\n  border-radius: 50% !important;\n  border: 0px !important;\n  outline: none !important;\n  margin: 0px !important;\n  padding: 0px !important;\n  color: #222222 !important;\n  background-color: rgba(255, 255, 255, 0.9) !important;\n  cursor: pointer !important;\n  -ms-touch-action: manipulation !important;\n  touch-action: manipulation !important;\n  -webkit-align-items: center !important;\n  align-items: center !important;\n  -webkit-justify-content: center !important;\n  justify-content: center !important;\n  border-style: solid !important;\n  border-width: 1px !important;\n  background-clip: padding-box !important;\n  border-color: rgba(0, 0, 0, 0.08) !important;\n  box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n    0px 2px 4px rgb(0 0 0 / 18%) !important;\n  -webkit-transition: -webkit-transform 0.25s ease, transform 0.25s ease !important;\n  -moz-transition: transform 0.25s ease !important;\n  transition: -ms-transform 0.25s ease, -webkit-transform 0.25s ease,\n    transform 0.25s ease !important;\n  width: 32px !important;\n  height: 32px !important;\n"], ["\n  :hover {\n    border-color: rgba(0, 0, 0, 0.08) !important;\n    background-color: #ffffff !important;\n    color: #000000 !important;\n    box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n      0px 6px 16px rgb(0 0 0 / 12%) !important;\n    -webkit-transform: scale(1.04) !important;\n    -ms-transform: scale(1.04) !important;\n    transform: scale(1.04) !important;\n  }\n\n  -webkit-box-pack: center !important;\n  -ms-flex-pack: center !important;\n  -webkit-box-align: center !important;\n  -ms-flex-align: center !important;\n  -webkit-appearance: none !important;\n  -moz-appearance: none !important;\n  appearance: none !important;\n  display: -webkit-inline-box !important;\n  display: -moz-inline-box !important;\n  display: -ms-inline-flexbox !important;\n  display: -webkit-inline-flex !important;\n  display: inline-flex !important;\n  border-radius: 50% !important;\n  border: 0px !important;\n  outline: none !important;\n  margin: 0px !important;\n  padding: 0px !important;\n  color: #222222 !important;\n  background-color: rgba(255, 255, 255, 0.9) !important;\n  cursor: pointer !important;\n  -ms-touch-action: manipulation !important;\n  touch-action: manipulation !important;\n  -webkit-align-items: center !important;\n  align-items: center !important;\n  -webkit-justify-content: center !important;\n  justify-content: center !important;\n  border-style: solid !important;\n  border-width: 1px !important;\n  background-clip: padding-box !important;\n  border-color: rgba(0, 0, 0, 0.08) !important;\n  box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n    0px 2px 4px rgb(0 0 0 / 18%) !important;\n  -webkit-transition: -webkit-transform 0.25s ease, transform 0.25s ease !important;\n  -moz-transition: transform 0.25s ease !important;\n  transition: -ms-transform 0.25s ease, -webkit-transform 0.25s ease,\n    transform 0.25s ease !important;\n  width: 32px !important;\n  height: 32px !important;\n"])));
-    var CarouselButtonSvg = /*#__PURE__*/styled__default["default"].svg.withConfig({
-      displayName: "styles__CarouselButtonSvg",
-      componentId: "sc-jtjv4e-3"
-    })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n"], ["\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n"])));
-    var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-
-    SwiperCore__default["default"].use([SwiperCore.Navigation, SwiperCore.Pagination]);
-    var PaginationCarousel = function PaginationCarousel(_a) {
-      var children = _a.children;
-          _a.navigation;
-          _a.title;
-          _a.controls;
-          var props = __rest(_a, ["children", "navigation", "title", "controls"]);
-
-      var prevRef = React.useRef(null);
-      var nextRef = React.useRef(null);
-      return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [jsxRuntime.jsx("div", __assign({
-          css: "\n          @keyframes fadein {\n            0% {\n              opacity: 0;\n            }\n\n            100% {\n              opacity: 1;\n            }\n          }\n          position: absolute !important;\n          top: 50% !important;\n          pointer-events: auto !important;\n          transform: translateY(-50%) !important;\n          left: 8px !important;\n          animation-duration: 0.3s !important;\n          animation-name: fadein !important;\n          z-index: 180 !important;\n          opacity: 0 !important;\n          :hover {\n            opacity: 1 !important;\n          }\n        "
-        }, {
-          children: jsxRuntime.jsx(CarouselButton, __assign({
-            ref: prevRef
-          }, {
-            children: jsxRuntime.jsx("span", __assign({
-              css: "\n              position: relative !important;\n            "
-            }, {
-              children: jsxRuntime.jsx(CarouselButtonSvg, __assign({
-                viewBox: "0 0 16 16",
-                role: "presentation",
-                "aria-hidden": "true",
-                focusable: "false"
-              }, {
-                children: jsxRuntime.jsx("path", {
-                  d: "m10.8 16c-.4 0-.7-.1-.9-.4l-6.8-6.7c-.5-.5-.5-1.3 0-1.8l6.8-6.7c.5-.5 1.2-.5 1.7 0s .5 1.2 0 1.7l-5.8 5.9 5.8 5.9c.5.5.5 1.2 0 1.7-.2.3-.5.4-.8.4"
-                }, void 0)
-              }), void 0)
-            }), void 0)
-          }), void 0)
-        }), void 0), jsxRuntime.jsx("div", __assign({
-          css: "\n          @keyframes fadein {\n            0% {\n              opacity: 0;\n            }\n\n            100% {\n              opacity: 1;\n            }\n          }\n          position: absolute !important;\n          top: 50% !important;\n          pointer-events: auto !important;\n          transform: translateY(-50%) !important;\n          right: 8px !important;\n          animation-duration: 0.3s !important;\n          animation-name: fadein !important;\n          z-index: 180 !important;\n          opacity: 0 !important;\n          :hover {\n            opacity: 1 !important;\n          }\n        "
-        }, {
-          children: jsxRuntime.jsx(CarouselButton, __assign({
-            ref: nextRef
-          }, {
-            children: jsxRuntime.jsx("span", __assign({
-              css: "\n              position: relative !important;\n            "
-            }, {
-              children: jsxRuntime.jsx(CarouselButtonSvg, __assign({
-                viewBox: "0 0 16 16",
-                role: "presentation",
-                "aria-hidden": "true",
-                focusable: "false"
-              }, {
-                children: jsxRuntime.jsx("path", {
-                  d: "m5.3 16c .3 0 .6-.1.8-.4l6.8-6.7c.5-.5.5-1.3 0-1.8l-6.8-6.7c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l5.8 5.9-5.8 5.9c-.5.5-.5 1.2 0 1.7.2.3.5.4.9.4"
-                }, void 0)
-              }), void 0)
-            }), void 0)
-          }), void 0)
-        }), void 0), jsxRuntime.jsx(CarouselSwiper, __assign({}, props, {
-          pagination: {
-            dynamicBullets: true
-          },
-          onInit: function (swiper) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-            swiper.params.navigation.prevEl = prevRef.current; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            // eslint-disable-next-line no-param-reassign
-
-            swiper.params.navigation.nextEl = nextRef.current;
-            swiper.navigation.init();
-            swiper.navigation.update(); // console.log("Swiper", swiper);
-          }
-        }, {
-          children: React__default["default"].Children.map(children, function (child) {
-            return jsxRuntime.jsx(react.SwiperSlide, {
-              children: child
-            }, void 0);
-          })
-        }), void 0)]
-      }, void 0);
-    };
-
-    exports.ButtonsCarousel = ButtonsCarousel;
-    exports.CardCarousel = CardCarousel;
-    exports.FreeCarousel = FreeCarousel;
-    exports.PaginationCarousel = PaginationCarousel;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));

package/lib/buttons/index.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const ButtonsCarousel: React.FC<any>;

package/lib/buttons/styles/index.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Swiper } from 'swiper/react';
-export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CarouselSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<Swiper>, any, {}, never>;
-export declare const CarouselButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CarouselButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps & Omit<any, keyof import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps> & {
-    component?: import("react").ElementType<any> | undefined;
-}, string | number | symbol> & import("react").RefAttributes<any>>, any, any, never>;

package/lib/card/styles/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { Swiper } from 'swiper/react';
-export declare const CarouselSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<Swiper>, any, {}, never>;