@ledgerhq/react-ui 0.52.0 → 0.53.0-nightly.20260626030713

package/lib/cjs/pre-ldls/components/index.js

@@ -2,9 +2,6 @@
 "use strict";
 var __webpack_modules__ = ({
 1215(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (__rspack_default_export)
-});
 /* 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);
@@ -30,12 +27,14 @@ const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
 };
 /* export default */ const __rspack_default_export = (Icon);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 348(__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__rspack_import_2 = __webpack_require__(7680);
@@ -68,12 +67,14 @@ const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body",
 `;
 /* export default */ const __rspack_default_export = (Text);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
 
@@ -220,12 +221,14 @@ const textVariantStyle = {
     }
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  textVariantStyle: textVariantStyle
+});
+
 
 },
 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({
@@ -234,12 +237,14 @@ const FlexBox = _styled__rspack_import_0["default"].div.attrs({
 })``;
 /* export default */ const __rspack_default_export = (FlexBox);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 1422(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (InfiniteLoader)
-});
 /* 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);
@@ -327,12 +332,13 @@ function InfiniteLoader({ size = 38, color = "primary.c50", ...extraProps }) {
     }));
 }
 
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (InfiniteLoader)
+});
+
 
 },
 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);
@@ -357,12 +363,14 @@ const proxyStyled = new Proxy((styled_components__rspack_import_0_default()), {
 });
 /* export default */ const __rspack_default_export = (proxyStyled);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 2136(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  AccountItem: () => (AccountItem)
-});
 /* 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);
@@ -372,9 +380,9 @@ __webpack_require__.d(__webpack_exports__, {
 /* import */ var _components__rspack_import_3 = __webpack_require__(348);
 /* import */ var _components__rspack_import_6 = __webpack_require__(3696);
 /* import */ var _components__rspack_import_8 = __webpack_require__(1215);
-/* import */ var _libs__rspack_import_2 = __webpack_require__(1507);
-/* import */ var _Address_Address__rspack_import_5 = __webpack_require__(640);
-/* import */ var _Checkbox_Checkbox__rspack_import_7 = __webpack_require__(5242);
+/* import */ var _libs__rspack_import_2 = __webpack_require__(3254);
+/* import */ var _Address_Address__rspack_import_5 = __webpack_require__(5716);
+/* import */ var _Checkbox_Checkbox__rspack_import_7 = __webpack_require__(8941);
 /* import */ var _Tag_Tag__rspack_import_4 = __webpack_require__(2472);
 
 
@@ -533,16 +541,18 @@ const AccountItem = ({ onClick, account, rightElement, showIcon = true, backgrou
     }))));
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  AccountItem: AccountItem
+});
+
 
 },
 3508(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  AccountList: () => (AccountList)
-});
 /* 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 _AccountItem_AccountItem__rspack_import_1 = __webpack_require__(2136);
-/* import */ var _VirtualList_VirtualList__rspack_import_2 = __webpack_require__(1878);
+/* import */ var _VirtualList_VirtualList__rspack_import_2 = __webpack_require__(9535);
 
 
 
@@ -561,41 +571,55 @@ const AccountList = ({ accounts, onClick, bottomComponent })=>{
     });
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  AccountList: AccountList
+});
+
 
 },
-640(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+5716(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+
+// EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  Address: () => (Address)
+  Address: () => (/* binding */ Address)
 });
-/* 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 _components__rspack_import_5 = __webpack_require__(348);
-/* 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 _libs__rspack_import_3 = __webpack_require__(1507);
-/* import */ var _ledgerhq_crypto_icons__rspack_import_2 = __webpack_require__(4505);
-/* import */ var _ledgerhq_crypto_icons__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_crypto_icons__rspack_import_2);
-/* import */ var _formatAddress__rspack_import_4 = __webpack_require__(3165);
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2015);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ./src/components/asorted/Text/index.tsx
+var Text = __webpack_require__(348);
+// 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/pre-ldls/libs/index.ts + 1 modules
+var libs = __webpack_require__(3254);
+;// CONCATENATED MODULE: external "@ledgerhq/crypto-icons"
+const crypto_icons_namespaceObject = require("@ledgerhq/crypto-icons");
+// EXTERNAL MODULE: ./src/pre-ldls/components/Address/formatAddress.ts
+var formatAddress = __webpack_require__(3165);
+;// CONCATENATED MODULE: ./src/pre-ldls/components/Address/Address.tsx
 
 
 
 
 
 
-const Wrapper = (styled_components__rspack_import_1_default().div)`
-  ${(0,_libs__rspack_import_3.withTokens)("spacing-xxxs", "colors-content-subdued-default-default")}
+const Wrapper = (external_styled_components_default()).div`
+  ${(0,libs.withTokens)("spacing-xxxs", "colors-content-subdued-default-default")}
 
   display: flex;
   flex-direction: row;
   align-items: center;
 `;
 const Address = ({ address, showIcon, cryptoId, ticker, parentId, isShortened = false })=>{
-    const formattedAddress = isShortened ? (0,_formatAddress__rspack_import_4.formatAddress)(address) : address;
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_5["default"], {
+    const formattedAddress = isShortened ? (0,formatAddress.formatAddress)(address) : address;
+    return /*#__PURE__*/ external_react_default().createElement(Wrapper, null, /*#__PURE__*/ external_react_default().createElement(Text["default"], {
         marginRight: "var(--spacing-xxxs)",
         fontSize: "12px",
         color: "var(--colors-content-subdued-default-default)"
-    }, formattedAddress), showIcon && cryptoId && ticker && /*#__PURE__*/ react__rspack_import_0_default().createElement(_ledgerhq_crypto_icons__rspack_import_2.CryptoIcon, {
+    }, formattedAddress), showIcon && cryptoId && ticker && /*#__PURE__*/ external_react_default().createElement(crypto_icons_namespaceObject.CryptoIcon, {
         ledgerId: cryptoId,
         network: parentId,
         ticker: ticker,
@@ -606,9 +630,6 @@ const Address = ({ address, showIcon, cryptoId, ticker, parentId, isShortened =
 
 },
 3165(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  formatAddress: () => (formatAddress)
-});
 /**
  * Format an address by showing only parts of it
  *
@@ -627,156 +648,17 @@ __webpack_require__.d(__webpack_exports__, {
     return `${address.slice(0, prefixLength)}${separator}${address.slice(-suffixLength)}`;
 };
 
-
-},
-2652(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  AssetItem: () => (AssetItem)
-});
-/* 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 _libs__rspack_import_3 = __webpack_require__(1507);
-/* import */ var _components__rspack_import_4 = __webpack_require__(348);
-/* import */ var _ledgerhq_crypto_icons__rspack_import_2 = __webpack_require__(4505);
-/* import */ var _ledgerhq_crypto_icons__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_crypto_icons__rspack_import_2);
-
-
-
-
-
-const copyToClipboard = async (text)=>{
-    try {
-        await navigator.clipboard.writeText(text);
-    } catch (err) {
-        console.error("Failed to copy to clipboard:", err);
-    }
-};
-const Wrapper = (styled_components__rspack_import_1_default().div)`
-  ${(0,_libs__rspack_import_3.withTokens)("spacing-xxs", "margin-s", "radius-s", "colors-content-subdued-default-default", "colors-content-default-default", "colors-surface-transparent-hover", "colors-surface-transparent-pressed")}
-
-  display: flex;
-  padding: var(--spacing-xxs);
-  cursor: pointer;
-  border-radius: var(--radius-s, 8px);
-  align-items: center;
-  overflow: hidden;
-
-  &:hover {
-    background-color: var(--colors-surface-transparent-hover);
-  }
-
-  &:active {
-    background-color: var(--colors-surface-transparent-pressed);
-  }
-`;
-const InfoWrapper = (styled_components__rspack_import_1_default().div)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin-left: var(--margin-s);
-  overflow: hidden;
-  flex: 1;
-  gap: 4px;
-`;
-const LeftElementWrapper = (styled_components__rspack_import_1_default().div)`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-const TagWrapper = (styled_components__rspack_import_1_default().div)`
-  ${(0,_libs__rspack_import_3.withTokens)("colors-surface-transparent-subdued-default", "colors-content-subdued-default-default", "radius-xs", "spacing-xxxs")}
-
-  padding: var(--spacing-xxxs);
-  border-radius: var(--radius-xs);
-  display: inline-flex;
-  background-color: var(--colors-surface-transparent-subdued-default);
-  flex-shrink: 0;
-  cursor: pointer;
-`;
-const AssetItem = ({ name, ticker, numberOfNetworks, id, assetId, onClick, leftElement, rightElement, shouldDisplayId })=>{
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
-        onClick: ()=>onClick({
-                name,
-                ticker,
-                id
-            })
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_ledgerhq_crypto_icons__rspack_import_2.CryptoIcon, {
-        size: 48,
-        ledgerId: id,
-        ticker: ticker
-    }), /*#__PURE__*/ react__rspack_import_0_default().createElement(InfoWrapper, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        "data-testid": `asset-item-name-${name}`,
-        fontSize: "14px",
-        variant: "largeLineHeight",
-        fontWeight: "semiBold",
-        color: "var(--colors-content-default-default)",
-        style: {
-            display: "block",
-            whiteSpace: "nowrap",
-            overflow: "hidden",
-            textOverflow: "ellipsis"
-        }
-    }, name), /*#__PURE__*/ react__rspack_import_0_default().createElement(LeftElementWrapper, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        "data-testid": `asset-item-ticker-${ticker}`,
-        fontSize: "12px",
-        lineHeight: "16px",
-        variant: "bodyLineHeight",
-        fontWeight: "medium",
-        color: "var(--colors-content-subdued-default-default)"
-    }, ticker), leftElement, shouldDisplayId && assetId ? /*#__PURE__*/ react__rspack_import_0_default().createElement(TagWrapper, {
-        onClick: (e)=>{
-            e.stopPropagation();
-            copyToClipboard(assetId);
-        }
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        color: "var(--colors-content-subdued-default-default)",
-        fontSize: "12px"
-    }, `${assetId} (${numberOfNetworks} networks)`)) : null)), rightElement);
-};
-
-
-},
-6992(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 __webpack_require__.d(__webpack_exports__, {
-  AssetList: () => (AssetList)
+}, {
+  formatAddress: formatAddress
 });
-/* 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 _AssetItem_AssetItem__rspack_import_1 = __webpack_require__(2652);
-/* import */ var _VirtualList_VirtualList__rspack_import_2 = __webpack_require__(1878);
-
-
-
-const AssetList = ({ assets, onClick, onVisibleItemsScrollEnd, scrollToTop, hasNextPage, isDebuggingDuplicates })=>{
-    const renderAssetItem = (0,react__rspack_import_0.useCallback)((props)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_AssetItem_AssetItem__rspack_import_1.AssetItem, {
-            ...props,
-            shouldDisplayId: isDebuggingDuplicates,
-            onClick: onClick
-        }), [
-        onClick,
-        isDebuggingDuplicates
-    ]);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(_VirtualList_VirtualList__rspack_import_2.VirtualList, {
-        itemHeight: 64,
-        items: assets,
-        onVisibleItemsScrollEnd: onVisibleItemsScrollEnd,
-        renderItem: renderAssetItem,
-        scrollToTop: scrollToTop,
-        hasNextPage: hasNextPage
-    });
-};
 
 
 },
 5426(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  CardButton: () => (CardButton)
-});
 /* 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 _libs__rspack_import_2 = __webpack_require__(1507);
+/* import */ var _libs__rspack_import_2 = __webpack_require__(3254);
 /* 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);
 
@@ -824,9 +706,14 @@ const CardButton = ({ onClick, title, iconRight, variant = "default" })=>{
     }, title, " ", iconRight);
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  CardButton: CardButton
+});
+
 
 },
-5242(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+8941(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -845,7 +732,7 @@ var CheckAloneMedium_default = /*#__PURE__*/__webpack_require__.n(CheckAloneMedi
 ;// CONCATENATED MODULE: external "react-dom/server"
 const server_namespaceObject = require("react-dom/server");
 // EXTERNAL MODULE: ./src/pre-ldls/libs/index.ts + 1 modules
-var libs = __webpack_require__(1507);
+var libs = __webpack_require__(3254);
 ;// CONCATENATED MODULE: ./src/pre-ldls/components/Checkbox/Checkbox.tsx
 
 
@@ -922,338 +809,12 @@ const Checkbox = ({ isDisabled = false, isChecked, name, onChange, size })=>/*#_
     }));
 
 
-},
-8740(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  Input: () => (Input)
-});
-/* 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 _libs__rspack_import_2 = __webpack_require__(1507);
-
-
-
-const Wrapper = (styled_components__rspack_import_1_default().div)`
-  ${(0,_libs__rspack_import_2.withTokens)("spacing-s", "spacing-xxs", "radius-s", "colors-surface-transparent-subdued-default", "colors-content-subdued-default-default")}
-
-  display: flex;
-  height: 40px;
-  min-width: 328px;
-  padding: 0px var(--spacing-s, 16px);
-  align-items: center;
-  gap: var(--spacing-xxs, 8px);
-
-  border-radius: var(--radius-s, 8px);
-  background: var(--colors-surface-transparent-subdued-default, rgba(0, 0, 0, 0.03));
-  color: var(--colors-content-subdued-default-default);
-  overflow: hidden;
-`;
-const StyledInput = (styled_components__rspack_import_1_default().input)`
-  background: none;
-  cursor: text;
-  border: none;
-  width: 100%;
-`;
-const Input = /*#__PURE__*/ react__rspack_import_0_default().forwardRef(({ type = "text", icon = null, ...props }, ref)=>{
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, null, icon, /*#__PURE__*/ react__rspack_import_0_default().createElement(StyledInput, {
-        ...props,
-        type: type,
-        ref: ref
-    }));
-});
-Input.displayName = "Input";
-
-
-},
-7314(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  MarketPercentIndicator: () => (MarketPercentIndicator)
-});
-/* 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 _components__rspack_import_2 = __webpack_require__(3696);
-/* import */ var _components__rspack_import_4 = __webpack_require__(348);
-/* 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 _libs__rspack_import_3 = __webpack_require__(1507);
-
-
-
-
-const Wrapper = styled_components__rspack_import_1_default()((0,_components__rspack_import_2["default"]))`
-  ${(0,_libs__rspack_import_3.withTokens)("colors-surface-status-success-default", "colors-surface-status-success-strong-default", "colors-surface-status-error-default", "colors-surface-status-error-strong-default", "colors-surface-transparent-hover", "colors-content-default-default")}
-`;
-const getPercentageDisplay = (percent)=>{
-    if (percent > 0) {
-        return {
-            backgroundColor: "var(--colors-surface-status-success-default)",
-            color: "var(--colors-surface-status-success-strong-default)",
-            text: `+${percent}%`
-        };
-    }
-    if (percent < 0) {
-        return {
-            backgroundColor: "var(--colors-surface-status-error-default)",
-            color: "var(--colors-surface-status-error-strong-default)",
-            text: `-${Math.abs(percent)}%`
-        };
-    }
-    return {
-        backgroundColor: "var(--colors-surface-transparent-hover)",
-        color: "var(--colors-content-default-default)",
-        text: `${percent}%`
-    };
-};
-const MarketPercentIndicator = ({ percent })=>{
-    const percentageDisplay = getPercentageDisplay(percent);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
-        "data-testid": "market-percent-indicator",
-        flexDirection: "column",
-        alignItems: "flex-end",
-        width: "fit-content",
-        p: "4px",
-        borderRadius: "4px",
-        backgroundColor: percentageDisplay.backgroundColor
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        "data-testid": "market-percent-indicator-value",
-        color: percentageDisplay.color,
-        fontSize: "12px"
-    }, percentageDisplay.text));
-};
-
-
-},
-4794(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  MarketPriceIndicator: () => (MarketPriceIndicator)
-});
-/* 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 _components__rspack_import_2 = __webpack_require__(3696);
-/* import */ var _components__rspack_import_4 = __webpack_require__(348);
-/* 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 _libs__rspack_import_3 = __webpack_require__(1507);
-
-
-
-
-const Wrapper = styled_components__rspack_import_1_default()((0,_components__rspack_import_2["default"]))`
-  ${(0,_libs__rspack_import_3.withTokens)("colors-surface-status-success-strong-default", "colors-surface-status-error-strong-default", "colors-content-default-default")}
-`;
-const getPercentageDisplay = (percent)=>{
-    if (percent > 0) {
-        return {
-            color: "var(--colors-surface-status-success-strong-default)",
-            text: `+${percent}%`
-        };
-    }
-    if (percent < 0) {
-        return {
-            color: "var(--colors-surface-status-error-strong-default)",
-            text: `-${Math.abs(percent)}%`
-        };
-    }
-    return {
-        color: "var(--colors-content-default-default)",
-        text: `${percent}%`
-    };
-};
-const MarketPriceIndicator = ({ percent, price })=>{
-    const percentageDisplay = getPercentageDisplay(percent);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
-        "data-testid": "market-price-indicator",
-        flexDirection: "column",
-        alignItems: "flex-end",
-        width: "fit-content"
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        "data-testid": "market-price-indicator-value",
-        variant: "body",
-        fontWeight: "semiBold",
-        mb: "4px"
-    }, price), /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        "data-testid": "market-price-indicator-percent",
-        color: percentageDisplay.color,
-        fontSize: "12px"
-    }, percentageDisplay.text));
-};
-
-
-},
-9064(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  NetworkItem: () => (NetworkItem)
-});
-/* 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 _libs__rspack_import_3 = __webpack_require__(1507);
-/* import */ var _components__rspack_import_4 = __webpack_require__(348);
-/* import */ var _ledgerhq_crypto_icons__rspack_import_2 = __webpack_require__(4505);
-/* import */ var _ledgerhq_crypto_icons__rspack_import_2_default = /*#__PURE__*/__webpack_require__.n(_ledgerhq_crypto_icons__rspack_import_2);
-
-
-
-
-
-const Wrapper = (styled_components__rspack_import_1_default().div)`
-  ${(0,_libs__rspack_import_3.withTokens)("spacing-xxs", "margin-s", "radius-s", "colors-content-default-default", "colors-content-subdued-default-default", "colors-surface-transparent-hover", "colors-surface-transparent-pressed")}
-  display: flex;
-  padding: var(--spacing-xxs);
-  cursor: pointer;
-  border-radius: var(--radius-s, 8px);
-  align-items: center;
-
-  &:hover {
-    background-color: var(--colors-surface-transparent-hover);
-  }
-
-  &:active {
-    background-color: var(--colors-surface-transparent-pressed);
-  }
-`;
-const InfoWrapper = (styled_components__rspack_import_1_default().div)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  margin-left: var(--margin-s);
-  flex: 1;
-`;
-const LeftElementWrapper = (styled_components__rspack_import_1_default().div)`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-`;
-const NetworkItem = ({ name, onClick, id, ticker, leftElement, rightElement })=>{
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, {
-        onClick: onClick
-    }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_ledgerhq_crypto_icons__rspack_import_2.CryptoIcon, {
-        size: 48,
-        ledgerId: id,
-        ticker: ticker
-    }), /*#__PURE__*/ react__rspack_import_0_default().createElement(InfoWrapper, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(_components__rspack_import_4["default"], {
-        "data-testid": `network-item-name-${name}`,
-        variant: "largeLineHeight",
-        fontWeight: "semiBold",
-        color: "var(--colors-content-default-default)"
-    }, name), /*#__PURE__*/ react__rspack_import_0_default().createElement(LeftElementWrapper, null, leftElement)), rightElement);
-};
-
-
-},
-5228(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  NetworkList: () => (NetworkList)
-});
-/* 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 _NetworkItem_NetworkItem__rspack_import_1 = __webpack_require__(9064);
-/* import */ var _VirtualList_VirtualList__rspack_import_2 = __webpack_require__(1878);
-
-
-
-const NetworkList = ({ networks, onClick })=>{
-    const renderNetworkItem = (0,react__rspack_import_0.useCallback)((network)=>/*#__PURE__*/ react__rspack_import_0_default().createElement(_NetworkItem_NetworkItem__rspack_import_1.NetworkItem, {
-            ...network,
-            onClick: ()=>onClick(network.id)
-        }), [
-        onClick
-    ]);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(_VirtualList_VirtualList__rspack_import_2.VirtualList, {
-        items: networks,
-        itemHeight: 64,
-        renderItem: renderNetworkItem
-    });
-};
-
-
-},
-4614(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  Search: () => (Search)
-});
-/* 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 _assets__rspack_import_5 = __webpack_require__(7304);
-/* import */ var _assets__rspack_import_5_default = /*#__PURE__*/__webpack_require__.n(_assets__rspack_import_5);
-/* import */ var _hooks__rspack_import_3 = __webpack_require__(310);
-/* import */ var ___rspack_import_4 = __webpack_require__(8740);
-/* 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 _libs__rspack_import_2 = __webpack_require__(1507);
-
-
-
-
-
-
-const Wrapper = (styled_components__rspack_import_1_default().div)`
-  ${(0,_libs__rspack_import_2.withTokens)("colors-border-active-default", "radius-s")}
-
-  &:focus-within {
-    box-shadow: inset 0 0 0 2px var(--colors-border-active-default);
-  }
-  border-radius: var(--radius-s, 8px);
-`;
-function Search({ onDebouncedChange, debounceTime = 500, onChange, autoFocus = true, ...props }) {
-    const initialValue = props.value ?? props.defaultValue ?? "";
-    const prevValue = (0,react__rspack_import_0.useRef)(String(initialValue));
-    const searchInputRef = (0,react__rspack_import_0.useRef)(null);
-    (0,react__rspack_import_0.useEffect)(()=>{
-        if (autoFocus && searchInputRef.current) {
-            // Delay focus to prevent layout shifts
-            setTimeout(()=>{
-                searchInputRef.current?.focus({
-                    preventScroll: true
-                });
-            }, 0);
-        }
-    }, [
-        autoFocus
-    ]);
-    const handleDebouncedChange = (0,_hooks__rspack_import_3.useDebouncedCallback)((0,react__rspack_import_0.useMemo)(()=>{
-        if (!onDebouncedChange) return;
-        return (event)=>{
-            const current = event.target.value;
-            onDebouncedChange(current, prevValue.current);
-            prevValue.current = current;
-        };
-    }, [
-        onDebouncedChange
-    ]), debounceTime);
-    const handleChange = (0,react__rspack_import_0.useMemo)(()=>{
-        if (!handleDebouncedChange && !onChange) return;
-        return (event)=>{
-            onChange?.(event);
-            handleDebouncedChange?.(event);
-        };
-    }, [
-        handleDebouncedChange,
-        onChange
-    ]);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(Wrapper, null, /*#__PURE__*/ react__rspack_import_0_default().createElement(___rspack_import_4.Input, {
-        ...props,
-        ref: searchInputRef,
-        icon: /*#__PURE__*/ react__rspack_import_0_default().createElement(_assets__rspack_import_5.Search, {
-            size: "S"
-        }),
-        onChange: handleChange
-    }));
-}
-
-
 },
 2472(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  Tag: () => (Tag)
-});
 /* 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 _components__rspack_import_3 = __webpack_require__(348);
-/* import */ var _libs__rspack_import_2 = __webpack_require__(1507);
+/* import */ var _libs__rspack_import_2 = __webpack_require__(3254);
 /* 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);
 
@@ -1281,9 +842,14 @@ const Tag = ({ textTransform = "none", spacing = "sm", children })=>{
     }, children));
 };
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  Tag: Tag
+});
+
 
 },
-3677(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+1117(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -1304,7 +870,7 @@ var react_ = __webpack_require__(7304);
 // EXTERNAL MODULE: ./src/components/layout/Flex/index.ts
 var Flex = __webpack_require__(3696);
 // EXTERNAL MODULE: ./src/pre-ldls/libs/index.ts + 1 modules
-var libs = __webpack_require__(1507);
+var libs = __webpack_require__(3254);
 ;// CONCATENATED MODULE: ./src/pre-ldls/components/TextInput/TextInput.tsx
 
 
@@ -1480,7 +1046,7 @@ TextInput.displayName = "TextInput";
 
 
 },
-1878(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+9535(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -1614,39 +1180,8 @@ const VirtualList = ({ gap, hasNextPage = false, isLoading, itemHeight, items, L
 };
 
 
-},
-310(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  useDebouncedCallback: () => (useDebouncedCallback)
-});
-/* import */ var react__rspack_import_0 = __webpack_require__(2015);
-/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
-
-function useDebouncedCallback(callback, delay) {
-    const [debouncedCallback, setDebouncedCallback] = (0,react__rspack_import_0.useState)();
-    const timeout = (0,react__rspack_import_0.useRef)(3000);
-    (0,react__rspack_import_0.useEffect)(()=>{
-        if (!callback) return setDebouncedCallback(undefined);
-        setDebouncedCallback(()=>(...args)=>{
-                clearTimeout(timeout.current);
-                timeout.current = setTimeout(()=>callback(...args), delay);
-            });
-        return ()=>clearTimeout(timeout.current);
-    }, [
-        callback,
-        delay
-    ]);
-    return debouncedCallback;
-}
-
-
 },
 8112(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
-__webpack_require__.d(__webpack_exports__, {
-  dark: () => (dark),
-  light: () => (light),
-  spacing: () => (spacing)
-});
 // From https://github.com/LedgerHQ/ldls/blob/main/libs/design-tokens/src/lib/design-tokens.ts :
 const spacing = {
     "spacing-xs": "8px",
@@ -2609,9 +2144,16 @@ const primitiveColors = (/* unused pure expression or super */ null && ({
     "dark-purple-050": "#3f2058"
 }));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  dark: dark,
+  light: light,
+  spacing: spacing
+});
+
 
 },
-1507(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+3254(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
@@ -2701,14 +2243,14 @@ const withTokens = (...usedTokens)=>{
 
 
 },
-4336(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
+205(__unused_rspack_module, __webpack_exports__, __webpack_require__) {
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   ff: () => (/* binding */ ff)
 });
 
-// UNUSED EXPORTS: darken, ensureContrast, mix, rgba, lighten
+// UNUSED EXPORTS: darken, ensureContrast, lighten, mix, rgba
 
 ;// CONCATENATED MODULE: external "color"
 const external_color_namespaceObject = require("color");
@@ -2746,10 +2288,7 @@ const ensureContrast = (color1, color2)=>{
 
 },
 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);
+/* import */ var _helpers__rspack_import_0 = __webpack_require__(205);
 
 /* export default */ const __rspack_default_export = ((props)=>{
     const prop = props.ff;
@@ -2759,12 +2298,14 @@ __webpack_require__.d(__webpack_exports__, {
     return (0,_helpers__rspack_import_0.ff)(prop);
 });
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
 
@@ -2780,12 +2321,14 @@ const gaps = (0,styled_system__rspack_import_0.system)({
 });
 /* export default */ const __rspack_default_export = (gaps);
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  "default": __rspack_default_export
+});
+
 
 },
 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);
@@ -3054,10 +2597,11 @@ const theme = {
 };
 /* unused export default */ var __rspack_default_export = ((/* unused pure expression or super */ null && (theme)));
 
+__webpack_require__.d(__webpack_exports__, {
+}, {
+  fontFamilies: fontFamilies
+});
 
-},
-4505(module) {
-module.exports = require("@ledgerhq/crypto-icons");
 
 },
 7304(module) {
@@ -3123,12 +2667,16 @@ __webpack_require__.n = (module) => {
 })();
 // 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_require__.d = (exports, getters, values) => {
+	var define = (defs, kind) => {
+		for(var key in defs) {
+			if(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {
+				Object.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });
+			}
+		}
+	};
+	define(getters, "get");
+	define(values, "value");
 };
 })();
 // webpack/runtime/has_own_property
@@ -3149,45 +2697,13 @@ 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__, {
-  AccountItem: () => (/* reexport safe */ _AccountItem_AccountItem__rspack_import_0.AccountItem),
-  AccountList: () => (/* reexport safe */ _AccountList_AccountList__rspack_import_1.AccountList),
-  Address: () => (/* reexport safe */ _Address_Address__rspack_import_2.Address),
-  AssetItem: () => (/* reexport safe */ _AssetItem_AssetItem__rspack_import_3.AssetItem),
-  AssetList: () => (/* reexport safe */ _AssetList_AssetList__rspack_import_4.AssetList),
-  CardButton: () => (/* reexport safe */ _CardButton_CardButton__rspack_import_5.CardButton),
-  Input: () => (/* reexport safe */ _Input_Input__rspack_import_8.Input),
-  MarketPercentIndicator: () => (/* reexport safe */ _MarketPercentIndicator_MarketPercentIndicator__rspack_import_7.MarketPercentIndicator),
-  MarketPriceIndicator: () => (/* reexport safe */ _MarketPriceIndicator_MarketPriceIndicator__rspack_import_6.MarketPriceIndicator),
-  NetworkItem: () => (/* reexport safe */ _NetworkItem_NetworkItem__rspack_import_9.NetworkItem),
-  NetworkList: () => (/* reexport safe */ _NetworkList_NetworkList__rspack_import_10.NetworkList),
-  Search: () => (/* reexport safe */ _Search_Search__rspack_import_11.Search),
-  Tag: () => (/* reexport safe */ _Tag_Tag__rspack_import_12.Tag),
-  TextInput: () => (/* reexport safe */ _TextInput_TextInput__rspack_import_13.TextInput),
-  VirtualList: () => (/* reexport safe */ _VirtualList_VirtualList__rspack_import_14.VirtualList)
-});
 /* import */ var _AccountItem_AccountItem__rspack_import_0 = __webpack_require__(2136);
 /* import */ var _AccountList_AccountList__rspack_import_1 = __webpack_require__(3508);
-/* import */ var _Address_Address__rspack_import_2 = __webpack_require__(640);
-/* import */ var _AssetItem_AssetItem__rspack_import_3 = __webpack_require__(2652);
-/* import */ var _AssetList_AssetList__rspack_import_4 = __webpack_require__(6992);
-/* import */ var _CardButton_CardButton__rspack_import_5 = __webpack_require__(5426);
-/* import */ var _MarketPriceIndicator_MarketPriceIndicator__rspack_import_6 = __webpack_require__(4794);
-/* import */ var _MarketPercentIndicator_MarketPercentIndicator__rspack_import_7 = __webpack_require__(7314);
-/* import */ var _Input_Input__rspack_import_8 = __webpack_require__(8740);
-/* import */ var _NetworkItem_NetworkItem__rspack_import_9 = __webpack_require__(9064);
-/* import */ var _NetworkList_NetworkList__rspack_import_10 = __webpack_require__(5228);
-/* import */ var _Search_Search__rspack_import_11 = __webpack_require__(4614);
-/* import */ var _Tag_Tag__rspack_import_12 = __webpack_require__(2472);
-/* import */ var _TextInput_TextInput__rspack_import_13 = __webpack_require__(3677);
-/* import */ var _VirtualList_VirtualList__rspack_import_14 = __webpack_require__(1878);
-
-
-
-
-
-
-
+/* import */ var _Address_Address__rspack_import_2 = __webpack_require__(5716);
+/* import */ var _CardButton_CardButton__rspack_import_3 = __webpack_require__(5426);
+/* import */ var _Tag_Tag__rspack_import_4 = __webpack_require__(2472);
+/* import */ var _TextInput_TextInput__rspack_import_5 = __webpack_require__(1117);
+/* import */ var _VirtualList_VirtualList__rspack_import_6 = __webpack_require__(9535);
 
 
 
@@ -3196,6 +2712,15 @@ __webpack_require__.d(__webpack_exports__, {
 
 
 
+__webpack_require__.d(__webpack_exports__, {
+  AccountItem: () => (/* reexport safe */ _AccountItem_AccountItem__rspack_import_0.AccountItem),
+  AccountList: () => (/* reexport safe */ _AccountList_AccountList__rspack_import_1.AccountList),
+  Address: () => (/* reexport safe */ _Address_Address__rspack_import_2.Address),
+  CardButton: () => (/* reexport safe */ _CardButton_CardButton__rspack_import_3.CardButton),
+  Tag: () => (/* reexport safe */ _Tag_Tag__rspack_import_4.Tag),
+  TextInput: () => (/* reexport safe */ _TextInput_TextInput__rspack_import_5.TextInput),
+  VirtualList: () => (/* reexport safe */ _VirtualList_VirtualList__rspack_import_6.VirtualList)
+});
 
 })();