@ledgerhq/lumen-ui-react 0.0.78 → 0.0.80

package/ai-rules/RULES.md

@@ -357,83 +357,3 @@ Use ONLY the unique part after the last hyphen of the CSS variable name.
 - Transform: replace `/` with `-`
 - Result: `body-3` (transform `body/3` → `body-3`)
 - Example: `/* heading/2-semi-bold */` → `heading-3-semi-bold`
-
----
-
-## React Native Components
-
-Lumen also provides a comprehensive set of React Native components via `@ledgerhq/lumen-ui-rnative`.
-
-### Available React Native Components
-
-Below is a complete list of all available Lumen React Native components. Click any component name to view its documentation and interactive examples in Storybook.
-
-**Components:**
-
-- [Button](https://ldls.vercel.app/?path=/docs/action-button--docs) - Primary action button component
-- [CardButton](https://ldls.vercel.app/?path=/docs/action-cardbutton--docs) - Card-style interactive button
-- [IconButton](https://ldls.vercel.app/?path=/docs/action-iconbutton--docs) - Button with icon only
-- [InteractiveIcon](https://ldls.vercel.app/?path=/docs/action-interactiveicon--docs) - Interactive icon with states
-- [Link](https://ldls.vercel.app/?path=/docs/action-link--docs) - Hyperlink component
-- [TileButton](https://ldls.vercel.app/?path=/docs/action-tilebutton--docs) - Interactive tile button
-- [AmountDisplay](https://ldls.vercel.app/?path=/docs/communication-amountdisplay--docs) - Display formatted amounts with currency
-- [Banner](https://ldls.vercel.app/?path=/docs/communication-banner--docs) - Alert and notification banners
-- [Spinner](https://ldls.vercel.app/?path=/docs/communication-spinner--docs) - Loading spinner indicator
-- [Spot](https://ldls.vercel.app/?path=/docs/communication-spot--docs) - Icon container with background
-- [Subheader](https://ldls.vercel.app/?path=/docs/communication-subheader--docs) - Section subheader component
-- [Tag](https://ldls.vercel.app/?path=/docs/communication-tag--docs) - Label and tag component
-- [Tooltip](https://ldls.vercel.app/?path=/docs/communication-tooltip--docs) - Tooltip overlay component
-- [BottomSheet](https://ldls.vercel.app/?path=/docs/containment-bottomsheet--docs) - Bottom sheet modal component
-- [ListItem](https://ldls.vercel.app/?path=/docs/containment-listitem--docs) - List item with flexible composition
-- [Tile](https://ldls.vercel.app/?path=/docs/containment-tile--docs) - Content container tile
-- [AddressInput](https://ldls.vercel.app/?path=/docs/input-addressinput--docs) - Input field for cryptocurrency addresses
-- [AmountInput](https://ldls.vercel.app/?path=/docs/input-amountinput--docs) - Input field for amount values
-- [SearchInput](https://ldls.vercel.app/?path=/docs/input-searchinput--docs) - Search input field
-- [TextInput](https://ldls.vercel.app/?path=/docs/input-textinput--docs) - Text input field
-- [Divider](https://ldls.vercel.app/?path=/docs/layout-divider--docs) - Visual separator line
-- [TabBar](https://ldls.vercel.app/?path=/docs/navigation-tabbar--docs) - Bottom tab navigation bar
-- [Checkbox](https://ldls.vercel.app/?path=/docs/selection-checkbox--docs) - Checkbox input for selections
-- [Select](https://ldls.vercel.app/?path=/docs/selection-select--docs) - Dropdown select component
-- [Switch](https://ldls.vercel.app/?path=/docs/selection-switch--docs) - Toggle switch component
-
-**Symbols:**
-
-- [Icon](https://ldls.vercel.app/?path=/docs/symbols-interface-icons--docs) - Interface icon components
-
-**Utility Components:**
-
-- [Box](https://ldls.vercel.app/?path=/docs/utility-box--docs) - Layout container with style props
-- [LinearGradient](https://ldls.vercel.app/?path=/docs/utility-lineargradient--docs) - Linear gradient component
-- [Pressable](https://ldls.vercel.app/?path=/docs/utility-pressable--docs) - Pressable wrapper with visual feedback
-- [RadialGradient](https://ldls.vercel.app/?path=/docs/utility-radialgradient--docs) - Radial gradient component
-- [Text](https://ldls.vercel.app/?path=/docs/utility-text--docs) - Text component with style props
-
-### React Native Style System
-
-Lumen React Native uses a custom style system called `lx` that provides type-safe access to design tokens. Explore the style system documentation:
-
-- [Colors](https://ldls.vercel.app/?path=/docs/style-system-theme-colors--docs) - Semantic color tokens for background, text, and borders
-- [Spacings](https://ldls.vercel.app/?path=/docs/style-system-theme-spacings--docs) - Spacing scale for padding, margin, and gaps
-- [Sizes](https://ldls.vercel.app/?path=/docs/style-system-theme-sizes--docs) - Size tokens for width and height
-- [Shadows](https://ldls.vercel.app/?path=/docs/style-system-theme-shadows--docs) - Elevation shadow styles
-- [Border Width](https://ldls.vercel.app/?path=/docs/style-system-theme-border-width--docs) - Border width tokens
-- [Border Radius](https://ldls.vercel.app/?path=/docs/style-system-theme-border-radius--docs) - Border radius tokens
-
-#### Style System Usage
-
-```tsx
-import { Box, Text } from '@ledgerhq/lumen-ui-rnative';
-
-// Using lx prop for type-safe styling
-<Box
-  lx={{
-    backgroundColor: 'base',
-    padding: 16,
-    borderRadius: 'md',
-    borderWidth: 1,
-    borderColor: 'muted',
-  }}
->
-  <Text lx={{ color: 'base', fontSize: 'body-2' }}>Styled with design tokens</Text>
-</Box>;
-```

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "QR-Code scannen"
     },
+    "avatar": {
+      "defaultAlt": "Benutzer-Avatar",
+      "notificationAriaLabel": "Hat Benachrichtigung"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Eingabe löschen"
     },

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

@@ -1,7 +1,7 @@
-const e = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, 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" } }, a = {
-  components: e
+const a = { addressInput: { qrCodeAriaLabel: "QR-Code scannen" }, 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" } }, e = {
+  components: a
 };
 export {
-  e as components,
-  a as default
+  a as components,
+  e as default
 };

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "Scan QR code"
     },
+    "avatar": {
+      "defaultAlt": "User avatar",
+      "notificationAriaLabel": "Has notification"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Clear input"
     },

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

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, 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" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scan QR code" }, 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" } }, e = {
   components: a
 };
 export {

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "Escanear código QR"
     },
+    "avatar": {
+      "defaultAlt": "Avatar de usuario",
+      "notificationAriaLabel": "Tiene notificación"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Borrar entrada"
     },

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

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, 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" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Escanear código QR" }, 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" } }, e = {
   components: a
 };
 export {

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "Scanner le code QR"
     },
+    "avatar": {
+      "defaultAlt": "Avatar de l'utilisateur",
+      "notificationAriaLabel": "A une notification"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Effacer la saisie"
     },

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

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, 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" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Scanner le code QR" }, 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" } }, e = {
   components: a
 };
 export {

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "QRコードをスキャン"
     },
+    "avatar": {
+      "defaultAlt": "ユーザーアバター",
+      "notificationAriaLabel": "通知あり"
+    },
     "baseInput": {
       "clearInputAriaLabel": "インプットを削除"
     },

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

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

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "QR 코드 스캔"
     },
+    "avatar": {
+      "defaultAlt": "사용자 아바타",
+      "notificationAriaLabel": "알림 있음"
+    },
     "baseInput": {
       "clearInputAriaLabel": "입력 값 지우기"
     },

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

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

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "Escanear QR Code"
     },
+    "avatar": {
+      "defaultAlt": "Avatar do usuário",
+      "notificationAriaLabel": "Tem notificação"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Limpar input"
     },

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

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, 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" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Escanear QR Code" }, 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" } }, e = {
   components: a
 };
 export {

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "Сканировать QR-код"
     },
+    "avatar": {
+      "defaultAlt": "Аватар пользователя",
+      "notificationAriaLabel": "Есть уведомление"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Очистить поле"
     },

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

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

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "สแกน QR Code"
     },
+    "avatar": {
+      "defaultAlt": "อวาตาร์ผู้ใช้",
+      "notificationAriaLabel": "มีการแจ้งเตือน"
+    },
     "baseInput": {
       "clearInputAriaLabel": "ล้างอินพุต"
     },

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

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

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "Karekodu okut"
     },
+    "avatar": {
+      "defaultAlt": "Kullanıcı avatarı",
+      "notificationAriaLabel": "Bildirim var"
+    },
     "baseInput": {
       "clearInputAriaLabel": "Girdiyi temizle"
     },

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

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, 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" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "Karekodu okut" }, 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" } }, e = {
   components: a
 };
 export {

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

@@ -3,6 +3,10 @@ declare const _default: {
     "addressInput": {
       "qrCodeAriaLabel": "扫描二维码"
     },
+    "avatar": {
+      "defaultAlt": "用户头像",
+      "notificationAriaLabel": "有通知"
+    },
     "baseInput": {
       "clearInputAriaLabel": "清空输入框"
     },

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

@@ -1,4 +1,4 @@
-const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "（在新选项卡中打开）" }, navBar: { goBackAriaLabel: "返回" }, sideBar: { navigationAriaLabel: "侧边栏导航", collapseAriaLabel: "收起侧边栏", expandAriaLabel: "展开侧边栏" } }, e = {
+const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, avatar: { defaultAlt: "用户头像", notificationAriaLabel: "有通知" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "（在新选项卡中打开）" }, navBar: { goBackAriaLabel: "返回" }, sideBar: { navigationAriaLabel: "侧边栏导航", collapseAriaLabel: "收起侧边栏", expandAriaLabel: "展开侧边栏" } }, e = {
   components: a
 };
 export {

package/dist/index.js

@@ -11,27 +11,28 @@ import { CardButton as B } from "./lib/Components/CardButton/CardButton.js";
 import { Checkbox as h } from "./lib/Components/Checkbox/Checkbox.js";
 import { Dialog as L, DialogBody as M, DialogContent as D, DialogFooter as v, DialogTrigger as A } from "./lib/Components/Dialog/Dialog.js";
 import { DialogHeader as N } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as y } from "./lib/Components/Divider/Divider.js";
-import { IconButton as P } from "./lib/Components/IconButton/IconButton.js";
+import { Divider as w } from "./lib/Components/Divider/Divider.js";
+import { IconButton as G } from "./lib/Components/IconButton/IconButton.js";
 import { InteractiveIcon as F } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
 import { Link as j } from "./lib/Components/Link/Link.js";
 import { ListItem as z, ListItemContent as E, ListItemDescription as J, ListItemIcon as K, ListItemLeading as O, ListItemSpot as Q, ListItemTitle as U, ListItemTrailing as V, ListItemTruncate as W } from "./lib/Components/ListItem/ListItem.js";
 import { Menu as Y, MenuCheckboxItem as Z, MenuContent as _, MenuGroup as $, MenuItem as ee, MenuLabel as oe, MenuPortal as te, MenuRadioGroup as re, MenuRadioItem as ie, MenuSeparator as ne, MenuSub as ae, MenuSubContent as pe, MenuSubTrigger as me, MenuTrigger as ue } from "./lib/Components/Menu/Menu.js";
 import { NavBar as xe, NavBarBackButton as fe, NavBarCoinCapsule as Se, NavBarTitle as Te, NavBarTrailing as ge } from "./lib/Components/NavBar/NavBar.js";
-import { SearchInput as Ie } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as se, SelectContent as Be, SelectGroup as be, SelectItem as he, SelectItemText as Ce, SelectLabel as Le, SelectSeparator as Me, SelectTrigger as De } from "./lib/Components/Select/Select.js";
-import { SideBar as Ae, SideBarCollapseToggle as ke, SideBarItem as Ne, SideBarLeading as we, SideBarTrailing as ye } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Pe } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Fe } from "./lib/Components/Spinner/Spinner.js";
-import { Spot as je } from "./lib/Components/Spot/Spot.js";
-import { Subheader as ze, SubheaderAction as Ee, SubheaderCount as Je, SubheaderDescription as Ke, SubheaderInfo as Oe, SubheaderRow as Qe, SubheaderShowMore as Ue, SubheaderTitle as Ve } from "./lib/Components/Subheader/Subheader.js";
-import { Switch as Xe } from "./lib/Components/Switch/Switch.js";
-import { Tag as Ze } from "./lib/Components/Tag/Tag.js";
-import { TextInput as $e } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as oo, TileContent as to, TileDescription as ro, TileSecondaryAction as io, TileSpot as no, TileTitle as ao, TileTrailingContent as po } from "./lib/Components/Tile/Tile.js";
-import { TileButton as uo } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as xo, TooltipContent as fo, TooltipProvider as So, TooltipTrigger as To } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Io, useTheme as co } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { PageIndicator as Ie } from "./lib/Components/PageIndicator/PageIndicator.js";
+import { SearchInput as se } from "./lib/Components/SearchInput/SearchInput.js";
+import { Select as be, SelectContent as he, SelectGroup as Ce, SelectItem as Le, SelectItemText as Me, SelectLabel as De, SelectSeparator as ve, SelectTrigger as Ae } from "./lib/Components/Select/Select.js";
+import { SideBar as Ne, SideBarCollapseToggle as Pe, SideBarItem as we, SideBarLeading as ye, SideBarTrailing as Ge } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as Fe } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as je } from "./lib/Components/Spinner/Spinner.js";
+import { Spot as ze } from "./lib/Components/Spot/Spot.js";
+import { Subheader as Je, SubheaderAction as Ke, SubheaderCount as Oe, SubheaderDescription as Qe, SubheaderInfo as Ue, SubheaderRow as Ve, SubheaderShowMore as We, SubheaderTitle as Xe } from "./lib/Components/Subheader/Subheader.js";
+import { Switch as Ze } from "./lib/Components/Switch/Switch.js";
+import { Tag as $e } from "./lib/Components/Tag/Tag.js";
+import { TextInput as oo } from "./lib/Components/TextInput/TextInput.js";
+import { Tile as ro, TileContent as io, TileDescription as no, TileSecondaryAction as ao, TileSpot as po, TileTitle as mo, TileTrailingContent as uo } from "./lib/Components/Tile/Tile.js";
+import { TileButton as xo } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as So, TooltipContent as To, TooltipProvider as go, TooltipTrigger as Io } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as so, useTheme as Bo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
 export {
   i as AddressInput,
   m as AmountDisplay,
@@ -49,8 +50,8 @@ export {
   v as DialogFooter,
   N as DialogHeader,
   A as DialogTrigger,
-  y as Divider,
-  P as IconButton,
+  w as Divider,
+  G as IconButton,
   F as InteractiveIcon,
   t as Languages,
   j as Link,
@@ -82,46 +83,47 @@ export {
   Se as NavBarCoinCapsule,
   Te as NavBarTitle,
   ge as NavBarTrailing,
-  Ie as SearchInput,
-  se as Select,
-  Be as SelectContent,
-  be as SelectGroup,
-  he as SelectItem,
-  Ce as SelectItemText,
-  Le as SelectLabel,
-  Me as SelectSeparator,
-  De as SelectTrigger,
-  Ae as SideBar,
-  ke as SideBarCollapseToggle,
-  Ne as SideBarItem,
-  we as SideBarLeading,
-  ye as SideBarTrailing,
-  Pe as Skeleton,
-  Fe as Spinner,
-  je as Spot,
-  ze as Subheader,
-  Ee as SubheaderAction,
-  Je as SubheaderCount,
-  Ke as SubheaderDescription,
-  Oe as SubheaderInfo,
-  Qe as SubheaderRow,
-  Ue as SubheaderShowMore,
-  Ve as SubheaderTitle,
-  Xe as Switch,
-  Ze as Tag,
-  $e as TextInput,
-  Io as ThemeProvider,
-  oo as Tile,
-  uo as TileButton,
-  to as TileContent,
-  ro as TileDescription,
-  io as TileSecondaryAction,
-  no as TileSpot,
-  ao as TileTitle,
-  po as TileTrailingContent,
-  xo as Tooltip,
-  fo as TooltipContent,
-  So as TooltipProvider,
-  To as TooltipTrigger,
-  co as useTheme
+  Ie as PageIndicator,
+  se as SearchInput,
+  be as Select,
+  he as SelectContent,
+  Ce as SelectGroup,
+  Le as SelectItem,
+  Me as SelectItemText,
+  De as SelectLabel,
+  ve as SelectSeparator,
+  Ae as SelectTrigger,
+  Ne as SideBar,
+  Pe as SideBarCollapseToggle,
+  we as SideBarItem,
+  ye as SideBarLeading,
+  Ge as SideBarTrailing,
+  Fe as Skeleton,
+  je as Spinner,
+  ze as Spot,
+  Je as Subheader,
+  Ke as SubheaderAction,
+  Oe as SubheaderCount,
+  Qe as SubheaderDescription,
+  Ue as SubheaderInfo,
+  Ve as SubheaderRow,
+  We as SubheaderShowMore,
+  Xe as SubheaderTitle,
+  Ze as Switch,
+  $e as Tag,
+  oo as TextInput,
+  so as ThemeProvider,
+  ro as Tile,
+  xo as TileButton,
+  io as TileContent,
+  no as TileDescription,
+  ao as TileSecondaryAction,
+  po as TileSpot,
+  mo as TileTitle,
+  uo as TileTrailingContent,
+  So as Tooltip,
+  To as TooltipContent,
+  go as TooltipProvider,
+  Io as TooltipTrigger,
+  Bo as useTheme
 };

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":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkC1B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;;;;;;;+EA2ClB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;;;;;;;+EA4DlB,CAAC"}

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

@@ -1,9 +1,10 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
-import a from "react";
-import { User as z } from "../../Symbols/Icons/User.js";
-const i = {
-  root: s(
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import t from "react";
+import { useCommonTranslation as h } from "../../../i18n/useCommonTranslation.js";
+import { User as A } from "../../Symbols/Icons/User.js";
+const d = {
+  root: n(
     "relative inline-flex items-center justify-center rounded-full bg-muted-transparent transition-colors",
     {
       variants: {
@@ -17,7 +18,7 @@ const i = {
       }
     }
   ),
-  notification: s("absolute top-0 right-0 rounded-full bg-error-strong", {
+  notification: n("absolute top-0 right-0 rounded-full bg-error-strong", {
     variants: {
       size: {
         sm: "size-10",
@@ -25,38 +26,54 @@ const i = {
       }
     }
   })
-}, b = {
+}, j = {
   sm: 16,
   md: 24
-}, g = a.forwardRef(
+}, x = t.forwardRef(
   ({
-    className: l,
-    src: e,
-    alt: n = "avatar",
-    size: r = "md",
-    imgLoading: d,
-    showNotification: f = !1,
-    ...m
-  }, c) => {
-    const [u, o] = a.useState(!1), v = !e || u;
-    return a.useEffect(() => {
-      o(!1);
-    }, [e]), /* @__PURE__ */ p(
+    className: m,
+    src: a,
+    alt: c,
+    size: e = "md",
+    imgLoading: f,
+    showNotification: o = !1,
+    ...u
+  }, v) => {
+    const { t: i } = h(), [p, s] = t.useState(!1), b = !a || p, l = c || i("components.avatar.defaultAlt"), z = o ? `${l}, ${i("components.avatar.notificationAriaLabel")}` : l;
+    return t.useEffect(() => {
+      s(!1);
+    }, [a]), /* @__PURE__ */ g(
       "div",
       {
-        ref: c,
-        className: i.root({ size: r, className: l }),
-        ...m,
+        ref: v,
+        className: d.root({ size: e, className: m }),
+        role: "img",
+        "aria-label": z,
+        ...u,
         children: [
-          f && /* @__PURE__ */ t("div", { className: i.notification({ size: r }) }),
-          v ? /* @__PURE__ */ t(z, { size: b[r] }) : /* @__PURE__ */ t(
+          o && /* @__PURE__ */ r(
+            "div",
+            {
+              className: d.notification({ size: e }),
+              "aria-hidden": "true"
+            }
+          ),
+          b ? /* @__PURE__ */ r(
+            A,
+            {
+              size: j[e],
+              "aria-label": "Fallback Icon",
+              "aria-hidden": "true"
+            }
+          ) : /* @__PURE__ */ r(
             "img",
             {
-              src: e,
-              alt: n,
-              loading: d,
-              onError: () => o(!0),
-              className: "size-full overflow-hidden rounded-full object-cover"
+              src: a,
+              alt: "",
+              loading: f,
+              onError: () => s(!0),
+              className: "size-full overflow-hidden rounded-full object-cover",
+              "aria-hidden": "true"
             }
           )
         ]
@@ -64,7 +81,7 @@ const i = {
     );
   }
 );
-g.displayName = "Avatar";
+x.displayName = "Avatar";
 export {
-  g as Avatar
+  x as Avatar
 };

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

@@ -7,7 +7,6 @@ export type AvatarProps = {
     /**
      * Alternative text for the image.
      * @optional
-     * @default avatar
      */
     alt?: string;
     /**

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,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;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,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Avatar/types.ts"],"names":[],"mappings":"AAAA,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,CAAC;IACnB;;;;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,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * A page indicator component that shows the current position within a set of pages (e.g. carousel or onboarding).
+ *
+ * Renders a row of dots: the active dot is highlighted, and when there are more pages than visible dots,
+ * edge dots shrink and the strip scrolls to keep the current page in view.
+ */
+export declare const PageIndicator: import('react').ForwardRefExoticComponent<{
+    currentPage: number;
+    totalPages: number;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageIndicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/PageIndicator/PageIndicator.tsx"],"names":[],"mappings":"AAuFA;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;qHA8CzB,CAAC"}