@ledgerhq/react-ui 0.45.0 → 0.46.0-nightly.20260214030108

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

@@ -1,67 +1,264 @@
+(() => {
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+var __webpack_modules__ = ({
+3831(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ bullets)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2015);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: external "react-spring"
+const external_react_spring_namespaceObject = require("react-spring");
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(2770);
+// EXTERNAL MODULE: ./src/components/layout/Carousel/Footer/Pagination/types.ts
+var types = __webpack_require__(6287);
+;// CONCATENATED MODULE: ./src/components/layout/Carousel/Footer/Pagination/bullets.tsx
+
+
+
+
+const defaultBulletStyle = {
+    height: "6px",
+    borderRadius: "1000px",
+    marginRight: "4px",
+    opacity: 1
+};
+const useBulletStyles = ()=>{
+    const { colors } = (0,external_styled_components_.useTheme)();
+    const BulletStyle = {
+        [types.ItemStatus.active]: {
+            ...defaultBulletStyle,
+            width: "16px",
+            backgroundColor: colors.opacityDefault.c80
+        },
+        [types.ItemStatus.nearby]: {
+            ...defaultBulletStyle,
+            width: "8px",
+            backgroundColor: colors.opacityDefault.c30
+        },
+        [types.ItemStatus.far]: {
+            ...defaultBulletStyle,
+            width: "4px",
+            backgroundColor: colors.opacityDefault.c10
+        },
+        [types.ItemStatus.none]: {
+            ...defaultBulletStyle,
+            width: "0px",
+            opacity: 0,
+            backgroundColor: colors.opacityDefault.c10,
+            marginRight: "0px"
+        }
+    };
+    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])
+    });
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
+/* export default */ const bullets = (Bullet);
+
+
+},
+2378(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* 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_components__rspack_import_1 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var _bullets__rspack_import_2 = __webpack_require__(3831);
+/* import */ var _utils__rspack_import_3 = __webpack_require__(8139);
+
+
+
+
+const FooterCarouselBullets = (styled_components__rspack_import_1_default().div)`
+  display: flex;
+  align-items: center;
+`;
+const Pagination = ({ children, currentIndex })=>{
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(FooterCarouselBullets, null, children.map((child, index)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_bullets__rspack_import_2["default"], {
+            key: child.key,
+            type: (0,_utils__rspack_import_3.getItemStatus)(index, currentIndex, children.length)
+        })));
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var variantContentCard_exports = {};
-__export(variantContentCard_exports, {
-  default: () => variantContentCard_default
+/* export default */ const __rspack_default_export = (Pagination);
+
+
+},
+6287(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  ItemStatus: () => (ItemStatus)
+});
+var ItemStatus = /*#__PURE__*/ function(ItemStatus) {
+    ItemStatus[ItemStatus["active"] = 0] = "active";
+    ItemStatus[ItemStatus["nearby"] = 1] = "nearby";
+    ItemStatus[ItemStatus["far"] = 2] = "far";
+    ItemStatus[ItemStatus["none"] = 3] = "none";
+    return ItemStatus;
+}({});
+
+
+},
+8139(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  getItemStatus: () => (getItemStatus)
 });
