@fox-dls/carousels 1.0.0 → 1.0.4

package/.eslintrc.json

@@ -1,74 +1,35 @@
 {
-  "extends": ["next", "airbnb-base", "plugin:prettier/recommended"],
+  "root": true,
+  "ignorePatterns": ["dist", "build"],
+  "extends": [
+    "../../.eslintrc.base.js",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:jsx-a11y/recommended"
+  ],
+  // By loading testing-library as a plugin, we can only enable it
+  // on test files via overrides.
+  "plugins": ["testing-library", "storybook"],
+  "env": {
+    "browser": true,
+    "es6": true,
+    "node": true
+  },
   "rules": {
-    "prettier/prettier": [
-      "error",
-      {
-        "singleQuote": true
-      }
-    ]
+    "react/prop-types": "off",
+    "react/react-in-jsx-scope": "off",
+    "jsx-a11y/anchor-is-valid": "off"
   },
   "overrides": [
     {
-      "files": ["**/*.ts", "**/*.tsx"],
-      "plugins": ["@typescript-eslint", "unused-imports"],
-      "extends": [
-        "airbnb-typescript",
-        "next/core-web-vitals",
-        "plugin:prettier/recommended"
-      ],
-      "parserOptions": {
-        "ecmaFeatures": {
-          "jsx": true,
-          "globalReturn": false
-        },
-        "ecmaVersion": 2020,
-        "project": ["tsconfig.json"]
-      },
-      "rules": {
-        "prettier/prettier": [
-          "error",
-          {
-            "singleQuote": true
-          }
-        ],
-        "react/destructuring-assignment": "off",
-        "jsx-a11y/anchor-is-valid": "off",
-        "react/require-default-props": "off",
-        "react/jsx-props-no-spreading": "off",
-        "@next/next/no-img-element": "off",
-        "import/order": [
-          "error",
-          {
-            "groups": ["builtin", "external", "internal"],
-            "pathGroups": [
-              {
-                "pattern": "react",
-                "group": "external",
-                "position": "before"
-              }
-            ],
-            "pathGroupsExcludedImportTypes": ["react"],
-            "newlines-between": "always",
-            "alphabetize": {
-              "order": "asc",
-              "caseInsensitive": true
-            }
-          }
-        ],
-        "import/prefer-default-export": "off",
-        "class-methods-use-this": "off",
-        "@typescript-eslint/no-unused-vars": "off",
-        "unused-imports/no-unused-imports": "error",
-        "unused-imports/no-unused-vars": [
-          "error",
-          { "argsIgnorePattern": "^_" }
-        ],
-        "import/no-extraneous-dependencies": [
-          "error",
-          { "devDependencies": true }
-        ]
-      }
+      // For performance run jest/recommended on test files, not regular code
+      "files": ["**/__tests__/**/*.{ts,tsx}"],
+      "extends": ["plugin:testing-library/react"]
+    },
+    {
+      // For performance run storybook/recommended on test files, not regular code
+      "files": ["**/*.stories.{ts,tsx,mdx}"],
+      "extends": ["plugin:storybook/recommended"]
     }
   ]
 }

package/.ultra.cache.json

