@ledgerhq/lumen-ui-react 0.1.27 → 0.1.29

package/dist/i18n/locales/de.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "Benutzer-Avatar",
-      "notificationAriaLabel": "Hat Benachrichtigung"
+      "notificationAriaLabel": "Hat Benachrichtigung",
+      "fallbackIconAriaLabel": "Fallback-Icon"
     },
     "baseInput": {
       "clearInputAriaLabel": "Eingabe löschen"
@@ -33,9 +34,12 @@ declare const _default: {
       "goBackAriaLabel": "Zurück"
     },
     "sideBar": {
-      "navigationAriaLabel": "Seitennavigation",
-      "collapseAriaLabel": "Seitenleiste einklappen",
-      "expandAriaLabel": "Seitenleiste ausklappen"
+      "navigationAriaLabel": "Seitenleistennavigation",
+      "collapseAriaLabel": "Seitenleiste ausblenden",
+      "expandAriaLabel": "Seitenleiste anzeigen"
+    },
+    "stepper": {
+      "progressAriaLabel": "Schritt {{currentStep}} von {{totalSteps}}"
     }
   }
 }

package/dist/i18n/locales/de.json.js

@@ -1,4 +1,4 @@
-const e = { closeAriaLabel: "Schließen" }, a = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, amountDisplay: { amountHiddenAriaLabel: "Betrag ausgeblendet" }, avatar: { defaultAlt: "Benutzer-Avatar", notificationAriaLabel: "Hat Benachrichtigung" }, baseInput: { clearInputAriaLabel: "Eingabe löschen" }, spinner: { loadingAriaLabel: "Wird geladen" }, dialogHeader: { goBackAriaLabel: "Zurück", closeAriaLabel: "Schließen" }, banner: { closeAriaLabel: "Schließen" }, link: { opensInNewTabAriaLabel: "(Öffnet in neuem Tab)" }, navBar: { goBackAriaLabel: "Zurück" }, sideBar: { navigationAriaLabel: "Seitennavigation", collapseAriaLabel: "Seitenleiste einklappen", expandAriaLabel: "Seitenleiste ausklappen" } }, n = {
+const e = { closeAriaLabel: "Schließen" }, a = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, amountDisplay: { amountHiddenAriaLabel: "Betrag ausgeblendet" }, avatar: { defaultAlt: "Benutzer-Avatar", notificationAriaLabel: "Hat Benachrichtigung", fallbackIconAriaLabel: "Fallback-Icon" }, baseInput: { clearInputAriaLabel: "Eingabe löschen" }, spinner: { loadingAriaLabel: "Wird geladen" }, dialogHeader: { goBackAriaLabel: "Zurück", closeAriaLabel: "Schließen" }, banner: { closeAriaLabel: "Schließen" }, link: { opensInNewTabAriaLabel: "(Öffnet in neuem Tab)" }, navBar: { goBackAriaLabel: "Zurück" }, sideBar: { navigationAriaLabel: "Seitenleistennavigation", collapseAriaLabel: "Seitenleiste ausblenden", expandAriaLabel: "Seitenleiste anzeigen" }, stepper: { progressAriaLabel: "Schritt {{currentStep}} von {{totalSteps}}" } }, n = {
   common: e,
   components: a
 };

package/dist/i18n/locales/en.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "User avatar",
-      "notificationAriaLabel": "Has notification"
+      "notificationAriaLabel": "Has notification",
+      "fallbackIconAriaLabel": "Fallback Icon"
     },
     "baseInput": {
       "clearInputAriaLabel": "Clear input"
@@ -37,6 +38,9 @@ declare const _default: {
       "collapseAriaLabel": "Collapse sidebar",
       "expandAriaLabel": "Expand sidebar"
     },
+    "stepper": {
+      "progressAriaLabel": "Step {{currentStep}} of {{totalSteps}}"
+    },
     "table": {
       "ascAriaLabel": "Sort ascending",
       "descAriaLabel": "Sort descending"

package/dist/i18n/locales/en.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "Close" }, e = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, amountDisplay: { amountHiddenAriaLabel: "Amount hidden" }, avatar: { defaultAlt: "User avatar", notificationAriaLabel: "Has notification" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" }, sideBar: { navigationAriaLabel: "Sidebar navigation", collapseAriaLabel: "Collapse sidebar", expandAriaLabel: "Expand sidebar" }, table: { ascAriaLabel: "Sort ascending", descAriaLabel: "Sort descending" } }, n = {
+const a = { closeAriaLabel: "Close" }, e = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, amountDisplay: { amountHiddenAriaLabel: "Amount hidden" }, avatar: { defaultAlt: "User avatar", notificationAriaLabel: "Has notification", fallbackIconAriaLabel: "Fallback Icon" }, baseInput: { clearInputAriaLabel: "Clear input" }, spinner: { loadingAriaLabel: "Loading" }, dialogHeader: { goBackAriaLabel: "Go back", closeAriaLabel: "Close" }, banner: { closeAriaLabel: "Close" }, link: { opensInNewTabAriaLabel: "(opens in a new tab)" }, navBar: { goBackAriaLabel: "Go back" }, sideBar: { navigationAriaLabel: "Sidebar navigation", collapseAriaLabel: "Collapse sidebar", expandAriaLabel: "Expand sidebar" }, stepper: { progressAriaLabel: "Step {{currentStep}} of {{totalSteps}}" }, table: { ascAriaLabel: "Sort ascending", descAriaLabel: "Sort descending" } }, n = {
   common: a,
   components: e
 };

package/dist/i18n/locales/es.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "Avatar de usuario",
-      "notificationAriaLabel": "Tiene notificación"
+      "notificationAriaLabel": "Tiene notificación",
+      "fallbackIconAriaLabel": "Ícono alternativo"
     },
     "baseInput": {
       "clearInputAriaLabel": "Borrar entrada"
@@ -33,9 +34,12 @@ declare const _default: {
       "goBackAriaLabel": "Volver"
     },
     "sideBar": {
-      "navigationAriaLabel": "Navegación lateral",
-      "collapseAriaLabel": "Contraer barra lateral",
+      "navigationAriaLabel": "Navegación de barra lateral",
+      "collapseAriaLabel": "Colapsar barra lateral",
       "expandAriaLabel": "Expandir barra lateral"
+    },
+    "stepper": {
+      "progressAriaLabel": "Paso {{currentStep}} de {{totalSteps}}"
     }
   }
 }

