@ledgerhq/react-ui 0.14.15-nightly.1 → 0.14.15-start-exchange.0

package/lib/components/cards/Carousel/index.js

@@ -0,0 +1,144 @@
+import React, { useRef, useCallback, useState, useEffect } from "react";
+import styled from "styled-components";
+import { TransitionGroup } from "react-transition-group";
+import TransitionSlide from "../../transitions/TransitionSlide";
+import Button from "../../cta/Button";
+import Text from "../../asorted/Text";
+import Flex from "../../layout/Flex";
+import Slide from "./Slide";
+import IconLeft from "@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium";
+import IconRight from "@ledgerhq/icons-ui/reactLegacy/ArrowRightMedium";
+import IconClose from "@ledgerhq/icons-ui/reactLegacy/CloseMedium";
+const CarouselWrapper = styled.div `
+  width: 100%;
+  height: 180px;
+  border-radius: 8px;
+  overflow: hidden;
+  cursor: pointer;
+  position: relative;
+  flex: 1;
+  background: ${p => p.theme.colors.neutral.c100};
+`;
+const Controllers = styled(Flex) `
+  position: absolute;
+  flex-direction: row;
+  right: ${p => p.theme.space[5]}px;
+  bottom: ${p => p.theme.space[4]}px;
+  column-gap: ${p => p.theme.space[4]}px;
+  color: ${p => p.theme.colors.neutral.c00};
+
+  > div {
+    &:hover {
+      opacity: 0.5;
+    }
+  }
+`;
+const Bullets = styled.div `
+  position: absolute;
+  display: flex;
+  left: ${p => p.theme.space[10]}px;
+  bottom: ${p => p.theme.space[8]}px;
+  column-gap: ${p => p.theme.space[2]}px;
+  flex-direction: row;
+
+  > div {
+    position: relative;
+    height: ${p => p.theme.space[1]}px;
+    width: ${p => p.theme.space[8]}px;
+    background: ${p => p.theme.colors.neutral.c00};
+    opacity: 0.5;
+    &:hover {
+      opacity: 0.75;
+    }
+
+    &:nth-child(${p => p.active}) {
+      opacity: 1;
+      &:hover {
+        opacity: 0.75;
+      }
+    }
+
+    ::after {
+      content: "";
+      position: absolute;
+      top: -${p => p.theme.space[4]}px;
+      height: ${p => p.theme.space[7]}px;
+      width: 100%;
+    }
+  }
+`;
+const Close = styled.div `
+  position: absolute;
+  top: ${p => p.theme.space[7]}px;
+  right: ${p => p.theme.space[5]}px;
+  color: ${p => p.theme.colors.neutral.c00};
+  &:hover {
+    opacity: 0.5;
+  }
+`;
+const DismissWrapper = styled.div `
+  color: white;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  padding: ${p => p.theme.space[13]}px;
+  row-gap: ${p => p.theme.space[7]}px;
+`;
+const DEFAULT_TIMEOUT = 7000;
+const Carousel = ({ timeout = DEFAULT_TIMEOUT, queue, isDismissed, onDismiss, dismissText = "This banner will not show up again until there is a new announcement", dismissConfirmText = "Confirm", dismissCancelText = "Show again", }) => {
+    const intervalRef = useRef();
+    const [direction, setDirection] = useState("right");
+    const [index, setIndex] = useState(0);
+    const [wantToDismiss, setWantToDismiss] = useState(false);
+    const [paused, setPaused] = useState(false);
+    const childFactory = useCallback((child) => React.cloneElement(child, { direction }), [direction]);
+    const wrappedSetIndex = useCallback((newIndex) => {
+        setDirection(newIndex > index ? "left" : "right");
+        setIndex(newIndex);
+    }, [index]);
+    const onSlide = useCallback((direction = "left") => {
+        setDirection(direction);
+        const i = index + (direction === "right" ? -1 : 1);
+        setIndex(i < 0 ? queue.length - 1 : i >= queue.length ? 0 : i);
+    }, [index, queue]);
+    const onPrevious = useCallback(() => onSlide("right"), [onSlide]);
+    const onNext = useCallback(() => onSlide("left"), [onSlide]);
+    const onWantToDismiss = () => setWantToDismiss(true);
+    const onCancelDismiss = () => setWantToDismiss(false);
+    const onMouseEnter = () => setPaused(true);
+    const onMouseLeave = () => setPaused(false);
+    useEffect(() => {
+        // Nb we pause automatic transitions when the mouse is within the carousel.
+        // Override passed timeout if lower than 1000ms
+        const _timeout = timeout < 1000 ? DEFAULT_TIMEOUT : timeout;
+        if (intervalRef.current)
+            clearInterval(intervalRef.current);
+        if (!paused)
+            intervalRef.current = setInterval(onSlide, _timeout);
+    }, [onSlide, paused, timeout]);
+    useEffect(() => {
+        if (isDismissed)
+            setWantToDismiss(false);
+    }, [isDismissed]);
+    if (!(queue === null || queue === void 0 ? void 0 : queue.length) || isDismissed)
+        return null;
+    return (React.createElement(CarouselWrapper, { id: "carousel", onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, wantToDismiss ? (React.createElement(DismissWrapper, null,
+        React.createElement(Text, { color: "neutral.c00", fontWeight: "medium", variant: "paragraph" }, dismissText),
+        React.createElement(Flex, { columnGap: 5 },
+            React.createElement(Button, { color: "neutral.c100", backgroundColor: "neutral.c00", onClick: onDismiss }, dismissConfirmText),
+            React.createElement(Button, { outline: true, color: "neutral.c00", backgroundColor: "neutral.c100", borderColor: "neutral.c00", onClick: onCancelDismiss }, dismissCancelText)))) : (React.createElement("div", null,
+        React.createElement(TransitionGroup, { component: null, childFactory: childFactory },
+            React.createElement(TransitionSlide, { key: index, direction: direction },
+                React.createElement(Slide, Object.assign({}, queue[index])))),
+        React.createElement(Close, { id: "carousel-dismiss", onClick: onWantToDismiss },
+            React.createElement(IconClose, { size: 18 })),
+        React.createElement(Bullets, { active: index + 1 }, queue.map((_, i) => (React.createElement("div", { key: `bullet_${i}`, onClick: () => wrappedSetIndex(i) })))),
+        React.createElement(Controllers, null,
+            React.createElement("div", { onClick: onPrevious },
+                React.createElement(IconLeft, { size: 20 })),
+            React.createElement("div", { onClick: onNext },
+                React.createElement(IconRight, { size: 20 })))))));
+};
+export default Carousel;
+//# sourceMappingURL=index.js.map

package/lib/components/cards/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/cards/Carousel/index.tsx"],"names":[],"mappings":"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"}

package/lib/components/cards/index.d.ts

@@ -0,0 +1 @@
+export { default as Carousel } from "./Carousel";

package/lib/components/cards/index.js

@@ -0,0 +1,2 @@
+export { default as Carousel } from "./Carousel";
+//# sourceMappingURL=index.js.map

package/lib/components/cards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/cards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./asorted";
+export * from "./cards";
 export { default as Chart } from "./Chart";
 export * from "./cta";
 export * from "./form";

package/lib/components/index.js

@@ -1,4 +1,5 @@
 export * from "./asorted";
+export * from "./cards";
 export { default as Chart } from "./Chart";
 export * from "./cta";
 export * from "./form";

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,eAAe,CAAC"}

package/lib/components/layout/index.d.ts

@@ -4,5 +4,4 @@ export { default as Grid } from "./Grid";
 export { default as Popin } from "./Popin";
 export { default as Side } from "./Side";
 export { default as Drawer } from "./Drawer";
-export { default as Carousel } from "./Carousel";
 export { default as VerticalTimeline } from "./List/VerticalTimeline";

package/lib/components/layout/index.js

@@ -4,6 +4,5 @@ export { default as Grid } from "./Grid";
 export { default as Popin } from "./Popin";
 export { default as Side } from "./Side";
 export { default as Drawer } from "./Drawer";
-export { default as Carousel } from "./Carousel";
 export { default as VerticalTimeline } from "./List/VerticalTimeline";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/react-ui",
-  "version": "0.14.15-nightly.1",
+  "version": "0.14.15-start-exchange.0",
   "description": "Ledger Live - Desktop UI",
   "author": "Ledger Live Team <team-live@ledger.fr>",
   "repository": {
@@ -61,16 +61,14 @@
     "chart.js": "^3.5.1",
     "chartjs-adapter-moment": "^1.0.0",
     "color": "^4.0.0",
-    "embla-carousel-react": "8.0.0-rc17",
     "moment": "^2.29.1",
     "react-chartjs-2": "^3.3.0",
     "react-is": "^17.0.2",
     "react-select": "^5.2.1",
-    "react-spring": "8.0.27",
     "react-transition-group": "^4.4.2",
     "react-window": "^1.8.6",
     "styled-system": "^5.1.5",
-    "@ledgerhq/crypto-icons-ui": "^1.0.2-nightly.0",
+    "@ledgerhq/crypto-icons-ui": "^1.0.2-start-exchange.0",
     "@ledgerhq/icons-ui": "^0.6.2",
     "@ledgerhq/ui-shared": "^0.2.1"
   },
@@ -102,7 +100,6 @@
     "@types/styled-system": "^5.1.12",
     "babel-loader": "^8.0.0",
     "csstype": "^3.0.11",
-    "embla-carousel": "8.0.0-rc17",
     "esbuild": "^0.19.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",

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

@@ -1,78 +0,0 @@
-"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 Carousel_stories_exports = {};
-__export(Carousel_stories_exports, {
-  Default: () => Default,
-  default: () => Carousel_stories_default
-});
-module.exports = __toCommonJS(Carousel_stories_exports);
-var import_react = __toESM(require("react"));
-var import__ = __toESM(require("./"));
-const CarouselStory = (args) => {
-  const slides = [...Array(5)].map((_, index) => /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      key: index,
-      style: {
-        backgroundColor: "hsl(" + Math.random() * 360 + ", 100%, 75%)",
-        padding: "15px",
-        borderRadius: "5px"
-      }
-    },
-    "Slide ",
-    index
-  ));
-  return /* @__PURE__ */ import_react.default.createElement(import__.default, { variant: args.variant, children: slides });
-};
-var Carousel_stories_default = {
-  title: "Layout/Carousel",
-  argTypes: {
-    children: {
-      description: "The elements to be displayed."
-    },
-    variant: {
-      description: "Variant for the carousel.",
-      options: ["default", "content-card"],
-      defaultValue: "default",
-      control: { type: "select" }
-    }
-  },
-  args: {
-    variant: "default"
-  },
-  parameters: {
-    docs: {
-      description: {
-        component: "A simple Carousel component."
-      }
-    }
-  }
-};
-const Default = CarouselStory.bind({});
-//# sourceMappingURL=Carousel.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/layout/Carousel/Carousel.stories.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport Carousel from \"./\";\nimport { Props } from \"./types\";\n\nconst CarouselStory = (args: Props) => {\n  const slides = [...Array(5)].map((_, index) => (\n    <div\n      key={index}\n      style={{\n        backgroundColor: \"hsl(\" + Math.random() * 360 + \", 100%, 75%)\",\n        padding: \"15px\",\n        borderRadius: \"5px\",\n      }}\n    >\n      Slide {index}\n    </div>\n  ));\n\n  return <Carousel variant={args.variant} children={slides} />;\n};\n\nexport default {\n  title: \"Layout/Carousel\",\n  argTypes: {\n    children: {\n      description: \"The elements to be displayed.\",\n    },\n    variant: {\n      description: \"Variant for the carousel.\",\n      options: [\"default\", \"content-card\"],\n      defaultValue: \"default\",\n      control: { type: \"select\" },\n    },\n  },\n  args: {\n    variant: \"default\",\n  },\n  parameters: {\n    docs: {\n      description: {\n        component: \"A simple Carousel component.\",\n      },\n    },\n  },\n};\n\nexport const Default = CarouselStory.bind({});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,eAAqB;AAGrB,MAAM,gBAAgB,CAAC,SAAgB;AACrC,QAAM,SAAS,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,UACnC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,iBAAiB,SAAS,KAAK,OAAO,IAAI,MAAM;AAAA,QAChD,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA;AAAA,IACD;AAAA,IACQ;AAAA,EACT,CACD;AAED,SAAO,6BAAAA,QAAA,cAAC,SAAAC,SAAA,EAAS,SAAS,KAAK,SAAS,UAAU,QAAQ;AAC5D;AAEA,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,IACA,SAAS;AAAA,MACP,aAAa;AAAA,MACb,SAAS,CAAC,WAAW,cAAc;AAAA,MACnC,cAAc;AAAA,MACd,SAAS,EAAE,MAAM,SAAS;AAAA,IAC5B;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,UAAU,cAAc,KAAK,CAAC,CAAC;",
-  "names": ["React", "Carousel"]
-}

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

