@ledgerhq/react-ui 0.14.14 → 0.14.15-nightly.1

package/lib/cjs/components/index.js

@@ -35,7 +35,6 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 __reExport(components_exports, require("./asorted"), module.exports);
-__reExport(components_exports, require("./cards"), module.exports);
 var import_Chart = __toESM(require("./Chart"));
 __reExport(components_exports, require("./cta"), module.exports);
 __reExport(components_exports, require("./form"), module.exports);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.ts"],
-  "sourcesContent": ["export * from \"./asorted\";\nexport * from \"./cards\";\nexport { default as Chart } from \"./Chart\";\nexport * from \"./cta\";\nexport * from \"./form\";\nexport * from \"./layout\";\nexport * from \"./loaders\";\nexport * from \"./message\";\nexport * from \"./navigation\";\nexport { default as Table } from \"./Table\";\nexport * from \"./tabs\";\nexport { default as Tag } from \"./Tag\";\nexport * from \"./transitions\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAc,sBAAd;AACA,+BAAc,oBADd;AAEA,mBAAiC;AACjC,+BAAc,kBAHd;AAIA,+BAAc,mBAJd;AAKA,+BAAc,qBALd;AAMA,+BAAc,sBANd;AAOA,+BAAc,sBAPd;AAQA,+BAAc,yBARd;AASA,mBAAiC;AACjC,+BAAc,mBAVd;AAWA,iBAA+B;AAC/B,+BAAc,0BAZd;",
+  "sourcesContent": ["export * from \"./asorted\";\nexport { default as Chart } from \"./Chart\";\nexport * from \"./cta\";\nexport * from \"./form\";\nexport * from \"./layout\";\nexport * from \"./loaders\";\nexport * from \"./message\";\nexport * from \"./navigation\";\nexport { default as Table } from \"./Table\";\nexport * from \"./tabs\";\nexport { default as Tag } from \"./Tag\";\nexport * from \"./transitions\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAc,sBAAd;AACA,mBAAiC;AACjC,+BAAc,kBAFd;AAGA,+BAAc,mBAHd;AAIA,+BAAc,qBAJd;AAKA,+BAAc,sBALd;AAMA,+BAAc,sBANd;AAOA,+BAAc,yBAPd;AAQA,mBAAiC;AACjC,+BAAc,mBATd;AAUA,iBAA+B;AAC/B,+BAAc,0BAXd;",
   "names": []
 }

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

@@ -0,0 +1,78 @@
+"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

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

@@ -0,0 +1,76 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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/{cards/Carousel/Slide.js → layout/Carousel/Footer/Pagination/index.js}

@@ -26,28 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Slide_exports = {};
-__export(Slide_exports, {
-  default: () => Slide_default
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  default: () => Pagination_default
 });
-module.exports = __toCommonJS(Slide_exports);
+module.exports = __toCommonJS(Pagination_exports);
 var import_react = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_Text = __toESM(require("../../asorted/Text"));
-var import_Flex = __toESM(require("../../layout/Flex"));
-const Wrapper = (0, import_styled_components.default)(import_Flex.default)`
-  width: 100%;
-  height: 100%;
-  flex-direction: column;
-  padding: ${(p) => p.theme.space[8]}px ${(p) => p.theme.space[10]}px;
-  padding-right: 280px; /* Nb gives air to not overlap the illustration */
-  z-index: ${(p) => p.theme.zIndexes[8]};
-  background: url(${(p) => p.image}) no-repeat ${(p) => p.theme.colors.neutral.c100};
-  background-size: contain;
-  background-position: right 60px bottom;
+var import_bullets = __toESM(require("./bullets"));
+var import_utils = require("./utils");
+const FooterCarouselBullets = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
 `;
-const Slide = ({ title, description, image, onClick }) => {
-  return /* @__PURE__ */ import_react.default.createElement(Wrapper, { key: "key", image, onClick }, /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "tiny", color: "neutral.c00", fontWeight: "regular" }, title), /* @__PURE__ */ import_react.default.createElement(import_Text.default, { variant: "h5", color: "neutral.c00", textTransform: "uppercase" }, description));
+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) })));
 };