-module.exports = __toCommonJS(variantContentCard_exports);
-var import_react = require("@ledgerhq/icons-ui/react");
-var import_react2 = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_Pagination = __toESM(require("./Pagination"));
-const FooterContainer = import_styled_components.default.div`
+/* import */ var _types__rspack_import_0 = __webpack_require__(6287);
+
+/**
+ * Returns the status of an indexed item from the carousel index.
+ */ const getItemStatus = (itemIndex, activeIndex, itemCount)=>{
+    const isActive = itemIndex === activeIndex;
+    if (isActive) {
+        return _types__rspack_import_0.ItemStatus.active;
+    }
+    const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;
+    if (isAdjacent) {
+        return _types__rspack_import_0.ItemStatus.nearby;
+    }
+    const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;
+    return isEdge ? _types__rspack_import_0.ItemStatus.far : _types__rspack_import_0.ItemStatus.nearby;
+};
+
+
+},
+7304(module) {
+module.exports = require("@ledgerhq/icons-ui/react");
+
+},
+2015(module) {
+module.exports = require("react");
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+
+});
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, definition) => {
+	for(var key in definition) {
+        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+        }
+    }
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _ledgerhq_icons_ui_react__rspack_import_0 = __webpack_require__(7304);
+/* import */ var _ledgerhq_icons_ui_react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_react__rspack_import_0);
+/* import */ var react__rspack_import_1 = __webpack_require__(2015);
+/* import */ var react__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_1);
+/* import */ var styled_components__rspack_import_2 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_2);
+/* import */ var _Pagination__rspack_import_3 = __webpack_require__(2378);
+
+
+
+
+const FooterContainer = (styled_components__rspack_import_2_default().div)`
   height: 32px;
-  border-top: 1px solid ${(p) => p.theme.colors.opacityDefault.c10};
+  border-top: 1px solid ${(p)=>p.theme.colors.opacityDefault.c10};
   display: flex;
   justify-content: space-between;
   padding: 6px 16px 6px 16px;
 `;
-const FooterArrowsContainer = import_styled_components.default.div`
+const FooterArrowsContainer = (styled_components__rspack_import_2_default().div)`
   display: flex;
   gap: 8px;
   align-items: center;
 `;
