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

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

@@ -1,49 +1,1450 @@
+(() => {
 "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 message_exports = {};
-__export(message_exports, {
-  Alert: () => import_Alert.default,
-  Badge: () => import_Badge.default,
-  ContinueOnDevice: () => import_ContinueOnDevice.default,
-  Log: () => import_Log.default,
-  Notification: () => import_Notification.default,
-  StatusNotification: () => import_StatusNotification.default,
-  Tip: () => import_Tip.default,
-  Tooltip: () => import_Tooltip.default
-});
-module.exports = __toCommonJS(message_exports);
-var import_Alert = __toESM(require("./Alert"));
-var import_ContinueOnDevice = __toESM(require("./ContinueOnDevice"));
-var import_Log = __toESM(require("./Log"));
-var import_Notification = __toESM(require("./Notification"));
-var import_Badge = __toESM(require("./Notification/Badge"));
-var import_Tooltip = __toESM(require("./Tooltip"));
-var import_Tip = __toESM(require("./Tip"));
-var import_StatusNotification = __toESM(require("./StatusNotification"));
-//# sourceMappingURL=index.js.map
+var __webpack_modules__ = ({
+7716(__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 _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+/* import */ var _asorted_Text__rspack_import_3 = __webpack_require__(348);
+
+
+
+
+const DividerBase = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"])).attrs((p)=>({
+        my: p.my || 0,
+        height: 1,
+        backgroundColor: p.color || "neutral.c40"
+    }))`
+  &[data-variant="light"] {
+    background: ${(p)=>p.theme.colors.neutral.c30};
+  }
+`;
+const Divider = (props)=>{
+    if (!props.text) return /*#__PURE__*/ react__rspack_import_0_default().createElement(DividerBase, props);
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
+        ...props,
+        flexDirection: "row",
+        alignItems: "center"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(DividerBase, {
+        my: 6,
+        flex: 1
+    }), /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_3["default"], {
+        variant: "bodyLineHeight",
+        color: "neutral.c60",
+        mx: 6
+    }, props.text), /*#__PURE__*/ react__rspack_import_0_default().createElement(DividerBase, {
+        my: 6,
+        flex: 1
+    }));
+};
+/* export default */ const __rspack_default_export = (Divider);
+
+
+},
+348(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+
+
+
+
+const uppercase = (0,styled_system__rspack_import_0.system)({
+    uppercase: {
+        property: "textTransform",
+        transform: (value)=>value ? "uppercase" : "none"
+    }
+});
+const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+        fontSize: fontSize ? fontSize : variant,
+        color: color || "neutral.c100"
+    }))`
+  font-weight: 500;
+  white-space: ${(props)=>props.whiteSpace ?? "normal"};
+  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+    textOverflow: true
+}))}
+  ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
+`;
+/* export default */ const __rspack_default_export = (Text);
+
+
+},
+4368(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  textVariantStyle: () => (textVariantStyle)
+});
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+
+const getFontSource = (name)=>(props)=>{
+        const fontsPath = props.fontsPath ?? "assets/fonts";
+        const fontName = props.fontMappings && props.fontMappings(name) || `${name}.woff2`;
+        return `url("${fontsPath}/${fontName}") format("woff2")`;
+    };
+const fontStyles = (0,styled_components__rspack_import_0.css)`
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraLight-BETA")};
+    font-weight: 100;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Light-BETA")};
+    font-weight: 300;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Regular")};
+    font-weight: 400;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-SemiBold")};
+    font-weight: 600;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Inter";
+    src: ${getFontSource("Inter-ExtraBold")};
+    font-weight: 900;
+    font-style: normal;
+  }
+
+  @font-face {
+    font-family: "Alpha";
+    src: ${getFontSource("HMAlphaMono-Medium")};
+    font-weight: 500;
+    font-style: normal;
+  }
+`;
+const textVariantStyle = {
+    h1: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h1Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h2: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h2Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h3: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h3Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500
+    },
+    h4: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h4Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 600
+    },
+    h5: {
+        fontFamily: "Alpha, Inter, Sans",
+        fontWeight: 500,
+        "text-transform": "uppercase"
+    },
+    h5Inter: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 500
+    },
+    large: {
+        fontFamily: "Inter, Sans"
+    },
+    largeLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    body: {
+        fontFamily: "Inter, Sans"
+    },
+    bodyLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    paragraph: {
+        fontFamily: "Inter, Sans"
+    },
+    paragraphLineHeight: {
+        fontFamily: "Inter, Sans",
+        lineHeight: 1.7
+    },
+    small: {
+        fontFamily: "Inter, Sans"
+    },
+    extraSmall: {
+        fontFamily: "Inter, Sans"
+    },
+    tiny: {
+        fontFamily: "Inter, Sans"
+    },
+    micro: {
+        fontFamily: "Inter, Sans"
+    },
+    subtitle: {
+        fontFamily: "Inter, Sans",
+        fontWeight: 600,
+        "text-transform": "uppercase"
+    }
+};
+
+
+},
+7894(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  getLinkColors: () => (getLinkColors)
+});
+function getLinkColors(colors) {
+    return {
+        disabled: {
+            default: colors.neutral.c50,
+            pressed: colors.neutral.c50
+        },
+        main: {
+            default: colors.neutral.c100,
+            pressed: colors.neutral.c80
+        },
+        color: {
+            default: colors.primary.c80,
+            pressed: colors.primary.c70
+        },
+        shade: {
+            default: colors.neutral.c70,
+            pressed: colors.neutral.c80
+        }
+    };
+}
+
+
+},
+7473(__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 _getLinkStyle__rspack_import_3 = __webpack_require__(7894);
+/* import */ var _getCtaStyle__rspack_import_5 = __webpack_require__(3169);
+/* import */ var _asorted__rspack_import_4 = __webpack_require__(348);
+/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
+
+
+
+
+
+
+const DEFAULT_ICON_POSITION = "right";
+const DEFAULT_SIZE = "medium";
+const DEFAULT_TYPE = "main";
+const IconContainer = (styled_components__rspack_import_1_default().div)`
+  ${(p)=>p.iconLink ? "" : p.iconPosition === "left" ? `margin-right: 6px;` : `margin-left: 6px;`}
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+const Base = _styled__rspack_import_2["default"].a`
+  color: ${({ color, theme, disabled, type = "main" })=>color || (0,_getLinkStyle__rspack_import_3.getLinkColors)(theme.colors)[disabled ? "disabled" : type]["default"]};
+  cursor: pointer;
+  display: inline-flex;
+  flex-direction: row;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+
+  &:hover {
+    text-decoration: underline;
+  }
+  &:active {
+    color: ${({ color, theme, type = "main" })=>color || (0,_getLinkStyle__rspack_import_3.getLinkColors)(theme.colors)[type]["pressed"]};
+    text-decoration: underline;
+  }
+
+  text-decoration: ${(p)=>p.alwaysUnderline ? "underline" : "none"};
+
+`;
+const LinkContainer = ({ Icon, iconPosition = DEFAULT_ICON_POSITION, children, color, size = DEFAULT_SIZE, textProps })=>{
+    const text = /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted__rspack_import_4["default"], {
+        variant: _getCtaStyle__rspack_import_5.ctaTextType[size],
+        fontWeight: "semiBold",
+        color: color || "inherit",
+        ...textProps
+    }, children);
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement((react__rspack_import_0_default().Fragment), null, iconPosition === "right" && children ? text : null, Icon ? /*#__PURE__*/ react__rspack_import_0_default().createElement(IconContainer, {
+        iconLink: !children,
+        iconPosition: iconPosition
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(Icon, {
+        size: _getCtaStyle__rspack_import_5.ctaIconSize[size],
+        color: color || "currentcolor"
+    })) : null, iconPosition === "left" && children ? text : null);
+};
+const Link = (props)=>{
+    const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Base, {
+        color: color,
+        ...props
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(LinkContainer, {
+        ...props,
+        type: type,
+        size: size
+    }));
+};
+/* export default */ const __rspack_default_export = (Link);
+
+
+},
+3169(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  ctaIconSize: () => (ctaIconSize),
+  ctaTextType: () => (ctaTextType)
+});
+const ctaTextType = {
+    small: "small",
+    medium: "paragraph",
+    large: "body"
+};
+const ctaIconSize = {
+    small: 16,
+    medium: 18,
+    large: 20
+};
+
+
+},
+3696(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _styled__rspack_import_0 = __webpack_require__(7680);
+
+const FlexBox = _styled__rspack_import_0["default"].div.attrs({
+    display: "flex"
+})``;
+/* export default */ const __rspack_default_export = (FlexBox);
+
+
+},
+7658(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ message_Alert)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2015);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(2770);
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+// EXTERNAL MODULE: ./src/components/asorted/Text/index.tsx
+var Text = __webpack_require__(348);
+// EXTERNAL MODULE: ./src/components/layout/Flex/index.ts
+var Flex = __webpack_require__(3696);
+;// CONCATENATED MODULE: external "@ledgerhq/icons-ui/react/WarningFill"
+const WarningFill_namespaceObject = require("@ledgerhq/icons-ui/react/WarningFill");
+var WarningFill_default = /*#__PURE__*/__webpack_require__.n(WarningFill_namespaceObject);
+;// CONCATENATED MODULE: external "@ledgerhq/icons-ui/react/InformationFill"
+const InformationFill_namespaceObject = require("@ledgerhq/icons-ui/react/InformationFill");
+var InformationFill_default = /*#__PURE__*/__webpack_require__.n(InformationFill_namespaceObject);
+;// CONCATENATED MODULE: external "@ledgerhq/icons-ui/react/CheckmarkCircleFill"
+const CheckmarkCircleFill_namespaceObject = require("@ledgerhq/icons-ui/react/CheckmarkCircleFill");
+var CheckmarkCircleFill_default = /*#__PURE__*/__webpack_require__.n(CheckmarkCircleFill_namespaceObject);
+;// CONCATENATED MODULE: external "@ledgerhq/icons-ui/react/DeleteCircleFill"
+const DeleteCircleFill_namespaceObject = require("@ledgerhq/icons-ui/react/DeleteCircleFill");
+var DeleteCircleFill_default = /*#__PURE__*/__webpack_require__.n(DeleteCircleFill_namespaceObject);
+;// CONCATENATED MODULE: ./src/components/message/Alert/index.tsx
+
+
+
+
+
+
+
+
+const StyledIconContainer = (external_styled_components_default()).div`
+  margin-right: 8px;
+  display: flex;
+  align-items: center;
+`;
+const icons = {
+    info: /*#__PURE__*/ external_react_default().createElement((InformationFill_default()), {
+        size: "M"
+    }),
+    secondary: /*#__PURE__*/ external_react_default().createElement((InformationFill_default()), {
+        size: "M"
+    }),
+    success: /*#__PURE__*/ external_react_default().createElement((CheckmarkCircleFill_default()), {
+        size: "M"
+    }),
+    warning: /*#__PURE__*/ external_react_default().createElement((WarningFill_default()), {
+        size: "M"
+    }),
+    error: /*#__PURE__*/ external_react_default().createElement((DeleteCircleFill_default()), {
+        size: "M"
+    })
+};
+const getColors = ({ theme, type })=>{
+    switch(type){
+        case "secondary":
+            return {
+                background: theme.colors.opacityDefault.c05,
+                iconColor: theme.colors.neutral.c80
+            };
+        case "success":
+            return {
+                background: theme.colors.success.c10,
+                iconColor: theme.colors.success.c50
+            };
+        case "warning":
+            return {
+                background: theme.colors.warning.c10,
+                iconColor: theme.colors.warning.c70
+            };
+        case "error":
+            return {
+                background: theme.colors.error.c10,
+                iconColor: theme.colors.error.c50
+            };
+        case "info":
+        default:
+            return {
+                background: theme.colors.primary.c10,
+                iconColor: theme.colors.primary.c80
+            };
+    }
+};
+const StyledAlertContainer = external_styled_components_default()((0,Flex["default"]))`
+  border-radius: ${(p)=>`${p.theme.radii[2]}px`};
+  align-items: start;
+`;
+const AlertBodyText = external_styled_components_default()((0,Text["default"])).attrs({
+    flexShrink: 1,
+    variant: "bodyLineHeight",
+    fontWeight: "semiBold"
+})``;
+const AlertUnderlinedText = external_styled_components_default()(AlertBodyText)`
+  text-decoration-line: underline;
+`;
+function Alert({ type = "info", title, showIcon = true, renderContent, renderRight, containerProps }) {
+    const theme = (0,external_styled_components_.useTheme)();
+    const { iconColor, background } = getColors({
+        theme,
+        type
+    });
+    const textProps = {
+        variant: "bodyLineHeight",
+        fontWeight: "semiBold"
+    };
+    const textColor = "neutral.c100";
+    return /*#__PURE__*/ external_react_default().createElement(StyledAlertContainer, {
+        color: textColor,
+        backgroundColor: background,
+        padding: 6,
+        ...containerProps
+    }, showIcon && !!icons[type] && /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        color: iconColor
+    }, /*#__PURE__*/ external_react_default().createElement(StyledIconContainer, null, icons[type])), /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        flexDirection: "column",
+        flex: 1,
+        alignItems: "flex-start",
+        rowGap: "6px"
+    }, title && /*#__PURE__*/ external_react_default().createElement(Text["default"], {
+        ...textProps,
+        color: textColor
+    }, title), renderContent && renderContent({
+        textProps
+    })), /*#__PURE__*/ external_react_default().createElement(Flex["default"], {
+        alignSelf: "center"
+    }, renderRight && renderRight({
+        textProps
+    })));
+}
+Alert.BodyText = AlertBodyText;
+Alert.UnderlinedText = AlertUnderlinedText;
+/* export default */ const message_Alert = (Alert);
+
+
+},
+8494(__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 _asorted__rspack_import_2 = __webpack_require__(7716);
+/* import */ var _asorted__rspack_import_3 = __webpack_require__(348);
+/* import */ var _layout_Flex__rspack_import_1 = __webpack_require__(3696);
+
+
+
+const ContinueOnDevice = ({ Icon, text, withTopDivider = true })=>{
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_1["default"], {
+        flexDirection: "column"
+    }, withTopDivider ? /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted__rspack_import_2["default"], {
+        my: 6
+    }) : null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_1["default"], {
+        flexDirection: "row",
+        alignItems: "center",
+        flexShrink: 1
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(Icon, {
+        size: 48
+    }), /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted__rspack_import_3["default"], {
+        flex: 1,
+        pl: 4,
+        flexWrap: "wrap",
+        variant: "body",
+        fontWeight: "medium",
+        color: "neutral.c100"
+    }, text)));
+};
+/* export default */ const __rspack_default_export = (ContinueOnDevice);
+
+
+},
+3371(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  BracketLeft: () => (BracketLeft),
+  BracketRight: () => (BracketRight)
+});
+/* 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 _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+
+
+
+const SvgTop = (styled_components__rspack_import_1_default().svg)`
+  position: absolute;
+  top: 0;
+  left: 0;
+`;
+const SvgBottom = (styled_components__rspack_import_1_default().svg)`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+`;
+const BracketLeft = ()=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
+        flex: "0 0 1.2em",
+        flexDirection: "column",
+        position: "relative",
+        justifyContent: "space-between",
+        alignItems: "flex-start"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgTop, {
+        viewBox: "0 0 64 64",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "M 0,0 V 36.3452 H 8.05844 V 8.05844 H 55.3076 V 0 Z"
+    }))), /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgBottom, {
+        viewBox: "0 0 64 128",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "M 0,91.6548 V 128 h 55.3076 v -8.06 H 8.05844 V 91.6548 Z"
+    }))));
+const BracketRight = ()=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_2["default"], {
+        flex: "0 0 1.2em",
+        flexDirection: "column",
+        position: "relative",
+        justifyContent: "space-between",
+        alignItems: "flex-end"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgTop, {
+        viewBox: "0 0 64 64",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "M 8.692,0 V 8.05844 H 55.941 V 36.3452 H 64 V 0 Z"
+    }))), /*#__PURE__*/ react__rspack_import_0_default().createElement(SvgBottom, {
+        viewBox: "0 0 64 128",
+        fill: "currentColor"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement("g", null, /*#__PURE__*/ react__rspack_import_0_default().createElement("path", {
+        d: "m 8.692,119.94 v 8.058 H 64 V 91.6548 H 55.941 V 119.94 Z"
+    }))));
+
+
+},
+7518(__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 _asorted_Text__rspack_import_3 = __webpack_require__(348);
+/* import */ var _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+/* import */ var _Brackets__rspack_import_4 = __webpack_require__(3371);
+
+
+
+
+
+const Container = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"]))`
+  justify-content: center;
+  flex-wrap: wrap;
+  align-items: stretch;
+  min-height: ${(p)=>p.theme.space[12]}px;
+`;
+const TextContainer = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"])).attrs(()=>({
+        flex: "1",
+        justifyContent: "center",
+        alignItems: "center"
+    }))`
+  ${_asorted_Text__rspack_import_3["default"]} {
+    flex: 1;
+  }
+`;
+function Log({ children, extraTextProps, ...props }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Container, {
+        color: "neutral.c100",
+        ...props
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_Brackets__rspack_import_4.BracketLeft, null), /*#__PURE__*/ react__rspack_import_0_default().createElement(TextContainer, {
+        flex: "1",
+        alignItems: "center",
+        justifyContent: "center"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_3["default"], {
+        variant: "h3",
+        textTransform: "uppercase",
+        textAlign: "center",
+        color: "inherit",
+        ...extraTextProps
+    }, children)), /*#__PURE__*/ react__rspack_import_0_default().createElement(_Brackets__rspack_import_4.BracketRight, null));
+}
+/* export default */ const __rspack_default_export = (/*#__PURE__*/(0,react__rspack_import_0.memo)(Log));
+
+
+},
+3424(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (Badge)
+});
+/* 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 styled_system__rspack_import_2 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_2);
+
+
+
+const ActiveCircle = (styled_components__rspack_import_1_default().div)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 10px;
+  width: 10px;
+  border-radius: 9999px;
+  box-sizing: content-box;
+  background-color: ${(p)=>p.theme.colors.error.c50};
+
+  border: 2px solid
+    var(
+      --notification-badge-border,
+      ${(p)=>{
+    /* The CSS variable is dynamically set by the Notification component */ return p.theme.colors.background.main;
+}}
+    );
+`;
+const Wrapper = (styled_components__rspack_import_1_default().div)`
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 9999px;
+  ${styled_system__rspack_import_2.color}
+  ${styled_system__rspack_import_2.position}
+  ${styled_system__rspack_import_2.shadow}
+  ${styled_system__rspack_import_2.border}
+  ${styled_system__rspack_import_2.background}
+  ${styled_system__rspack_import_2.layout}
+`;
+function Badge({ active, icon, ...props }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, props, icon, active && /*#__PURE__*/ react__rspack_import_0_default().createElement(ActiveCircle, null));
+}
+
+
+},
+3341(__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 _layout_Flex__rspack_import_3 = __webpack_require__(3696);
+/* import */ var _asorted_Text__rspack_import_4 = __webpack_require__(348);
+/* import */ var _Badge__rspack_import_6 = __webpack_require__(3424);
+/* import */ var _cta_Link__rspack_import_5 = __webpack_require__(7473);
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_2 = __webpack_require__(9979);
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_reactLegacy__rspack_import_2);
+
+
+
+
+
+
+
+const Container = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_3["default"])).attrs({
+    p: 6,
+    columnGap: 8,
+    alignItems: "center"
+})`
+  --notification-badge-border: ${(p)=>{
+    /* Set a CSS variable that will be consumed by the Badge component */ return p.hasBackground ? p.theme.colors.neutral.c30 : p.theme.colors.background.main;
+}};
+  background-color: ${(p)=>p.hasBackground ? p.theme.colors.neutral.c30 : "transparent"};
+
+  border-radius: 8px;
+`;
+function Notification({ title, description, badge, link, onLinkClick, hasBackground = false, ...containerProps }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Container, {
+        hasBackground: hasBackground,
+        ...containerProps
+    }, badge, /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_3["default"], {
+        flexDirection: "column",
+        rowGap: 3,
+        flex: "auto"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_4["default"], {
+        variant: "large",
+        fontWeight: "medium",
+        color: "neutral.c100"
+    }, title), description && /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_4["default"], {
+        variant: "paragraph",
+        fontWeight: "medium",
+        color: "neutral.c80",
+        whiteSpace: "pre-wrap"
+    }, description), link && /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout_Flex__rspack_import_3["default"], {
+        justifyContent: "flex-start"
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_cta_Link__rspack_import_5["default"], {
+        onClick: (event)=>onLinkClick && onLinkClick(event),
+        Icon: _ledgerhq_icons_ui_reactLegacy__rspack_import_2.ExternalLinkMedium
+    }, link))));
+}
+Notification.Badge = _Badge__rspack_import_6["default"];
+/* export default */ const __rspack_default_export = (Notification);
+
+
+},
+1931(__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 _layout_Flex__rspack_import_2 = __webpack_require__(3696);
+/* import */ var _Log___rspack_import_3 = __webpack_require__(7518);
+
+
+
+
+const Container = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"])).attrs({
+    p: 8,
+    rowGap: 9,
+    alignItems: "center",
+    flexDirection: "column"
+})`
+  border-width: 1px;
+  border-style: ${(p)=>p.hasBorder ? "solid" : "none"};
+  border-radius: 8px;
+  border-color: ${(p)=>p.theme.colors.neutral.c40};
+`;
+function StatusNotification({ text, badge, hasBorder = false, ...containerProps }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Container, {
+        hasBorder: hasBorder,
+        ...containerProps
+    }, badge, /*#__PURE__*/ react__rspack_import_0_default().createElement(_Log___rspack_import_3["default"], null, text));
+}
+/* export default */ const __rspack_default_export = (StatusNotification);
+
+
+},
+5083(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (Tip)
+});
+/* 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 _asorted_Text__rspack_import_4 = __webpack_require__(348);
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_2 = __webpack_require__(9979);
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_reactLegacy__rspack_import_2);
+/* import */ var _layout__rspack_import_3 = __webpack_require__(3696);
+
+
+
+
+
+const icons = {
+    success: /*#__PURE__*/ react__rspack_import_0_default().createElement(_ledgerhq_icons_ui_reactLegacy__rspack_import_2.CheckAloneMedium, {
+        size: 16
+    }),
+    warning: /*#__PURE__*/ react__rspack_import_0_default().createElement(_ledgerhq_icons_ui_reactLegacy__rspack_import_2.CircledAlertMedium, {
+        size: 16
+    }),
+    error: /*#__PURE__*/ react__rspack_import_0_default().createElement(_ledgerhq_icons_ui_reactLegacy__rspack_import_2.CloseMedium, {
+        size: 16
+    })
+};
+const StyledIconContainer = (styled_components__rspack_import_1_default().div)`
+  ${(p)=>{
+    switch(p.type){
+        case "warning":
+            return (0,styled_components__rspack_import_1.css)`
+          background: ${p.theme.colors.warning.c10};
+          color: ${p.theme.colors.warning.c50};
+        `;
+        case "error":
+            return (0,styled_components__rspack_import_1.css)`
+          background: ${p.theme.colors.error.c10};
+          color: ${p.theme.colors.error.c50};
+        `;
+        case "success":
+        default:
+            return (0,styled_components__rspack_import_1.css)`
+          background: ${p.theme.colors.success.c30};
+          color: ${p.theme.colors.success.c50};
+        `;
+    }
+}}
+
+  border-radius: ${(p)=>`${p.theme.radii[1]}px`};
+  margin-right: ${(p)=>`${p.theme.space[6]}px`};
+  padding: 6px;
+  display: flex;
+  align-items: center;
+`;
+function Tip({ type, label }) {
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(_layout__rspack_import_3["default"], {
+        alignItems: "center"
+    }, type && /*#__PURE__*/ react__rspack_import_0_default().createElement(StyledIconContainer, {
+        type: type
+    }, icons[type]), /*#__PURE__*/ react__rspack_import_0_default().createElement(_asorted_Text__rspack_import_4["default"], {
+        variant: "paragraph",
+        fontWeight: "medium",
+        color: "neutral.c100",
+        flexShrink: 1
+    }, label));
+}
+
+
+},
+5845(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ Tooltip)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2015);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: external "react-is"
+var external_react_is_ = __webpack_require__(4562);
+;// CONCATENATED MODULE: external "@tippyjs/react"
+const react_namespaceObject = require("@tippyjs/react");
+var react_default = /*#__PURE__*/__webpack_require__.n(react_namespaceObject);
+// EXTERNAL MODULE: ./src/components/asorted/Text/index.tsx
+var Text = __webpack_require__(348);
+;// CONCATENATED MODULE: ./src/components/message/Tooltip/index.tsx
+
+
+
+
+// Tippyjs need the ref to be forwarded to the DOM element wrapping the children.
+// This component has been created to add a wrapping span and use its ref when needed.
+// See: https://github.com/atomiks/tippyjs-react#component-children
+const Wrapper = /*#__PURE__*/ (0,external_react_.forwardRef)((props, ref)=>{
+    const childrenCount = external_react_default().Children.count(props.children);
+    try {
+        const child = external_react_default().Children.only(props.children);
+        const isValidElement = /*#__PURE__*/ external_react_default().isValidElement(child);
+        const isForwardingRef = (0,external_react_is_.isForwardRef)(child);
+        const isDomElement = isValidElement && typeof child.type === "string";
+        if (isForwardingRef || isDomElement) {
+            return /*#__PURE__*/ external_react_default().cloneElement(child, {
+                ref
+            });
+        } else {
+            return /*#__PURE__*/ external_react_default().createElement("span", {
+                ref: ref
+            }, props.children);
+        }
+    } catch  {
+        return childrenCount < 1 ? null : /*#__PURE__*/ external_react_default().createElement("span", {
+            ref: ref
+        }, props.children);
+    }
+});
+function Tooltip(props) {
+    const { content, placement = "auto", children, ...rest } = props;
+    return /*#__PURE__*/ external_react_default().createElement((react_default()), {
+        ...rest,
+        placement: placement,
+        content: /*#__PURE__*/ external_react_default().createElement(Text["default"], {
+            fontWeight: "medium",
+            variant: "paragraph",
+            color: "neutral.c00"
+        }, content)
+    }, /*#__PURE__*/ external_react_default().createElement(Wrapper, {
+        children: children
+    }));
+}
+
+
+},
+7680(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _styles_system_gaps__rspack_import_2 = __webpack_require__(4182);
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+
+
+
+const baseStyles = (0,styled_system__rspack_import_1.compose)(styled_system__rspack_import_1.flexbox, styled_system__rspack_import_1.space, styled_system__rspack_import_1.position, styled_system__rspack_import_1.color, styled_system__rspack_import_1.layout, styled_system__rspack_import_1.overflow, _styles_system_gaps__rspack_import_2["default"], styled_system__rspack_import_1.border);
+const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
+    apply (target, thisArg, argumentsList) {
+        return styled_components__rspack_import_0_default()(target.apply(thisArg, argumentsList)(baseStyles));
+    },
+    get (target, property) {
+        if (typeof target[property] === "function") {
+            return styled_components__rspack_import_0_default()(target[property].apply((styled_components__rspack_import_0_default()), [
+                baseStyles
+            ]));
+        }
+        return target[property];
+    }
+});
+/* export default */ const __rspack_default_export = (proxyStyled);
+
+
+},
+4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  ff: () => (/* binding */ ff)
+});
+
+// UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
+
+;// CONCATENATED MODULE: external "color"
+const external_color_namespaceObject = require("color");
+// EXTERNAL MODULE: ./src/styles/theme.ts
+var theme = __webpack_require__(5548);
+;// CONCATENATED MODULE: ./src/styles/helpers.ts
+
+
+const rgba = (c, a)=>Color(c).alpha(a).rgb().toString();
+const darken = (c, a)=>Color(c).darken(a).toString();
+const lighten = (c, a)=>Color(c).lighten(a).toString();
+const mix = (c, b, a)=>Color(c).mix(Color(b), a).toString();
+const ff = (v)=>{
+    const [font, type = "Regular"] = v.split("|");
+    // @ts-expect-error FIXME
+    const { style, weight } = theme.fontFamilies[font][type];
+    // @ts-expect-error FIXME
+    const fallback = theme.fontFamilies[font].fallback ?? "Arial";
+    return {
+        fontFamily: `${font}, ${fallback}`,
+        fontWeight: weight,
+        fontStyle: style
+    };
+};
+const ensureContrast = (color1, color2)=>{
+    const colorL1 = Color(color1).luminosity() + 0.05;
+    const colorL2 = Color(color2).luminosity() + 0.05;
+    const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;
+    if (lRatio < 1.5) {
+        return Color(color1).rotate(180).negate().string();
+    }
+    return color1;
+};
+
+
+},
+3364(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var _helpers__rspack_import_0 = __webpack_require__(4336);
+
+/* export default */ const __rspack_default_export = ((props)=>{
+    const prop = props.ff;
+    if (prop == null) {
+        return null;
+    }
+    return (0,_helpers__rspack_import_0.ff)(prop);
+});
+
+
+},
+4182(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export)
+});
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+
+const gaps = (0,styled_system__rspack_import_0.system)({
+    rowGap: {
+        property: "rowGap",
+        scale: "space"
+    },
+    columnGap: {
+        property: "columnGap",
+        scale: "space"
+    }
+});
+/* export default */ const __rspack_default_export = (gaps);
+
+
+},
+5548(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  fontFamilies: () => (fontFamilies)
+});
+/* import */ var styled_components__rspack_import_0 = __webpack_require__(2770);
+/* import */ var styled_components__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_components__rspack_import_0);
+/* import */ var _ledgerhq_ui_shared__rspack_import_1 = __webpack_require__(2993);
+/* import */ var _ledgerhq_ui_shared__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_ui_shared__rspack_import_1);
+
+
+const breakpoints = {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px",
+    xxl: "1536px"
+};
+const space = [
+    /* space indexes:
+  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */ 0,
+    2,
+    4,
+    8,
+    10,
+    12,
+    16,
+    20,
+    24,
+    28,
+    32,
+    36,
+    40,
+    44,
+    48,
+    52,
+    56,
+    60,
+    64,
+    68,
+    72,
+    76
+];
+const fontSizes = [
+    8,
+    10,
+    11,
+    12,
+    13,
+    14,
+    16,
+    20,
+    24,
+    28,
+    32,
+    36
+];
+[fontSizes.micro, fontSizes.tiny, fontSizes.extraSmall, fontSizes.small, fontSizes.paragraph, fontSizes.body, fontSizes.large, fontSizes.h5, fontSizes.h4, fontSizes.h3, fontSizes.h2, fontSizes.h1] = fontSizes;
+fontSizes.largeLineHeight = fontSizes.large;
+fontSizes.bodyLineHeight = fontSizes.body;
+fontSizes.paragraphLineHeight = fontSizes.paragraph;
+fontSizes.subtitle = fontSizes.extraSmall;
+fontSizes.h1Inter = fontSizes.h1;
+fontSizes.h2Inter = fontSizes.h2;
+fontSizes.h3Inter = fontSizes.h3;
+fontSizes.h4Inter = fontSizes.h4;
+fontSizes.h5Inter = fontSizes.h5;
+const fontWeights = {
+    extraLight: "100",
+    light: "300",
+    regular: "400",
+    medium: "500",
+    semiBold: "600",
+    bold: "700",
+    extraBold: "800"
+};
+const radii = [
+    0,
+    4,
+    8,
+    12,
+    16,
+    20
+];
+const shadows = [
+    "0 4px 8px 0 rgba(0, 0, 0, 0.03)"
+];
+const zIndexes = [
+    -1,
+    0,
+    1,
+    9,
+    10,
+    90,
+    100,
+    900,
+    1000
+];
+// Those fonts are now defined in global.css, this is just a mapping for styled-system
+const fontFamilies = {
+    Inter: {
+        ExtraLight: {
+            weight: 100,
+            style: "normal"
+        },
+        Light: {
+            weight: 300,
+            style: "normal"
+        },
+        Regular: {
+            weight: 400,
+            style: "normal"
+        },
+        Medium: {
+            weight: 500,
+            style: "normal"
+        },
+        SemiBold: {
+            weight: 600,
+            style: "normal"
+        },
+        Bold: {
+            weight: 700,
+            style: "normal"
+        },
+        ExtraBold: {
+            weight: 800,
+            style: "normal"
+        }
+    },
+    Alpha: {
+        Medium: {
+            weight: 500,
+            style: "normal"
+        }
+    }
+};
+const animationDuration = "0.33s";
+const easings = {
+    outQuadratic: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+};
+const transition = (properties = [
+    "all"
+], duration = animationDuration, easing = easings.outQuadratic)=>(0,styled_components__rspack_import_0.css)`
+  transition-property: ${properties.join(",")};
+  transition-duration: ${duration};
+  transition-timing-function: ${easing};
+`;
+const fadeIn = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
+  `;
+const fadeOut = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  `;
+const fadeInGrowX = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+      transform: scaleX(0);
+    }
+    100% {
+      opacity: 1;
+      transform: scaleX(1);
+    }
+`;
+const fadeInUp = (0,styled_components__rspack_import_0.keyframes)`
+    0% {
+      opacity: 0;
+      transform: translateY(66%);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0%);
+    }
+  `;
+const animations = {
+    fadeIn: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards
+  `,
+    fadeOut: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards
+  `,
+    fadeInGrowX: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards
+  `,
+    fadeInUp: ()=>(0,styled_components__rspack_import_0.css)`
+    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards
+  `
+};
+const overflow = {
+    x: (0,styled_components__rspack_import_0.css)`
+    overflow-y: hidden;
+    overflow-x: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    y: (0,styled_components__rspack_import_0.css)`
+    overflow-x: hidden;
+    overflow-y: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    yAuto: (0,styled_components__rspack_import_0.css)`
+    overflow-x: hidden;
+    overflow-y: auto;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    xy: (0,styled_components__rspack_import_0.css)`
+    overflow: scroll;
+    will-change: transform;
+    &:hover {
+      --track-color: ${(p)=>p.theme.colors.neutral.c30};
+    }
+  `,
+    trackSize: 12
+};
+const theme = {
+    theme: "light",
+    sizes: {
+        drawer: {
+            side: {
+                big: {
+                    width: 580
+                },
+                small: {
+                    width: 420
+                }
+            },
+            popin: {
+                min: {
+                    height: 158,
+                    width: 462
+                },
+                max: {
+                    height: 522,
+                    width: 622
+                }
+            }
+        },
+        topBarHeight: 58,
+        sideBarWidth: 230
+    },
+    radii,
+    fontFamilies,
+    fontSizes,
+    fontWeights,
+    space,
+    shadows,
+    colors: _ledgerhq_ui_shared__rspack_import_1.palettes.light,
+    animations,
+    overflow,
+    transition,
+    zIndexes,
+    breakpoints
+};
+/* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
+
+
+},
+9979(module) {
+module.exports = require("@ledgerhq/icons-ui/reactLegacy");
+
+},
+2993(module) {
+module.exports = require("@ledgerhq/ui-shared");
+
+},
+2015(module) {
+module.exports = require("react");
+
+},
+4562(module) {
+module.exports = require("react-is");
+
+},
+2770(module) {
+module.exports = require("styled-components");
+
+},
+9351(module) {
+module.exports = require("styled-system");
+
+},
+
+});
+// 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__, {
+  Alert: () => (/* reexport safe */ _Alert__rspack_import_0["default"]),
+  Badge: () => (/* reexport safe */ _Notification_Badge__rspack_import_4["default"]),
+  ContinueOnDevice: () => (/* reexport safe */ _ContinueOnDevice__rspack_import_1["default"]),
+  Log: () => (/* reexport safe */ _Log__rspack_import_2["default"]),
+  Notification: () => (/* reexport safe */ _Notification__rspack_import_3["default"]),
+  StatusNotification: () => (/* reexport safe */ _StatusNotification__rspack_import_7["default"]),
+  Tip: () => (/* reexport safe */ _Tip__rspack_import_6["default"]),
+  Tooltip: () => (/* reexport safe */ _Tooltip__rspack_import_5["default"])
+});
+/* import */ var _Alert__rspack_import_0 = __webpack_require__(7658);
+/* import */ var _ContinueOnDevice__rspack_import_1 = __webpack_require__(8494);
+/* import */ var _Log__rspack_import_2 = __webpack_require__(7518);
+/* import */ var _Notification__rspack_import_3 = __webpack_require__(3341);
+/* import */ var _Notification_Badge__rspack_import_4 = __webpack_require__(3424);
+/* import */ var _Tooltip__rspack_import_5 = __webpack_require__(5845);
+/* import */ var _Tip__rspack_import_6 = __webpack_require__(5083);
+/* import */ var _StatusNotification__rspack_import_7 = __webpack_require__(1931);
+
+
+
+
+
+
+
+
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=index.js.map