package/dist/i18n/locales/es.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "Cerrar" }, e = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, amountDisplay: { amountHiddenAriaLabel: "Importe oculto" }, avatar: { defaultAlt: "Avatar de usuario", notificationAriaLabel: "Tiene notificación" }, baseInput: { clearInputAriaLabel: "Borrar entrada" }, spinner: { loadingAriaLabel: "Cargando" }, dialogHeader: { goBackAriaLabel: "Volver", closeAriaLabel: "Cerrar" }, banner: { closeAriaLabel: "Cerrar" }, link: { opensInNewTabAriaLabel: "(se abre en una pestaña nueva)" }, navBar: { goBackAriaLabel: "Volver" }, sideBar: { navigationAriaLabel: "Navegación lateral", collapseAriaLabel: "Contraer barra lateral", expandAriaLabel: "Expandir barra lateral" } }, r = {
+const a = { closeAriaLabel: "Cerrar" }, e = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, amountDisplay: { amountHiddenAriaLabel: "Importe oculto" }, avatar: { defaultAlt: "Avatar de usuario", notificationAriaLabel: "Tiene notificación", fallbackIconAriaLabel: "Ícono alternativo" }, baseInput: { clearInputAriaLabel: "Borrar entrada" }, spinner: { loadingAriaLabel: "Cargando" }, dialogHeader: { goBackAriaLabel: "Volver", closeAriaLabel: "Cerrar" }, banner: { closeAriaLabel: "Cerrar" }, link: { opensInNewTabAriaLabel: "(se abre en una pestaña nueva)" }, navBar: { goBackAriaLabel: "Volver" }, sideBar: { navigationAriaLabel: "Navegación de barra lateral", collapseAriaLabel: "Colapsar barra lateral", expandAriaLabel: "Expandir barra lateral" }, stepper: { progressAriaLabel: "Paso {{currentStep}} de {{totalSteps}}" } }, r = {
   common: a,
   components: e
 };

