@fox-dls/carousels 1.0.9 → 1.1.4

package/.ultra.cache.json

@@ -1 +1 @@
-{"files":{"dist":"1638907632229.8943","node_modules":"1638907547162.98",".babelrc":"f03d0ca709d39fade7fd0a5ff24f9384b515b5b6",".eslintrc.json":"6a0edde9387ee5887d1e599f7a99f09362754acd","CHANGELOG.md":"938ca134a8f27f19d16eafbc8064d38ea166b934","README.md":"87a167329bff7478ccaa650e3d382475d8115cb1","package.json":"8512485560e1085b1d0365303d0dfa2ffc86681a.1638871188122.1018","src/index.ts":"1666f11be8aaf18be8a632f73ad0e73d407aae26.1638906452034.82","src/lib/card/index.tsx":"52c971cf55cfeb66bdb2f5be883f9a3a2fb62a37","src/lib/card/styles/index.tsx":"0e2c3284b69f0e5c3eabfcbaac81864ff10e5969","src/lib/free/index.tsx":"31d5d59052261c935edb986a1817ee7f273bbbd4","src/lib/free/styles/index.tsx":"5265cb7c9d6bf16b5b09c82bbac9d6aa8d32d798","src/lib/pagination/index.tsx":"561112dbc7d2eeb6e18037ca090a81a6dbe7ac07","src/lib/pagination/styles/index.tsx":"457b030d259318e0431b4d585406078e7ee4faab","src/lib/pills/index.tsx":"c472c9de1791a116bd7e5c1dbe650c3256f6128a","src/lib/pills/styles/index.tsx":"5b249d5b210dd9e81edff8a3412d4b7b9e2ad9a2","src/lib/styles/index.tsx":"276419cd5a78d7b7e027c6f2dc459ea3e81bb85d","tsconfig.build.json":"269572b997c81ac83266026b6b5a2c8699709823.1638868730151.85","tsconfig.json":"af31a7a31827eeec44ed853b8c3000c67f639047.del"},"deps":{"@fox-dls/layout":1638907621634.5354}}
+{"files":{"dist":"1638921588019.9543","node_modules":"1638911966002.3093",".babelrc":"f03d0ca709d39fade7fd0a5ff24f9384b515b5b6",".eslintrc.json":"6a0edde9387ee5887d1e599f7a99f09362754acd","CHANGELOG.md":"938ca134a8f27f19d16eafbc8064d38ea166b934","README.md":"87a167329bff7478ccaa650e3d382475d8115cb1","package.json":"8512485560e1085b1d0365303d0dfa2ffc86681a.1638921464365.125","src/index.ts":"1666f11be8aaf18be8a632f73ad0e73d407aae26.1638920053704.4468","src/lib/card/index.tsx":"52c971cf55cfeb66bdb2f5be883f9a3a2fb62a37","src/lib/card/styles/index.tsx":"0e2c3284b69f0e5c3eabfcbaac81864ff10e5969","src/lib/free/index.tsx":"31d5d59052261c935edb986a1817ee7f273bbbd4","src/lib/free/styles/index.tsx":"5265cb7c9d6bf16b5b09c82bbac9d6aa8d32d798","src/lib/pagination/index.tsx":"561112dbc7d2eeb6e18037ca090a81a6dbe7ac07","src/lib/pagination/styles/index.tsx":"457b030d259318e0431b4d585406078e7ee4faab","src/lib/pills/index.tsx":"c472c9de1791a116bd7e5c1dbe650c3256f6128a","src/lib/pills/styles/index.tsx":"5b249d5b210dd9e81edff8a3412d4b7b9e2ad9a2","src/lib/styles/index.tsx":"276419cd5a78d7b7e027c6f2dc459ea3e81bb85d","tsconfig.build.json":"269572b997c81ac83266026b6b5a2c8699709823.1638868730151.85","tsconfig.json":"af31a7a31827eeec44ed853b8c3000c67f639047.del"},"deps":{"@fox-dls/layout":1638911545138.9343}}

package/dist/carousels.cjs.development.js

@@ -10,7 +10,7 @@ var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
 var SwiperCore = require('swiper');
 var SwiperCore__default = _interopDefault(SwiperCore);
-var react = require('swiper/react');
+var swiperReact = require('swiper/react/swiper-react');
 var ButtonUnstyled = _interopDefault(require('@mui/core/ButtonUnstyled'));
 var layout = require('@fox-dls/layout');
 
@@ -56,7 +56,7 @@ function _taggedTemplateLiteralLoose(strings, raw) {
   return strings;
 }
 
-var CarouselSwiper = /*#__PURE__*/styled__default(react.Swiper).withConfig({
+var CarouselSwiper = /*#__PURE__*/styled__default(swiperReact.Swiper).withConfig({
   displayName: "styles__CarouselSwiper",
   componentId: "sc-1sue7gh-1"
 })(["margin:0px !important;.swiper-wrapper{.swiper-slide{scroll-snap-align:start !important;width:auto !important;}}"]);
@@ -148,7 +148,7 @@ var PillsCarousel = function PillsCarousel(_ref) {
       });
     }
   }), React__default.Children.map(children, function (child) {
-    return /*#__PURE__*/React__default.createElement(react.SwiperSlide, null, /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement(swiperReact.SwiperSlide, null, /*#__PURE__*/React__default.createElement("div", {
       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              "
     }, child));
   })), /*#__PURE__*/React__default.createElement("div", {
@@ -226,7 +226,7 @@ var ArrowsSvg = /*#__PURE__*/styled__default.svg.withConfig({
   componentId: "sc-dwepxh-12"
 })(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible;"]);
 
-var CarouselSwiper$1 = /*#__PURE__*/styled__default(react.Swiper).withConfig({
+var CarouselSwiper$1 = /*#__PURE__*/styled__default(swiperReact.Swiper).withConfig({
   displayName: "styles__CarouselSwiper",
   componentId: "sc-1ja5jv1-0"
 })([""]);
@@ -293,11 +293,11 @@ var CardCarousel = function CardCarousel(_ref) {
       swiper.navigation.update(); // console.log("Swiper", swiper);
     }
   }), React__default.Children.map(children, function (child) {
-    return /*#__PURE__*/React__default.createElement(react.SwiperSlide, null, child);
+    return /*#__PURE__*/React__default.createElement(swiperReact.SwiperSlide, null, child);
   })));
 };
 
-var CarouselSwiper$2 = /*#__PURE__*/styled__default(react.Swiper).withConfig({
+var CarouselSwiper$2 = /*#__PURE__*/styled__default(swiperReact.Swiper).withConfig({
   displayName: "styles__CarouselSwiper",
   componentId: "sc-y1spms-0"
 })([".swiper-wrapper{box-sizing:inherit !important;@media (min-width:744px){scroll-padding:40px !important;}@media (min-width:1128px){--scroll-padding:max(80px,calc((100vw - 1600px) / 2)) !important;scroll-padding:var(--scroll-padding) !important;}scroll-snap-type:x mandatory !important;overflow-x:auto !important;display:flex !important;scroll-padding:24px !important;.swiper-slide{@media (min-width:744px){min-width:476px !important;max-width:588px !important;flex:1 0 calc((100% - 80px) * 0.75) !important;}@media (min-width:1128px){flex:1 0 calc(50% - 88px) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;}.swiper-slide:first-of-type{@media (min-width:744px){padding-left:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1930px) / 2) !important;}flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;margin-left:0px !important;padding-left:24px !important;}.swiper-slide:last-of-type{@media (min-width:744px){padding-right:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1930px) / 2) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;padding-right:24px !important;}}"]);
@@ -367,11 +367,11 @@ var FreeCarousel = function FreeCarousel(_ref) {
       swiper.navigation.update(); // console.log("Swiper", swiper);
     }
   }), React__default.Children.map(children, function (child) {
-    return /*#__PURE__*/React__default.createElement(react.SwiperSlide, null, child);
+    return /*#__PURE__*/React__default.createElement(swiperReact.SwiperSlide, null, child);
   })));
 };
 
-var CarouselSwiper$3 = /*#__PURE__*/styled__default(react.Swiper).withConfig({
+var CarouselSwiper$3 = /*#__PURE__*/styled__default(swiperReact.Swiper).withConfig({
   displayName: "styles__CarouselSwiper",
   componentId: "sc-jtjv4e-1"
 })(["height:100%;.swiper-pagination{.swiper-pagination-bullet-active{background-color:#fff;}.swiper-pagination-bullet-active-next{background-color:#ffffff;}.swiper-pagination-bullet{background-color:#ffffff;}}"]);
@@ -435,7 +435,7 @@ var PaginationCarousel = function PaginationCarousel(_ref) {
       swiper.navigation.update(); // console.log("Swiper", swiper);
     }
   }), React__default.Children.map(children, function (child) {
-    return /*#__PURE__*/React__default.cloneElement( /*#__PURE__*/React__default.createElement(react.SwiperSlide, null, child), _extends({}, props));
+    return /*#__PURE__*/React__default.cloneElement( /*#__PURE__*/React__default.createElement(swiperReact.SwiperSlide, null, child), _extends({}, props));
   })));
 };
 