-const FooterArrowContainer = import_styled_components.default.div`
+const FooterArrowContainer = (styled_components__rspack_import_2_default().div)`
   display: flex;
   align-items: center;
   cursor: pointer;
 `;
-const FooterContentCard = ({ children, emblaApi, currentIndex, variant }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(FooterContainer, null, /* @__PURE__ */ import_react2.default.createElement(
-    import_Pagination.default,
-    {
-      variant,
-      children,
-      emblaApi,
-      currentIndex
-    }
-  ), /* @__PURE__ */ import_react2.default.createElement(FooterArrowsContainer, null, /* @__PURE__ */ import_react2.default.createElement(FooterArrowContainer, { onClick: () => emblaApi == null ? void 0 : emblaApi.scrollPrev() }, /* @__PURE__ */ import_react2.default.createElement(import_react.ArrowLeft, { size: "S" })), /* @__PURE__ */ import_react2.default.createElement(FooterArrowContainer, { onClick: () => emblaApi == null ? void 0 : emblaApi.scrollNext() }, /* @__PURE__ */ import_react2.default.createElement(import_react.ArrowRight, { size: "S" }))));
+const FooterContentCard = ({ children, emblaApi, currentIndex, variant })=>{
+    return /*#__PURE__*/ react__rspack_import_1_default().createElement(FooterContainer, null, /*#__PURE__*/ react__rspack_import_1_default().createElement(_Pagination__rspack_import_3["default"], {
+        variant: variant,
+        children: children,
+        emblaApi: emblaApi,
+        currentIndex: currentIndex
+    }), /*#__PURE__*/ react__rspack_import_1_default().createElement(FooterArrowsContainer, null, /*#__PURE__*/ react__rspack_import_1_default().createElement(FooterArrowContainer, {
+        onClick: ()=>emblaApi?.scrollPrev()
+    }, /*#__PURE__*/ react__rspack_import_1_default().createElement(_ledgerhq_icons_ui_react__rspack_import_0.ArrowLeft, {
+        size: "S"
+    })), /*#__PURE__*/ react__rspack_import_1_default().createElement(FooterArrowContainer, {
+        onClick: ()=>emblaApi?.scrollNext()
+    }, /*#__PURE__*/ react__rspack_import_1_default().createElement(_ledgerhq_icons_ui_react__rspack_import_0.ArrowRight, {
+        size: "S"
+    }))));
 };
-var variantContentCard_default = FooterContentCard;
-//# sourceMappingURL=variantContentCard.js.map
+/* export default */ const __rspack_default_export = (FooterContentCard);
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=variantContentCard.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/components/layout/Carousel/Footer/variantContentCard.tsx"],
-  "sourcesContent": ["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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AACtC,IAAAA,gBAAkB;AAClB,+BAAmB;AACnB,wBAAuB;AAGvB,MAAM,kBAAkB,yBAAAC,QAAO;AAAA;AAAA,0BAEL,OAAK,EAAE,MAAM,OAAO,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAMhE,MAAM,wBAAwB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,uBAAuB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAMpC,MAAM,oBAAoB,CAAC,EAAE,UAAU,UAAU,cAAc,QAAQ,MAAgB;AACrF,SACE,8BAAAC,QAAA,cAAC,uBACC,8BAAAA,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GAEA,8BAAAD,QAAA,cAAC,6BACC,8BAAAA,QAAA,cAAC,wBAAqB,SAAS,MAAM,qCAAU,gBAC7C,8BAAAA,QAAA,cAAC,0BAAU,MAAK,KAAI,CACtB,GACA,8BAAAA,QAAA,cAAC,wBAAqB,SAAS,MAAM,qCAAU,gBAC7C,8BAAAA,QAAA,cAAC,2BAAW,MAAK,KAAI,CACvB,CACF,CACF;AAEJ;AAEA,IAAO,6BAAQ;",
-  "names": ["import_react", "styled", "React", "Pagination"]
-}
+{"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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"}

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

@@ -1,47 +1,233 @@
+(() => {
 "use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var variantDefault_exports = {};
-__export(variantDefault_exports, {
-  default: () => variantDefault_default
+var __webpack_modules__ = ({
+3831(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ bullets)
 });
-module.exports = __toCommonJS(variantDefault_exports);
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_Pagination = __toESM(require("./Pagination"));
-const FooterContainer = import_styled_components.default.div`
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2015);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+;// CONCATENATED MODULE: external "react-spring"
+const external_react_spring_namespaceObject = require("react-spring");
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(2770);
+// EXTERNAL MODULE: ./src/components/layout/Carousel/Footer/Pagination/types.ts
+var types = __webpack_require__(6287);
+;// CONCATENATED MODULE: ./src/components/layout/Carousel/Footer/Pagination/bullets.tsx
+
+
+
+
+const defaultBulletStyle = {
+    height: "6px",
+    borderRadius: "1000px",
+    marginRight: "4px",
+    opacity: 1
+};
+const useBulletStyles = ()=>{
+    const { colors } = (0,external_styled_components_.useTheme)();
+    const BulletStyle = {
+        [types.ItemStatus.active]: {
+            ...defaultBulletStyle,
+            width: "16px",
+            backgroundColor: colors.opacityDefault.c80
+        },
+        [types.ItemStatus.nearby]: {
+            ...defaultBulletStyle,
+            width: "8px",
+            backgroundColor: colors.opacityDefault.c30
+        },
+        [types.ItemStatus.far]: {
+            ...defaultBulletStyle,
+            width: "4px",
+            backgroundColor: colors.opacityDefault.c10
+        },
+        [types.ItemStatus.none]: {
+            ...defaultBulletStyle,
+            width: "0px",
+            opacity: 0,
+            backgroundColor: colors.opacityDefault.c10,
+            marginRight: "0px"
+        }
+    };
+    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])
+    });
+};
+/* export default */ const bullets = (Bullet);
+
+
+},
+2378(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* 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_components__rspack_import_1 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var _bullets__rspack_import_2 = __webpack_require__(3831);
+/* import */ var _utils__rspack_import_3 = __webpack_require__(8139);
+
+
+
+
+const FooterCarouselBullets = (styled_components__rspack_import_1_default().div)`
+  display: flex;
+  align-items: center;
+`;
+const Pagination = ({ children, currentIndex })=>{
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(FooterCarouselBullets, null, children.map((child, index)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_bullets__rspack_import_2["default"], {
+            key: child.key,
+            type: (0,_utils__rspack_import_3.getItemStatus)(index, currentIndex, children.length)
+        })));
+};
+/* export default */ const __rspack_default_export = (Pagination);
+
+
+},
+6287(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  ItemStatus: () => (ItemStatus)
+});
+var ItemStatus = /*#__PURE__*/ function(ItemStatus) {
+    ItemStatus[ItemStatus["active"] = 0] = "active";
+    ItemStatus[ItemStatus["nearby"] = 1] = "nearby";
+    ItemStatus[ItemStatus["far"] = 2] = "far";
+    ItemStatus[ItemStatus["none"] = 3] = "none";
+    return ItemStatus;
+}({});
+
+
+},
+8139(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  getItemStatus: () => (getItemStatus)
+});
+/* import */ var _types__rspack_import_0 = __webpack_require__(6287);
+
+/**
+ * Returns the status of an indexed item from the carousel index.
+ */ const getItemStatus = (itemIndex, activeIndex, itemCount)=>{
+    const isActive = itemIndex === activeIndex;
+    if (isActive) {
+        return _types__rspack_import_0.ItemStatus.active;
+    }
+    const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;
+    if (isAdjacent) {
+        return _types__rspack_import_0.ItemStatus.nearby;
+    }
+    const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;
+    return isEdge ? _types__rspack_import_0.ItemStatus.far : _types__rspack_import_0.ItemStatus.nearby;
+};
+
+
+},
+2015(module) {
+module.exports = require("react");
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+
+});
+// The module cache
+var __webpack_module_cache__ = {};
+
+// The require function
+function __webpack_require__(moduleId) {
+
+// Check if module is in cache
+var cachedModule = __webpack_module_cache__[moduleId];
+if (cachedModule !== undefined) {
+return cachedModule.exports;
+}
+// Create a new module (and put it into the cache)
+var module = (__webpack_module_cache__[moduleId] = {
+exports: {}
+});
+// Execute the module function
+__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+
+// Return the exports of the module
+return module.exports;
+
+}
+
+// webpack/runtime/compat_get_default_export
+(() => {
+// getDefaultExport function for compatibility with non-ESM modules
+__webpack_require__.n = (module) => {
+	var getter = module && module.__esModule ?
+		() => (module['default']) :
+		() => (module);
+	__webpack_require__.d(getter, { a: getter });
+	return getter;
+};
+
+})();
+// webpack/runtime/define_property_getters
+(() => {
+__webpack_require__.d = (exports, definition) => {
+	for(var key in definition) {
+        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+        }
+    }
+};
+})();
+// webpack/runtime/has_own_property
+(() => {
+__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+})();
+// webpack/runtime/make_namespace_object
+(() => {
+// define __esModule on exports
+__webpack_require__.r = (exports) => {
+	if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+		Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+	}
+	Object.defineProperty(exports, '__esModule', { value: true });
+};
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* 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_components__rspack_import_1 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_1);
+/* import */ var _Pagination__rspack_import_2 = __webpack_require__(2378);
+
+
+
+const FooterContainer = (styled_components__rspack_import_1_default().div)`
   height: 32px;
   display: flex;
   justify-content: center;
   align-items: center;
 `;
-const FooterDefault = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(FooterContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { ...props }));
+const FooterDefault = (props)=>{
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(FooterContainer, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_Pagination__rspack_import_2["default"], props));
 };
-var variantDefault_default = FooterDefault;
-//# sourceMappingURL=variantDefault.js.map
+/* export default */ const __rspack_default_export = (FooterDefault);
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=variantDefault.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/components/layout/Carousel/Footer/variantDefault.tsx"],
-  "sourcesContent": ["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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,wBAAuB;AAGvB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,gBAAgB,CAAC,UAAoB;AACzC,SACE,6BAAAC,QAAA,cAAC,uBACC,6BAAAA,QAAA,cAAC,kBAAAC,SAAA,EAAY,GAAG,OAAO,CACzB;AAEJ;AAEA,IAAO,yBAAQ;",
-  "names": ["styled", "React", "Pagination"]
-}
+{"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"}