package/dist/i18n/locales/fr.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "Avatar de l'utilisateur",
-      "notificationAriaLabel": "A une notification"
+      "notificationAriaLabel": "A une notification",
+      "fallbackIconAriaLabel": "Icône par défaut"
     },
     "baseInput": {
       "clearInputAriaLabel": "Effacer la saisie"
@@ -33,10 +34,13 @@ declare const _default: {
       "goBackAriaLabel": "Retour"
     },
     "sideBar": {
-      "navigationAriaLabel": "Navigation latérale",
+      "navigationAriaLabel": "Menu de navigation latéral",
       "collapseAriaLabel": "Réduire la barre latérale",
       "expandAriaLabel": "Développer la barre latérale"
     },
+    "stepper": {
+      "progressAriaLabel": "Étape {{currentStep}} sur {{totalSteps}}"
+    },
     "table": {
       "ascAriaLabel": "Trier par ordre croissant",
       "descAriaLabel": "Trier par ordre décroissant"

package/dist/i18n/locales/fr.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "Fermer" }, e = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, amountDisplay: { amountHiddenAriaLabel: "Montant masqué" }, avatar: { defaultAlt: "Avatar de l'utilisateur", notificationAriaLabel: "A une notification" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" }, sideBar: { navigationAriaLabel: "Navigation latérale", collapseAriaLabel: "Réduire la barre latérale", expandAriaLabel: "Développer la barre latérale" }, table: { ascAriaLabel: "Trier par ordre croissant", descAriaLabel: "Trier par ordre décroissant" } }, r = {
+const a = { closeAriaLabel: "Fermer" }, e = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, amountDisplay: { amountHiddenAriaLabel: "Montant masqué" }, avatar: { defaultAlt: "Avatar de l'utilisateur", notificationAriaLabel: "A une notification", fallbackIconAriaLabel: "Icône par défaut" }, baseInput: { clearInputAriaLabel: "Effacer la saisie" }, spinner: { loadingAriaLabel: "Chargement" }, dialogHeader: { goBackAriaLabel: "Retour", closeAriaLabel: "Fermer" }, banner: { closeAriaLabel: "Fermer" }, link: { opensInNewTabAriaLabel: "(s'ouvre dans un nouvel onglet)" }, navBar: { goBackAriaLabel: "Retour" }, sideBar: { navigationAriaLabel: "Menu de navigation latéral", collapseAriaLabel: "Réduire la barre latérale", expandAriaLabel: "Développer la barre latérale" }, stepper: { progressAriaLabel: "Étape {{currentStep}} sur {{totalSteps}}" }, table: { ascAriaLabel: "Trier par ordre croissant", descAriaLabel: "Trier par ordre décroissant" } }, r = {
   common: a,
   components: e
 };

package/dist/i18n/locales/ja.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "ユーザーアバター",
-      "notificationAriaLabel": "通知あり"
+      "notificationAriaLabel": "通知あり",
+      "fallbackIconAriaLabel": "フォールバックアイコン"
     },
     "baseInput": {
       "clearInputAriaLabel": "インプットを削除"
@@ -34,8 +35,11 @@ declare const _default: {
     },
     "sideBar": {
       "navigationAriaLabel": "サイドバーナビゲーション",
-      "collapseAriaLabel": "サイドバーを折りたたむ",
-      "expandAriaLabel": "サイドバーを展開する"
+      "collapseAriaLabel": "サイドバーを閉じる",
+      "expandAriaLabel": "サイドバーを開く"
+    },
+    "stepper": {
+      "progressAriaLabel": "ステップ{{currentStep}}/{{totalSteps}}"
     }
   }
 }

package/dist/i18n/locales/ja.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "閉じる" }, e = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, amountDisplay: { amountHiddenAriaLabel: "金額非表示" }, avatar: { defaultAlt: "ユーザーアバター", notificationAriaLabel: "通知あり" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "（新しいタブで開く）" }, navBar: { goBackAriaLabel: "戻る" }, sideBar: { navigationAriaLabel: "サイドバーナビゲーション", collapseAriaLabel: "サイドバーを折りたたむ", expandAriaLabel: "サイドバーを展開する" } }, l = {
+const a = { closeAriaLabel: "閉じる" }, e = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, amountDisplay: { amountHiddenAriaLabel: "金額非表示" }, avatar: { defaultAlt: "ユーザーアバター", notificationAriaLabel: "通知あり", fallbackIconAriaLabel: "フォールバックアイコン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "（新しいタブで開く）" }, navBar: { goBackAriaLabel: "戻る" }, sideBar: { navigationAriaLabel: "サイドバーナビゲーション", collapseAriaLabel: "サイドバーを閉じる", expandAriaLabel: "サイドバーを開く" }, stepper: { progressAriaLabel: "ステップ{{currentStep}}/{{totalSteps}}" } }, l = {
   common: a,
   components: e
 };

package/dist/i18n/locales/ko.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "사용자 아바타",
-      "notificationAriaLabel": "알림 있음"
+      "notificationAriaLabel": "알림 있음",
+      "fallbackIconAriaLabel": "대체 아이콘"
     },
     "baseInput": {
       "clearInputAriaLabel": "입력 값 지우기"
@@ -36,6 +37,9 @@ declare const _default: {
       "navigationAriaLabel": "사이드바 탐색",
       "collapseAriaLabel": "사이드바 접기",
       "expandAriaLabel": "사이드바 펼치기"
+    },
+    "stepper": {
+      "progressAriaLabel": "{{totalSteps}} 중 {{currentStep}} 단계"
     }
   }
 }

package/dist/i18n/locales/ko.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "닫기" }, e = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, amountDisplay: { amountHiddenAriaLabel: "금액 숨김" }, avatar: { defaultAlt: "사용자 아바타", notificationAriaLabel: "알림 있음" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" }, navBar: { goBackAriaLabel: "돌아가기" }, sideBar: { navigationAriaLabel: "사이드바 탐색", collapseAriaLabel: "사이드바 접기", expandAriaLabel: "사이드바 펼치기" } }, l = {
+const a = { closeAriaLabel: "닫기" }, e = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, amountDisplay: { amountHiddenAriaLabel: "금액 숨김" }, avatar: { defaultAlt: "사용자 아바타", notificationAriaLabel: "알림 있음", fallbackIconAriaLabel: "대체 아이콘" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" }, navBar: { goBackAriaLabel: "돌아가기" }, sideBar: { navigationAriaLabel: "사이드바 탐색", collapseAriaLabel: "사이드바 접기", expandAriaLabel: "사이드바 펼치기" }, stepper: { progressAriaLabel: "{{totalSteps}} 중 {{currentStep}} 단계" } }, l = {
   common: a,
   components: e
 };

package/dist/i18n/locales/pt.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "Avatar do usuário",
-      "notificationAriaLabel": "Tem notificação"
+      "notificationAriaLabel": "Tem notificação",
+      "fallbackIconAriaLabel": "Ícone fallback"
     },
     "baseInput": {
       "clearInputAriaLabel": "Limpar input"
@@ -33,9 +34,12 @@ declare const _default: {
       "goBackAriaLabel": "Voltar"
     },
     "sideBar": {
-      "navigationAriaLabel": "Navegação lateral",
+      "navigationAriaLabel": "Barra de navegação lateral",
       "collapseAriaLabel": "Recolher barra lateral",
       "expandAriaLabel": "Expandir barra lateral"
+    },
+    "stepper": {
+      "progressAriaLabel": "Passo {{currentStep}} de {{totalSteps}}"
     }
   }
 }

