@ledgerhq/react-ui 0.46.0 → 0.47.0-nightly.20260228025221

package/lib/cjs/components/layout/Carousel/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/layout/Carousel/Footer/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  return <animated.div style={useSpring(useBulletStyles()[type])} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination\n        variant={variant}\n        children={children}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n\n      <FooterArrowsContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n          <ArrowLeft size=\"S\" />\n        </FooterArrowContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n          <ArrowRight size=\"S\" />\n        </FooterArrowContainer>\n      </FooterArrowsContainer>\n    </FooterContainer>\n  );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n  \"content-card\": FooterContentCard,\n  default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n  if (props.children.length === 1) return null;\n\n  const Component = Footers[props.variant];\n  return <Component {...props} />;\n};\n\nexport default Footer;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant","FooterDefault","props","Footers","Footer","Component"],"mappings":"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"}
+{"version":3,"file":"components/layout/Carousel/Footer/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  const springStyle = useSpring(useBulletStyles()[type]);\n  /* react-spring animated.div typings don't include style; spread with assertion for compatibility */\n  /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */\n  return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination\n        variant={variant}\n        children={children}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n\n      <FooterArrowsContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n          <ArrowLeft size=\"S\" />\n        </FooterArrowContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n          <ArrowRight size=\"S\" />\n        </FooterArrowContainer>\n      </FooterArrowsContainer>\n    </FooterContainer>\n  );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n  \"content-card\": FooterContentCard,\n  default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n  if (props.children.length === 1) return null;\n\n  const Component = Footers[props.variant];\n  return <Component {...props} />;\n};\n\nexport default Footer;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant","FooterDefault","props","Footers","Footer","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,0EAA0E,GAC1E,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;;;;;;;;;;AC3DI;AACa;AAER;AACS;AAExC,MAAMK,wBAAwBF,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMG,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACV,oCAAMA;YAAC,KAAKS,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;ACrBnB,IAAKX,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMS,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOnB,yCAAiB;IAC1B;IAEA,MAAMoB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOpB,yCAAiB;IAC1B;IAEA,MAAMsB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAAStB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;AClB+D;AACvC;AACa;AACD;AAGtC,MAAMyB,kBAAkBjB,kDAAU,CAAC;;wBAEX,EAAEkB,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;;;;AAIjE,CAAC;AAED,MAAMC,wBAAwBnB,kDAAU,CAAC;;;;AAIzC,CAAC;AAED,MAAMoB,uBAAuBpB,kDAAU,CAAC;;;;AAIxC,CAAC;AAED,MAAMqB,oBAAoB,CAAC,EAAEjB,QAAQ,EAAEkB,QAAQ,EAAEjB,YAAY,EAAEkB,OAAO,EAAY;IAChF,qBACE,+CAACN,qCACC,+CAACd,uCAAUA;QACT,SAASoB;QACT,UAAUnB;QACV,UAAUkB;QACV,cAAcjB;sBAGhB,+CAACc,2CACC,+CAACC;QAAqB,SAAS,IAAME,UAAU;qBAC7C,+CAACP,mDAASA;QAAC,MAAK;uBAElB,+CAACK;QAAqB,SAAS,IAAME,UAAU;qBAC7C,+CAACN,oDAAUA;QAAC,MAAK;;AAK3B;AAEA,sDAAeK,iBAAiBA,EAAC;;;;;;;;;;;;;AChDP;AACa;AACD;AAGtC,MAAMJ,kBAAkBjB,kDAAU,CAAC;;;;;AAKnC,CAAC;AAED,MAAMwB,gBAAgB,CAACC;IACrB,qBACE,+CAACR,qCACC,+CAACd,uCAAUA,EAAKsB;AAGtB;AAEA,sDAAeD,aAAaA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpB7B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;ACNkC;AAEmB;AACR;AAE7C,MAAME,UAA8C;IAClD,gBAAgBL,+CAAiBA;IACjC,SAASG,2CAAaA;AACxB;AAEA,MAAMG,SAAS,CAACF;IACd,IAAIA,MAAM,QAAQ,CAAC,MAAM,KAAK,GAAG,OAAO;IAExC,MAAMG,YAAYF,OAAO,CAACD,MAAM,OAAO,CAAC;IACxC,qBAAO,+CAACG,WAAcH;AACxB;AAEA,sDAAeE,MAAMA,EAAC"}

package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js

@@ -57,8 +57,9 @@ const useBulletStyles = ()=>{
     return BulletStyle;
 };
 const Bullet = ({ type })=>{
-    return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
-        style: (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type])
+    const springStyle = (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type]);
+    /* react-spring animated.div typings don't include style; spread with assertion for compatibility */ /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */ return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+        style: springStyle
     });
 };
 /* export default */ const bullets = (Bullet);

package/lib/cjs/components/layout/Carousel/Footer/variantContentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/layout/Carousel/Footer/variantContentCard.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  return <animated.div style={useSpring(useBulletStyles()[type])} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination\n        variant={variant}\n        children={children}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n\n      <FooterArrowsContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n          <ArrowLeft size=\"S\" />\n        </FooterArrowContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n          <ArrowRight size=\"S\" />\n        </FooterArrowContainer>\n      </FooterArrowsContainer>\n    </FooterContainer>\n  );\n};\n\nexport default FooterContentCard;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant"],"mappings":"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"}
+{"version":3,"file":"components/layout/Carousel/Footer/variantContentCard.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  const springStyle = useSpring(useBulletStyles()[type]);\n  /* react-spring animated.div typings don't include style; spread with assertion for compatibility */\n  /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */\n  return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination\n        variant={variant}\n        children={children}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n\n      <FooterArrowsContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n          <ArrowLeft size=\"S\" />\n        </FooterArrowContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n          <ArrowRight size=\"S\" />\n        </FooterArrowContainer>\n      </FooterArrowsContainer>\n    </FooterContainer>\n  );\n};\n\nexport default FooterContentCard;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","FooterContentCard","emblaApi","variant"],"mappings":"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"}

