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

package/lib/cjs/components/asorted/Icon/index.js

@@ -1,41 +1,435 @@
+(() => {
 "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 Icon_exports = {};
-__export(Icon_exports, {
-  BoxedIcon: () => import_BoxedIcon.default,
-  IconBox: () => import_BoxedIcon.IconBox,
-  NotificationIcon: () => import_NotificationIcon.default,
-  default: () => import_Icon.default,
-  iconNames: () => import_Icon.iconNames
-});
-module.exports = __toCommonJS(Icon_exports);
-var import_Icon = __toESM(require("./Icon"));
-var import_BoxedIcon = __toESM(require("./BoxedIcon"));
-var import_NotificationIcon = __toESM(require("./NotificationIcon"));
-//# sourceMappingURL=index.js.map
+var __webpack_modules__ = ({
+5437(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  IconBox: () => (IconBox),
+  "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);
+
+
+
+const DEFAULT_BOX_SIZE = 40;
+const DEFAULT_ICON_SIZE = 16;
+const DEFAULT_BADGE_SIZE = 20;
+function getClipRectangleSize(badgeSize) {
+    return 3 / 4 * badgeSize;
+}
+const getTopRightSquareClippedPolygon = (boxSize, rectangleSize)=>{
+    // clipping path that hides top right square of size `${rectangleSize}px`
+    const diff = boxSize - rectangleSize;
+    return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;
+};
+const Container = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"])).attrs((p)=>({
+        heigth: p.size,
+        width: p.size,
+        alignItems: "center",
+        justifyContent: "center",
+        position: "relative"
+    }))``;
+const IconBoxBackground = styled_components__rspack_import_1_default()((0,_layout_Flex__rspack_import_2["default"]))`
+  position: absolute;
+  height: ${(p)=>p.size}px;
+  width: ${(p)=>p.size}px;
+  ${(p)=>{
+    return p.hasBadge && `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`;
+}};
+  border-radius: ${(p)=>p.theme.radii[2]}px;
+`;
+const BadgeContainer = (styled_components__rspack_import_1_default().div)`
+  position: absolute;
+  ${(p)=>`
+    top: -${p.badgeSize / 2 - 2}px;
+    right: -${p.badgeSize / 2 - 2}px;`}
+`;
+const IconBox = ({ Badge, size = DEFAULT_BOX_SIZE, children, borderColor = "neutral.c40", badgeColor, badgeSize = DEFAULT_BADGE_SIZE })=>{
+    const hasBadge = !!Badge;
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Container, {
+        size: size
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(IconBoxBackground, {
+        size: size,
+        badgeSize: badgeSize,
+        hasBadge: hasBadge,
+        border: "1px solid",
+        borderColor: borderColor
+    }), children, hasBadge && /*#__PURE__*/ react__rspack_import_0_default().createElement(BadgeContainer, {
+        badgeSize: badgeSize
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(Badge, {
+        size: badgeSize,
+        color: badgeColor
+    })));
+};
+const BoxedIcon = ({ Icon, iconSize = DEFAULT_ICON_SIZE, iconColor, ...iconBoxProps })=>{
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(IconBox, iconBoxProps, /*#__PURE__*/ react__rspack_import_0_default().createElement(Icon, {
+        size: iconSize || DEFAULT_ICON_SIZE,
+        color: iconColor
+    }));
+};
+/* export default */ const __rspack_default_export = (BoxedIcon);
+
+
+},
+1215(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (__rspack_default_export),
+  iconNames: () => (iconNames)
+});
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_0 = __webpack_require__(9979);
+/* import */ var _ledgerhq_icons_ui_reactLegacy__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_reactLegacy__rspack_import_0);
+/* import */ var react__rspack_import_1 = __webpack_require__(2015);
+/* import */ var react__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_1);
+
+
+const iconNames = Array.from(Object.keys(_ledgerhq_icons_ui_reactLegacy__rspack_import_0).reduce((set, rawKey)=>{
+    const key = rawKey.replace(/(.+)(Medium)+$/g, "$1");
+    if (!set.has(key)) set.add(key);
+    return set;
+}, new Set()));
+const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
+    const maybeIconName = `${name}${weight}`;
+    if (maybeIconName in _ledgerhq_icons_ui_reactLegacy__rspack_import_0) {
+        // @ts-expect-error FIXME I don't know how to make you happy ts
+        const Component = _ledgerhq_icons_ui_reactLegacy__rspack_import_0[maybeIconName];
+        return /*#__PURE__*/ react__rspack_import_1_default().createElement(Component, {
+            size: size,
+            color: color
+        });
+    }
+    return null;
+};
+/* export default */ const __rspack_default_export = (Icon);
+
+
+},
+514(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (NotificationIcon)
+});
+/* 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 _ledgerhq_icons_ui_react__rspack_import_2 = __webpack_require__(7304);
+/* import */ var _ledgerhq_icons_ui_react__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_icons_ui_react__rspack_import_2);
+/* import */ var _layout__rspack_import_4 = __webpack_require__(3832);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(4336);
+
+
+
+
+
+function getColorsByIcon(colors) {
+    const { warning } = colors;
+    return {
+        Warning: {
+            round: {
+                fg: warning.c80,
+                bg: warning.c30
+            },
+            square: {
+                fg: warning.c80,
+                bg: warning.c30
+            }
+        }
+    };
+}
+function getDefaultDefaultColors({ primary }) {
+    return {
+        round: {
+            fg: primary.c90,
+            bg: primary.c30
+        },
+        square: {
+            fg: primary.c80,
+            bg: (0,_styles__rspack_import_3.rgba)(primary.c80, 0.08)
+        }
+    };
+}
+function NotificationIcon({ icon, variant = "round" }) {
+    const { colors } = (0,styled_components__rspack_import_1.useTheme)();
+    const defaultColors = getDefaultDefaultColors(colors)[variant];
+    const safeIcon = icon in _ledgerhq_icons_ui_react__rspack_import_2 ? icon : "Information";
+    const Icon = _ledgerhq_icons_ui_react__rspack_import_2[safeIcon];
+    const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } = getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};
+    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
+        backgroundColor: iconBgColor,
+        variant: variant
+    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(Icon, {
+        color: iconColor
+    }));
+}
+const Wrapper = styled_components__rspack_import_1_default()((0,_layout__rspack_import_4["default"]))`
+  display: inline-flex;
+  padding: 8px;
+  ${(p)=>p.variant === "square" ? squareWrapper : roundWrapper}
+`;
+const roundWrapper = (0,styled_components__rspack_import_1.css)`
+  border-radius: 50%;
+`;
+const squareWrapper = (0,styled_components__rspack_import_1.css)`
+  border-radius: 13.5px;
+  background-clip: padding-box;
+  border-width: 7px;
+  border-style: solid;
+  border-color: transparent;
+  position: relative;
+
+  ${(p)=>(0,styled_components__rspack_import_1.css)`
+    &::before,
+    &::after {
+      content: "";
+      position: absolute;
+      inset: -7px;
+      border-radius: 13.5px;
+      rotate: ${p.theme.colors.type === "dark" ? "0deg" : "180deg"};
+    }
+    &::before {
+      background: linear-gradient(
+        ${p.theme.colors.type === "dark" ? "rgba(255, 255, 255, 0.05)" : "rgba(29, 28, 31, 0.05)"}
+          0%,
+        rgba(29, 28, 31, 0) 100%
+      );
+    }
+    &::after {
+      content: ${p.theme.colors.type};
+      border: solid 0.5px ${p.theme.colors.type === "dark" ? "#fff" : "rgba(0, 0, 0, 0.5)"};
+      mask-image: linear-gradient(
+        rgba(255, 255, 255, 0.15) 0%,
+        rgba(255, 255, 255, 0.01) 60%,
+        rgba(255, 255, 255, 0) 100%
+      );
+    }
+  `};
+`;
+
+
+},
+3832(__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 Box = _styled__rspack_import_0["default"].div``;
+/* export default */ const __rspack_default_export = (Box);
+
+
+},
+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);
+
+
+},
+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__, {
+  rgba: () => (/* binding */ rgba)
+});
+
+// UNUSED EXPORTS: darken, ensureContrast, mix, lighten, ff
+
+;// CONCATENATED MODULE: external "color"
+const external_color_namespaceObject = require("color");
+var external_color_default = /*#__PURE__*/__webpack_require__.n(external_color_namespaceObject);
+;// CONCATENATED MODULE: ./src/styles/helpers.ts
+
+
+const rgba = (c, a)=>external_color_default()(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 } = fontFamilies[font][type];
+    // @ts-expect-error FIXME
+    const fallback = 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;
+};
+
+
+},
+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);
+
+
+},
+7304(module) {
+module.exports = require("@ledgerhq/icons-ui/react");
+
+},
+9979(module) {
+module.exports = require("@ledgerhq/icons-ui/reactLegacy");
+
+},
+2015(module) {
+module.exports = require("react");
+
+},
+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__, {
+  BoxedIcon: () => (/* reexport safe */ _BoxedIcon__rspack_import_2["default"]),
+  IconBox: () => (/* reexport safe */ _BoxedIcon__rspack_import_2.IconBox),
+  NotificationIcon: () => (/* reexport safe */ _NotificationIcon__rspack_import_1["default"]),
+  "default": () => (/* reexport safe */ _Icon__rspack_import_0["default"]),
+  iconNames: () => (/* reexport safe */ _Icon__rspack_import_0.iconNames)
+});
+/* import */ var _Icon__rspack_import_0 = __webpack_require__(1215);
+/* import */ var _BoxedIcon__rspack_import_2 = __webpack_require__(5437);
+/* import */ var _NotificationIcon__rspack_import_1 = __webpack_require__(514);
+
+
+
+
+
+})();
+
+module.exports = __webpack_exports__;
+})()
+;
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/components/asorted/Icon/index.tsx"],
-  "sourcesContent": ["export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as NotificationIcon } from \"./NotificationIcon\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmC;AACnC,uBAAmC;AAGnC,8BAA4C;",
-  "names": ["BoxedIcon"]
-}
+{"version":3,"file":"components/asorted/Icon/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/BoxedIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/NotificationIcon.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Box/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\n\nexport const DEFAULT_BOX_SIZE = 40;\nexport const DEFAULT_ICON_SIZE = 16;\nexport const DEFAULT_BADGE_SIZE = 20;\n\nfunction getClipRectangleSize(badgeSize: number): number {\n  return (3 / 4) * badgeSize;\n}\n\nconst getTopRightSquareClippedPolygon = (boxSize: number, rectangleSize: number) => {\n  // clipping path that hides top right square of size `${rectangleSize}px`\n  const diff = boxSize - rectangleSize;\n  return `polygon(0 0, 0 0, 0 0, ${diff}px 0, ${diff}px ${rectangleSize}px, 100% ${rectangleSize}px, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 100%)`;\n};\n\nconst Container = styled(Flex).attrs((p: { size: number }) => ({\n  heigth: p.size,\n  width: p.size,\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  position: \"relative\",\n}))<{ size: number }>``;\n\nconst IconBoxBackground = styled(Flex)<{ size: number; badgeSize: number; hasBadge: boolean }>`\n  position: absolute;\n  height: ${p => p.size}px;\n  width: ${p => p.size}px;\n  ${p => {\n    return (\n      p.hasBadge &&\n      `clip-path: ${getTopRightSquareClippedPolygon(p.size, getClipRectangleSize(p.badgeSize))};`\n    );\n  }};\n  border-radius: ${p => p.theme.radii[2]}px;\n`;\n\nconst BadgeContainer = styled.div<{ badgeSize: number }>`\n  position: absolute;\n  ${p => `\n    top: -${p.badgeSize / 2 - 2}px;\n    right: -${p.badgeSize / 2 - 2}px;`}\n`;\n\nexport type IconProps = {\n  size?: number;\n  color?: string;\n};\n\nexport type IconBoxProps = {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `badgeSize` or a default size.\n   */\n  Badge?: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);\n  /**\n   * Color of the border\n   */\n  borderColor?: string;\n  /**\n   * Badge color, will be applied to the component provided in the `Badge` prop\n   */\n  badgeColor?: string;\n  /**\n   * Badge size, will be applied to the component provided in the `Badge` prop\n   */\n  badgeSize?: number;\n  children?: JSX.Element;\n  /**\n   * Box size for preview\n   */\n  size?: number;\n};\n\nexport type BoxedIconProps = IconBoxProps & {\n  /**\n   * Component that takes `{size?: number; color?: string}` as props. Will be rendered at the top right with the size provided in `iconSize` or a default size.\n   */\n  Icon: React.ComponentType<IconProps> | ((props: IconProps) => JSX.Element);\n  /**\n   * Icon size, will be applied to the component provided in the `Icon` prop\n   */\n  iconSize?: number;\n  /**\n   * Icon color, will be applied to the component provided in the `Icon` prop\n   */\n  iconColor?: string;\n};\n\nexport const IconBox = ({\n  Badge,\n  size = DEFAULT_BOX_SIZE,\n  children,\n  borderColor = \"neutral.c40\",\n  badgeColor,\n  badgeSize = DEFAULT_BADGE_SIZE,\n}: IconBoxProps) => {\n  const hasBadge = !!Badge;\n  return (\n    <Container size={size}>\n      <IconBoxBackground\n        size={size}\n        badgeSize={badgeSize}\n        hasBadge={hasBadge}\n        border=\"1px solid\"\n        borderColor={borderColor}\n      />\n      {children}\n      {hasBadge && (\n        <BadgeContainer badgeSize={badgeSize}>\n          <Badge size={badgeSize} color={badgeColor} />\n        </BadgeContainer>\n      )}\n    </Container>\n  );\n};\n\nconst BoxedIcon = ({\n  Icon,\n  iconSize = DEFAULT_ICON_SIZE,\n  iconColor,\n  ...iconBoxProps\n}: BoxedIconProps) => {\n  return (\n    <IconBox {...iconBoxProps}>\n      <Icon size={iconSize || DEFAULT_ICON_SIZE} color={iconColor} />\n    </IconBox>\n  );\n};\n\nexport default BoxedIcon;\n","import * as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n  name: string;\n  size?: number;\n  weight?: \"Medium\";\n  color?: string;\n};\n\nexport const iconNames = Array.from(\n  Object.keys(icons).reduce((set, rawKey) => {\n    const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n    if (!set.has(key)) set.add(key);\n    return set;\n  }, new Set<string>()),\n);\n\nconst Icon = ({\n  name,\n  size = 16,\n  color = \"currentColor\",\n  weight = \"Medium\",\n}: Props): JSX.Element | null => {\n  const maybeIconName = `${name}${weight}`;\n  if (maybeIconName in icons) {\n    // @ts-expect-error FIXME I don't know how to make you happy ts\n    const Component = icons[maybeIconName];\n    return <Component size={size} color={color} />;\n  }\n  return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport styled, { css, useTheme } from \"styled-components\";\n\nimport * as Icons from \"@ledgerhq/icons-ui/react\";\nimport { Box } from \"../../layout\";\nimport { type ColorPalette, rgba } from \"../../../styles\";\n\ntype IconKey = keyof typeof Icons;\ntype WrapperType = \"round\" | \"square\";\n\ntype IconPallet = { fg: string; bg: string };\n\nfunction getColorsByIcon(\n  colors: ColorPalette,\n): Partial<Record<IconKey, Partial<Record<WrapperType, Partial<IconPallet>>>>> {\n  const { warning } = colors;\n\n  return {\n    Warning: {\n      round: { fg: warning.c80, bg: warning.c30 },\n      square: { fg: warning.c80, bg: warning.c30 },\n    },\n  };\n}\n\nfunction getDefaultDefaultColors({ primary }: ColorPalette): Record<WrapperType, IconPallet> {\n  return {\n    round: { fg: primary.c90, bg: primary.c30 },\n    square: { fg: primary.c80, bg: rgba(primary.c80, 0.08) },\n  };\n}\n\ntype Props = Readonly<{\n  icon: IconKey;\n  variant: WrapperType;\n}>;\n\nexport default function NotificationIcon({ icon, variant = \"round\" }: Props) {\n  const { colors } = useTheme();\n  const defaultColors = getDefaultDefaultColors(colors)[variant];\n  const safeIcon: IconKey = icon in Icons ? icon : \"Information\";\n  const Icon = Icons[safeIcon];\n  const { fg: iconColor = defaultColors.fg, bg: iconBgColor = defaultColors.bg } =\n    getColorsByIcon(colors)[safeIcon]?.[variant] ?? {};\n\n  return (\n    <Wrapper backgroundColor={iconBgColor} variant={variant}>\n      <Icon color={iconColor} />\n    </Wrapper>\n  );\n}\n\nconst Wrapper = styled(Box)<{ variant: WrapperType }>`\n  display: inline-flex;\n  padding: 8px;\n  ${p => (p.variant === \"square\" ? squareWrapper : roundWrapper)}\n`;\n\nconst roundWrapper = css`\n  border-radius: 50%;\n`;\n\nconst squareWrapper = css`\n  border-radius: 13.5px;\n  background-clip: padding-box;\n  border-width: 7px;\n  border-style: solid;\n  border-color: transparent;\n  position: relative;\n\n  ${p => css`\n    &::before,\n    &::after {\n      content: \"\";\n      position: absolute;\n      inset: -7px;\n      border-radius: 13.5px;\n      rotate: ${p.theme.colors.type === \"dark\" ? \"0deg\" : \"180deg\"};\n    }\n    &::before {\n      background: linear-gradient(\n        ${p.theme.colors.type === \"dark\" ? \"rgba(255, 255, 255, 0.05)\" : \"rgba(29, 28, 31, 0.05)\"}\n          0%,\n        rgba(29, 28, 31, 0) 100%\n      );\n    }\n    &::after {\n      content: ${p.theme.colors.type};\n      border: solid 0.5px ${p.theme.colors.type === \"dark\" ? \"#fff\" : \"rgba(0, 0, 0, 0.5)\"};\n      mask-image: linear-gradient(\n        rgba(255, 255, 255, 0.15) 0%,\n        rgba(255, 255, 255, 0.01) 60%,\n        rgba(255, 255, 255, 0) 100%\n      );\n    }\n  `};\n`;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type BoxProps = BaseStyledProps;\n\nconst Box = baseStyled.div<BaseStyledProps>``;\n\nexport default Box;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","export { default, iconNames } from \"./Icon\";\nimport BoxedIcon, { IconBox } from \"./BoxedIcon\";\nexport { BoxedIcon, IconBox };\nexport type { Props } from \"./Icon\";\nexport { default as NotificationIcon } from \"./NotificationIcon\";\n"],"names":["React","styled","Flex","DEFAULT_BOX_SIZE","DEFAULT_ICON_SIZE","DEFAULT_BADGE_SIZE","getClipRectangleSize","badgeSize","getTopRightSquareClippedPolygon","boxSize","rectangleSize","diff","Container","p","IconBoxBackground","BadgeContainer","IconBox","Badge","size","children","borderColor","badgeColor","hasBadge","BoxedIcon","Icon","iconSize","iconColor","iconBoxProps","icons","iconNames","Array","Object","set","rawKey","key","Set","name","color","weight","maybeIconName","Component","css","useTheme","Icons","Box","rgba","getColorsByIcon","colors","warning","getDefaultDefaultColors","primary","NotificationIcon","icon","variant","defaultColors","safeIcon","iconBgColor","Wrapper","squareWrapper","roundWrapper","baseStyled","FlexBox","gaps","compose","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","system","default"],"mappings":"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"}