package/dist/i18n/locales/pt.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "Fechar" }, e = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, amountDisplay: { amountHiddenAriaLabel: "Valor oculto" }, avatar: { defaultAlt: "Avatar do usuário", notificationAriaLabel: "Tem notificação" }, baseInput: { clearInputAriaLabel: "Limpar input" }, spinner: { loadingAriaLabel: "Carregando" }, dialogHeader: { goBackAriaLabel: "Voltar", closeAriaLabel: "Fechar" }, banner: { closeAriaLabel: "Fechar" }, link: { opensInNewTabAriaLabel: "(abre em uma nova aba)" }, navBar: { goBackAriaLabel: "Voltar" }, sideBar: { navigationAriaLabel: "Navegação lateral", collapseAriaLabel: "Recolher barra lateral", expandAriaLabel: "Expandir barra lateral" } }, r = {
+const a = { closeAriaLabel: "Fechar" }, e = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, amountDisplay: { amountHiddenAriaLabel: "Valor oculto" }, avatar: { defaultAlt: "Avatar do usuário", notificationAriaLabel: "Tem notificação", fallbackIconAriaLabel: "Ícone fallback" }, baseInput: { clearInputAriaLabel: "Limpar input" }, spinner: { loadingAriaLabel: "Carregando" }, dialogHeader: { goBackAriaLabel: "Voltar", closeAriaLabel: "Fechar" }, banner: { closeAriaLabel: "Fechar" }, link: { opensInNewTabAriaLabel: "(abre em uma nova aba)" }, navBar: { goBackAriaLabel: "Voltar" }, sideBar: { navigationAriaLabel: "Barra de navegação lateral", collapseAriaLabel: "Recolher barra lateral", expandAriaLabel: "Expandir barra lateral" }, stepper: { progressAriaLabel: "Passo {{currentStep}} de {{totalSteps}}" } }, r = {
   common: a,
   components: e
 };

package/dist/i18n/locales/ru.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "Аватар пользователя",
-      "notificationAriaLabel": "Есть уведомление"
+      "notificationAriaLabel": "Есть уведомление",
+      "fallbackIconAriaLabel": "Стандартная иконка"
     },
     "baseInput": {
       "clearInputAriaLabel": "Очистить поле"
@@ -33,9 +34,12 @@ declare const _default: {
       "goBackAriaLabel": "Назад"
     },
     "sideBar": {
-      "navigationAriaLabel": "Боковая навигация",
-      "collapseAriaLabel": "Свернуть боковую панель",
-      "expandAriaLabel": "Развернуть боковую панель"
+      "navigationAriaLabel": "Боковое меню",
+      "collapseAriaLabel": "Скрыть боковое меню",
+      "expandAriaLabel": "Показать боковое меню"
+    },
+    "stepper": {
+      "progressAriaLabel": "Шаг {{currentStep}} из {{totalSteps}}"
     }
   }
 }

package/dist/i18n/locales/ru.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "Закрыть" }, e = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, amountDisplay: { amountHiddenAriaLabel: "Сумма скрыта" }, avatar: { defaultAlt: "Аватар пользователя", notificationAriaLabel: "Есть уведомление" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" }, navBar: { goBackAriaLabel: "Назад" }, sideBar: { navigationAriaLabel: "Боковая навигация", collapseAriaLabel: "Свернуть боковую панель", expandAriaLabel: "Развернуть боковую панель" } }, l = {
+const a = { closeAriaLabel: "Закрыть" }, e = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, amountDisplay: { amountHiddenAriaLabel: "Сумма скрыта" }, avatar: { defaultAlt: "Аватар пользователя", notificationAriaLabel: "Есть уведомление", fallbackIconAriaLabel: "Стандартная иконка" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" }, navBar: { goBackAriaLabel: "Назад" }, sideBar: { navigationAriaLabel: "Боковое меню", collapseAriaLabel: "Скрыть боковое меню", expandAriaLabel: "Показать боковое меню" }, stepper: { progressAriaLabel: "Шаг {{currentStep}} из {{totalSteps}}" } }, l = {
   common: a,
   components: e
 };

package/dist/i18n/locales/th.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "อวาตาร์ผู้ใช้",
-      "notificationAriaLabel": "มีการแจ้งเตือน"
+      "notificationAriaLabel": "มีการแจ้งเตือน",
+      "fallbackIconAriaLabel": "ไอคอนสำรอง"
     },
     "baseInput": {
       "clearInputAriaLabel": "ล้างอินพุต"
@@ -33,9 +34,12 @@ declare const _default: {
       "goBackAriaLabel": "ย้อนกลับ"
     },
     "sideBar": {
-      "navigationAriaLabel": "การนำทางแถบด้านข้าง",
-      "collapseAriaLabel": "ย่อแถบด้านข้าง",
-      "expandAriaLabel": "ขยายแถบด้านข้าง"
+      "navigationAriaLabel": "เมนูนำทางด้านข้าง",
+      "collapseAriaLabel": "ซ่อนแถบด้านข้าง",
+      "expandAriaLabel": "เปิดแถบด้านข้าง"
+    },
+    "stepper": {
+      "progressAriaLabel": "ขั้นตอนที่ {{currentStep}} จาก {{totalSteps}}"
     }
   }
 }