package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js

@@ -57,8 +57,9 @@ const useBulletStyles = ()=>{
     return BulletStyle;
 };
 const Bullet = ({ type })=>{
-    return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
-        style: (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type])
+    const springStyle = (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type]);
+    /* react-spring animated.div typings don't include style; spread with assertion for compatibility */ /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */ return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+        style: springStyle
     });
 };
 /* export default */ const bullets = (Bullet);

package/lib/cjs/components/layout/Carousel/Footer/variantDefault.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/layout/Carousel/Footer/variantDefault.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  return <animated.div style={useSpring(useBulletStyles()[type])} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContainer","FooterDefault","props"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,qBAAO,uCAACT,kDAAY;QAAC,OAAOC,mDAASA,CAACI,iBAAiB,CAACI,KAAK;;AAC/D;AAEA,sCAAeD,MAAMA,EAAC;;;;;;;;;;;;;;ACxDI;AACa;AAER;AACS;AAExC,MAAMI,wBAAwBF,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMG,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACT,oCAAMA;YAAC,KAAKQ,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;ACrBnB,IAAKV,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMQ,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOlB,yCAAiB;IAC1B;IAEA,MAAMmB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOnB,yCAAiB;IAC1B;IAEA,MAAMqB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASrB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;ACN0B;AACa;AACD;AAGtC,MAAMsB,kBAAkBf,kDAAU,CAAC;;;;;AAKnC,CAAC;AAED,MAAMgB,gBAAgB,CAACC;IACrB,qBACE,+CAACF,qCACC,+CAACZ,uCAAUA,EAAKc;AAGtB;AAEA,sDAAeD,aAAaA,EAAC"}
+{"version":3,"file":"components/layout/Carousel/Footer/variantDefault.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  const springStyle = useSpring(useBulletStyles()[type]);\n  /* react-spring animated.div typings don't include style; spread with assertion for compatibility */\n  /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */\n  return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","styled","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContainer","FooterDefault","props"],"mappings":";;;;;;;;;;;;;;;;;;;;AAA0B;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,MAAMC,cAAcT,mDAASA,CAACI,iBAAiB,CAACI,KAAK;IACrD,kGAAkG,GAClG,0EAA0E,GAC1E,qBAAO,uCAACT,kDAAY,EAAM;QAAE,OAAOU;IAAY;AACjD;AAEA,sCAAeF,MAAMA,EAAC;;;;;;;;;;;;;;AC3DI;AACa;AAER;AACS;AAExC,MAAMK,wBAAwBF,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMG,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACV,oCAAMA;YAAC,KAAKS,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;ACrBnB,IAAKX,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMS,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOnB,yCAAiB;IAC1B;IAEA,MAAMoB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOpB,yCAAiB;IAC1B;IAEA,MAAMsB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAAStB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClBF;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;ACN0B;AACa;AACD;AAGtC,MAAMuB,kBAAkBf,kDAAU,CAAC;;;;;AAKnC,CAAC;AAED,MAAMgB,gBAAgB,CAACC;IACrB,qBACE,+CAACF,qCACC,+CAACZ,uCAAUA,EAAKc;AAGtB;AAEA,sDAAeD,aAAaA,EAAC"}

package/lib/cjs/components/layout/Carousel/index.js

@@ -126,8 +126,9 @@ const useBulletStyles = ()=>{
     return BulletStyle;
 };
 const Bullet = ({ type })=>{
-    return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
-        style: (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type])
+    const springStyle = (0,external_react_spring_namespaceObject.useSpring)(useBulletStyles()[type]);
+    /* react-spring animated.div typings don't include style; spread with assertion for compatibility */ /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */ return /*#__PURE__*/ external_react_default().createElement(external_react_spring_namespaceObject.animated.div, {
+        style: springStyle
     });
 };
 /* export default */ const bullets = (Bullet);