@@ -1,76 +0,0 @@
-"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 bullets_exports = {};
-__export(bullets_exports, {
-  default: () => bullets_default
-});
-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");
-const defaultBulletStyle = {
-  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 Bullet = ({ type }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_react_spring.animated.div, { style: (0, import_react_spring.useSpring)(useBulletStyles()[type]) });
-};
-var bullets_default = Bullet;
-//# sourceMappingURL=bullets.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "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)} />\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,YAAY,GAAG,CACnE,CACH;AAEJ;AAEA,IAAO,qBAAQ;",
-  "names": ["styled", "React", "Bullet"]
-}

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

@@ -1,31 +0,0 @@
-"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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-__export(types_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

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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}

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

@@ -1,38 +0,0 @@
-"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 __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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  getItemStatus: () => getItemStatus
-});
-module.exports = __toCommonJS(utils_exports);
-var import_types = require("./types");
-const getItemStatus = (itemIndex, activeIndex) => {
-  const itemDistanceFromActiveIndex = Math.abs(itemIndex - activeIndex);
-  switch (itemDistanceFromActiveIndex) {
-    case 0:
-      return import_types.ItemStatus.active;
-    case 1:
-      return import_types.ItemStatus.nearby;
-    case 2:
-      return import_types.ItemStatus.far;
-    default:
-      return import_types.ItemStatus.none;
-  }
-};
-//# sourceMappingURL=utils.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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) => {\n  const itemDistanceFromActiveIndex = Math.abs(itemIndex - activeIndex);\n\n  switch (itemDistanceFromActiveIndex) {\n    case 0:\n      return ItemStatus.active;\n    case 1:\n      return ItemStatus.nearby;\n    case 2:\n      return ItemStatus.far;\n    default:\n      return ItemStatus.none;\n  }\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA2B;AAKpB,MAAM,gBAAgB,CAAC,WAAmB,gBAAwB;AACvE,QAAM,8BAA8B,KAAK,IAAI,YAAY,WAAW;AAEpE,UAAQ,6BAA6B;AAAA,IACnC,KAAK;AACH,aAAO,wBAAW;AAAA,IACpB,KAAK;AACH,aAAO,wBAAW;AAAA,IACpB,KAAK;AACH,aAAO,wBAAW;AAAA,IACpB;AACE,aAAO,wBAAW;AAAA,EACtB;AACF;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "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  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,QAAM,YAAY,QAAQ,MAAM,OAAO;AACvC,SAAO,6BAAAC,QAAA,cAAC,aAAW,GAAG,OAAO;AAC/B;AAEA,IAAO,iBAAQ;",
-  "names": ["FooterContentCard", "FooterDefault", "React"]
-}

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

@@ -1,67 +0,0 @@
-"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 variantContentCard_exports = {};
-__export(variantContentCard_exports, {
-  default: () => variantContentCard_default
-});
-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`
-  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 = import_styled_components.default.div`
-  display: flex;
-  gap: 8px;
-  align-items: center;
-`;
-const FooterArrowContainer = import_styled_components.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" }))));
-};
-var variantContentCard_default = FooterContentCard;
-//# sourceMappingURL=variantContentCard.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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"]
-}