package/dist/i18n/locales/th.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "ปิด" }, e = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, amountDisplay: { amountHiddenAriaLabel: "ยอดเงินถูกซ่อน" }, avatar: { defaultAlt: "อวาตาร์ผู้ใช้", notificationAriaLabel: "มีการแจ้งเตือน" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" }, navBar: { goBackAriaLabel: "ย้อนกลับ" }, sideBar: { navigationAriaLabel: "การนำทางแถบด้านข้าง", collapseAriaLabel: "ย่อแถบด้านข้าง", expandAriaLabel: "ขยายแถบด้านข้าง" } }, l = {
+const a = { closeAriaLabel: "ปิด" }, e = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, amountDisplay: { amountHiddenAriaLabel: "ยอดเงินถูกซ่อน" }, avatar: { defaultAlt: "อวาตาร์ผู้ใช้", notificationAriaLabel: "มีการแจ้งเตือน", fallbackIconAriaLabel: "ไอคอนสำรอง" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" }, navBar: { goBackAriaLabel: "ย้อนกลับ" }, sideBar: { navigationAriaLabel: "เมนูนำทางด้านข้าง", collapseAriaLabel: "ซ่อนแถบด้านข้าง", expandAriaLabel: "เปิดแถบด้านข้าง" }, stepper: { progressAriaLabel: "ขั้นตอนที่ {{currentStep}} จาก {{totalSteps}}" } }, l = {
   common: a,
   components: e
 };

package/dist/i18n/locales/tr.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "Kullanıcı avatarı",
-      "notificationAriaLabel": "Bildirim var"
+      "notificationAriaLabel": "Bildirim var",
+      "fallbackIconAriaLabel": "Yedek simge"
     },
     "baseInput": {
       "clearInputAriaLabel": "Girdiyi temizle"
@@ -33,9 +34,12 @@ declare const _default: {
       "goBackAriaLabel": "Geri dön"
     },
     "sideBar": {
-      "navigationAriaLabel": "Kenar çubuğu gezintisi",
+      "navigationAriaLabel": "Kenar çubuğu menüsü",
       "collapseAriaLabel": "Kenar çubuğunu daralt",
       "expandAriaLabel": "Kenar çubuğunu genişlet"
+    },
+    "stepper": {
+      "progressAriaLabel": "Adım {{totalSteps}} / {{currentStep}}"
     }
   }
 }

package/dist/i18n/locales/tr.json.js

@@ -1,9 +1,9 @@
-const a = { closeAriaLabel: "Kapat" }, e = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, amountDisplay: { amountHiddenAriaLabel: "Tutar gizlendi" }, avatar: { defaultAlt: "Kullanıcı avatarı", notificationAriaLabel: "Bildirim var" }, baseInput: { clearInputAriaLabel: "Girdiyi temizle" }, spinner: { loadingAriaLabel: "Yükleniyor" }, dialogHeader: { goBackAriaLabel: "Geri dön", closeAriaLabel: "Kapat" }, banner: { closeAriaLabel: "Kapat" }, link: { opensInNewTabAriaLabel: "(yeni sekmede açılır)" }, navBar: { goBackAriaLabel: "Geri dön" }, sideBar: { navigationAriaLabel: "Kenar çubuğu gezintisi", collapseAriaLabel: "Kenar çubuğunu daralt", expandAriaLabel: "Kenar çubuğunu genişlet" } }, i = {
+const a = { closeAriaLabel: "Kapat" }, e = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, amountDisplay: { amountHiddenAriaLabel: "Tutar gizlendi" }, avatar: { defaultAlt: "Kullanıcı avatarı", notificationAriaLabel: "Bildirim var", fallbackIconAriaLabel: "Yedek simge" }, baseInput: { clearInputAriaLabel: "Girdiyi temizle" }, spinner: { loadingAriaLabel: "Yükleniyor" }, dialogHeader: { goBackAriaLabel: "Geri dön", closeAriaLabel: "Kapat" }, banner: { closeAriaLabel: "Kapat" }, link: { opensInNewTabAriaLabel: "(yeni sekmede açılır)" }, navBar: { goBackAriaLabel: "Geri dön" }, sideBar: { navigationAriaLabel: "Kenar çubuğu menüsü", collapseAriaLabel: "Kenar çubuğunu daralt", expandAriaLabel: "Kenar çubuğunu genişlet" }, stepper: { progressAriaLabel: "Adım {{totalSteps}} / {{currentStep}}" } }, r = {
   common: a,
   components: e
 };
 export {
   a as common,
   e as components,
-  i as default
+  r as default
 };

