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

package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js

@@ -1,76 +1,158 @@
+(() => {
 "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__ = ({
+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;
+}({});
+
+
+},
+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;
 };
-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;
+
+})();
+// 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 __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 bullets_exports = {};
-__export(bullets_exports, {
-  default: () => bullets_default
+})();
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
+(() => {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ bullets)
 });
-module.exports = __toCommonJS(bullets_exports);
-var import_react = __toESM(require("react"));
-var import_react_spring = require("react-spring");
-var import_styled_components = require("styled-components");
-var import_types = require("./types");
+
+// 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
+    height: "6px",
+    borderRadius: "1000px",
+    marginRight: "4px",
+    opacity: 1
 };
-const useBulletStyles = () => {
-  const { colors } = (0, import_styled_components.useTheme)();
-  const BulletStyle = {
-    [import_types.ItemStatus.active]: {
-      ...defaultBulletStyle,
-      width: "16px",
-      backgroundColor: colors.opacityDefault.c80
-    },
-    [import_types.ItemStatus.nearby]: {
-      ...defaultBulletStyle,
-      width: "8px",
-      backgroundColor: colors.opacityDefault.c30
-    },
-    [import_types.ItemStatus.far]: {
-      ...defaultBulletStyle,
-      width: "4px",
-      backgroundColor: colors.opacityDefault.c10
-    },
-    [import_types.ItemStatus.none]: {
-      ...defaultBulletStyle,
-      width: "0px",
-      opacity: 0,
-      backgroundColor: colors.opacityDefault.c10,
-      marginRight: "0px"
-    }
-  };
-  return BulletStyle;
+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__ */ import_react.default.createElement(import_react_spring.animated.div, { style: (0, import_react_spring.useSpring)(useBulletStyles()[type]) });
+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 bullets_default = Bullet;
-//# sourceMappingURL=bullets.js.map
+/* export default */ const bullets = (Bullet);
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=bullets.js.map

package/lib/cjs/components/layout/Carousel/Footer/Pagination/bullets.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/components/layout/Carousel/Footer/Pagination/bullets.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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAoC;AACpC,+BAAyB;AACzB,mBAA2B;AAE3B,MAAM,qBAAqB;AAAA,EACzB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,SAAS;AACX;AAEA,MAAM,kBAAkB,MAAM;AAC5B,QAAM,EAAE,OAAO,QAAI,mCAAS;AAE5B,QAAM,cASF;AAAA,IACF,CAAC,wBAAW,MAAM,GAAG;AAAA,MACnB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,iBAAiB,OAAO,eAAe;AAAA,IACzC;AAAA,IACA,CAAC,wBAAW,MAAM,GAAG;AAAA,MACnB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,iBAAiB,OAAO,eAAe;AAAA,IACzC;AAAA,IACA,CAAC,wBAAW,GAAG,GAAG;AAAA,MAChB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,iBAAiB,OAAO,eAAe;AAAA,IACzC;AAAA,IACA,CAAC,wBAAW,IAAI,GAAG;AAAA,MACjB,GAAG;AAAA,MACH,OAAO;AAAA,MACP,SAAS;AAAA,MACT,iBAAiB,OAAO,eAAe;AAAA,MACvC,aAAa;AAAA,IACf;AAAA,EACF;AAEA,SAAO;AACT;AAEA,MAAM,SAAS,CAAC,EAAE,KAAK,MAA4B;AACjD,SAAO,6BAAAA,QAAA,cAAC,6BAAS,KAAT,EAAa,WAAO,+BAAU,gBAAgB,EAAE,IAAI,CAAC,GAAG;AAClE;AAEA,IAAO,kBAAQ;",
-  "names": ["React"]
-}
+{"version":3,"file":"components/layout/Carousel/Footer/Pagination/bullets.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.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/Pagination/bullets.tsx"],"sourcesContent":["export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\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 { 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"],"names":["ItemStatus","React","animated","useSpring","useTheme","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type"],"mappings":";;;;;;;AAAO,IAAKA,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLD;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;AACyB;AACN;AACR;AAErC,MAAMK,qBAAqB;IACzB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,SAAS;AACX;AAEA,MAAMC,kBAAkB;IACtB,MAAM,EAAEC,MAAM,EAAE,GAAGH,wCAAQA;IAE3B,MAAMI,cASF;QACF,CAACR,uBAAiB,CAAC,EAAE;YACnB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,uBAAiB,CAAC,EAAE;YACnB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,oBAAc,CAAC,EAAE;YAChB,GAAGK,kBAAkB;YACrB,OAAO;YACP,iBAAiBE,OAAO,cAAc,CAAC,GAAG;QAC5C;QACA,CAACP,qBAAe,CAAC,EAAE;YACjB,GAAGK,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,uCAACR,kDAAY;QAAC,OAAOC,mDAASA,CAACG,iBAAiB,CAACI,KAAK;;AAC/D;AAEA,sCAAeD,MAAMA,EAAC"}

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