-var Slide_default = Slide;
-//# sourceMappingURL=Slide.js.map
+var Pagination_default = Pagination;
+//# sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,31 @@
+"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

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

@@ -0,0 +1,38 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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/{cards → layout/Carousel/Footer}/index.js

@@ -26,10 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var cards_exports = {};
-__export(cards_exports, {
-  Carousel: () => import_Carousel.default
+var Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
 });
-module.exports = __toCommonJS(cards_exports);
-var import_Carousel = __toESM(require("./Carousel"));
+module.exports = __toCommonJS(Footer_exports);
+var import_react = __toESM(require("react"));
+var import_variantContentCard = __toESM(require("./variantContentCard"));
+var import_variantDefault = __toESM(require("./variantDefault"));
+const Footers = {
+  "content-card": import_variantContentCard.default,
+  default: import_variantDefault.default
+};
+const Footer = (props) => {
+  const Component = Footers[props.variant];
+  return /* @__PURE__ */ import_react.default.createElement(Component, { ...props });
+};
+var Footer_default = Footer;
 //# sourceMappingURL=index.js.map

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

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

@@ -0,0 +1,67 @@
+"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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var variantDefault_exports = {};
+__export(variantDefault_exports, {
+  default: () => variantDefault_default
+});
+module.exports = __toCommonJS(variantDefault_exports);
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Pagination = __toESM(require("./Pagination"));
+const FooterContainer = import_styled_components.default.div`
+  height: 32px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+`;
+const FooterDefault = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(FooterContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.default, { ...props }));
+};
+var variantDefault_default = FooterDefault;
+//# sourceMappingURL=variantDefault.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/layout/Carousel/Footer/variantDefault.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport styled from \"styled-components\";\nimport Pagination from \"./Pagination\";\nimport { SubProps } from \"../types\";\n\nconst FooterContainer = styled.div`\n  height: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst FooterDefault = (props: SubProps) => {\n  return (\n    <FooterContainer>\n      <Pagination {...props} />\n    </FooterContainer>\n  );\n};\n\nexport default FooterDefault;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,+BAAmB;AACnB,wBAAuB;AAGvB,MAAM,kBAAkB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,gBAAgB,CAAC,UAAoB;AACzC,SACE,6BAAAC,QAAA,cAAC,uBACC,6BAAAA,QAAA,cAAC,kBAAAC,SAAA,EAAY,GAAG,OAAO,CACzB;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": ["styled", "React", "Pagination"]
+}

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