package/dist/i18n/locales/zh.json.d.ts

@@ -11,7 +11,8 @@ declare const _default: {
     },
     "avatar": {
       "defaultAlt": "用户头像",
-      "notificationAriaLabel": "有通知"
+      "notificationAriaLabel": "有通知",
+      "fallbackIconAriaLabel": "备用图标"
     },
     "baseInput": {
       "clearInputAriaLabel": "清空输入框"
@@ -34,8 +35,11 @@ declare const _default: {
     },
     "sideBar": {
       "navigationAriaLabel": "侧边栏导航",
-      "collapseAriaLabel": "收起侧边栏",
+      "collapseAriaLabel": "折叠侧边栏",
       "expandAriaLabel": "展开侧边栏"
+    },
+    "stepper": {
+      "progressAriaLabel": "第 {{currentStep}} / {{totalSteps}} 步"
     }
   }
 }

package/dist/i18n/locales/zh.json.js

@@ -1,4 +1,4 @@
-const a = { closeAriaLabel: "关闭" }, e = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, amountDisplay: { amountHiddenAriaLabel: "金额已隐藏" }, avatar: { defaultAlt: "用户头像", notificationAriaLabel: "有通知" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "（在新选项卡中打开）" }, navBar: { goBackAriaLabel: "返回" }, sideBar: { navigationAriaLabel: "侧边栏导航", collapseAriaLabel: "收起侧边栏", expandAriaLabel: "展开侧边栏" } }, l = {
+const a = { closeAriaLabel: "关闭" }, e = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, amountDisplay: { amountHiddenAriaLabel: "金额已隐藏" }, avatar: { defaultAlt: "用户头像", notificationAriaLabel: "有通知", fallbackIconAriaLabel: "备用图标" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "（在新选项卡中打开）" }, navBar: { goBackAriaLabel: "返回" }, sideBar: { navigationAriaLabel: "侧边栏导航", collapseAriaLabel: "折叠侧边栏", expandAriaLabel: "展开侧边栏" }, stepper: { progressAriaLabel: "第 {{currentStep}} / {{totalSteps}} 步" } }, l = {
   common: a,
   components: e
 };

package/dist/lib/Components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmC3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,4EASpB,WAAW,4CA+Cb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsC3C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,GAAI,4EASpB,WAAW,4CA+Cb,CAAC"}

package/dist/lib/Components/Avatar/Avatar.js