@@ -1,46 +1,208 @@
+(() => {
 "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 Pagination_exports = {};
-__export(Pagination_exports, {
-  default: () => Pagination_default
+var __webpack_modules__ = ({
+3831(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ bullets)
 });
-module.exports = __toCommonJS(Pagination_exports);
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_bullets = __toESM(require("./bullets"));
-var import_utils = require("./utils");
-const FooterCarouselBullets = 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);
+
+
+},
+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 _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__ */ import_react.default.createElement(FooterCarouselBullets, null, children.map((child, index) => /* @__PURE__ */ import_react.default.createElement(import_bullets.default, { key: child.key, type: (0, import_utils.getItemStatus)(index, currentIndex, children.length) })));
+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 Pagination_default = Pagination;
-//# sourceMappingURL=index.js.map
+/* export default */ const __rspack_default_export = (Pagination);
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/components/layout/Carousel/Footer/Pagination/index.tsx"],
-  "sourcesContent": ["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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AAEnB,qBAAmB;AACnB,mBAA8B;AAE9B,MAAM,wBAAwB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,aAAa,CAAC,EAAE,UAAU,aAAa,MAAgB;AAC3D,SACE,6BAAAC,QAAA,cAAC,6BACE,SAAS,IAAI,CAAC,OAAO,UACpB,6BAAAA,QAAA,cAAC,eAAAC,SAAA,EAAO,KAAK,MAAM,KAAK,UAAM,4BAAc,OAAO,cAAc,SAAS,MAAM,GAAG,CACpF,CACH;AAEJ;AAEA,IAAO,qBAAQ;",
-  "names": ["styled", "React", "Bullet"]
-}
+{"version":3,"file":"components/layout/Carousel/Footer/Pagination/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/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/Pagination/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","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 { 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"],"names":["React","animated","useSpring","useTheme","ItemStatus","defaultBulletStyle","useBulletStyles","colors","BulletStyle","Bullet","type","getItemStatus","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge","styled","FooterCarouselBullets","Pagination","children","currentIndex","child","index"],"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;;;;;;;;ACxDf,IAAKL,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;ACLoC;AAErC;;CAEC,GACM,MAAMO,gBAAgB,CAACC,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOX,yCAAiB;IAC1B;IAEA,MAAMY,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAOZ,yCAAiB;IAC1B;IAEA,MAAMc,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASd,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;AAER;AACS;AAExC,MAAMgB,wBAAwBD,kDAAU,CAAC;;;AAGzC,CAAC;AAED,MAAME,aAAa,CAAC,EAAEC,QAAQ,EAAEC,YAAY,EAAY;IACtD,qBACE,+CAACH,6BACEE,SAAS,GAAG,CAAC,CAACE,OAAOC,sBACpB,+CAAChB,oCAAMA;YAAC,KAAKe,MAAM,GAAG;YAAE,MAAMb,yCAAaA,CAACc,OAAOF,cAAcD,SAAS,MAAM;;AAIxF;AAEA,sDAAeD,UAAUA,EAAC"}

package/lib/cjs/components/layout/Carousel/Footer/Pagination/types.js

@@ -1,31 +1,46 @@
+(() => {
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+// The require scope
+var __webpack_require__ = {};
+
+// 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] });
+        }
+    }
 };
-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;
+})();
+// 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-__export(types_exports, {
-  ItemStatus: () => ItemStatus
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+  ItemStatus: () => (ItemStatus)
 });
-module.exports = __toCommonJS(types_exports);
-var ItemStatus = /* @__PURE__ */ ((ItemStatus2) => {
-  ItemStatus2[ItemStatus2["active"] = 0] = "active";
-  ItemStatus2[ItemStatus2["nearby"] = 1] = "nearby";
-  ItemStatus2[ItemStatus2["far"] = 2] = "far";
-  ItemStatus2[ItemStatus2["none"] = 3] = "none";
-  return ItemStatus2;
-})(ItemStatus || {});
-//# sourceMappingURL=types.js.map
+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;
+}({});
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=types.js.map

package/lib/cjs/components/layout/Carousel/Footer/Pagination/types.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/components/layout/Carousel/Footer/Pagination/types.ts"],
-  "sourcesContent": ["export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAK,aAAL,kBAAKA,gBAAL;AACL,EAAAA,wBAAA;AACA,EAAAA,wBAAA;AACA,EAAAA,wBAAA;AACA,EAAAA,wBAAA;AAJU,SAAAA;AAAA,GAAA;",
-  "names": ["ItemStatus"]
-}
+{"version":3,"file":"components/layout/Carousel/Footer/Pagination/types.js","sources":["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/Pagination/types.ts"],"sourcesContent":["__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};","export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\n}\n"],"names":["ItemStatus"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;ACNO,IAAKA,oCAAAA;;;;;WAAAA;MAKX"}