@@ -0,0 +1 @@
+{"files":{"dist":"1638861132103.3904","node_modules":"1638861099195.805",".babelrc":"f03d0ca709d39fade7fd0a5ff24f9384b515b5b6",".eslintrc.json":"6a0edde9387ee5887d1e599f7a99f09362754acd","CHANGELOG.md":"938ca134a8f27f19d16eafbc8064d38ea166b934","README.md":"87a167329bff7478ccaa650e3d382475d8115cb1","package.json":"8512485560e1085b1d0365303d0dfa2ffc86681a.1638861080012.0479","src/index.ts":"1666f11be8aaf18be8a632f73ad0e73d407aae26","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.1638861064396.2463","tsconfig.json":"af31a7a31827eeec44ed853b8c3000c67f639047.1638860898530.1763"},"deps":{"@fox-dls/layout":1638861120187.5403}}

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.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';\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';\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';\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\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';\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';\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';\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';\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","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","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","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
+{"version":3,"file":"index.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","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","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","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.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';\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';\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';\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\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';\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';\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';\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';\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","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","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","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
+{"version":3,"file":"index.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","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","_jsxs","css","_jsx","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","navigation","prevEl","current","nextEl","init","update","onSlideChange","React","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","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}

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 & Omit<any, keyof import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps> & {

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.0",
+  "version": "1.0.4",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -21,18 +21,18 @@
   },
   "devDependencies": {
     "@babel/core": "^7.16.0",
+    "@babel/preset-react": "^7.16.0",
     "@changesets/changelog-github": "0.4.2",
     "@changesets/cli": "2.18.1",
-    "@next/bundle-analyzer": "12.0.5-canary.13",
+    "@next/bundle-analyzer": "12.0.6",
     "@size-limit/file": "7.0.3",
-    "@storybook/react": "^6.4.4",
+    "@storybook/react": "^6.4.7",
     "@svgr/webpack": "6.1.0",
-    "@testing-library/jest-dom": "5.15.1",
+    "@testing-library/jest-dom": "5.16.0",
     "@testing-library/react": "12.1.2",
     "@testing-library/react-hooks": "7.0.2",
     "@types/cors": "2.8.12",
-    "@types/eslint": "8.2.0",
-    "@types/google-map-react": "^2.1.3",
+    "@types/eslint": "8.2.1",
     "@types/jest": "27.0.3",
     "@types/node": "16.11.11",
     "@types/react": "17.0.37",
@@ -42,7 +42,6 @@
     "@types/shell-quote": "1.7.1",
     "@types/styled-components": "^5.1.16",
     "@types/swiper": "^5.4.3",
-    "@types/uuid": "^8.3.3",
     "@typescript-eslint/eslint-plugin": "5.5.0",
     "@typescript-eslint/parser": "5.5.0",
     "autoprefixer": "10.4.0",
@@ -51,16 +50,16 @@
     "babel-plugin-module-resolver": "^4.1.0",
     "babel-plugin-styled-components": "^2.0.2",
     "cross-env": "7.0.3",
-    "cypress": "^9.1.0",
+    "cypress": "^9.1.1",
     "dotenv": "^10.0.0",
     "dotenv-flow": "3.2.0",
     "dotenv-flow-cli": "1.0.0",
     "duplicate-package-checker-webpack-plugin": "^3.0.0",
-    "eslint": "8.3.0",
+    "eslint": "8.4.0",
     "eslint-config-airbnb": "^19.0.2",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-config-airbnb-typescript": "^16.1.0",
-    "eslint-config-next": "12.0.5-canary.13",
+    "eslint-config-next": "12.0.6",
     "eslint-config-prettier": "8.3.0",
     "eslint-import-resolver-babel-module": "^5.3.1",
     "eslint-import-resolver-typescript": "2.5.0",
@@ -84,14 +83,15 @@
     "ngx-deploy-npm": "^3.0.6",
     "nock": "^13.2.1",
     "npm-run-all": "4.1.5",
-    "prettier": "2.5.0",
-    "react": "17.0.2",
+    "prettier": "2.5.1",
+    "react": "^17.0.2",
     "react-dom": "17.0.2",
     "react-test-renderer": "17.0.2",
     "rimraf": "3.0.2",
     "sass": "1.44.0",
     "shell-quote": "1.7.3",
     "size-limit": "7.0.3",
+    "styled-components": "^5.3.3",
     "symlink-dir": "5.0.1",
     "sync-directory": "4.0.7",
     "ts-jest": "27.0.7",
@@ -99,19 +99,20 @@
     "typescript": "4.5.2",
     "typescript-plugin-styled-components": "^2.0.0"
   },
-  "peerDependencies": {
+  "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",
-    "react": "^17.0.2",
-    "styled-components": "^5.3.3",
+    "@mui/lab": "^5.0.0-alpha.58",
+    "@mui/material": "^5.2.2",
+    "@types/uuid": "^8.3.3",
     "swiper": "^7.3.1"
   },
-  "peerDependenciesMeta": {
-    "react": {
-      "optional": true
-    },
-    "react-dom": {
-      "optional": true
-    }
+  "resolutions": {
+    "@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "styled-components": "^5.3.3"
   }
 }

package/src/index.ts

@@ -1,3 +1,4 @@
+/* eslint-disable import/export */
 import type {} from 'styled-components/cssprop';
 
 export * from './lib/pills/index';

package/src/lib/card/index.tsx

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

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

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

package/src/lib/free/index.tsx

@@ -3,6 +3,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 {

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

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

package/src/lib/pagination/index.tsx

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

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

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

package/src/lib/pills/index.tsx

@@ -4,6 +4,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 { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';

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

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

package/tsconfig.build.json

@@ -2,10 +2,21 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "rootDir": "./src",
-    "target": "esnext",
+    "target": "es2015",
     "module": "esnext",
+    "lib": ["es2017", "dom"],
     "jsx": "react-jsx",
     "jsxFactory": "",
-    "jsxFragmentFactory": ""
-  }
+    "jsxFragmentFactory": "",
+    "composite": false
+  },
+  "exclude": [
+    "**/*.spec.ts",
+    "**/*.spec.tsx",
+    "dist",
+    "./plugins/**/*",
+    "./dist/**/*",
+    "dist/**/*"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
 }

package/tsconfig.json

@@ -1,15 +1,23 @@
 {
-  "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "baseUrl": "./src",
-    "target": "esnext",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "module": "esnext",
     "jsx": "react-jsx",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": false,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "baseUrl": "./src",
     "noEmit": false,
     "composite": false,
-    "incremental": true,
-    "paths": {}
+    "incremental": true
   },
-  "exclude": ["dist"]
+  "files": [],
+  "exclude": [],
+  "references": [
+    {
+      "path": "./tsconfig.build.json"
+    }
+  ]
 }