package/lib/cjs/components/layout/Carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/layout/Carousel/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/ChevronArrow.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\n\ntype Props = ContainerProps & {\n  onClick: () => void;\n};\n\nexport function ChevronArrow(props: Props) {\n  return (\n    <ChevronArrowContainer {...props}>\n      <Icons.ChevronLeft />\n    </ChevronArrowContainer>\n  );\n}\n\ntype ContainerProps = {\n  direction: \"left\" | \"right\";\n};\n\nconst ChevronArrowContainer = styled.button<ContainerProps>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n\n  position: absolute;\n  top: 50%;\n  left: ${({ direction }) => (direction === \"left\" ? \"0\" : \"auto\")};\n  right: ${({ direction }) => (direction === \"left\" ? \"auto\" : \"0\")};\n  z-index: 1;\n\n  --dir: ${({ direction }) => (direction === \"left\" ? \"1\" : \"-1\")};\n  scale: var(--dir) 1;\n  translate: calc(-50% * var(--dir)) -50%;\n\n  background-color: ${({ theme }) => theme.colors.background.default}; // Fake the transparent clip\n  border-radius: 100%;\n  border: none;\n  outline: none;\n\n  ::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    z-index: -1;\n    inset: 3px;\n    background-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n    border-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n    border-radius: 100%;\n    border-style: solid;\n    border-width: 1px;\n  }\n  svg {\n    color: ${({ theme }) => theme.colors.primary.c100};\n  }\n  ::before,\n  svg {\n    cursor: pointer;\n  }\n\n  transition: opacity 0.2s ease-in-out;\n  opacity: var(--hover-transition);\n  ::before,\n  svg {\n    transition: translate 0.2s ease-in-out;\n    translate: calc(-50% + 50% * var(--hover-transition)) 0;\n  }\n`;\n","import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  return <animated.div style={useSpring(useBulletStyles()[type])} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n  \"content-card\": FooterContentCard,\n  default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n  if (props.children.length === 1) return null;\n\n  const Component = Footers[props.variant];\n  return <Component {...props} />;\n};\n\nexport default Footer;\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination\n        variant={variant}\n        children={children}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n\n      <FooterArrowsContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n          <ArrowLeft size=\"S\" />\n        </FooterArrowContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n          <ArrowRight size=\"S\" />\n        </FooterArrowContainer>\n      </FooterArrowsContainer>\n    </FooterContainer>\n  );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { EmblaCarouselType, EmblaEventType } from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport debounce from \"lodash/debounce\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\nimport { ChevronArrow } from \"./ChevronArrow\";\n\nconst Embla = styled.div`\n  overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n  display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n  > * {\n    flex-basis: 100%;\n  }\n`;\n\nconst CarouselContainer = styled.div<Pick<Props, \"variant\">>`\n  position: relative;\n\n  --hover-transition: 0;\n  &:hover {\n    --hover-transition: 1;\n  }\n`;\n\n/**\n * This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({\n  children,\n  variant = \"default\",\n  initialDelay = 0,\n  autoPlay = 0,\n  onNext,\n  onPrev,\n}: Props) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [autoplayEnabled, setAutoplayEnabled] = useState<boolean>(false);\n\n  const plugins = useMemo(\n    () => (autoplayEnabled && autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []),\n    [autoplayEnabled, autoPlay],\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, plugins);\n\n  useEffect(() => {\n    if (autoPlay) {\n      const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);\n      return () => clearTimeout(timer);\n    }\n  }, [autoPlay]);\n\n  const updateIndex = useCallback(() => {\n    if (!emblaApi) return;\n\n    const newIndex = emblaApi.selectedScrollSnap();\n    setCurrentIndex(newIndex);\n    emblaApi.scrollTo(newIndex);\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    // Initial call to update carousel index\n    updateIndex();\n\n    const dragX = watchDragX(emblaApi);\n\n    // When the selected scroll snap changes\n    const handleAnySelect = debounce((mightBeASwipe: boolean) => {\n      updateIndex();\n      if (!mightBeASwipe || variant !== \"default\") return; // onNext/onPrev events are not supported for content-card variant ATM\n      if (dragX.value > 0) return onPrev?.();\n      if (dragX.value < 0) return onNext?.();\n    }, 0); // all events are fired on the same tick so no need to wait past the next tick\n\n    emblaApi.on(\"select\", handleSelect);\n    emblaApi.on(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n    emblaApi.on(\"button:prev\" as EmblaEventType, handlePrevButton);\n    emblaApi.on(\"button:next\" as EmblaEventType, handleNextButton);\n\n    // When `reInit` is called or when window is resized\n    emblaApi.on(\"reInit\", updateIndex);\n\n    return () => {\n      dragX.clean();\n      emblaApi.off(\"select\", handleSelect);\n      emblaApi.off(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n      emblaApi.off(\"button:prev\" as EmblaEventType, handlePrevButton);\n      emblaApi.off(\"button:next\" as EmblaEventType, handleNextButton);\n      emblaApi.off(\"reInit\", updateIndex);\n    };\n\n    function handleSelect() {\n      handleAnySelect(true); // This could be a swipe action. As this runs first the debounce will override the value otherwise\n    }\n    function handleAutoPlaySelect() {\n      handleAnySelect(false);\n    }\n    function handlePrevButton() {\n      emblaApi?.scrollPrev();\n      onPrev?.();\n      handleAnySelect(false);\n    }\n    function handleNextButton() {\n      emblaApi?.scrollNext();\n      onNext?.();\n      handleAnySelect(false);\n    }\n  }, [emblaApi, updateIndex, variant]);\n\n  if (!children.length) return null;\n\n  const handleGotoPrevSlide = () => emblaApi?.emit(\"button:prev\" as EmblaEventType);\n  const handleGotoNextSlide = () => emblaApi?.emit(\"button:next\" as EmblaEventType);\n\n  return (\n    <div>\n      <CarouselContainer variant={variant}>\n        {variant === \"default\" && children.length > 1 && (\n          <>\n            <ChevronArrow\n              data-testid=\"carousel-arrow-prev\"\n              direction=\"left\"\n              onClick={handleGotoPrevSlide}\n            />\n            <ChevronArrow\n              data-testid=\"carousel-arrow-next\"\n              direction=\"right\"\n              onClick={handleGotoNextSlide}\n            />\n          </>\n        )}\n\n        <Embla ref={emblaRef}>\n          <EmblaContainer>\n            {children.map(child => (\n              <EmblaSlide key={child.key}>{child}</EmblaSlide>\n            ))}\n          </EmblaContainer>\n        </Embla>\n      </CarouselContainer>\n\n      <Footer\n        children={children}\n        variant={variant}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n    </div>\n  );\n};\n\nexport default Carousel;\n\nconst AutoplayFlags = {\n  play: true,\n  stopOnMouseEnter: true,\n  stopOnInteraction: false,\n};\n\nfunction watchDragX(emblaApi: EmblaCarouselType) {\n  emblaApi.on(\"pointerDown\", watchMouse);\n\n  let start: number | undefined;\n  let end: number | undefined;\n\n  return {\n    get value() {\n      return typeof start === \"undefined\" || typeof end === \"undefined\" ? 0 : end - start;\n    },\n    clean: () => {\n      emblaApi.off(\"pointerDown\", watchMouse);\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    },\n  };\n\n  function watchMouse() {\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    document.addEventListener(\"mouseup\", handleMouseUp);\n  }\n  function handleMouseMove(event: MouseEvent) {\n    document.removeEventListener(\"mousemove\", handleMouseMove);\n    start = event.clientX;\n    end = undefined;\n  }\n  function handleMouseUp(event: MouseEvent) {\n    document.removeEventListener(\"mouseup\", handleMouseUp);\n    end = event.clientX;\n  }\n}\n"],"names":["React","styled","Icons","ChevronArrow","props","ChevronArrowContainer","direction","theme","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContentCard","FooterDefault","Footers","Footer","Component","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","emblaApi","variant","Autoplay","useEmblaCarousel","debounce","useCallback","useEffect","useMemo","useState","Embla","EmblaContainer","EmblaSlide","CarouselContainer","Carousel","initialDelay","autoPlay","onNext","onPrev","setCurrentIndex","autoplayEnabled","setAutoplayEnabled","plugins","AutoplayFlags","emblaRef","timer","setTimeout","clearTimeout","updateIndex","newIndex","dragX","watchDragX","handleAnySelect","mightBeASwipe","handleSelect","handleAutoPlaySelect","handlePrevButton","handleNextButton","handleGotoPrevSlide","handleGotoNextSlide","watchMouse","start","end","document","handleMouseUp","handleMouseMove","event","undefined"],"mappings":";;;;;;;;;;;;;AAA0B;AACa;AACC;AAMjC,SAASG,aAAaC,KAAY;IACvC,qBACE,+CAACC,uBAA0BD,qBACzB,+CAACF,oCAAiB;AAGxB;AAMA,MAAMG,wBAAwBJ,qDAA6B,CAAC;;;;;;;;;QASpD,EAAE,CAAC,EAAEK,SAAS,EAAE,GAAMA,cAAc,SAAS,MAAM,OAAQ;SAC1D,EAAE,CAAC,EAAEA,SAAS,EAAE,GAAMA,cAAc,SAAS,SAAS,IAAK;;;SAG3D,EAAE,CAAC,EAAEA,SAAS,EAAE,GAAMA,cAAc,SAAS,MAAM,KAAM;;;;oBAI9C,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC;;;;;;;;;;;sBAW/C,EAAE,CAAC,EAAEA,KAAK,EAAE,GAAKA,MAAM,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;kBACrD,EAAE,CAAC,EAAEA,KAAK,EAAE,GAAKA,MAAM,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;;;;;;WAMxD,EAAE,CAAC,EAAEA,KAAK,EAAE,GAAKA,MAAM,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;;;;;;;;AActD,CAAC;;;;;;;;;;;;;;;;;;;;;ACrEyB;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGJ,wCAAQA;IAE3B,MAAMK,cASF;QACF,CAACJ,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,uBAAiB,CAAC,EAAE;YACnB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,oBAAc,CAAC,EAAE;YAChB,GAAGC,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACH,qBAAe,CAAC,EAAE;YACjB,GAAGC,kBAAkB;YACrB,OAAO;YACP,SAAS;YACT,iBAAiBE,OAAO,cAAc,CAAC,GAAG;YAC1C,aAAa;QACf;IACF;IAEA,OAAOC;AACT;AAEA,MAAMC,SAAS,CAAC,EAAEC,IAAI,EAAwB;IAC5C,qBAAO,uCAACT,kDAAY;QAAC,OAAOC,mDAASA,CAACI,iBAAiB,CAACI,KAAK;;AAC/D;AAEA,sCAAeD,MAAMA,EAAC;;;;;;;;;;;;;;ACxDI;AACa;AAER;AACS;AAExC,MAAMG,wBAAwBlB,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAMmB,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAACR,oCAAMA;YAAC,KAAKO,MAAM,GAAG;YAAE,MAAML,yCAAaA,CAACM,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC;;;;;;;;ACrBnB,IAAKT,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMO,gBAAgB,CAACO,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOjB,yCAAiB;IAC1B;IAEA,MAAMkB,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOlB,yCAAiB;IAC1B;IAEA,MAAMoB,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASpB,sCAAc,GAAGA,yCAAiB;AACpD,EAAE;;;;;;;;;;;;AClBgC;AAEmB;AACR;AAE7C,MAAMuB,UAA8C;IAClD,gBAAgBF,+CAAiBA;IACjC,SAASC,2CAAaA;AACxB;AAEA,MAAME,SAAS,CAAC/B;IACd,IAAIA,MAAM,QAAQ,CAAC,MAAM,KAAK,GAAG,OAAO;IAExC,MAAMgC,YAAYF,OAAO,CAAC9B,MAAM,OAAO,CAAC;IACxC,qBAAO,+CAACgC,WAAchC;AACxB;AAEA,sDAAe+B,MAAMA,EAAC;;;;;;;;;;;;;;;ACjB2C;AACvC;AACa;AACD;AAGtC,MAAMI,kBAAkBtC,kDAAU,CAAC;;wBAEX,EAAEuC,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC;;;;AAIjE,CAAC;AAED,MAAMC,wBAAwBxC,kDAAU,CAAC;;;;AAIzC,CAAC;AAED,MAAMyC,uBAAuBzC,kDAAU,CAAC;;;;AAIxC,CAAC;AAED,MAAM+B,oBAAoB,CAAC,EAAEX,QAAQ,EAAEsB,QAAQ,EAAErB,YAAY,EAAEsB,OAAO,EAAY;IAChF,qBACE,+CAACL,qCACC,+CAACnB,uCAAUA;QACT,SAASwB;QACT,UAAUvB;QACV,UAAUsB;QACV,cAAcrB;sBAGhB,+CAACmB,2CACC,+CAACC;QAAqB,SAAS,IAAMC,UAAU;qBAC7C,+CAACN,mDAASA;QAAC,MAAK;uBAElB,+CAACK;QAAqB,SAAS,IAAMC,UAAU;qBAC7C,+CAACL,oDAAUA;QAAC,MAAK;;AAK3B;AAEA,sDAAeN,iBAAiBA,EAAC;;;;;;;;;;;;;AChDP;AACa;AACD;AAGtC,MAAMO,kBAAkBtC,kDAAU,CAAC;;;;;AAKnC,CAAC;AAED,MAAMgC,gBAAgB,CAAC7B;IACrB,qBACE,+CAACmC,qCACC,+CAACnB,uCAAUA,EAAKhB;AAGtB;AAEA,sDAAe6B,aAAaA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpB7B;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACL+C;AACK;AACb;AACkC;AAClC;AACT;AAEgB;AAE9C,MAAMmB,QAAQnD,0CAAU,CAAC;;AAEzB,CAAC;AAED,MAAMoD,iBAAiBpD,0CAAU,CAAC;;AAElC,CAAC;AAED,MAAMqD,aAAarD,0CAAU,CAAC;;;;;;;AAO9B,CAAC;AAED,MAAMsD,oBAAoBtD,0CAAkC,CAAC;;;;;;;AAO7D,CAAC;AAED;;CAEC,GACD,MAAMuD,WAAW,CAAC,EAChBnC,QAAQ,EACRuB,UAAU,SAAS,EACnBa,eAAe,CAAC,EAChBC,WAAW,CAAC,EACZC,MAAM,EACNC,MAAM,EACA;IACN,MAAM,CAACtC,cAAcuC,gBAAgB,GAAGV,4BAAQA,CAAC;IACjD,MAAM,CAACW,iBAAiBC,mBAAmB,GAAGZ,4BAAQA,CAAU;IAEhE,MAAMa,UAAUd,2BAAOA,CACrB,IAAOY,mBAAmBJ,WAAW;YAACb,0CAAQA,CAAC;gBAAE,OAAOa;gBAAU,GAAGO,aAAa;YAAC;SAAG,GAAG,EAAE,EAC3F;QAACH;QAAiBJ;KAAS;IAG7B,MAAM,CAACQ,UAAUvB,SAAS,GAAGG,uCAAgBA,CAAC;QAAE,MAAM;IAAK,GAAGkB;IAE9Df,6BAASA,CAAC;QACR,IAAIS,UAAU;YACZ,MAAMS,QAAQC,WAAW,IAAML,mBAAmB,OAAON;YACzD,OAAO,IAAMY,aAAaF;QAC5B;IACF,GAAG;QAACT;KAAS;IAEb,MAAMY,cAActB,+BAAWA,CAAC;QAC9B,IAAI,CAACL,UAAU;QAEf,MAAM4B,WAAW5B,SAAS,kBAAkB;QAC5CkB,gBAAgBU;QAChB5B,SAAS,QAAQ,CAAC4B;IACpB,GAAG;QAAC5B;KAAS;IAEbM,6BAASA,CAAC;QACR,IAAI,CAACN,UAAU;QAEf,wCAAwC;QACxC2B;QAEA,MAAME,QAAQC,WAAW9B;QAEzB,wCAAwC;QACxC,MAAM+B,kBAAkB3B,kBAAQA,CAAC,CAAC4B;YAChCL;YACA,IAAI,CAACK,iBAAiB/B,YAAY,WAAW,QAAQ,sEAAsE;YAC3H,IAAI4B,MAAM,KAAK,GAAG,GAAG,OAAOZ;YAC5B,IAAIY,MAAM,KAAK,GAAG,GAAG,OAAOb;QAC9B,GAAG,IAAI,8EAA8E;QAErFhB,SAAS,EAAE,CAAC,UAAUiC;QACtBjC,SAAS,EAAE,CAAC,mBAAqCkC;QACjDlC,SAAS,EAAE,CAAC,eAAiCmC;QAC7CnC,SAAS,EAAE,CAAC,eAAiCoC;QAE7C,oDAAoD;QACpDpC,SAAS,EAAE,CAAC,UAAU2B;QAEtB,OAAO;YACLE,MAAM,KAAK;YACX7B,SAAS,GAAG,CAAC,UAAUiC;YACvBjC,SAAS,GAAG,CAAC,mBAAqCkC;YAClDlC,SAAS,GAAG,CAAC,eAAiCmC;YAC9CnC,SAAS,GAAG,CAAC,eAAiCoC;YAC9CpC,SAAS,GAAG,CAAC,UAAU2B;QACzB;QAEA,SAASM;YACPF,gBAAgB,OAAO,kGAAkG;QAC3H;QACA,SAASG;YACPH,gBAAgB;QAClB;QACA,SAASI;YACPnC,UAAU;YACViB;YACAc,gBAAgB;QAClB;QACA,SAASK;YACPpC,UAAU;YACVgB;YACAe,gBAAgB;QAClB;IACF,GAAG;QAAC/B;QAAU2B;QAAa1B;KAAQ;IAEnC,IAAI,CAACvB,SAAS,MAAM,EAAE,OAAO;IAE7B,MAAM2D,sBAAsB,IAAMrC,UAAU,KAAK;IACjD,MAAMsC,sBAAsB,IAAMtC,UAAU,KAAK;IAEjD,qBACE,uCAAC,2BACC,uCAACY;QAAkB,SAASX;OACzBA,YAAY,aAAavB,SAAS,MAAM,GAAG,mBAC1C,gGACE,uCAAClB,yBAAYA;QACX,eAAY;QACZ,WAAU;QACV,SAAS6E;sBAEX,uCAAC7E,yBAAYA;QACX,eAAY;QACZ,WAAU;QACV,SAAS8E;uBAKf,uCAAC7B;QAAM,KAAKc;qBACV,uCAACb,sBACEhC,SAAS,GAAG,CAACE,CAAAA,sBACZ,uCAAC+B;YAAW,KAAK/B,MAAM,GAAG;WAAGA,0BAMrC,uCAACY,iBAAMA;QACL,UAAUd;QACV,SAASuB;QACT,UAAUD;QACV,cAAcrB;;AAItB;AAEA,8CAAekC,QAAQA,EAAC;AAExB,MAAMS,gBAAgB;IACpB,MAAM;IACN,kBAAkB;IAClB,mBAAmB;AACrB;AAEA,SAASQ,WAAW9B,QAA2B;IAC7CA,SAAS,EAAE,CAAC,eAAeuC;IAE3B,IAAIC;IACJ,IAAIC;IAEJ,OAAO;QACL,IAAI,SAAQ;YACV,OAAO,OAAOD,UAAU,eAAe,OAAOC,QAAQ,cAAc,IAAIA,MAAMD;QAChF;QACA,OAAO;YACLxC,SAAS,GAAG,CAAC,eAAeuC;YAC5BG,SAAS,mBAAmB,CAAC,WAAWC;QAC1C;IACF;IAEA,SAASJ;QACPG,SAAS,gBAAgB,CAAC,aAAaE;QACvCF,SAAS,gBAAgB,CAAC,WAAWC;IACvC;IACA,SAASC,gBAAgBC,KAAiB;QACxCH,SAAS,mBAAmB,CAAC,aAAaE;QAC1CJ,QAAQK,MAAM,OAAO;QACrBJ,MAAMK;IACR;IACA,SAASH,cAAcE,KAAiB;QACtCH,SAAS,mBAAmB,CAAC,WAAWC;QACxCF,MAAMI,MAAM,OAAO;IACrB;AACF"}
+{"version":3,"file":"components/layout/Carousel/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/ChevronArrow.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/bullets.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/utils.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantContentCard.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/variantDefault.tsx","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icons } from \"../../../assets\";\n\ntype Props = ContainerProps & {\n  onClick: () => void;\n};\n\nexport function ChevronArrow(props: Props) {\n  return (\n    <ChevronArrowContainer {...props}>\n      <Icons.ChevronLeft />\n    </ChevronArrowContainer>\n  );\n}\n\ntype ContainerProps = {\n  direction: \"left\" | \"right\";\n};\n\nconst ChevronArrowContainer = styled.button<ContainerProps>`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n\n  position: absolute;\n  top: 50%;\n  left: ${({ direction }) => (direction === \"left\" ? \"0\" : \"auto\")};\n  right: ${({ direction }) => (direction === \"left\" ? \"auto\" : \"0\")};\n  z-index: 1;\n\n  --dir: ${({ direction }) => (direction === \"left\" ? \"1\" : \"-1\")};\n  scale: var(--dir) 1;\n  translate: calc(-50% * var(--dir)) -50%;\n\n  background-color: ${({ theme }) => theme.colors.background.default}; // Fake the transparent clip\n  border-radius: 100%;\n  border: none;\n  outline: none;\n\n  ::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    z-index: -1;\n    inset: 3px;\n    background-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n    border-color: ${({ theme }) => theme.colors.opacityDefault.c05};\n    border-radius: 100%;\n    border-style: solid;\n    border-width: 1px;\n  }\n  svg {\n    color: ${({ theme }) => theme.colors.primary.c100};\n  }\n  ::before,\n  svg {\n    cursor: pointer;\n  }\n\n  transition: opacity 0.2s ease-in-out;\n  opacity: var(--hover-transition);\n  ::before,\n  svg {\n    transition: translate 0.2s ease-in-out;\n    translate: calc(-50% + 50% * var(--hover-transition)) 0;\n  }\n`;\n","import React from \"react\";\nimport { animated, useSpring } from \"react-spring\";\nimport { useTheme } from \"styled-components\";\nimport { ItemStatus } from \"./types\";\n\nconst defaultBulletStyle = {\n  height: \"6px\",\n  borderRadius: \"1000px\",\n  marginRight: \"4px\",\n  opacity: 1,\n};\n\nconst useBulletStyles = () => {\n  const { colors } = useTheme();\n\n  const BulletStyle: {\n    [key in ItemStatus]: {\n      width: string;\n      height: string;\n      backgroundColor: string;\n      borderRadius: string;\n      opacity?: number;\n      marginRight: string;\n    };\n  } = {\n    [ItemStatus.active]: {\n      ...defaultBulletStyle,\n      width: \"16px\",\n      backgroundColor: colors.opacityDefault.c80,\n    },\n    [ItemStatus.nearby]: {\n      ...defaultBulletStyle,\n      width: \"8px\",\n      backgroundColor: colors.opacityDefault.c30,\n    },\n    [ItemStatus.far]: {\n      ...defaultBulletStyle,\n      width: \"4px\",\n      backgroundColor: colors.opacityDefault.c10,\n    },\n    [ItemStatus.none]: {\n      ...defaultBulletStyle,\n      width: \"0px\",\n      opacity: 0,\n      backgroundColor: colors.opacityDefault.c10,\n      marginRight: \"0px\",\n    },\n  };\n\n  return BulletStyle;\n};\n\nconst Bullet = ({ type }: { type: ItemStatus }) => {\n  const springStyle = useSpring(useBulletStyles()[type]);\n  /* react-spring animated.div typings don't include style; spread with assertion for compatibility */\n  /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */\n  return <animated.div {...({ style: springStyle } as React.HTMLAttributes<HTMLDivElement>)} />;\n};\n\nexport default Bullet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { SubProps } from \"../../types\";\nimport Bullet from \"./bullets\";\nimport { getItemStatus } from \"./utils\";\n\nconst FooterCarouselBullets = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Pagination = ({ children, currentIndex }: SubProps) => {\n  return (\n    <FooterCarouselBullets>\n      {children.map((child, index) => (\n        <Bullet key={child.key} type={getItemStatus(index, currentIndex, children.length)} />\n      ))}\n    </FooterCarouselBullets>\n  );\n};\n\nexport default Pagination;\n","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n","import { ItemStatus } from \"./types\";\n\n/**\n * Returns the status of an indexed item from the carousel index.\n */\nexport const getItemStatus = (itemIndex: number, activeIndex: number, itemCount: number) => {\n  const isActive = itemIndex === activeIndex;\n  if (isActive) {\n    return ItemStatus.active;\n  }\n\n  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;\n  if (isAdjacent) {\n    return ItemStatus.nearby;\n  }\n\n  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;\n  return isEdge ? ItemStatus.far : ItemStatus.nearby;\n};\n","import React, { FC } from \"react\";\nimport { SubProps, Variant } from \"../types\";\nimport FooterContentCard from \"./variantContentCard\";\nimport FooterDefault from \"./variantDefault\";\n\nconst Footers: { [key in Variant]: FC<SubProps> } = {\n  \"content-card\": FooterContentCard,\n  default: FooterDefault,\n};\n\nconst Footer = (props: SubProps) => {\n  if (props.children.length === 1) return null;\n\n  const Component = Footers[props.variant];\n  return <Component {...props} />;\n};\n\nexport default Footer;\n","import { ArrowLeft, ArrowRight } from \"@ledgerhq/icons-ui/react\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  border-top: 1px solid ${p => p.theme.colors.opacityDefault.c10};\n  display: flex;\n  justify-content: space-between;\n  padding: 6px 16px 6px 16px;\n`;\n\nconst FooterArrowsContainer = styled.div`\n  display: flex;\n  gap: 8px;\n  align-items: center;\n`;\n\nconst FooterArrowContainer = styled.div`\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst FooterContentCard = ({ children, emblaApi, currentIndex, variant }: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination\n        variant={variant}\n        children={children}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n\n      <FooterArrowsContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollPrev()}>\n          <ArrowLeft size=\"S\" />\n        </FooterArrowContainer>\n        <FooterArrowContainer onClick={() => emblaApi?.scrollNext()}>\n          <ArrowRight size=\"S\" />\n        </FooterArrowContainer>\n      </FooterArrowsContainer>\n    </FooterContainer>\n  );\n};\n\nexport default FooterContentCard;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import type { EmblaCarouselType, EmblaEventType } from \"embla-carousel\";\nimport Autoplay from \"embla-carousel-autoplay\";\nimport useEmblaCarousel from \"embla-carousel-react\";\nimport debounce from \"lodash/debounce\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\nimport { ChevronArrow } from \"./ChevronArrow\";\n\nconst Embla = styled.div`\n  overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n  display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n  display: flex;\n  flex: 0 0 100%;\n  min-width: 0;\n  > * {\n    flex-basis: 100%;\n  }\n`;\n\nconst CarouselContainer = styled.div<Pick<Props, \"variant\">>`\n  position: relative;\n\n  --hover-transition: 0;\n  &:hover {\n    --hover-transition: 1;\n  }\n`;\n\n/**\n * This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({\n  children,\n  variant = \"default\",\n  initialDelay = 0,\n  autoPlay = 0,\n  onNext,\n  onPrev,\n}: Props) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [autoplayEnabled, setAutoplayEnabled] = useState<boolean>(false);\n\n  const plugins = useMemo(\n    () => (autoplayEnabled && autoPlay ? [Autoplay({ delay: autoPlay, ...AutoplayFlags })] : []),\n    [autoplayEnabled, autoPlay],\n  );\n\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true }, plugins);\n\n  useEffect(() => {\n    if (autoPlay) {\n      const timer = setTimeout(() => setAutoplayEnabled(true), initialDelay);\n      return () => clearTimeout(timer);\n    }\n  }, [autoPlay]);\n\n  const updateIndex = useCallback(() => {\n    if (!emblaApi) return;\n\n    const newIndex = emblaApi.selectedScrollSnap();\n    setCurrentIndex(newIndex);\n    emblaApi.scrollTo(newIndex);\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    // Initial call to update carousel index\n    updateIndex();\n\n    const dragX = watchDragX(emblaApi);\n\n    // When the selected scroll snap changes\n    const handleAnySelect = debounce((mightBeASwipe: boolean) => {\n      updateIndex();\n      if (!mightBeASwipe || variant !== \"default\") return; // onNext/onPrev events are not supported for content-card variant ATM\n      if (dragX.value > 0) return onPrev?.();\n      if (dragX.value < 0) return onNext?.();\n    }, 0); // all events are fired on the same tick so no need to wait past the next tick\n\n    emblaApi.on(\"select\", handleSelect);\n    emblaApi.on(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n    emblaApi.on(\"button:prev\" as EmblaEventType, handlePrevButton);\n    emblaApi.on(\"button:next\" as EmblaEventType, handleNextButton);\n\n    // When `reInit` is called or when window is resized\n    emblaApi.on(\"reInit\", updateIndex);\n\n    return () => {\n      dragX.clean();\n      emblaApi.off(\"select\", handleSelect);\n      emblaApi.off(\"autoplay:select\" as EmblaEventType, handleAutoPlaySelect);\n      emblaApi.off(\"button:prev\" as EmblaEventType, handlePrevButton);\n      emblaApi.off(\"button:next\" as EmblaEventType, handleNextButton);\n      emblaApi.off(\"reInit\", updateIndex);\n    };\n\n    function handleSelect() {\n      handleAnySelect(true); // This could be a swipe action. As this runs first the debounce will override the value otherwise\n    }\n    function handleAutoPlaySelect() {\n      handleAnySelect(false);\n    }\n    function handlePrevButton() {\n      emblaApi?.scrollPrev();\n      onPrev?.();\n      handleAnySelect(false);\n    }\n    function handleNextButton() {\n      emblaApi?.scrollNext();\n      onNext?.();\n      handleAnySelect(false);\n    }\n  }, [emblaApi, updateIndex, variant]);\n\n  if (!children.length) return null;\n\n  const handleGotoPrevSlide = () => emblaApi?.emit(\"button:prev\" as EmblaEventType);\n  const handleGotoNextSlide = () => emblaApi?.emit(\"button:next\" as EmblaEventType);\n\n  return (\n    <div>\n      <CarouselContainer variant={variant}>\n        {variant === \"default\" && children.length > 1 && (\n          <>\n            <ChevronArrow\n              data-testid=\"carousel-arrow-prev\"\n              direction=\"left\"\n              onClick={handleGotoPrevSlide}\n            />\n            <ChevronArrow\n              data-testid=\"carousel-arrow-next\"\n              direction=\"right\"\n              onClick={handleGotoNextSlide}\n            />\n          </>\n        )}\n\n        <Embla ref={emblaRef}>\n          <EmblaContainer>\n            {children.map(child => (\n              <EmblaSlide key={child.key}>{child}</EmblaSlide>\n            ))}\n          </EmblaContainer>\n        </Embla>\n      </CarouselContainer>\n\n      <Footer\n        children={children}\n        variant={variant}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n    </div>\n  );\n};\n\nexport default Carousel;\n\nconst AutoplayFlags = {\n  play: true,\n  stopOnMouseEnter: true,\n  stopOnInteraction: false,\n};\n\nfunction watchDragX(emblaApi: EmblaCarouselType) {\n  emblaApi.on(\"pointerDown\", watchMouse);\n\n  let start: number | undefined;\n  let end: number | undefined;\n\n  return {\n    get value() {\n      return typeof start === \"undefined\" || typeof end === \"undefined\" ? 0 : end - start;\n    },\n    clean: () => {\n      emblaApi.off(\"pointerDown\", watchMouse);\n      document.removeEventListener(\"mouseup\", handleMouseUp);\n    },\n  };\n\n  function watchMouse() {\n    document.addEventListener(\"mousemove\", handleMouseMove);\n    document.addEventListener(\"mouseup\", handleMouseUp);\n  }\n  function handleMouseMove(event: MouseEvent) {\n    document.removeEventListener(\"mousemove\", handleMouseMove);\n    start = event.clientX;\n    end = undefined;\n  }\n  function handleMouseUp(event: MouseEvent) {\n    document.removeEventListener(\"mouseup\", handleMouseUp);\n    end = event.clientX;\n  }\n}\n"],"names":["React","styled","Icons","ChevronArrow","props","ChevronArrowContainer","direction","theme","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","springStyle","getItemStatus","FooterCarouselBullets","Pagination","children","currentIndex","child","index","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","FooterContentCard","FooterDefault","Footers","Footer","Component","ArrowLeft","ArrowRight","FooterContainer","p","FooterArrowsContainer","FooterArrowContainer","emblaApi","variant","Autoplay","useEmblaCarousel","debounce","useCallback","useEffect","useMemo","useState","Embla","EmblaContainer","EmblaSlide","CarouselContainer","Carousel","initialDelay","autoPlay","onNext","onPrev","setCurrentIndex","autoplayEnabled","setAutoplayEnabled","plugins","AutoplayFlags","emblaRef","timer","setTimeout","clearTimeout","updateIndex","newIndex","dragX","watchDragX","handleAnySelect","mightBeASwipe","handleSelect","handleAutoPlaySelect","handlePrevButton","handleNextButton","handleGotoPrevSlide","handleGotoNextSlide","watchMouse","start","end","document","handleMouseUp","handleMouseMove","event","undefined"],"mappings":"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"}

package/lib/cjs/components/layout/ContentCard/PortfolioContentCard/PortfolioContentCard.stories.js

@@ -109,29 +109,32 @@ function Tag({ children, textProps, size = "large", ...props }) {
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
-/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
-/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
-/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+/* import */ var react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
+
 
 
 
 
-const uppercase = (0,styled_system__rspack_import_0.system)({
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}