@@ -0,0 +1,76 @@
+"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_exports = {};
+__export(Carousel_exports, {
+  default: () => Carousel_default
+});
+module.exports = __toCommonJS(Carousel_exports);
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_Footer = __toESM(require("./Footer"));
+const Embla = import_styled_components.default.div`
+  overflow: hidden;
+`;
+const EmblaContainer = import_styled_components.default.div`
+  display: flex;
+`;
+const EmblaSlide = import_styled_components.default.div`
+  flex: 0 0 100%;
+  min-width: 0;
+`;
+const Carousel = ({ children, variant = "default" }) => {
+  const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
+  const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({ loop: true });
+  const updateIndex = (0, import_react.useCallback)(() => {
+    if (!emblaApi)
+      return;
+    const newIndex = emblaApi.selectedScrollSnap();
+    setCurrentIndex(newIndex);
+    emblaApi.scrollTo(newIndex);
+  }, [emblaApi]);
+  (0, import_react.useEffect)(() => {
+    if (!emblaApi)
+      return;
+    updateIndex();
+    emblaApi.on("select", updateIndex);
+    emblaApi.on("reInit", updateIndex);
+  }, [emblaApi, updateIndex]);
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(Embla, { ref: emblaRef }, /* @__PURE__ */ import_react.default.createElement(EmblaContainer, null, children.map((child) => /* @__PURE__ */ import_react.default.createElement(EmblaSlide, { key: child.key }, child)))), /* @__PURE__ */ import_react.default.createElement(
+    import_Footer.default,
+    {
+      children,
+      variant,
+      emblaApi,
+      currentIndex
+    }
+  ));
+};
+var Carousel_default = Carousel;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/layout/Carousel/index.tsx"],
+  "sourcesContent": ["import useEmblaCarousel from \"embla-carousel-react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"./Footer\";\nimport { Props } from \"./types\";\n\nconst Embla = styled.div`\n  overflow: hidden;\n`;\n\nconst EmblaContainer = styled.div`\n  display: flex;\n`;\n\nconst EmblaSlide = styled.div`\n  flex: 0 0 100%;\n  min-width: 0;\n`;\n\n/**\n * This component uses the https://github.com/davidjerleke/embla-carousel library.\n */\nconst Carousel = ({ children, variant = \"default\" }: Props) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [emblaRef, emblaApi] = useEmblaCarousel({ loop: true });\n\n  const updateIndex = useCallback(() => {\n    if (!emblaApi) return;\n\n    const newIndex = emblaApi.selectedScrollSnap();\n    setCurrentIndex(newIndex);\n    emblaApi.scrollTo(newIndex);\n  }, [emblaApi]);\n\n  useEffect(() => {\n    if (!emblaApi) return;\n\n    // Initial call to update carousel index\n    updateIndex();\n\n    // When the selected scroll snap changes\n    emblaApi.on(\"select\", updateIndex);\n\n    // When `reInit` is called or when window is resized\n    emblaApi.on(\"reInit\", updateIndex);\n  }, [emblaApi, updateIndex]);\n\n  return (\n    <div>\n      <Embla ref={emblaRef}>\n        <EmblaContainer>\n          {children.map(child => (\n            <EmblaSlide key={child.key}>{child}</EmblaSlide>\n          ))}\n        </EmblaContainer>\n      </Embla>\n\n      <Footer\n        children={children}\n        variant={variant}\n        emblaApi={emblaApi}\n        currentIndex={currentIndex}\n      />\n    </div>\n  );\n};\nexport default Carousel;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAA6B;AAC7B,mBAAwD;AACxD,+BAAmB;AACnB,oBAAmB;AAGnB,MAAM,QAAQ,yBAAAA,QAAO;AAAA;AAAA;AAIrB,MAAM,iBAAiB,yBAAAA,QAAO;AAAA;AAAA;AAI9B,MAAM,aAAa,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAQ1B,MAAM,WAAW,CAAC,EAAE,UAAU,UAAU,UAAU,MAAa;AAC7D,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,CAAC;AAClD,QAAM,CAAC,UAAU,QAAQ,QAAI,4BAAAC,SAAiB,EAAE,MAAM,KAAK,CAAC;AAE5D,QAAM,kBAAc,0BAAY,MAAM;AACpC,QAAI,CAAC;AAAU;AAEf,UAAM,WAAW,SAAS,mBAAmB;AAC7C,oBAAgB,QAAQ;AACxB,aAAS,SAAS,QAAQ;AAAA,EAC5B,GAAG,CAAC,QAAQ,CAAC;AAEb,8BAAU,MAAM;AACd,QAAI,CAAC;AAAU;AAGf,gBAAY;AAGZ,aAAS,GAAG,UAAU,WAAW;AAGjC,aAAS,GAAG,UAAU,WAAW;AAAA,EACnC,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,SACE,6BAAAC,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,SAAM,KAAK,YACV,6BAAAA,QAAA,cAAC,sBACE,SAAS,IAAI,WACZ,6BAAAA,QAAA,cAAC,cAAW,KAAK,MAAM,OAAM,KAAM,CACpC,CACH,CACF,GAEA,6BAAAA,QAAA;AAAA,IAAC,cAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,CACF;AAEJ;AACA,IAAO,mBAAQ;",
+  "names": ["styled", "useEmblaCarousel", "React", "Footer"]
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/layout/Carousel/types.tsx"],
+  "sourcesContent": ["import { ReactElement } from \"react\";\nimport { UseEmblaCarouselType } from \"embla-carousel-react\";\n\nexport type Variant = \"content-card\" | \"default\";\n\nexport type Props = {\n  children: ReactElement[];\n  variant?: Variant;\n};\n\n/**\n * Carousel's sub props to be passed to any component used by the carousel..\n */\nexport type SubProps = Required<Props> & {\n  emblaApi: UseEmblaCarouselType[1];\n  currentIndex: number;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}