package/dist/carousels.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousels.cjs.development.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n`;\n\nexport const CarouselPillContainer = styled.div`\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  arrows,\n  ...props\n}) => {\n  const prevRef = useRef<any>(null);\n  const nextRef = useRef<any>(null);\n  const [swiperSlides, setSwiperSlides] = useState<any>({\n    progress: 0,\n    isBeginning: true,\n    isEnd: false\n  });\n  const [swiper, setSwiper] = useState<any>(null);\n  return (\n    <div\n      css={`\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      `}\n    >\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              left={+true}\n              ref={prevRef}\n              aria-label=\"Previous\"\n              type=\"button\"\n              onClick={() => swiper.slidePrev()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n\n      <CarouselSwiper\n        {...props}\n        cssMode={false}\n        slidesPerView=\"auto\"\n        onInit={(swiper: any) => {\n          setSwiper(swiper);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n          // console.log(\"Swiper\", swiper);\n        }}\n        onSlideChange={swiper => {\n          // console.log(\"Swiper Change\", swiper);\n\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>\n            <div\n              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              `}\n            >\n              {child}\n            </div>\n          </SwiperSlide>\n        ))}\n      </CarouselSwiper>\n\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              right={+true}\n              aria-label=\"Next\"\n              type=\"button\"\n              ref={nextRef}\n              onClick={() => swiper.slideNext()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n    </div>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n  position: relative !important;\n  z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\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\nexport const NavbarTitleContainer = styled.div`\n  margin-right: 24px !important;\n  width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\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\nexport const NavbarControlsContainer = styled.div`\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\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\nexport const NavbarControlsSpace = styled.span`\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\nexport const ArrowsContainer = styled.div`\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\nexport const ArrowsFlex = styled.div`\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\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\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\nexport const ArrowsDivider = styled.span`\n  margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\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\nexport const ArrowsSvg = styled.svg`\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      {navigation && (\n        <CarouselNavbar>\n          {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n          {controls && (\n            <NavbarControlsContainer>\n              {onShowMore && (\n                <NavbarControlsQuick onClick={onShowMore}>\n                  Show More\n                </NavbarControlsQuick>\n              )}\n              <NavbarControlsSpace />\n              <ArrowsContainer aria-hidden=\"false\">\n                <ArrowsFlex>\n                  <ArrowsButton\n                    ref={prevRef}\n                    aria-label=\"Previous\"\n                    type=\"button\"\n                  >\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                  <ArrowsDivider />\n                  <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                </ArrowsFlex>\n              </ArrowsContainer>\n            </NavbarControlsContainer>\n          )}\n        </CarouselNavbar>\n      )}\n      <CarouselSwiper\n        {...props}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\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    .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      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 - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1930px) / 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 - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1930px) / 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","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  quickLink,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      <div\n        css={`\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        `}\n      >\n        <Container>\n          {navigation && (\n            <CarouselNavbar>\n              {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n              {controls && (\n                <NavbarControlsContainer>\n                  {onShowMore && (\n                    <NavbarControlsQuick onClick={onShowMore}>\n                      Show More\n                    </NavbarControlsQuick>\n                  )}\n                  <NavbarControlsSpace />\n                  <ArrowsContainer aria-hidden=\"false\">\n                    <ArrowsFlex>\n                      <ArrowsButton\n                        ref={prevRef}\n                        aria-label=\"Previous\"\n                        type=\"button\"\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                      <ArrowsDivider />\n                      <ArrowsButton\n                        aria-label=\"Next\"\n                        type=\"button\"\n                        ref={nextRef}\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                    </ArrowsFlex>\n                  </ArrowsContainer>\n                </NavbarControlsContainer>\n              )}\n            </CarouselNavbar>\n          )}\n        </Container>\n      </div>\n      <CarouselSwiper\n        {...props}\n        cssMode\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\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\nexport const CarouselPill = styled(ButtonUnstyled)`\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\nexport const CarouselPillSvg = styled.svg`\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={prevRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={nextRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <CarouselSwiper\n        {...props}\n        pagination={{\n          dynamicBullets: true\n        }}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child =>\n          React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n            ...props\n          })\n        )}\n      </CarouselSwiper>\n    </>\n  );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","navigation","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","css","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","quickLink","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
+{"version":3,"file":"carousels.cjs.development.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n`;\n\nexport const CarouselPillContainer = styled.div`\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  arrows,\n  ...props\n}) => {\n  const prevRef = useRef<any>(null);\n  const nextRef = useRef<any>(null);\n  const [swiperSlides, setSwiperSlides] = useState<any>({\n    progress: 0,\n    isBeginning: true,\n    isEnd: false\n  });\n  const [swiper, setSwiper] = useState<any>(null);\n  return (\n    <div\n      css={`\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      `}\n    >\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              left={+true}\n              ref={prevRef}\n              aria-label=\"Previous\"\n              type=\"button\"\n              onClick={() => swiper.slidePrev()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n\n      <CarouselSwiper\n        {...props}\n        cssMode={false}\n        slidesPerView=\"auto\"\n        onInit={(swiper: any) => {\n          setSwiper(swiper);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n          // console.log(\"Swiper\", swiper);\n        }}\n        onSlideChange={swiper => {\n          // console.log(\"Swiper Change\", swiper);\n\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>\n            <div\n              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              `}\n            >\n              {child}\n            </div>\n          </SwiperSlide>\n        ))}\n      </CarouselSwiper>\n\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              right={+true}\n              aria-label=\"Next\"\n              type=\"button\"\n              ref={nextRef}\n              onClick={() => swiper.slideNext()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n    </div>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n  position: relative !important;\n  z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\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\nexport const NavbarTitleContainer = styled.div`\n  margin-right: 24px !important;\n  width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\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\nexport const NavbarControlsContainer = styled.div`\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\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\nexport const NavbarControlsSpace = styled.span`\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\nexport const ArrowsContainer = styled.div`\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\nexport const ArrowsFlex = styled.div`\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\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\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\nexport const ArrowsDivider = styled.span`\n  margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\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\nexport const ArrowsSvg = styled.svg`\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      {navigation && (\n        <CarouselNavbar>\n          {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n          {controls && (\n            <NavbarControlsContainer>\n              {onShowMore && (\n                <NavbarControlsQuick onClick={onShowMore}>\n                  Show More\n                </NavbarControlsQuick>\n              )}\n              <NavbarControlsSpace />\n              <ArrowsContainer aria-hidden=\"false\">\n                <ArrowsFlex>\n                  <ArrowsButton\n                    ref={prevRef}\n                    aria-label=\"Previous\"\n                    type=\"button\"\n                  >\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                  <ArrowsDivider />\n                  <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                </ArrowsFlex>\n              </ArrowsContainer>\n            </NavbarControlsContainer>\n          )}\n        </CarouselNavbar>\n      )}\n      <CarouselSwiper\n        {...props}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselSwiper = styled(Swiper)`\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    .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      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 - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1930px) / 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 - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1930px) / 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","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  quickLink,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      <div\n        css={`\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        `}\n      >\n        <Container>\n          {navigation && (\n            <CarouselNavbar>\n              {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n              {controls && (\n                <NavbarControlsContainer>\n                  {onShowMore && (\n                    <NavbarControlsQuick onClick={onShowMore}>\n                      Show More\n                    </NavbarControlsQuick>\n                  )}\n                  <NavbarControlsSpace />\n                  <ArrowsContainer aria-hidden=\"false\">\n                    <ArrowsFlex>\n                      <ArrowsButton\n                        ref={prevRef}\n                        aria-label=\"Previous\"\n                        type=\"button\"\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                      <ArrowsDivider />\n                      <ArrowsButton\n                        aria-label=\"Next\"\n                        type=\"button\"\n                        ref={nextRef}\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                    </ArrowsFlex>\n                  </ArrowsContainer>\n                </NavbarControlsContainer>\n              )}\n            </CarouselNavbar>\n          )}\n        </Container>\n      </div>\n      <CarouselSwiper\n        {...props}\n        cssMode\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\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\nexport const CarouselPill = styled(ButtonUnstyled)`\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\nexport const CarouselPillSvg = styled.svg`\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={prevRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={nextRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <CarouselSwiper\n        {...props}\n        pagination={{\n          dynamicBullets: true\n        }}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child =>\n          React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n            ...props\n          })\n        )}\n      </CarouselSwiper>\n    </>\n  );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","navigation","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","css","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","quickLink","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}

package/dist/carousels.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=t(n),i=require("styled-components"),a=t(i),r=require("swiper"),o=t(r),p=require("swiper/react"),l=t(require("@mui/core/ButtonUnstyled")),s=require("@fox-dls/layout");function m(){return(m=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t}).apply(this,arguments)}function c(t,n){if(null==t)return{};var e,i,a={},r=Object.keys(t);for(i=0;i<r.length;i++)n.indexOf(e=r[i])>=0||(a[e]=t[e]);return a}function d(t,n){return n||(n=t.slice(0)),t.raw=n,t}var x,u,g=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1sue7gh-1"})(["margin:0px !important;.swiper-wrapper{.swiper-slide{scroll-snap-align:start !important;width:auto !important;}}"]),f=a.div.withConfig({displayName:"styles__CarouselPillContainer",componentId:"sc-1sue7gh-2"})(["display:inline-block !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]),w=a(l).withConfig({displayName:"styles__CarouselPill",componentId:"sc-1sue7gh-3"})(["-webkit-box-pack:center !important;-webkit-box-align:center !important;appearance:none !important;display:inline-flex !important;border-radius:50% !important;border:1px solid rgb(221,221,221) !important;outline:none !important;margin:0px !important;padding:0px !important;color:rgb(34,34,34) !important;cursor:pointer !important;touch-action:manipulation !important;position:relative !important;background:transparent !important;transition:-ms-transform 0.25s ease 0s,-webkit-transform 0.25s ease 0s,transform 0.25s ease 0s !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;::before{content:'' !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:36px !important;height:36px !important;border-radius:50% !important;border:1px solid rgb(221,221,221) !important;}"]),h=["children","navigation","title","controls","arrows"];o.use([r.Navigation]);var b=a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"sc-dwepxh-0"})(["position:relative !important;z-index:0 !important;"]),v=a.div.withConfig({displayName:"styles__CarouselNavbar",componentId:"sc-dwepxh-1"})(["-webkit-box-pack:justify !important;-ms-flex-pack:justify !important;-webkit-box-align:center !important;-ms-flex-align:center !important;color:#222222 !important;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-align-items:center !important;align-items:center !important;-webkit-justify-content:space-between !important;justify-content:space-between !important;margin-bottom:16px !important;"]),y=a.div.withConfig({displayName:"styles__NavbarTitleContainer",componentId:"sc-dwepxh-2"})(["margin-right:24px !important;width:auto !important;"]),E=a.div.withConfig({displayName:"styles__NavbarControlsContainer",componentId:"sc-dwepxh-4"})(["display:flex !important;align-items:center !important;margin-left:auto !important;"]),k=a.a.withConfig({displayName:"styles__NavbarControlsQuick",componentId:"sc-dwepxh-5"})(["@media (max-width:744px){display:none !important;}font-size:inherit !important;font-family:inherit !important;font-style:inherit !important;font-variant:inherit !important;line-height:inherit !important;color:#222222 !important;text-decoration:underline !important;border-radius:4px !important;font-weight:600 !important;outline:none !important;"]),C=a.span.withConfig({displayName:"styles__NavbarControlsSpace",componentId:"sc-dwepxh-6"})(["display:inline-block !important;height:32px !important;width:1px !important;margin-right:16px !important;padding:0px !important;border:none !important;"]),_=a.div.withConfig({displayName:"styles__ArrowsContainer",componentId:"sc-dwepxh-7"})(["-webkit-box-align:center !important;color:rgb(34,34,34) !important;display:flex !important;align-items:center !important;margin-left:auto !important;"]),N=a.div.withConfig({displayName:"styles__ArrowsFlex",componentId:"sc-dwepxh-8"})(["display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;"]),S=a(l).withConfig({displayName:"styles__ArrowsButton",componentId:"sc-dwepxh-9"})(["-webkit-box-pack:center !important;-webkit-box-align:center !important;appearance:none !important;display:inline-flex !important;border-radius:50% !important;border:none !important;outline:none !important;margin:0px !important;padding:0px !important;color:rgb(34,34,34) !important;cursor:pointer !important;touch-action:manipulation !important;position:relative !important;background:transparent !important;transition:-ms-transform 0.25s ease 0s,-webkit-transform 0.25s ease 0s,transform 0.25s ease 0s !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;:focus{box-shadow:none !important;}::before{content:'' !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgb(255,255,255) !important;border:1px solid rgb(221,221,221) !important;}:disabled{opacity:0.5 !important;cursor:not-allowed !important;color:rgb(221,221,221) !important;transform:scale(1) !important;}:hover:not([disabled]){color:rgb(0,0,0) !important;transform:scale(1.04) !important;}"]),j=a.span.withConfig({displayName:"styles__ArrowsDivider",componentId:"sc-dwepxh-10"})(["margin-left:8px !important;"]),I=a.span.withConfig({displayName:"styles__ArrowsIconClip",componentId:"sc-dwepxh-11"})(["border:0px !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;height:1px !important;overflow:hidden !important;padding:0px !important;position:absolute !important;white-space:nowrap !important;width:1px !important;"]),B=a.svg.withConfig({displayName:"styles__ArrowsSvg",componentId:"sc-dwepxh-12"})(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible;"]),P=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1ja5jv1-0"})([""]),z=["children","navigation","title","controls","onShowMore"];o.use([r.Navigation]);var O=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-y1spms-0"})([".swiper-wrapper{box-sizing:inherit !important;@media (min-width:744px){scroll-padding:40px !important;}@media (min-width:1128px){--scroll-padding:max(80px,calc((100vw - 1600px) / 2)) !important;scroll-padding:var(--scroll-padding) !important;}scroll-snap-type:x mandatory !important;overflow-x:auto !important;display:flex !important;scroll-padding:24px !important;.swiper-slide{@media (min-width:744px){min-width:476px !important;max-width:588px !important;flex:1 0 calc((100% - 80px) * 0.75) !important;}@media (min-width:1128px){flex:1 0 calc(50% - 88px) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;}.swiper-slide:first-of-type{@media (min-width:744px){padding-left:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1930px) / 2) !important;}flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;margin-left:0px !important;padding-left:24px !important;}.swiper-slide:last-of-type{@media (min-width:744px){padding-right:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1930px) / 2) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;padding-right:24px !important;}}"]),M=["children","navigation","title","controls","quickLink","onShowMore"];o.use([r.Navigation]);var R=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-jtjv4e-1"})(["height:100%;.swiper-pagination{.swiper-pagination-bullet-active{background-color:#fff;}.swiper-pagination-bullet-active-next{background-color:#ffffff;}.swiper-pagination-bullet{background-color:#ffffff;}}"]),q=a(l).withConfig({displayName:"styles__CarouselPill",componentId:"sc-jtjv4e-2"})([":hover{border-color:rgba(0,0,0,0.08) !important;background-color:#ffffff !important;color:#000000 !important;box-shadow:0px 0px 0px 1px transparent,0px 0px 0px 4px transparent,0px 6px 16px rgb(0 0 0 / 12%) !important;-webkit-transform:scale(1.04) !important;-ms-transform:scale(1.04) !important;transform:scale(1.04) !important;}-webkit-box-pack:center !important;-ms-flex-pack:center !important;-webkit-box-align:center !important;-ms-flex-align:center !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;display:-webkit-inline-box !important;display:-moz-inline-box !important;display:-ms-inline-flexbox !important;display:-webkit-inline-flex !important;display:inline-flex !important;border-radius:50% !important;border:0px !important;outline:none !important;margin:0px !important;padding:0px !important;color:#222222 !important;background-color:rgba(255,255,255,0.9) !important;cursor:pointer !important;-ms-touch-action:manipulation !important;touch-action:manipulation !important;-webkit-align-items:center !important;align-items:center !important;-webkit-justify-content:center !important;justify-content:center !important;border-style:solid !important;border-width:1px !important;background-clip:padding-box !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0px 0px 0px 1px transparent,0px 0px 0px 4px transparent,0px 2px 4px rgb(0 0 0 / 18%) !important;-webkit-transition:-webkit-transform 0.25s ease,transform 0.25s ease !important;-moz-transition:transform 0.25s ease !important;transition:-ms-transform 0.25s ease,-webkit-transform 0.25s ease,transform 0.25s ease !important;width:32px !important;height:32px !important;"]),A=a.svg.withConfig({displayName:"styles__CarouselPillSvg",componentId:"sc-jtjv4e-3"})(["height:10px;width:10px;display:block;fill:currentcolor;"]),F=["children","navigation","title","controls"];o.use([r.Navigation,r.Pagination]),exports.CardCarousel=function(t){var i=t.children,a=t.navigation,r=t.title,o=t.controls,l=t.onShowMore,s=c(t,z),m=n.useRef(null),d=n.useRef(null);return e.createElement(b,null,a&&e.createElement(v,null,r&&e.createElement(y,null,r),o&&e.createElement(E,null,l&&e.createElement(k,{onClick:l},"Show More"),e.createElement(C,null),e.createElement(_,{"aria-hidden":"false"},e.createElement(N,null,e.createElement(S,{ref:m,"aria-label":"Previous",type:"button"},e.createElement("span",{css:"\n                        position: relative;\n                      "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),e.createElement(j,null),e.createElement(S,{"aria-label":"Next",type:"button",ref:d},e.createElement("span",{css:"\n                        position: relative;\n                      "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))),e.createElement(P,Object.assign({},s,{onInit:function(t){t.params.navigation.prevEl=m.current,t.params.navigation.nextEl=d.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.createElement(p.SwiperSlide,null,t)}))))},exports.FreeCarousel=function(t){var i=t.children,a=t.navigation,r=t.title,o=t.controls,l=t.onShowMore,m=c(t,M),d=n.useRef(null),x=n.useRef(null);return e.createElement(b,null,e.createElement("div",{css:"\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        "},e.createElement(s.Container,null,a&&e.createElement(v,null,r&&e.createElement(y,null,r),o&&e.createElement(E,null,l&&e.createElement(k,{onClick:l},"Show More"),e.createElement(C,null),e.createElement(_,{"aria-hidden":"false"},e.createElement(N,null,e.createElement(S,{ref:d,"aria-label":"Previous",type:"button"},e.createElement("span",{css:"\n                            position: relative;\n                          "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),e.createElement(j,null),e.createElement(S,{"aria-label":"Next",type:"button",ref:x},e.createElement("span",{css:"\n                            position: relative;\n                          "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))))),e.createElement(O,Object.assign({},m,{cssMode:!0,onInit:function(t){t.params.navigation.prevEl=d.current,t.params.navigation.nextEl=x.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.createElement(p.SwiperSlide,null,t)}))))},exports.PaginationCarousel=function(t){var i=t.children,a=c(t,F),r=n.useRef(null),o=n.useRef(null);return e.createElement(e.Fragment,null,e.createElement("div",{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        "},e.createElement(q,{ref:r},e.createElement("span",{css:"\n              position: relative !important;\n            "},e.createElement(A,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},e.createElement("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"}))))),e.createElement("div",{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        "},e.createElement(q,{ref:o},e.createElement("span",{css:"\n              position: relative !important;\n            "},e.createElement(A,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},e.createElement("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"}))))),e.createElement(R,Object.assign({},a,{pagination:{dynamicBullets:!0},onInit:function(t){t.params.navigation.prevEl=r.current,t.params.navigation.nextEl=o.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.cloneElement(e.createElement(p.SwiperSlide,null,t),m({},a))}))))},exports.PillsCarousel=function(t){var a=t.children,r=t.arrows,o=c(t,h),l=n.useRef(null),s=n.useRef(null),m=n.useState({progress:0,isBeginning:!0,isEnd:!1}),b=m[0],v=m[1],y=n.useState(null),E=y[0],k=y[1];return e.createElement("div",{css:"\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      "},e.createElement("div",{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          "+(b.isBeginning&&i.css(x||(x=d(["\n            display: none !important;\n            visibility: hidden !important;\n          "]))))+"\n        "},r&&e.createElement(f,null,e.createElement(w,{left:1,ref:l,"aria-label":"Previous",type:"button",onClick:function(){return E.slidePrev()}},e.createElement("span",{css:"\n                  position: relative !important;\n                "},e.createElement("svg",{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                  "},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))))),e.createElement(g,Object.assign({},o,{cssMode:!1,slidesPerView:"auto",onInit:function(t){k(t),t.params.navigation.prevEl=l.current,t.params.navigation.nextEl=s.current,t.navigation.init(),t.navigation.update(),v({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})},onSlideChange:function(t){v({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})}}),e.Children.map(a,(function(t){return e.createElement(p.SwiperSlide,null,e.createElement("div",{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              "},t))}))),e.createElement("div",{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          "+(b.isEnd&&i.css(u||(u=d(["\n            display: none !important;\n            visibility: hidden !important;\n          "]))))+"\n        "},r&&e.createElement(f,null,e.createElement(w,{right:1,"aria-label":"Next",type:"button",ref:s,onClick:function(){return E.slideNext()}},e.createElement("span",{css:"\n                  position: relative !important;\n                "},e.createElement("svg",{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                  "},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))};
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var n=require("react"),e=t(n),i=require("styled-components"),a=t(i),r=require("swiper"),o=t(r),p=require("swiper/react/swiper-react"),l=t(require("@mui/core/ButtonUnstyled")),s=require("@fox-dls/layout");function m(){return(m=Object.assign||function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t}).apply(this,arguments)}function c(t,n){if(null==t)return{};var e,i,a={},r=Object.keys(t);for(i=0;i<r.length;i++)n.indexOf(e=r[i])>=0||(a[e]=t[e]);return a}function d(t,n){return n||(n=t.slice(0)),t.raw=n,t}var x,u,g=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1sue7gh-1"})(["margin:0px !important;.swiper-wrapper{.swiper-slide{scroll-snap-align:start !important;width:auto !important;}}"]),f=a.div.withConfig({displayName:"styles__CarouselPillContainer",componentId:"sc-1sue7gh-2"})(["display:inline-block !important;padding-right:8px !important;padding-top:4px !important;padding-bottom:4px !important;"]),w=a(l).withConfig({displayName:"styles__CarouselPill",componentId:"sc-1sue7gh-3"})(["-webkit-box-pack:center !important;-webkit-box-align:center !important;appearance:none !important;display:inline-flex !important;border-radius:50% !important;border:1px solid rgb(221,221,221) !important;outline:none !important;margin:0px !important;padding:0px !important;color:rgb(34,34,34) !important;cursor:pointer !important;touch-action:manipulation !important;position:relative !important;background:transparent !important;transition:-ms-transform 0.25s ease 0s,-webkit-transform 0.25s ease 0s,transform 0.25s ease 0s !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;::before{content:'' !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:36px !important;height:36px !important;border-radius:50% !important;border:1px solid rgb(221,221,221) !important;}"]),h=["children","navigation","title","controls","arrows"];o.use([r.Navigation]);var b=a.div.withConfig({displayName:"styles__CarouselContainer",componentId:"sc-dwepxh-0"})(["position:relative !important;z-index:0 !important;"]),v=a.div.withConfig({displayName:"styles__CarouselNavbar",componentId:"sc-dwepxh-1"})(["-webkit-box-pack:justify !important;-ms-flex-pack:justify !important;-webkit-box-align:center !important;-ms-flex-align:center !important;color:#222222 !important;display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;-webkit-align-items:center !important;align-items:center !important;-webkit-justify-content:space-between !important;justify-content:space-between !important;margin-bottom:16px !important;"]),y=a.div.withConfig({displayName:"styles__NavbarTitleContainer",componentId:"sc-dwepxh-2"})(["margin-right:24px !important;width:auto !important;"]),E=a.div.withConfig({displayName:"styles__NavbarControlsContainer",componentId:"sc-dwepxh-4"})(["display:flex !important;align-items:center !important;margin-left:auto !important;"]),k=a.a.withConfig({displayName:"styles__NavbarControlsQuick",componentId:"sc-dwepxh-5"})(["@media (max-width:744px){display:none !important;}font-size:inherit !important;font-family:inherit !important;font-style:inherit !important;font-variant:inherit !important;line-height:inherit !important;color:#222222 !important;text-decoration:underline !important;border-radius:4px !important;font-weight:600 !important;outline:none !important;"]),C=a.span.withConfig({displayName:"styles__NavbarControlsSpace",componentId:"sc-dwepxh-6"})(["display:inline-block !important;height:32px !important;width:1px !important;margin-right:16px !important;padding:0px !important;border:none !important;"]),_=a.div.withConfig({displayName:"styles__ArrowsContainer",componentId:"sc-dwepxh-7"})(["-webkit-box-align:center !important;color:rgb(34,34,34) !important;display:flex !important;align-items:center !important;margin-left:auto !important;"]),N=a.div.withConfig({displayName:"styles__ArrowsFlex",componentId:"sc-dwepxh-8"})(["display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:-webkit-flex !important;display:flex !important;"]),S=a(l).withConfig({displayName:"styles__ArrowsButton",componentId:"sc-dwepxh-9"})(["-webkit-box-pack:center !important;-webkit-box-align:center !important;appearance:none !important;display:inline-flex !important;border-radius:50% !important;border:none !important;outline:none !important;margin:0px !important;padding:0px !important;color:rgb(34,34,34) !important;cursor:pointer !important;touch-action:manipulation !important;position:relative !important;background:transparent !important;transition:-ms-transform 0.25s ease 0s,-webkit-transform 0.25s ease 0s,transform 0.25s ease 0s !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;:focus{box-shadow:none !important;}::before{content:'' !important;display:block !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:32px !important;height:32px !important;border-radius:50% !important;background:rgb(255,255,255) !important;border:1px solid rgb(221,221,221) !important;}:disabled{opacity:0.5 !important;cursor:not-allowed !important;color:rgb(221,221,221) !important;transform:scale(1) !important;}:hover:not([disabled]){color:rgb(0,0,0) !important;transform:scale(1.04) !important;}"]),j=a.span.withConfig({displayName:"styles__ArrowsDivider",componentId:"sc-dwepxh-10"})(["margin-left:8px !important;"]),I=a.span.withConfig({displayName:"styles__ArrowsIconClip",componentId:"sc-dwepxh-11"})(["border:0px !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(100%) !important;clip-path:inset(100%) !important;height:1px !important;overflow:hidden !important;padding:0px !important;position:absolute !important;white-space:nowrap !important;width:1px !important;"]),B=a.svg.withConfig({displayName:"styles__ArrowsSvg",componentId:"sc-dwepxh-12"})(["display:block;fill:none;height:12px;width:12px;stroke:currentcolor;stroke-width:4;overflow:visible;"]),P=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-1ja5jv1-0"})([""]),z=["children","navigation","title","controls","onShowMore"];o.use([r.Navigation]);var O=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-y1spms-0"})([".swiper-wrapper{box-sizing:inherit !important;@media (min-width:744px){scroll-padding:40px !important;}@media (min-width:1128px){--scroll-padding:max(80px,calc((100vw - 1600px) / 2)) !important;scroll-padding:var(--scroll-padding) !important;}scroll-snap-type:x mandatory !important;overflow-x:auto !important;display:flex !important;scroll-padding:24px !important;.swiper-slide{@media (min-width:744px){min-width:476px !important;max-width:588px !important;flex:1 0 calc((100% - 80px) * 0.75) !important;}@media (min-width:1128px){flex:1 0 calc(50% - 88px) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;}.swiper-slide:first-of-type{@media (min-width:744px){padding-left:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-left:max(80px,(100vw - 1930px) / 2) !important;}flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;margin-left:0px !important;padding-left:24px !important;}.swiper-slide:last-of-type{@media (min-width:744px){padding-right:40px !important;min-width:calc(516px) !important;max-width:calc(628px) !important;flex:1 0 calc((100% - 80px) * 0.75 + 40px) !important;}@media (min-width:1128px){max-width:calc(588px + max(80px,(100vw - 1600px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1600px) / 2) !important;}@media (min-width:2080px){max-width:calc(588px + max(80px,(100vw - 1930px) / 2)) !important;flex:1 0 calc(50% - 8px) !important;padding-right:max(80px,(100vw - 1930px) / 2) !important;}margin-left:16px !important;flex:1 0 calc(100% - 84px) !important;scroll-snap-align:start !important;scroll-snap-stop:always !important;padding-right:24px !important;}}"]),M=["children","navigation","title","controls","quickLink","onShowMore"];o.use([r.Navigation]);var R=a(p.Swiper).withConfig({displayName:"styles__CarouselSwiper",componentId:"sc-jtjv4e-1"})(["height:100%;.swiper-pagination{.swiper-pagination-bullet-active{background-color:#fff;}.swiper-pagination-bullet-active-next{background-color:#ffffff;}.swiper-pagination-bullet{background-color:#ffffff;}}"]),q=a(l).withConfig({displayName:"styles__CarouselPill",componentId:"sc-jtjv4e-2"})([":hover{border-color:rgba(0,0,0,0.08) !important;background-color:#ffffff !important;color:#000000 !important;box-shadow:0px 0px 0px 1px transparent,0px 0px 0px 4px transparent,0px 6px 16px rgb(0 0 0 / 12%) !important;-webkit-transform:scale(1.04) !important;-ms-transform:scale(1.04) !important;transform:scale(1.04) !important;}-webkit-box-pack:center !important;-ms-flex-pack:center !important;-webkit-box-align:center !important;-ms-flex-align:center !important;-webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;display:-webkit-inline-box !important;display:-moz-inline-box !important;display:-ms-inline-flexbox !important;display:-webkit-inline-flex !important;display:inline-flex !important;border-radius:50% !important;border:0px !important;outline:none !important;margin:0px !important;padding:0px !important;color:#222222 !important;background-color:rgba(255,255,255,0.9) !important;cursor:pointer !important;-ms-touch-action:manipulation !important;touch-action:manipulation !important;-webkit-align-items:center !important;align-items:center !important;-webkit-justify-content:center !important;justify-content:center !important;border-style:solid !important;border-width:1px !important;background-clip:padding-box !important;border-color:rgba(0,0,0,0.08) !important;box-shadow:0px 0px 0px 1px transparent,0px 0px 0px 4px transparent,0px 2px 4px rgb(0 0 0 / 18%) !important;-webkit-transition:-webkit-transform 0.25s ease,transform 0.25s ease !important;-moz-transition:transform 0.25s ease !important;transition:-ms-transform 0.25s ease,-webkit-transform 0.25s ease,transform 0.25s ease !important;width:32px !important;height:32px !important;"]),A=a.svg.withConfig({displayName:"styles__CarouselPillSvg",componentId:"sc-jtjv4e-3"})(["height:10px;width:10px;display:block;fill:currentcolor;"]),F=["children","navigation","title","controls"];o.use([r.Navigation,r.Pagination]),exports.CardCarousel=function(t){var i=t.children,a=t.navigation,r=t.title,o=t.controls,l=t.onShowMore,s=c(t,z),m=n.useRef(null),d=n.useRef(null);return e.createElement(b,null,a&&e.createElement(v,null,r&&e.createElement(y,null,r),o&&e.createElement(E,null,l&&e.createElement(k,{onClick:l},"Show More"),e.createElement(C,null),e.createElement(_,{"aria-hidden":"false"},e.createElement(N,null,e.createElement(S,{ref:m,"aria-label":"Previous",type:"button"},e.createElement("span",{css:"\n                        position: relative;\n                      "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),e.createElement(j,null),e.createElement(S,{"aria-label":"Next",type:"button",ref:d},e.createElement("span",{css:"\n                        position: relative;\n                      "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))),e.createElement(P,Object.assign({},s,{onInit:function(t){t.params.navigation.prevEl=m.current,t.params.navigation.nextEl=d.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.createElement(p.SwiperSlide,null,t)}))))},exports.FreeCarousel=function(t){var i=t.children,a=t.navigation,r=t.title,o=t.controls,l=t.onShowMore,m=c(t,M),d=n.useRef(null),x=n.useRef(null);return e.createElement(b,null,e.createElement("div",{css:"\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        "},e.createElement(s.Container,null,a&&e.createElement(v,null,r&&e.createElement(y,null,r),o&&e.createElement(E,null,l&&e.createElement(k,{onClick:l},"Show More"),e.createElement(C,null),e.createElement(_,{"aria-hidden":"false"},e.createElement(N,null,e.createElement(S,{ref:d,"aria-label":"Previous",type:"button"},e.createElement("span",{css:"\n                            position: relative;\n                          "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))),e.createElement(j,null),e.createElement(S,{"aria-label":"Next",type:"button",ref:x},e.createElement("span",{css:"\n                            position: relative;\n                          "},e.createElement(I,null),e.createElement(B,{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",role:"presentation",focusable:"false"},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))))),e.createElement(O,Object.assign({},m,{cssMode:!0,onInit:function(t){t.params.navigation.prevEl=d.current,t.params.navigation.nextEl=x.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.createElement(p.SwiperSlide,null,t)}))))},exports.PaginationCarousel=function(t){var i=t.children,a=c(t,F),r=n.useRef(null),o=n.useRef(null);return e.createElement(e.Fragment,null,e.createElement("div",{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        "},e.createElement(q,{ref:r},e.createElement("span",{css:"\n              position: relative !important;\n            "},e.createElement(A,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},e.createElement("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"}))))),e.createElement("div",{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        "},e.createElement(q,{ref:o},e.createElement("span",{css:"\n              position: relative !important;\n            "},e.createElement(A,{viewBox:"0 0 16 16",role:"presentation","aria-hidden":"true",focusable:"false"},e.createElement("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"}))))),e.createElement(R,Object.assign({},a,{pagination:{dynamicBullets:!0},onInit:function(t){t.params.navigation.prevEl=r.current,t.params.navigation.nextEl=o.current,t.navigation.init(),t.navigation.update()}}),e.Children.map(i,(function(t){return e.cloneElement(e.createElement(p.SwiperSlide,null,t),m({},a))}))))},exports.PillsCarousel=function(t){var a=t.children,r=t.arrows,o=c(t,h),l=n.useRef(null),s=n.useRef(null),m=n.useState({progress:0,isBeginning:!0,isEnd:!1}),b=m[0],v=m[1],y=n.useState(null),E=y[0],k=y[1];return e.createElement("div",{css:"\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      "},e.createElement("div",{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          "+(b.isBeginning&&i.css(x||(x=d(["\n            display: none !important;\n            visibility: hidden !important;\n          "]))))+"\n        "},r&&e.createElement(f,null,e.createElement(w,{left:1,ref:l,"aria-label":"Previous",type:"button",onClick:function(){return E.slidePrev()}},e.createElement("span",{css:"\n                  position: relative !important;\n                "},e.createElement("svg",{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                  "},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932"}))))))),e.createElement(g,Object.assign({},o,{cssMode:!1,slidesPerView:"auto",onInit:function(t){k(t),t.params.navigation.prevEl=l.current,t.params.navigation.nextEl=s.current,t.navigation.init(),t.navigation.update(),v({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})},onSlideChange:function(t){v({progress:t.progress,isBeginning:t.isBeginning,isEnd:t.isEnd})}}),e.Children.map(a,(function(t){return e.createElement(p.SwiperSlide,null,e.createElement("div",{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              "},t))}))),e.createElement("div",{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          "+(b.isEnd&&i.css(u||(u=d(["\n            display: none !important;\n            visibility: hidden !important;\n          "]))))+"\n        "},r&&e.createElement(f,null,e.createElement(w,{right:1,"aria-label":"Next",type:"button",ref:s,onClick:function(){return E.slideNext()}},e.createElement("span",{css:"\n                  position: relative !important;\n                "},e.createElement("svg",{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                  "},e.createElement("g",{fill:"none"},e.createElement("path",{d:"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932"}))))))))};
 //# sourceMappingURL=carousels.cjs.production.min.js.map

package/dist/carousels.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousels.cjs.production.min.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n`;\n\nexport const CarouselPillContainer = styled.div`\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  arrows,\n  ...props\n}) => {\n  const prevRef = useRef<any>(null);\n  const nextRef = useRef<any>(null);\n  const [swiperSlides, setSwiperSlides] = useState<any>({\n    progress: 0,\n    isBeginning: true,\n    isEnd: false\n  });\n  const [swiper, setSwiper] = useState<any>(null);\n  return (\n    <div\n      css={`\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      `}\n    >\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              left={+true}\n              ref={prevRef}\n              aria-label=\"Previous\"\n              type=\"button\"\n              onClick={() => swiper.slidePrev()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n\n      <CarouselSwiper\n        {...props}\n        cssMode={false}\n        slidesPerView=\"auto\"\n        onInit={(swiper: any) => {\n          setSwiper(swiper);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n          // console.log(\"Swiper\", swiper);\n        }}\n        onSlideChange={swiper => {\n          // console.log(\"Swiper Change\", swiper);\n\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>\n            <div\n              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              `}\n            >\n              {child}\n            </div>\n          </SwiperSlide>\n        ))}\n      </CarouselSwiper>\n\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              right={+true}\n              aria-label=\"Next\"\n              type=\"button\"\n              ref={nextRef}\n              onClick={() => swiper.slideNext()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n    </div>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n  position: relative !important;\n  z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\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\nexport const NavbarTitleContainer = styled.div`\n  margin-right: 24px !important;\n  width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\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\nexport const NavbarControlsContainer = styled.div`\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\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\nexport const NavbarControlsSpace = styled.span`\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\nexport const ArrowsContainer = styled.div`\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\nexport const ArrowsFlex = styled.div`\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\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\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\nexport const ArrowsDivider = styled.span`\n  margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\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\nexport const ArrowsSvg = styled.svg`\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      {navigation && (\n        <CarouselNavbar>\n          {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n          {controls && (\n            <NavbarControlsContainer>\n              {onShowMore && (\n                <NavbarControlsQuick onClick={onShowMore}>\n                  Show More\n                </NavbarControlsQuick>\n              )}\n              <NavbarControlsSpace />\n              <ArrowsContainer aria-hidden=\"false\">\n                <ArrowsFlex>\n                  <ArrowsButton\n                    ref={prevRef}\n                    aria-label=\"Previous\"\n                    type=\"button\"\n                  >\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                  <ArrowsDivider />\n                  <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                </ArrowsFlex>\n              </ArrowsContainer>\n            </NavbarControlsContainer>\n          )}\n        </CarouselNavbar>\n      )}\n      <CarouselSwiper\n        {...props}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\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    .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      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 - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1930px) / 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 - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1930px) / 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","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  quickLink,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      <div\n        css={`\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        `}\n      >\n        <Container>\n          {navigation && (\n            <CarouselNavbar>\n              {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n              {controls && (\n                <NavbarControlsContainer>\n                  {onShowMore && (\n                    <NavbarControlsQuick onClick={onShowMore}>\n                      Show More\n                    </NavbarControlsQuick>\n                  )}\n                  <NavbarControlsSpace />\n                  <ArrowsContainer aria-hidden=\"false\">\n                    <ArrowsFlex>\n                      <ArrowsButton\n                        ref={prevRef}\n                        aria-label=\"Previous\"\n                        type=\"button\"\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                      <ArrowsDivider />\n                      <ArrowsButton\n                        aria-label=\"Next\"\n                        type=\"button\"\n                        ref={nextRef}\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                    </ArrowsFlex>\n                  </ArrowsContainer>\n                </NavbarControlsContainer>\n              )}\n            </CarouselNavbar>\n          )}\n        </Container>\n      </div>\n      <CarouselSwiper\n        {...props}\n        cssMode\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\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\nexport const CarouselPill = styled(ButtonUnstyled)`\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\nexport const CarouselPillSvg = styled.svg`\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={prevRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={nextRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <CarouselSwiper\n        {...props}\n        pagination={{\n          dynamicBullets: true\n        }}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child =>\n          React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n            ...props\n          })\n        )}\n      </CarouselSwiper>\n    </>\n  );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","use","Navigation","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","SwiperCore__default","CarouselPillSvg","Pagination","children","navigation","title","controls","onShowMore","props","prevRef","useRef","nextRef","React","onClick","ref","type","css","viewBox","xmlns","role","focusable","fill","d","onInit","swiper","params","prevEl","current","nextEl","init","update","Children","map","child","SwiperSlide","quickLink","Container","cssMode","pagination","dynamicBullets","cloneElement","arrows","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","setSwiper","left","slidePrev","slidesPerView","onSlideChange","right","slideNext"],"mappings":"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"}
+{"version":3,"file":"carousels.cjs.production.min.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n`;\n\nexport const CarouselPillContainer = styled.div`\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  arrows,\n  ...props\n}) => {\n  const prevRef = useRef<any>(null);\n  const nextRef = useRef<any>(null);\n  const [swiperSlides, setSwiperSlides] = useState<any>({\n    progress: 0,\n    isBeginning: true,\n    isEnd: false\n  });\n  const [swiper, setSwiper] = useState<any>(null);\n  return (\n    <div\n      css={`\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      `}\n    >\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              left={+true}\n              ref={prevRef}\n              aria-label=\"Previous\"\n              type=\"button\"\n              onClick={() => swiper.slidePrev()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n\n      <CarouselSwiper\n        {...props}\n        cssMode={false}\n        slidesPerView=\"auto\"\n        onInit={(swiper: any) => {\n          setSwiper(swiper);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n          // console.log(\"Swiper\", swiper);\n        }}\n        onSlideChange={swiper => {\n          // console.log(\"Swiper Change\", swiper);\n\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>\n            <div\n              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              `}\n            >\n              {child}\n            </div>\n          </SwiperSlide>\n        ))}\n      </CarouselSwiper>\n\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              right={+true}\n              aria-label=\"Next\"\n              type=\"button\"\n              ref={nextRef}\n              onClick={() => swiper.slideNext()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n    </div>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n  position: relative !important;\n  z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\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\nexport const NavbarTitleContainer = styled.div`\n  margin-right: 24px !important;\n  width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\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\nexport const NavbarControlsContainer = styled.div`\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\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\nexport const NavbarControlsSpace = styled.span`\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\nexport const ArrowsContainer = styled.div`\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\nexport const ArrowsFlex = styled.div`\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\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\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\nexport const ArrowsDivider = styled.span`\n  margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\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\nexport const ArrowsSvg = styled.svg`\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      {navigation && (\n        <CarouselNavbar>\n          {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n          {controls && (\n            <NavbarControlsContainer>\n              {onShowMore && (\n                <NavbarControlsQuick onClick={onShowMore}>\n                  Show More\n                </NavbarControlsQuick>\n              )}\n              <NavbarControlsSpace />\n              <ArrowsContainer aria-hidden=\"false\">\n                <ArrowsFlex>\n                  <ArrowsButton\n                    ref={prevRef}\n                    aria-label=\"Previous\"\n                    type=\"button\"\n                  >\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                  <ArrowsDivider />\n                  <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                </ArrowsFlex>\n              </ArrowsContainer>\n            </NavbarControlsContainer>\n          )}\n        </CarouselNavbar>\n      )}\n      <CarouselSwiper\n        {...props}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselSwiper = styled(Swiper)`\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    .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      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 - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1930px) / 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 - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1930px) / 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","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  quickLink,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      <div\n        css={`\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        `}\n      >\n        <Container>\n          {navigation && (\n            <CarouselNavbar>\n              {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n              {controls && (\n                <NavbarControlsContainer>\n                  {onShowMore && (\n                    <NavbarControlsQuick onClick={onShowMore}>\n                      Show More\n                    </NavbarControlsQuick>\n                  )}\n                  <NavbarControlsSpace />\n                  <ArrowsContainer aria-hidden=\"false\">\n                    <ArrowsFlex>\n                      <ArrowsButton\n                        ref={prevRef}\n                        aria-label=\"Previous\"\n                        type=\"button\"\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                      <ArrowsDivider />\n                      <ArrowsButton\n                        aria-label=\"Next\"\n                        type=\"button\"\n                        ref={nextRef}\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                    </ArrowsFlex>\n                  </ArrowsContainer>\n                </NavbarControlsContainer>\n              )}\n            </CarouselNavbar>\n          )}\n        </Container>\n      </div>\n      <CarouselSwiper\n        {...props}\n        cssMode\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\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\nexport const CarouselPill = styled(ButtonUnstyled)`\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\nexport const CarouselPillSvg = styled.svg`\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={prevRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={nextRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <CarouselSwiper\n        {...props}\n        pagination={{\n          dynamicBullets: true\n        }}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child =>\n          React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n            ...props\n          })\n        )}\n      </CarouselSwiper>\n    </>\n  );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","use","Navigation","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","SwiperCore__default","CarouselPillSvg","Pagination","children","navigation","title","controls","onShowMore","props","prevRef","useRef","nextRef","React","onClick","ref","type","css","viewBox","xmlns","role","focusable","fill","d","onInit","swiper","params","prevEl","current","nextEl","init","update","Children","map","child","SwiperSlide","quickLink","Container","cssMode","pagination","dynamicBullets","cloneElement","arrows","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","setSwiper","left","slidePrev","slidesPerView","onSlideChange","right","slideNext"],"mappings":"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"}

package/dist/carousels.esm.js

@@ -1,7 +1,7 @@
 import React, { useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import SwiperCore, { Navigation, Pagination } from 'swiper';
-import { Swiper, SwiperSlide } from 'swiper/react';
+import { Swiper, SwiperSlide } from 'swiper/react/swiper-react';
 import ButtonUnstyled from '@mui/core/ButtonUnstyled';
 import { Container } from '@fox-dls/layout';
 

package/dist/carousels.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousels.esm.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n`;\n\nexport const CarouselPillContainer = styled.div`\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  arrows,\n  ...props\n}) => {\n  const prevRef = useRef<any>(null);\n  const nextRef = useRef<any>(null);\n  const [swiperSlides, setSwiperSlides] = useState<any>({\n    progress: 0,\n    isBeginning: true,\n    isEnd: false\n  });\n  const [swiper, setSwiper] = useState<any>(null);\n  return (\n    <div\n      css={`\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      `}\n    >\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              left={+true}\n              ref={prevRef}\n              aria-label=\"Previous\"\n              type=\"button\"\n              onClick={() => swiper.slidePrev()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n\n      <CarouselSwiper\n        {...props}\n        cssMode={false}\n        slidesPerView=\"auto\"\n        onInit={(swiper: any) => {\n          setSwiper(swiper);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n          // console.log(\"Swiper\", swiper);\n        }}\n        onSlideChange={swiper => {\n          // console.log(\"Swiper Change\", swiper);\n\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>\n            <div\n              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              `}\n            >\n              {child}\n            </div>\n          </SwiperSlide>\n        ))}\n      </CarouselSwiper>\n\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              right={+true}\n              aria-label=\"Next\"\n              type=\"button\"\n              ref={nextRef}\n              onClick={() => swiper.slideNext()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n    </div>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n  position: relative !important;\n  z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\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\nexport const NavbarTitleContainer = styled.div`\n  margin-right: 24px !important;\n  width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\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\nexport const NavbarControlsContainer = styled.div`\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\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\nexport const NavbarControlsSpace = styled.span`\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\nexport const ArrowsContainer = styled.div`\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\nexport const ArrowsFlex = styled.div`\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\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\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\nexport const ArrowsDivider = styled.span`\n  margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\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\nexport const ArrowsSvg = styled.svg`\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      {navigation && (\n        <CarouselNavbar>\n          {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n          {controls && (\n            <NavbarControlsContainer>\n              {onShowMore && (\n                <NavbarControlsQuick onClick={onShowMore}>\n                  Show More\n                </NavbarControlsQuick>\n              )}\n              <NavbarControlsSpace />\n              <ArrowsContainer aria-hidden=\"false\">\n                <ArrowsFlex>\n                  <ArrowsButton\n                    ref={prevRef}\n                    aria-label=\"Previous\"\n                    type=\"button\"\n                  >\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                  <ArrowsDivider />\n                  <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                </ArrowsFlex>\n              </ArrowsContainer>\n            </NavbarControlsContainer>\n          )}\n        </CarouselNavbar>\n      )}\n      <CarouselSwiper\n        {...props}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\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    .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      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 - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1930px) / 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 - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1930px) / 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","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  quickLink,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      <div\n        css={`\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        `}\n      >\n        <Container>\n          {navigation && (\n            <CarouselNavbar>\n              {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n              {controls && (\n                <NavbarControlsContainer>\n                  {onShowMore && (\n                    <NavbarControlsQuick onClick={onShowMore}>\n                      Show More\n                    </NavbarControlsQuick>\n                  )}\n                  <NavbarControlsSpace />\n                  <ArrowsContainer aria-hidden=\"false\">\n                    <ArrowsFlex>\n                      <ArrowsButton\n                        ref={prevRef}\n                        aria-label=\"Previous\"\n                        type=\"button\"\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                      <ArrowsDivider />\n                      <ArrowsButton\n                        aria-label=\"Next\"\n                        type=\"button\"\n                        ref={nextRef}\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                    </ArrowsFlex>\n                  </ArrowsContainer>\n                </NavbarControlsContainer>\n              )}\n            </CarouselNavbar>\n          )}\n        </Container>\n      </div>\n      <CarouselSwiper\n        {...props}\n        cssMode\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\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\nexport const CarouselPill = styled(ButtonUnstyled)`\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\nexport const CarouselPillSvg = styled.svg`\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={prevRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={nextRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <CarouselSwiper\n        {...props}\n        pagination={{\n          dynamicBullets: true\n        }}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child =>\n          React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n            ...props\n          })\n        )}\n      </CarouselSwiper>\n    </>\n  );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","navigation","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","css","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","quickLink","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
+{"version":3,"file":"carousels.esm.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n  margin: 0px !important;\n  .swiper-wrapper {\n    .swiper-slide {\n      scroll-snap-align: start !important;\n      width: auto !important;\n    }\n  }\n`;\n\nexport const CarouselPillContainer = styled.div`\n  display: inline-block !important;\n  padding-right: 8px !important;\n  padding-top: 4px !important;\n  padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\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","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  arrows,\n  ...props\n}) => {\n  const prevRef = useRef<any>(null);\n  const nextRef = useRef<any>(null);\n  const [swiperSlides, setSwiperSlides] = useState<any>({\n    progress: 0,\n    isBeginning: true,\n    isEnd: false\n  });\n  const [swiper, setSwiper] = useState<any>(null);\n  return (\n    <div\n      css={`\n        display: flex !important;\n        position: relative !important;\n        min-width: 0px !important;\n      `}\n    >\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              left={+true}\n              ref={prevRef}\n              aria-label=\"Previous\"\n              type=\"button\"\n              onClick={() => swiper.slidePrev()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n\n      <CarouselSwiper\n        {...props}\n        cssMode={false}\n        slidesPerView=\"auto\"\n        onInit={(swiper: any) => {\n          setSwiper(swiper);\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n          // console.log(\"Swiper\", swiper);\n        }}\n        onSlideChange={swiper => {\n          // console.log(\"Swiper Change\", swiper);\n\n          setSwiperSlides({\n            progress: swiper.progress,\n            isBeginning: swiper.isBeginning,\n            isEnd: swiper.isEnd\n          });\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>\n            <div\n              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              `}\n            >\n              {child}\n            </div>\n          </SwiperSlide>\n        ))}\n      </CarouselSwiper>\n\n      <div\n        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 &&\n          css`\n            display: none !important;\n            visibility: hidden !important;\n          `}\n        `}\n      >\n        {arrows && (\n          <CarouselPillContainer>\n            <CarouselPill\n              right={+true}\n              aria-label=\"Next\"\n              type=\"button\"\n              ref={nextRef}\n              onClick={() => swiper.slideNext()}\n            >\n              <span\n                css={`\n                  position: relative !important;\n                `}\n              >\n                <svg\n                  viewBox=\"0 0 32 32\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  aria-hidden=\"true\"\n                  role=\"presentation\"\n                  focusable=\"false\"\n                  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                  `}\n                >\n                  <g fill=\"none\">\n                    <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                  </g>\n                </svg>\n              </span>\n            </CarouselPill>\n          </CarouselPillContainer>\n        )}\n      </div>\n    </div>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n  position: relative !important;\n  z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\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\nexport const NavbarTitleContainer = styled.div`\n  margin-right: 24px !important;\n  width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\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\nexport const NavbarControlsContainer = styled.div`\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\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\nexport const NavbarControlsSpace = styled.span`\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\nexport const ArrowsContainer = styled.div`\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\nexport const ArrowsFlex = styled.div`\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\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\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\nexport const ArrowsDivider = styled.span`\n  margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\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\nexport const ArrowsSvg = styled.svg`\n  display: block;\n  fill: none;\n  height: 12px;\n  width: 12px;\n  stroke: currentcolor;\n  stroke-width: 4;\n  overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      {navigation && (\n        <CarouselNavbar>\n          {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n          {controls && (\n            <NavbarControlsContainer>\n              {onShowMore && (\n                <NavbarControlsQuick onClick={onShowMore}>\n                  Show More\n                </NavbarControlsQuick>\n              )}\n              <NavbarControlsSpace />\n              <ArrowsContainer aria-hidden=\"false\">\n                <ArrowsFlex>\n                  <ArrowsButton\n                    ref={prevRef}\n                    aria-label=\"Previous\"\n                    type=\"button\"\n                  >\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                  <ArrowsDivider />\n                  <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n                    <span\n                      css={`\n                        position: relative;\n                      `}\n                    >\n                      <ArrowsIconClip />\n                      <ArrowsSvg\n                        viewBox=\"0 0 32 32\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        aria-hidden=\"true\"\n                        role=\"presentation\"\n                        focusable=\"false\"\n                      >\n                        <g fill=\"none\">\n                          <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                        </g>\n                      </ArrowsSvg>\n                    </span>\n                  </ArrowsButton>\n                </ArrowsFlex>\n              </ArrowsContainer>\n            </NavbarControlsContainer>\n          )}\n        </CarouselNavbar>\n      )}\n      <CarouselSwiper\n        {...props}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselSwiper = styled(Swiper)`\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    .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      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 - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-left: max(80px, (100vw - 1930px) / 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 - 1600px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1600px) / 2) !important;\n      }\n      @media (min-width: 2080px) {\n        max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n        flex: 1 0 calc(50% - 8px) !important;\n        padding-right: max(80px, (100vw - 1930px) / 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","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport {\n  CarouselContainer,\n  CarouselNavbar,\n  NavbarTitleContainer,\n  NavbarControlsContainer,\n  NavbarControlsQuick,\n  NavbarControlsSpace,\n  ArrowsContainer,\n  ArrowsFlex,\n  ArrowsDivider,\n  ArrowsButton,\n  ArrowsIconClip,\n  ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  quickLink,\n  onShowMore,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <CarouselContainer>\n      <div\n        css={`\n          @media (max-width: 744px) {\n            display: none !important;\n          }\n        `}\n      >\n        <Container>\n          {navigation && (\n            <CarouselNavbar>\n              {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n              {controls && (\n                <NavbarControlsContainer>\n                  {onShowMore && (\n                    <NavbarControlsQuick onClick={onShowMore}>\n                      Show More\n                    </NavbarControlsQuick>\n                  )}\n                  <NavbarControlsSpace />\n                  <ArrowsContainer aria-hidden=\"false\">\n                    <ArrowsFlex>\n                      <ArrowsButton\n                        ref={prevRef}\n                        aria-label=\"Previous\"\n                        type=\"button\"\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                      <ArrowsDivider />\n                      <ArrowsButton\n                        aria-label=\"Next\"\n                        type=\"button\"\n                        ref={nextRef}\n                      >\n                        <span\n                          css={`\n                            position: relative;\n                          `}\n                        >\n                          <ArrowsIconClip />\n                          <ArrowsSvg\n                            viewBox=\"0 0 32 32\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            aria-hidden=\"true\"\n                            role=\"presentation\"\n                            focusable=\"false\"\n                          >\n                            <g fill=\"none\">\n                              <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n                            </g>\n                          </ArrowsSvg>\n                        </span>\n                      </ArrowsButton>\n                    </ArrowsFlex>\n                  </ArrowsContainer>\n                </NavbarControlsContainer>\n              )}\n            </CarouselNavbar>\n          )}\n        </Container>\n      </div>\n      <CarouselSwiper\n        {...props}\n        cssMode\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child => (\n          <SwiperSlide>{child}</SwiperSlide>\n        ))}\n      </CarouselSwiper>\n    </CarouselContainer>\n  );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react/swiper-react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\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\nexport const CarouselPill = styled(ButtonUnstyled)`\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\nexport const CarouselPillSvg = styled.svg`\n  height: 10px;\n  width: 10px;\n  display: block;\n  fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react/swiper-react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n  children,\n  navigation,\n  title,\n  controls,\n  ...props\n}) => {\n  const prevRef = useRef<HTMLDivElement>(null);\n  const nextRef = useRef<HTMLDivElement>(null);\n  return (\n    <>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={prevRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <div\n        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        `}\n      >\n        <CarouselPill ref={nextRef}>\n          <span\n            css={`\n              position: relative !important;\n            `}\n          >\n            <CarouselPillSvg\n              viewBox=\"0 0 16 16\"\n              role=\"presentation\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n            >\n              <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\" />\n            </CarouselPillSvg>\n          </span>\n        </CarouselPill>\n      </div>\n      <CarouselSwiper\n        {...props}\n        pagination={{\n          dynamicBullets: true\n        }}\n        onInit={swiper => {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.prevEl = prevRef.current;\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          // eslint-disable-next-line no-param-reassign\n          swiper.params.navigation.nextEl = nextRef.current;\n          swiper.navigation.init();\n          swiper.navigation.update();\n          // console.log(\"Swiper\", swiper);\n        }}\n      >\n        {React.Children.map(children, child =>\n          React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n            ...props\n          })\n        )}\n      </CarouselSwiper>\n    </>\n  );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","navigation","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","css","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","quickLink","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export * from './lib/pills/index';
-export * from './lib/card/index';
-export * from './lib/free/index';
-export * from './lib/pagination/index';
+export { PillsCarousel } from './lib/pills/index';
+export { CardCarousel } from './lib/card/index';
+export { FreeCarousel } from './lib/free/index';
+export { PaginationCarousel } from './lib/pagination/index';

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

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

package/dist/lib/free/styles/index.d.ts

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

package/dist/lib/pagination/styles/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CarouselSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("swiper/react").SwiperProps>, any, {}, never>;
 export declare const CarouselPill: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps & Pick<any, string | number | symbol> & {

package/dist/lib/pills/styles/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CarouselSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("swiper/react").SwiperProps>, any, {}, never>;
 export declare const CarouselPillContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CarouselNavbar: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NavbarTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fox-dls/carousels",
-  "version": "1.0.9",
+  "version": "1.1.4",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/core.esm.js",
@@ -13,23 +13,23 @@
     "prepublish": "npm run build"
   },
   "dependencies": {
-    "@fox-dls/layout": "1.0.0",
-    "@material-ui/styled-engine": "npm:@material-ui/styled-engine-sc@next",
-    "@mui/core": "^5.0.0-alpha.54",
-    "@mui/lab": "^5.0.0-alpha.58",
-    "@mui/material": "^5.2.2",
-    "@types/uuid": "^8.3.3",
-    "swiper": "^7.3.1",
-    "tslib": "^2.0.0",
     "@babel/core": "^7.16.0",
     "@babel/runtime": "^7.16.3",
+    "@fox-dls/layout": "1.0.9",
+    "@material-ui/styled-engine": "npm:@material-ui/styled-engine-sc@next",
+    "@mui/core": "^5.0.0-alpha.54",
+    "@mui/lab": "^5.0.0-alpha.59",
+    "@mui/material": "^5.2.3",
     "@types/eslint": "8.2.1",
     "@types/react": "17.0.37",
     "@types/react-dom": "17.0.11",
     "@types/react-is": "17.0.3",
-    "@types/styled-components": "^5.1.16",
+    "@types/styled-components": "^5.1.17",
+    "@types/uuid": "^8.3.3",
     "babel-plugin-styled-components": "^2.0.2",
-    "styled-components": "^5.3.3"
+    "styled-components": "^5.3.3",
+    "swiper": "^7.3.1",
+    "tslib": "^2.3.1"
   },
   "resolutions": {
     "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
@@ -37,5 +37,8 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "styled-components": "^5.3.3"
+  },
+  "devDependencies": {
+    "@types/styled-components": "^5.1.17"
   }
 }

package/src/index.ts

@@ -1,6 +1,9 @@
 /// <reference types="styled-components/cssprop" />
 
-export * from './lib/pills/index';
-export * from './lib/card/index';
-export * from './lib/free/index';
-export * from './lib/pagination/index';
+export { PillsCarousel } from './lib/pills/index';
+
+export { CardCarousel } from './lib/card/index';
+
+export { FreeCarousel } from './lib/free/index';
+
+export { PaginationCarousel } from './lib/pagination/index';

package/src/lib/card/index.tsx

@@ -2,7 +2,7 @@ import React, { useRef } from 'react';
 
 import SwiperCore, { Navigation } from 'swiper';
 // eslint-disable-next-line import/extensions
-import { SwiperSlide } from 'swiper/react';
+import { SwiperSlide } from 'swiper/react/swiper-react';
 
 import {
   CarouselContainer,

package/src/lib/card/styles/index.tsx

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
 // eslint-disable-next-line import/extensions
-import { Swiper } from 'swiper/react';
+import { Swiper } from 'swiper/react/swiper-react';
 
 export const CarouselSwiper = styled(Swiper)``;

package/src/lib/free/index.tsx

@@ -4,7 +4,7 @@ import React, { useRef } from 'react';
 import { Container } from '@fox-dls/layout';
 import SwiperCore, { Navigation } from 'swiper';
 // eslint-disable-next-line import/extensions
-import { SwiperSlide } from 'swiper/react';
+import { SwiperSlide } from 'swiper/react/swiper-react';
 
 import {
   CarouselContainer,

package/src/lib/free/styles/index.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 // eslint-disable-next-line import/extensions
-import { Swiper } from 'swiper/react';
+import { Swiper } from 'swiper/react/swiper-react';
 
 export const CarouselSwiper = styled(Swiper)`
   .swiper-wrapper {

package/src/lib/pagination/index.tsx

@@ -3,7 +3,7 @@ import React, { useRef } from 'react';
 
 import SwiperCore, { Navigation, Pagination } from 'swiper';
 // eslint-disable-next-line import/extensions
-import { SwiperSlide } from 'swiper/react';
+import { SwiperSlide } from 'swiper/react/swiper-react';
 
 import { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';
 

package/src/lib/pagination/styles/index.tsx

@@ -1,7 +1,7 @@
 import ButtonUnstyled from '@mui/core/ButtonUnstyled';
 import styled from 'styled-components';
 // eslint-disable-next-line import/extensions
-import { Swiper } from 'swiper/react';
+import { Swiper } from 'swiper/react/swiper-react';
 
 export const CarouselContainer = styled.div``;
 

package/src/lib/pills/index.tsx

@@ -5,7 +5,7 @@ import React, { useRef, useState } from 'react';
 import { css } from 'styled-components';
 import SwiperCore, { Navigation } from 'swiper';
 // eslint-disable-next-line import/extensions
-import { SwiperSlide } from 'swiper/react';
+import { SwiperSlide } from 'swiper/react/swiper-react';
 
 import { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';
 

package/src/lib/pills/styles/index.tsx

@@ -1,7 +1,7 @@
 import ButtonUnstyled from '@mui/core/ButtonUnstyled';
 import styled from 'styled-components';
 // eslint-disable-next-line import/extensions
-import { Swiper } from 'swiper/react';
+import { Swiper } from 'swiper/react/swiper-react';
 
 export const CarouselContainer = styled.div``;