@@ -1,8 +1,8 @@
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import { cva as l } from "class-variance-authority";
-import { useState as z, useEffect as h } from "react";
-import { useCommonTranslation as j } from "../../../i18n/useCommonTranslation.js";
-import { User as x } from "../../Symbols/Icons/User.js";
+import { useState as g, useEffect as x } from "react";
+import { useCommonTranslation as h } from "../../../i18n/useCommonTranslation.js";
+import { User as j } from "../../Symbols/Icons/User.js";
 const n = {
   root: l(
     "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
@@ -11,7 +11,8 @@ const n = {
         size: {
           sm: "size-40 p-4",
           md: "size-48 p-4",
-          lg: "size-72 p-4"
+          lg: "size-56 p-4",
+          xl: "size-72 p-4"
         }
       },
       defaultVariants: {
@@ -24,54 +25,56 @@ const n = {
       size: {
         sm: "size-10",
         md: "size-12",
-        lg: "size-16"
+        lg: "size-14",
+        xl: "size-16"
       }
     }
   })
 }, A = {
   sm: 16,
   md: 24,
-  lg: 32
+  lg: 32,
+  xl: 40
 }, S = ({
   ref: m,
   className: d,
-  src: a,
+  src: e,
   alt: c,
-  size: e = "md",
+  size: a = "md",
   imgLoading: f,
   showNotification: t = !1,
   ...u
 }) => {
-  const { t: o } = j(), [p, i] = z(!1), v = !a || p, s = c || o("components.avatar.defaultAlt"), b = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
-  return h(() => {
+  const { t: o } = h(), [p, i] = g(!1), v = !e || p, s = c || o("components.avatar.defaultAlt"), z = t ? `${s}, ${o("components.avatar.notificationAriaLabel")}` : s;
+  return x(() => {
     i(!1);
-  }, [a]), /* @__PURE__ */ g(
+  }, [e]), /* @__PURE__ */ b(
     "div",
     {
       ref: m,
-      className: n.root({ size: e, className: d }),
+      className: n.root({ size: a, className: d }),
       role: "img",
-      "aria-label": b,
+      "aria-label": z,
       ...u,
       children: [
         t && /* @__PURE__ */ r(
           "div",
           {
-            className: n.notification({ size: e }),
+            className: n.notification({ size: a }),
             "aria-hidden": "true"
           }
         ),
         v ? /* @__PURE__ */ r(
-          x,
+          j,
           {
-            size: A[e],
+            size: A[a],
             "aria-label": "Fallback Icon",
             "aria-hidden": "true"
           }
         ) : /* @__PURE__ */ r(
           "img",
           {
-            src: a,
+            src: e,
             alt: "",
             loading: f,
             onError: () => i(!0),

package/dist/lib/Components/Avatar/types.d.ts

@@ -15,7 +15,7 @@ export type AvatarProps = {
      * @optional
      * @default md
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'sm' | 'md' | 'lg' | 'xl';
     /**
      * Whether to show the notifications indicator.
      * @optional

package/dist/lib/Components/Avatar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC/B,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/DotIcon/DotIcon.js

@@ -46,7 +46,7 @@ const x = b(
   72: 24
 }, h = {
   16: 12,
-  20: 12,
+  20: 16,
   24: 16
 }, z = {
   "top-start": ["top", "left"],

package/dist/lib/Components/DotIndicator/DotIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DotIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/DotIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAyBjD,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,UAAmB,EACnB,QAAQ,EAAE,YAAoB,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyBnB;yBAlCe,YAAY"}
+{"version":3,"file":"DotIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/DotIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AA0BjD,wBAAgB,YAAY,CAAC,EAC3B,IAAW,EACX,UAAmB,EACnB,QAAQ,EAAE,YAAoB,EAC9B,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,EACH,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAyBnB;yBAlCe,YAAY"}

package/dist/lib/Components/DotIndicator/DotIndicator.js

@@ -6,7 +6,8 @@ const u = f("pointer-events-none rounded-full", {
     size: {
       xs: "size-10",
       sm: "size-12",
-      md: "size-16"
+      md: "size-14",
+      lg: "size-16"
     },
     appearance: {
       base: "bg-interactive",

package/dist/lib/Components/DotIndicator/types.d.ts

@@ -4,7 +4,7 @@ export type DotIndicatorProps = {
      * The size of the dot indicator.
      * @default 'sm'
      */
-    size?: 'xs' | 'sm' | 'md';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     /**
      * The appearance of the dot indicator.
      * @default 'base'

package/dist/lib/Components/DotIndicator/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/dist/lib/Components/MediaButton/MediaButton.d.ts

@@ -19,7 +19,7 @@ import { MediaButtonProps } from './types';
  * </MediaButton>
  *
  * // With rounded crypto icon
- * <MediaButton icon={<CryptoIcon ledgerId="bitcoin" size="32px" />} iconType="rounded">
+ * <MediaButton icon={<CryptoIcon ledgerId="bitcoin" size={32} />} iconType="rounded">
  *   Bitcoin
  * </MediaButton>
  *

package/dist/lib/Components/MediaImage/MediaImage.d.ts

@@ -1,15 +1,20 @@
-import { MediaImageProps } from './types';
+import { MediaImageProps, MediaImageSize } from './types';
+export declare const fontSizeMap: Record<MediaImageSize, number>;
 /**
  * A generic media image component that displays an image with optional shape variants.
  * Supports square and circular appearances with consistent sizing.
  *
- * When the image fails to load or no src is provided, displays a background placeholder
- * or an optional text fallback.
+ * When the image fails to load or no src is provided, displays a fallback letter (if `fallback`
+ * is provided) or a muted background placeholder.
+ *
+ * While `loading` is true, a pulsing skeleton overlay is shown regardless of `src`.
  *
  * @example
  * import { MediaImage } from '@ledgerhq/lumen-ui-react';
  *
  * <MediaImage src="https://example.com/icon.png" alt="Bitcoin" size={32} />
+ * <MediaImage fallback="Bitcoin" size={32} />
+ * <MediaImage loading size={32} />
  */
-export declare const MediaImage: ({ ref, className, src, alt, size, shape, imgLoading, ...props }: MediaImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MediaImage: ({ ref, className, src, alt, size, shape, imgLoading, fallback, loading, ...props }: MediaImageProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MediaImage.d.ts.map

package/dist/lib/Components/MediaImage/MediaImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2B/C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,GAAI,iEASxB,eAAe,4CA8BjB,CAAC"}
+{"version":3,"file":"MediaImage.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/MediaImage.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAUtD,CAAC;AA2BF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,GAAI,oFAWxB,eAAe,4CAyCjB,CAAC"}

package/dist/lib/Components/MediaImage/MediaImage.js

@@ -1,10 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as c } from "../../../libs/utils-shared/dist/index.js";
-import { cva as f } from "class-variance-authority";
-import { useState as z, useEffect as g } from "react";
-const h = {
-  root: f(
-    "relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-muted",
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import { cn as z } from "../../../libs/utils-shared/dist/index.js";
+import { cva as h } from "class-variance-authority";
+import { useState as x, useEffect as g } from "react";
+import { Skeleton as v } from "../Skeleton/Skeleton.js";
+const N = {
+  12: 10,
+  16: 10,
+  20: 12,
+  24: 14,
+  32: 16,
+  40: 18,
+  48: 24,
+  56: 24,
+  64: 24
+}, b = {
+  root: h(
+    "relative inline-flex shrink-0 items-center justify-center overflow-hidden bg-muted outline-1 -outline-offset-1 outline-icon",
     {
       variants: {
         size: {
@@ -25,41 +36,57 @@ const h = {
       }
     }
   )
-}, j = ({
-  ref: o,
-  className: i,
-  src: e,
-  alt: a,
-  size: d = 48,
-  shape: t = "square",
-  imgLoading: n = "eager",
-  ...l
+}, I = ({
+  ref: a,
+  className: d,
+  src: r,
+  alt: l,
+  size: i = 48,
+  shape: u = "square",
+  imgLoading: m = "eager",
+  fallback: t,
+  loading: e = !1,
+  ...c
 }) => {
-  const [u, s] = z(!1), m = !e || u;
+  const [f, n] = x(!1), o = !r || f;
   return g(() => {
-    s(!1);
-  }, [e]), /* @__PURE__ */ r(
+    n(!1);
+  }, [r]), /* @__PURE__ */ p(
     "div",
     {
-      ref: o,
-      className: c(h.root({ size: d, shape: t }), i),
+      ref: a,
+      className: z(b.root({ size: i, shape: u }), d),
       role: "img",
-      "aria-label": a,
-      ...l,
-      children: m ? /* @__PURE__ */ r("span", { className: "text-muted select-none", "aria-hidden": "true" }) : /* @__PURE__ */ r(
-        "img",
-        {
-          src: e,
-          alt: "",
-          loading: n,
-          onError: () => s(!0),
-          className: "size-full object-cover",
-          "aria-hidden": "true"
-        }
-      )
+      "aria-label": l,
+      ...c,
+      children: [
+        e && /* @__PURE__ */ s(v, { className: "absolute inset-0" }),
+        !e && o && t && /* @__PURE__ */ s(
+          "span",
+          {
+            className: "text-base select-none",
+            style: { fontSize: N[i] },
+            "aria-hidden": "true",
+            children: t[0]?.toUpperCase()
+          }
+        ),
+        !e && o && !t && /* @__PURE__ */ s("span", { className: "text-muted select-none", "aria-hidden": "true" }),
+        !e && !o && /* @__PURE__ */ s(
+          "img",
+          {
+            src: r,
+            alt: "",
+            loading: m,
+            onError: () => n(!0),
+            className: "size-full object-cover",
+            "aria-hidden": "true"
+          }
+        )
+      ]
     }
   );
 };
 export {
-  j as MediaImage
+  I as MediaImage,
+  N as fontSizeMap
 };

package/dist/lib/Components/MediaImage/types.d.ts

@@ -29,6 +29,18 @@ export type MediaImageProps = {
      * Alternative text for the image, used for accessibility.
      */
     alt?: string;
+    /**
+     * Text used to derive a single-letter fallback when no `src` is provided or the image fails to load.
+     * The first character is displayed, uppercased.
+     * @optional
+     */
+    fallback?: string;
+    /**
+     * When true, displays a pulsing skeleton placeholder instead of the image or fallback.
+     * @optional
+     * @default false
+     */
+    loading?: boolean;
     /**
      * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
      * @optional

package/dist/lib/Components/MediaImage/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaImage/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/Components/NavBar/NavBar.d.ts

@@ -7,7 +7,7 @@ import { NavBarBackButtonProps, NavBarCoinCapsuleProps, NavBarDescriptionProps,
  * import { NavBar, NavBarBackButton, NavBarCoinCapsule, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
  * import { CryptoIcon } from '@ledgerhq/crypto-icons';
  *
- * <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
+ * <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size={24} />} />
  */
 export declare const NavBarCoinCapsule: ({ ref, ticker, icon, className, }: NavBarCoinCapsuleProps) => import("react/jsx-runtime").JSX.Element;
 /**
@@ -84,7 +84,7 @@ export declare const NavBarTrailing: ({ ref, children, className, ...props }: Na
  *
  * <NavBar>
  *   <NavBarBackButton onClick={handleBack} />
- *   <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
+ *   <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size={24} />} />
  *   <NavBarTrailing>
  *     <IconButton icon={MoreHorizontal} aria-label="More options" />
  *   </NavBarTrailing>

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.26",
+  "version": "0.1.28",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [
@@ -55,7 +55,7 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "@tanstack/react-table": "^8.21.3",
-    "@ledgerhq/lumen-design-core": "0.1.11",
+    "@ledgerhq/lumen-design-core": "0.1.12",
     "clsx": "^2.1.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [