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

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

@@ -1,37 +1,96 @@
+(() => {
 "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 });
+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;
+}({});
+
+
+},
+
+});
+// 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/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 utils_exports = {};
-__export(utils_exports, {
-  getItemStatus: () => getItemStatus
+})();
+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__, {
+  getItemStatus: () => (getItemStatus)
 });
-module.exports = __toCommonJS(utils_exports);
-var import_types = require("./types");
-const getItemStatus = (itemIndex, activeIndex, itemCount) => {
-  const isActive = itemIndex === activeIndex;
-  if (isActive) {
-    return import_types.ItemStatus.active;
-  }
-  const isAdjacent = Math.abs(itemIndex - activeIndex) === 1;
-  if (isAdjacent) {
-    return import_types.ItemStatus.nearby;
-  }
-  const isEdge = itemIndex === 0 || itemIndex === itemCount - 1;
-  return isEdge ? import_types.ItemStatus.far : import_types.ItemStatus.nearby;
+/* 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;
 };
-//# sourceMappingURL=utils.js.map
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=utils.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../src/components/layout/Carousel/Footer/Pagination/utils.ts"],
-  "sourcesContent": ["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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAKpB,MAAM,gBAAgB,CAAC,WAAmB,aAAqB,cAAsB;AAC1F,QAAM,WAAW,cAAc;AAC/B,MAAI,UAAU;AACZ,WAAO,wBAAW;AAAA,EACpB;AAEA,QAAM,aAAa,KAAK,IAAI,YAAY,WAAW,MAAM;AACzD,MAAI,YAAY;AACd,WAAO,wBAAW;AAAA,EACpB;AAEA,QAAM,SAAS,cAAc,KAAK,cAAc,YAAY;AAC5D,SAAO,SAAS,wBAAW,MAAM,wBAAW;AAC9C;",
-  "names": []
-}
+{"version":3,"file":"components/layout/Carousel/Footer/Pagination/utils.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Carousel/Footer/Pagination/types.ts","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/utils.ts"],"sourcesContent":["export enum ItemStatus {\n  \"active\",\n  \"nearby\",\n  \"far\",\n  \"none\",\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 { 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"],"names":["ItemStatus","getItemStatus","itemIndex","activeIndex","itemCount","isActive","isAdjacent","Math","isEdge"],"mappings":";;;;;;;AAAO,IAAKA,oCAAAA;;;;;WAAAA;MAKX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACLD;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;ACNqC;AAErC;;CAEC,GACM,MAAMC,gBAAgB,CAACC,WAAmBC,aAAqBC;IACpE,MAAMC,WAAWH,cAAcC;IAC/B,IAAIE,UAAU;QACZ,OAAOL,yCAAiB;IAC1B;IAEA,MAAMM,aAAaC,KAAK,GAAG,CAACL,YAAYC,iBAAiB;IACzD,IAAIG,YAAY;QACd,OAAON,yCAAiB;IAC1B;IAEA,MAAMQ,SAASN,cAAc,KAAKA,cAAcE,YAAY;IAC5D,OAAOI,SAASR,sCAAc,GAAGA,yCAAiB;AACpD,EAAE"}

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

@@ -1,48 +1,313 @@
+(() => {
 "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 Footer_exports = {};
-__export(Footer_exports, {
-  default: () => Footer_default
-});
-module.exports = __toCommonJS(Footer_exports);
-var import_react = __toESM(require("react"));
-var import_variantContentCard = __toESM(require("./variantContentCard"));
-var import_variantDefault = __toESM(require("./variantDefault"));
+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])
+    });
+};
+/* 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;
+};
+
+
+},
+4123(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__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};
+  display: flex;
+  justify-content: space-between;
+  padding: 6px 16px 6px 16px;
+`;
+const FooterArrowsContainer = (styled_components__rspack_import_2_default().div)`
+  display: flex;
+  gap: 8px;
+  align-items: center;
+`;
+const FooterArrowContainer = (styled_components__rspack_import_2_default().div)`
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+`;
+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"
+    }))));
+};
+/* export default */ const __rspack_default_export = (FooterContentCard);
+
+
+},
+373(__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 _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__*/ react__rspack_import_0_default().createElement(FooterContainer, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_Pagination__rspack_import_2["default"], props));
+};
+/* export default */ const __rspack_default_export = (FooterDefault);
+
+
+},
+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 react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var _variantContentCard__rspack_import_1 = __webpack_require__(4123);
+/* import */ var _variantDefault__rspack_import_2 = __webpack_require__(373);
+
+
+
 const Footers = {
-  "content-card": import_variantContentCard.default,
-  default: import_variantDefault.default
+    "content-card": _variantContentCard__rspack_import_1["default"],
+    default: _variantDefault__rspack_import_2["default"]
 };
-const Footer = (props) => {
-  if (props.children.length === 1)
-    return null;
-  const Component = Footers[props.variant];
-  return /* @__PURE__ */ import_react.default.createElement(Component, { ...props });
+const Footer = (props)=>{
+    if (props.children.length === 1) return null;
+    const Component = Footers[props.variant];
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Component, props);
 };
-var Footer_default = Footer;
-//# sourceMappingURL=index.js.map
+/* export default */ const __rspack_default_export = (Footer);
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../src/components/layout/Carousel/Footer/index.tsx"],
-  "sourcesContent": ["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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAE1B,gCAA8B;AAC9B,4BAA0B;AAE1B,MAAM,UAA8C;AAAA,EAClD,gBAAgB,0BAAAA;AAAA,EAChB,SAAS,sBAAAC;AACX;AAEA,MAAM,SAAS,CAAC,UAAoB;AAClC,MAAI,MAAM,SAAS,WAAW;AAAG,WAAO;AAExC,QAAM,YAAY,QAAQ,MAAM,OAAO;AACvC,SAAO,6BAAAC,QAAA,cAAC,aAAW,GAAG,OAAO;AAC/B;AAEA,IAAO,iBAAQ;",
-  "names": ["FooterContentCard", "FooterDefault", "React"]
-}
+{"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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"}