@ledgerhq/lumen-ui-react 0.0.69 → 0.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/i18n/locales/de.json.d.ts +3 -0
  2. package/dist/i18n/locales/de.json.js +1 -1
  3. package/dist/i18n/locales/en.json.d.ts +3 -0
  4. package/dist/i18n/locales/en.json.js +1 -1
  5. package/dist/i18n/locales/es.json.d.ts +3 -0
  6. package/dist/i18n/locales/es.json.js +1 -1
  7. package/dist/i18n/locales/fr.json.d.ts +3 -0
  8. package/dist/i18n/locales/fr.json.js +1 -1
  9. package/dist/i18n/locales/ja.json.d.ts +3 -0
  10. package/dist/i18n/locales/ja.json.js +1 -1
  11. package/dist/i18n/locales/ko.json.d.ts +3 -0
  12. package/dist/i18n/locales/ko.json.js +1 -1
  13. package/dist/i18n/locales/pt.json.d.ts +3 -0
  14. package/dist/i18n/locales/pt.json.js +1 -1
  15. package/dist/i18n/locales/ru.json.d.ts +3 -0
  16. package/dist/i18n/locales/ru.json.js +1 -1
  17. package/dist/i18n/locales/th.json.d.ts +3 -0
  18. package/dist/i18n/locales/th.json.js +1 -1
  19. package/dist/i18n/locales/tr.json.d.ts +3 -0
  20. package/dist/i18n/locales/tr.json.js +1 -1
  21. package/dist/i18n/locales/zh.json.d.ts +3 -0
  22. package/dist/i18n/locales/zh.json.js +1 -1
  23. package/dist/index.js +106 -98
  24. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +40 -0
  25. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -0
  26. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +19 -0
  27. package/dist/lib/Components/AmountDisplay/index.d.ts +3 -0
  28. package/dist/lib/Components/AmountDisplay/index.d.ts.map +1 -0
  29. package/dist/lib/Components/AmountDisplay/types.d.ts +46 -0
  30. package/dist/lib/Components/AmountDisplay/types.d.ts.map +1 -0
  31. package/dist/lib/Components/NavBar/CoinCapsule.d.ts +10 -0
  32. package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -0
  33. package/dist/lib/Components/NavBar/CoinCapsule.js +24 -0
  34. package/dist/lib/Components/NavBar/NavBar.d.ts +80 -0
  35. package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -0
  36. package/dist/lib/Components/NavBar/NavBar.js +69 -0
  37. package/dist/lib/Components/NavBar/index.d.ts +3 -0
  38. package/dist/lib/Components/NavBar/index.d.ts.map +1 -0
  39. package/dist/lib/Components/NavBar/types.d.ts +75 -0
  40. package/dist/lib/Components/NavBar/types.d.ts.map +1 -0
  41. package/dist/lib/Components/Skeleton/Skeleton.js +9 -9
  42. package/dist/lib/Components/Subheader/Subheader.d.ts +8 -6
  43. package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
  44. package/dist/lib/Components/Subheader/Subheader.js +73 -44
  45. package/dist/lib/Components/Subheader/types.d.ts +6 -10
  46. package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
  47. package/dist/lib/Components/index.d.ts +2 -0
  48. package/dist/lib/Components/index.d.ts.map +1 -1
  49. package/dist/package.json +1 -1
  50. package/package.json +1 -1
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(Öffnet in neuem Tab)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Zurück"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- 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)" } }, a = {
1
+ 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" } }, a = {
2
2
  components: e
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(opens in a new tab)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Go back"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- 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)" } }, e = {
1
+ 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" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(se abre en una pestaña nueva)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Volver"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- 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)" } }, e = {
1
+ 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" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(s'ouvre dans un nouvel onglet)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Retour"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- const e = { 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)" } }, a = {
1
+ const e = { 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" } }, a = {
2
2
  components: e
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(新しいタブで開く)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "戻る"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- const a = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "(新しいタブで開く)" } }, e = {
1
+ const a = { addressInput: { qrCodeAriaLabel: "QRコードをスキャン" }, baseInput: { clearInputAriaLabel: "インプットを削除" }, spinner: { loadingAriaLabel: "読み込み中" }, dialogHeader: { goBackAriaLabel: "戻る", closeAriaLabel: "閉じる" }, banner: { closeAriaLabel: "閉じる" }, link: { opensInNewTabAriaLabel: "(新しいタブで開く)" }, navBar: { goBackAriaLabel: "戻る" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(새 탭에서 열기)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "돌아가기"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- const a = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" } }, e = {
1
+ const a = { addressInput: { qrCodeAriaLabel: "QR 코드 스캔" }, baseInput: { clearInputAriaLabel: "입력 값 지우기" }, spinner: { loadingAriaLabel: "로딩중" }, dialogHeader: { goBackAriaLabel: "돌아가기", closeAriaLabel: "닫기" }, banner: { closeAriaLabel: "닫기" }, link: { opensInNewTabAriaLabel: "(새 탭에서 열기)" }, navBar: { goBackAriaLabel: "돌아가기" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(abre em uma nova aba)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Voltar"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- 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)" } }, e = {
1
+ 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" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(открывается в новой вкладке)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Назад"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- const a = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" } }, e = {
1
+ const a = { addressInput: { qrCodeAriaLabel: "Сканировать QR-код" }, baseInput: { clearInputAriaLabel: "Очистить поле" }, spinner: { loadingAriaLabel: "Загрузка" }, dialogHeader: { goBackAriaLabel: "Назад", closeAriaLabel: "Закрыть" }, banner: { closeAriaLabel: "Закрыть" }, link: { opensInNewTabAriaLabel: "(открывается в новой вкладке)" }, navBar: { goBackAriaLabel: "Назад" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(เปิดในแท็บใหม่)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "ย้อนกลับ"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- const a = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" } }, e = {
1
+ const a = { addressInput: { qrCodeAriaLabel: "สแกน QR Code" }, baseInput: { clearInputAriaLabel: "ล้างอินพุต" }, spinner: { loadingAriaLabel: "กำลังโหลด" }, dialogHeader: { goBackAriaLabel: "ย้อนกลับ", closeAriaLabel: "ปิด" }, banner: { closeAriaLabel: "ปิด" }, link: { opensInNewTabAriaLabel: "(เปิดในแท็บใหม่)" }, navBar: { goBackAriaLabel: "ย้อนกลับ" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(yeni sekmede açılır)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "Geri dön"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- 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)" } }, e = {
1
+ 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" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
@@ -18,6 +18,9 @@ declare const _default: {
18
18
  },
19
19
  "link": {
20
20
  "opensInNewTabAriaLabel": "(在新选项卡中打开)"
21
+ },
22
+ "navBar": {
23
+ "goBackAriaLabel": "返回"
21
24
  }
22
25
  }
23
26
  }
@@ -1,4 +1,4 @@
1
- const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "(在新选项卡中打开)" } }, e = {
1
+ const a = { addressInput: { qrCodeAriaLabel: "扫描二维码" }, baseInput: { clearInputAriaLabel: "清空输入框" }, spinner: { loadingAriaLabel: "加载中" }, dialogHeader: { goBackAriaLabel: "返回", closeAriaLabel: "关闭" }, banner: { closeAriaLabel: "关闭" }, link: { opensInNewTabAriaLabel: "(在新选项卡中打开)" }, navBar: { goBackAriaLabel: "返回" } }, e = {
2
2
  components: a
3
3
  };
4
4
  export {
package/dist/index.js CHANGED
@@ -1,108 +1,116 @@
1
1
  import { Languages as t } from "./i18n/languages.js";
2
2
  import { AddressInput as n } from "./lib/Components/AddressInput/AddressInput.js";
3
3
  import { AmountInput as p } from "./lib/Components/AmountInput/AmountInput.js";
4
- import { Banner as u } from "./lib/Components/Banner/Banner.js";
5
- import { BaseInput as l } from "./lib/Components/BaseInput/BaseInput.js";
6
- import { Button as f } from "./lib/Components/Button/Button.js";
7
- import { BaseButton as T } from "./lib/Components/Button/BaseButton.js";
8
- import { CardButton as c } from "./lib/Components/CardButton/CardButton.js";
9
- import { Checkbox as d } from "./lib/Components/Checkbox/Checkbox.js";
10
- import { Dialog as b, DialogBody as h, DialogContent as M, DialogFooter as L, DialogTrigger as C } from "./lib/Components/Dialog/Dialog.js";
11
- import { DialogHeader as B } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
12
- import { Divider as v } from "./lib/Components/Divider/Divider.js";
13
- import { IconButton as w } from "./lib/Components/IconButton/IconButton.js";
4
+ import { AmountDisplay as m } from "./lib/Components/AmountDisplay/AmountDisplay.js";
5
+ import { Banner as l } from "./lib/Components/Banner/Banner.js";
6
+ import { BaseInput as f } from "./lib/Components/BaseInput/BaseInput.js";
7
+ import { Button as T } from "./lib/Components/Button/Button.js";
8
+ import { BaseButton as I } from "./lib/Components/Button/BaseButton.js";
9
+ import { CardButton as d } from "./lib/Components/CardButton/CardButton.js";
10
+ import { Checkbox as B } from "./lib/Components/Checkbox/Checkbox.js";
11
+ import { Dialog as h, DialogBody as M, DialogContent as L, DialogFooter as C, DialogTrigger as D } from "./lib/Components/Dialog/Dialog.js";
12
+ import { DialogHeader as k } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
13
+ import { Divider as N } from "./lib/Components/Divider/Divider.js";
14
+ import { IconButton as y } from "./lib/Components/IconButton/IconButton.js";
14
15
  import { InteractiveIcon as P } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
15
- import { Link as y } from "./lib/Components/Link/Link.js";
16
- import { ListItem as H, ListItemContent as j, ListItemDescription as q, ListItemIcon as z, ListItemLeading as E, ListItemSpot as J, ListItemTitle as K, ListItemTrailing as N, ListItemTruncate as O } from "./lib/Components/ListItem/ListItem.js";
17
- import { Menu as U, MenuCheckboxItem as V, MenuContent as W, MenuGroup as X, MenuItem as Y, MenuLabel as Z, MenuPortal as _, MenuRadioGroup as $, MenuRadioItem as ee, MenuSeparator as oe, MenuSub as te, MenuSubContent as re, MenuSubTrigger as ne, MenuTrigger as ie } from "./lib/Components/Menu/Menu.js";
18
- import { SearchInput as me } from "./lib/Components/SearchInput/SearchInput.js";
19
- import { Select as ae, SelectContent as le, SelectGroup as xe, SelectItem as fe, SelectItemText as Se, SelectLabel as Te, SelectSeparator as Ie, SelectTrigger as ce } from "./lib/Components/Select/Select.js";
20
- import { Skeleton as de } from "./lib/Components/Skeleton/Skeleton.js";
21
- import { Spot as be } from "./lib/Components/Spot/Spot.js";
22
- import { Subheader as Me, SubheaderAction as Le, SubheaderCount as Ce, SubheaderDescription as De, SubheaderInfo as Be, SubheaderRow as ke, SubheaderShowMore as ve, SubheaderTitle as Ae } from "./lib/Components/Subheader/Subheader.js";
23
- import { Switch as Ge } from "./lib/Components/Switch/Switch.js";
24
- import { Tag as Re } from "./lib/Components/Tag/Tag.js";
25
- import { TextInput as Fe } from "./lib/Components/TextInput/TextInput.js";
26
- import { Tile as je, TileContent as qe, TileDescription as ze, TileSecondaryAction as Ee, TileSpot as Je, TileTitle as Ke } from "./lib/Components/Tile/Tile.js";
27
- import { TileButton as Oe } from "./lib/Components/TileButton/TileButton.js";
28
- import { Tooltip as Ue, TooltipContent as Ve, TooltipProvider as We, TooltipTrigger as Xe } from "./lib/Components/Tooltip/Tooltip.js";
29
- import { ThemeProvider as Ze, useTheme as _e } from "./lib/Components/ThemeProvider/ThemeProvider.js";
16
+ import { Link as F } from "./lib/Components/Link/Link.js";
17
+ import { ListItem as j, ListItemContent as q, ListItemDescription as z, ListItemIcon as E, ListItemLeading as J, ListItemSpot as K, ListItemTitle as O, ListItemTrailing as Q, ListItemTruncate as U } from "./lib/Components/ListItem/ListItem.js";
18
+ import { Menu as W, MenuCheckboxItem as X, MenuContent as Y, MenuGroup as Z, MenuItem as _, MenuLabel as $, MenuPortal as ee, MenuRadioGroup as oe, MenuRadioItem as te, MenuSeparator as re, MenuSub as ne, MenuSubContent as ie, MenuSubTrigger as pe, MenuTrigger as ae } from "./lib/Components/Menu/Menu.js";
19
+ import { NavBar as ue, NavBarBackButton as le, NavBarCoinCapsule as xe, NavBarTitle as fe, NavBarTrailing as Se } from "./lib/Components/NavBar/NavBar.js";
20
+ import { SearchInput as ce } from "./lib/Components/SearchInput/SearchInput.js";
21
+ import { Select as ge, SelectContent as de, SelectGroup as se, SelectItem as Be, SelectItemText as be, SelectLabel as he, SelectSeparator as Me, SelectTrigger as Le } from "./lib/Components/Select/Select.js";
22
+ import { Skeleton as De } from "./lib/Components/Skeleton/Skeleton.js";
23
+ import { Spot as ke } from "./lib/Components/Spot/Spot.js";
24
+ import { Subheader as Ne, SubheaderAction as we, SubheaderCount as ye, SubheaderDescription as Ge, SubheaderInfo as Pe, SubheaderRow as Re, SubheaderShowMore as Fe, SubheaderTitle as He } from "./lib/Components/Subheader/Subheader.js";
25
+ import { Switch as qe } from "./lib/Components/Switch/Switch.js";
26
+ import { Tag as Ee } from "./lib/Components/Tag/Tag.js";
27
+ import { TextInput as Ke } from "./lib/Components/TextInput/TextInput.js";
28
+ import { Tile as Qe, TileContent as Ue, TileDescription as Ve, TileSecondaryAction as We, TileSpot as Xe, TileTitle as Ye } from "./lib/Components/Tile/Tile.js";
29
+ import { TileButton as _e } from "./lib/Components/TileButton/TileButton.js";
30
+ import { Tooltip as eo, TooltipContent as oo, TooltipProvider as to, TooltipTrigger as ro } from "./lib/Components/Tooltip/Tooltip.js";
31
+ import { ThemeProvider as io, useTheme as po } from "./lib/Components/ThemeProvider/ThemeProvider.js";
30
32
  export {
31
33
  n as AddressInput,
34
+ m as AmountDisplay,
32
35
  p as AmountInput,
33
- u as Banner,
34
- T as BaseButton,
35
- l as BaseInput,
36
- f as Button,
37
- c as CardButton,
38
- d as Checkbox,
39
- b as Dialog,
40
- h as DialogBody,
41
- M as DialogContent,
42
- L as DialogFooter,
43
- B as DialogHeader,
44
- C as DialogTrigger,
45
- v as Divider,
46
- w as IconButton,
36
+ l as Banner,
37
+ I as BaseButton,
38
+ f as BaseInput,
39
+ T as Button,
40
+ d as CardButton,
41
+ B as Checkbox,
42
+ h as Dialog,
43
+ M as DialogBody,
44
+ L as DialogContent,
45
+ C as DialogFooter,
46
+ k as DialogHeader,
47
+ D as DialogTrigger,
48
+ N as Divider,
49
+ y as IconButton,
47
50
  P as InteractiveIcon,
48
51
  t as Languages,
49
- y as Link,
50
- H as ListItem,
51
- j as ListItemContent,
52
- q as ListItemDescription,
53
- z as ListItemIcon,
54
- E as ListItemLeading,
55
- J as ListItemSpot,
56
- K as ListItemTitle,
57
- N as ListItemTrailing,
58
- O as ListItemTruncate,
59
- U as Menu,
60
- V as MenuCheckboxItem,
61
- W as MenuContent,
62
- X as MenuGroup,
63
- Y as MenuItem,
64
- Z as MenuLabel,
65
- _ as MenuPortal,
66
- $ as MenuRadioGroup,
67
- ee as MenuRadioItem,
68
- oe as MenuSeparator,
69
- te as MenuSub,
70
- re as MenuSubContent,
71
- ne as MenuSubTrigger,
72
- ie as MenuTrigger,
73
- me as SearchInput,
74
- ae as Select,
75
- le as SelectContent,
76
- xe as SelectGroup,
77
- fe as SelectItem,
78
- Se as SelectItemText,
79
- Te as SelectLabel,
80
- Ie as SelectSeparator,
81
- ce as SelectTrigger,
82
- de as Skeleton,
83
- be as Spot,
84
- Me as Subheader,
85
- Le as SubheaderAction,
86
- Ce as SubheaderCount,
87
- De as SubheaderDescription,
88
- Be as SubheaderInfo,
89
- ke as SubheaderRow,
90
- ve as SubheaderShowMore,
91
- Ae as SubheaderTitle,
92
- Ge as Switch,
93
- Re as Tag,
94
- Fe as TextInput,
95
- Ze as ThemeProvider,
96
- je as Tile,
97
- Oe as TileButton,
98
- qe as TileContent,
99
- ze as TileDescription,
100
- Ee as TileSecondaryAction,
101
- Je as TileSpot,
102
- Ke as TileTitle,
103
- Ue as Tooltip,
104
- Ve as TooltipContent,
105
- We as TooltipProvider,
106
- Xe as TooltipTrigger,
107
- _e as useTheme
52
+ F as Link,
53
+ j as ListItem,
54
+ q as ListItemContent,
55
+ z as ListItemDescription,
56
+ E as ListItemIcon,
57
+ J as ListItemLeading,
58
+ K as ListItemSpot,
59
+ O as ListItemTitle,
60
+ Q as ListItemTrailing,
61
+ U as ListItemTruncate,
62
+ W as Menu,
63
+ X as MenuCheckboxItem,
64
+ Y as MenuContent,
65
+ Z as MenuGroup,
66
+ _ as MenuItem,
67
+ $ as MenuLabel,
68
+ ee as MenuPortal,
69
+ oe as MenuRadioGroup,
70
+ te as MenuRadioItem,
71
+ re as MenuSeparator,
72
+ ne as MenuSub,
73
+ ie as MenuSubContent,
74
+ pe as MenuSubTrigger,
75
+ ae as MenuTrigger,
76
+ ue as NavBar,
77
+ le as NavBarBackButton,
78
+ xe as NavBarCoinCapsule,
79
+ fe as NavBarTitle,
80
+ Se as NavBarTrailing,
81
+ ce as SearchInput,
82
+ ge as Select,
83
+ de as SelectContent,
84
+ se as SelectGroup,
85
+ Be as SelectItem,
86
+ be as SelectItemText,
87
+ he as SelectLabel,
88
+ Me as SelectSeparator,
89
+ Le as SelectTrigger,
90
+ De as Skeleton,
91
+ ke as Spot,
92
+ Ne as Subheader,
93
+ we as SubheaderAction,
94
+ ye as SubheaderCount,
95
+ Ge as SubheaderDescription,
96
+ Pe as SubheaderInfo,
97
+ Re as SubheaderRow,
98
+ Fe as SubheaderShowMore,
99
+ He as SubheaderTitle,
100
+ qe as Switch,
101
+ Ee as Tag,
102
+ Ke as TextInput,
103
+ io as ThemeProvider,
104
+ Qe as Tile,
105
+ _e as TileButton,
106
+ Ue as TileContent,
107
+ Ve as TileDescription,
108
+ We as TileSecondaryAction,
109
+ Xe as TileSpot,
110
+ Ye as TileTitle,
111
+ eo as Tooltip,
112
+ oo as TooltipContent,
113
+ to as TooltipProvider,
114
+ ro as TooltipTrigger,
115
+ po as useTheme
108
116
  };
@@ -0,0 +1,40 @@
1
+ import { default as React } from 'react';
2
+ /**
3
+ * AmountDisplay - Renders formatted monetary amounts with flexible currency positioning and decimal formatting.
4
+ *
5
+ * This component uses a formatter function pattern that gives you full control over how amounts are displayed,
6
+ * including currency position, decimal separators, and precision. Use the `hidden` prop for privacy features.
7
+ *
8
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-overview--docs Storybook}
9
+ * @see {@link https://ldls.vercel.app/?path=/docs/communication-amountdisplay-implementation--docs#dos-and-donts Guidelines}
10
+ *
11
+ * @example
12
+ * ```tsx
13
+ * import { AmountDisplay } from '@ledgerhq/lumen-ui-react';
14
+ * import type { FormattedValue } from '@ledgerhq/lumen-ui-react';
15
+ *
16
+ * // Create a formatter function
17
+ * const usdFormatter = (value: number): FormattedValue => {
18
+ * const [integerPart, decimalPart] = value.toFixed(2).split('.');
19
+ * return {
20
+ * integerPart,
21
+ * decimalPart,
22
+ * currencyText: '$',
23
+ * decimalSeparator: '.',
24
+ * currencyPosition: 'start',
25
+ * };
26
+ * };
27
+ *
28
+ * // Basic usage
29
+ * <AmountDisplay value={1234.56} formatter={usdFormatter} />
30
+ *
31
+ * // With privacy (hidden)
32
+ * <AmountDisplay value={1234.56} formatter={usdFormatter} hidden={true} />
33
+ * ```
34
+ */
35
+ export declare const AmountDisplay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
36
+ value: number;
37
+ formatter: (value: number) => import('./types').FormattedValue;
38
+ hidden?: boolean;
39
+ } & React.RefAttributes<HTMLDivElement>>;
40
+ //# sourceMappingURL=AmountDisplay.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AmountDisplay.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/AmountDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,aAAa;;;;wCAyBxB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { jsxs as r, jsx as a } from "react/jsx-runtime";
2
+ import l from "react";
3
+ const o = l.forwardRef(({ value: n, formatter: t, hidden: s = !1, ...c }, i) => {
4
+ const e = t(n);
5
+ return /* @__PURE__ */ r("div", { ref: i, ...c, children: [
6
+ /* @__PURE__ */ r("span", { className: "heading-1-semi-bold text-base", children: [
7
+ (e.currencyPosition === void 0 || e.currencyPosition === "start") && /* @__PURE__ */ a("span", { className: "me-4", children: e.currencyText }),
8
+ /* @__PURE__ */ a("span", { children: s ? "••••" : e.integerPart })
9
+ ] }),
10
+ /* @__PURE__ */ r("span", { className: "heading-2-semi-bold text-muted", children: [
11
+ e.decimalPart && !s && /* @__PURE__ */ a("span", { children: (e.decimalSeparator || ".") + e.decimalPart }),
12
+ e.currencyPosition === "end" && /* @__PURE__ */ a("span", { className: "ms-4", children: e.currencyText })
13
+ ] })
14
+ ] });
15
+ });
16
+ o.displayName = "AmountDisplay";
17
+ export {
18
+ o as AmountDisplay
19
+ };
@@ -0,0 +1,3 @@
1
+ export { AmountDisplay } from './AmountDisplay';
2
+ export * from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,cAAc,SAAS,CAAC"}
@@ -0,0 +1,46 @@
1
+ export type FormattedValue = {
2
+ /**
3
+ * The whole number portion of the amount (e.g., "1234" from 1234.56)
4
+ */
5
+ integerPart: string;
6
+ /**
7
+ * The fractional portion of the amount without the separator (e.g., "56" from 1234.56)
8
+ * @optional
9
+ */
10
+ decimalPart?: string;
11
+ /**
12
+ * The currency text or symbol (e.g., "$", "USD", "€", "BTC")
13
+ */
14
+ currencyText: string;
15
+ /**
16
+ * The character which separates integer and fractional parts.
17
+ */
18
+ decimalSeparator: '.' | ',';
19
+ /**
20
+ * Position of the currency text relative to the amount.
21
+ * @optional
22
+ * @default 'start'
23
+ */
24
+ currencyPosition?: 'start' | 'end';
25
+ };
26
+ /**
27
+ * Props for the AmountDisplay component.
28
+ */
29
+ export type AmountDisplayProps = React.HTMLAttributes<HTMLDivElement> & {
30
+ /**
31
+ * The numeric value to display.
32
+ * Pass the raw number value (e.g., 1234.56) - the formatter will handle conversion.
33
+ */
34
+ value: number;
35
+ /**
36
+ * Function that formats the numeric value into a FormattedValue object.
37
+ */
38
+ formatter: (value: number) => FormattedValue;
39
+ /**
40
+ * When true, displays bullet points (••••) instead of the actual amount.
41
+ * Useful for privacy features where users can toggle amount visibility.
42
+ * @default false
43
+ */
44
+ hidden?: boolean;
45
+ };
46
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/AmountDisplay/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,gBAAgB,EAAE,GAAG,GAAG,GAAG,CAAC;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACpC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACtE;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;IAC7C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { default as React } from 'react';
2
+ import { CoinCapsuleProps } from './types';
3
+ /**
4
+ * @internal
5
+ * Internal component for displaying a cryptocurrency coin capsule with icon and ticker.
6
+ * This component is not exported publicly. Use NavBarCoinCapsule instead for NavBar usage.
7
+ * Kept as a separate component for potential future extraction as a standalone component.
8
+ */
9
+ export declare const CoinCapsule: React.ForwardRefExoticComponent<CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
10
+ //# sourceMappingURL=CoinCapsule.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CoinCapsule.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/CoinCapsule.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,WAAW,yFAkBvB,CAAC"}
@@ -0,0 +1,24 @@
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
+ import { cn as l } from "../../../libs/utils-shared/dist/index.js";
3
+ import i from "react";
4
+ const o = i.forwardRef(
5
+ ({ ticker: s, icon: a, className: r }, t) => /* @__PURE__ */ n(
6
+ "div",
7
+ {
8
+ ref: t,
9
+ className: l(
10
+ "flex items-center gap-8 rounded-full bg-muted-transparent py-8 pr-12 pl-8",
11
+ r
12
+ ),
13
+ "data-slot": "coin-capsule",
14
+ children: [
15
+ /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: a }),
16
+ /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: s })
17
+ ]
18
+ }
19
+ )
20
+ );
21
+ o.displayName = "CoinCapsule";
22
+ export {
23
+ o as CoinCapsule
24
+ };
@@ -0,0 +1,80 @@
1
+ import { default as React } from 'react';
2
+ import { NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps } from './types';
3
+ /**
4
+ * A coin capsule component for displaying cryptocurrency information within the NavBar.
5
+ * Shows an icon and ticker symbol in a pill-shaped container.
6
+ *
7
+ * @example
8
+ * import { NavBar, NavBarBackButton, NavBarCoinCapsule, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
9
+ * import { CryptoIcon } from '@ledgerhq/crypto-icons';
10
+ *
11
+ * <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
12
+ */
13
+ export declare const NavBarCoinCapsule: React.ForwardRefExoticComponent<import('./types').CoinCapsuleProps & React.RefAttributes<HTMLDivElement>>;
14
+ /**
15
+ * Back button component for the NavBar. Displays an arrow left icon button.
16
+ *
17
+ * @example
18
+ * <NavBarBackButton onClick={() => navigate(-1)} />
19
+ */
20
+ export declare const NavBarBackButton: React.ForwardRefExoticComponent<NavBarBackButtonProps & React.RefAttributes<HTMLButtonElement>>;
21
+ /**
22
+ * Title component for the NavBar. Displays the navigation title text.
23
+ * Use the `as` prop to control heading semantics and avoid multiple h1s on a page.
24
+ *
25
+ * @example
26
+ * <NavBarTitle>Page Title</NavBarTitle>
27
+ *
28
+ * @example
29
+ * // With custom heading level
30
+ * <NavBarTitle as="h2">Page Title</NavBarTitle>
31
+ */
32
+ export declare const NavBarTitle: React.ForwardRefExoticComponent<NavBarTitleProps & React.RefAttributes<HTMLElement>>;
33
+ /**
34
+ * Trailing container for the NavBar. Used to place elements on the right side of the navbar.
35
+ *
36
+ * @example
37
+ * <NavBarTrailing>
38
+ * <IconButton icon={Settings} aria-label="Settings" />
39
+ * </NavBarTrailing>
40
+ */
41
+ export declare const NavBarTrailing: React.ForwardRefExoticComponent<NavBarTrailingProps & React.RefAttributes<HTMLDivElement>>;
42
+ /**
43
+ * A navigation bar component for displaying page headers with optional back button, title, and trailing elements.
44
+ * Uses a composable compound component API where you explicitly nest sub-components to define the layout.
45
+ *
46
+ * @see {@link https://ldls.vercel.app/?path=/docs/navigation-navbar-overview--docs Storybook}
47
+ * @see {@link https://ldls.vercel.app/?path=/docs/navigation-navbar-implementation--docs#dos-and-donts Guidelines}
48
+ *
49
+ * @warning The `className` prop should only be used for layout adjustments like margins or positioning.
50
+ * Do not use it to modify the navbar's core appearance (colors, padding, etc).
51
+ *
52
+ * @example
53
+ * // Basic NavBar with title
54
+ * import { NavBar, NavBarBackButton, NavBarTitle, NavBarTrailing } from '@ledgerhq/lumen-ui-react';
55
+ *
56
+ * <NavBar>
57
+ * <NavBarBackButton onClick={() => navigate(-1)} />
58
+ * <NavBarTitle>Page Title</NavBarTitle>
59
+ * <NavBarTrailing>
60
+ * <IconButton icon={Settings} aria-label="Settings" />
61
+ * </NavBarTrailing>
62
+ * </NavBar>
63
+ *
64
+ * @example
65
+ * // NavBar with NavBarCoinCapsule for crypto assets
66
+ * import { CryptoIcon } from '@ledgerhq/crypto-icons';
67
+ *
68
+ * <NavBar>
69
+ * <NavBarBackButton onClick={handleBack} />
70
+ * <NavBarCoinCapsule ticker="BTC" icon={<CryptoIcon ledgerId="bitcoin" ticker="BTC" size="24px" />} />
71
+ * <NavBarTrailing>
72
+ * <IconButton icon={MoreHorizontal} aria-label="More options" />
73
+ * </NavBarTrailing>
74
+ * </NavBar>
75
+ */
76
+ export declare const NavBar: React.ForwardRefExoticComponent<{
77
+ children?: React.ReactNode;
78
+ className?: string;
79
+ } & Omit<React.HTMLAttributes<HTMLElement>, "children" | "className"> & React.RefAttributes<HTMLElement>>;
80
+ //# sourceMappingURL=NavBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,qBAAqB,EAGrB,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,2GAO5B,CAAC;AAGH;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,iGAkB3B,CAAC;AAGH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,sFAavB,CAAC;AAGF;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,4FAczB,CAAC;AAGH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,MAAM;;;yGAalB,CAAC"}
@@ -0,0 +1,69 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { cn as s } from "../../../libs/utils-shared/dist/index.js";
3
+ import n from "react";
4
+ import { CoinCapsule as l } from "./CoinCapsule.js";
5
+ import { useCommonTranslation as m } from "../../../i18n/useCommonTranslation.js";
6
+ import { IconButton as c } from "../IconButton/IconButton.js";
7
+ import { ArrowLeft as f } from "../../Symbols/Icons/ArrowLeft.js";
8
+ const d = n.forwardRef(({ ticker: a, icon: r, className: e }, t) => /* @__PURE__ */ o("div", { className: "flex flex-1 items-center", "data-slot": "navbar-coin-capsule", children: /* @__PURE__ */ o(l, { ref: t, ticker: a, icon: r, className: e }) }));
9
+ d.displayName = "NavBarCoinCapsule";
10
+ const p = n.forwardRef(({ onClick: a, "aria-label": r, className: e }, t) => {
11
+ const { t: i } = m();
12
+ return /* @__PURE__ */ o(
13
+ c,
14
+ {
15
+ ref: t,
16
+ appearance: "no-background",
17
+ size: "sm",
18
+ icon: f,
19
+ onClick: a,
20
+ className: s("shrink-0", e),
21
+ "aria-label": r ?? i("components.navBar.goBackAriaLabel"),
22
+ "data-slot": "navbar-back-button"
23
+ }
24
+ );
25
+ });
26
+ p.displayName = "NavBarBackButton";
27
+ const N = n.forwardRef(
28
+ ({ children: a, className: r, as: e = "h1" }, t) => /* @__PURE__ */ o(
29
+ e,
30
+ {
31
+ ref: t,
32
+ className: s("min-w-0 flex-1 truncate heading-4-semi-bold", r),
33
+ "data-slot": "navbar-title",
34
+ children: a
35
+ }
36
+ )
37
+ );
38
+ N.displayName = "NavBarTitle";
39
+ const v = n.forwardRef(({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
40
+ "div",
41
+ {
42
+ ref: t,
43
+ className: s("flex shrink-0 items-center gap-4", r),
44
+ "data-slot": "navbar-trailing",
45
+ ...e,
46
+ children: a
47
+ }
48
+ ));
49
+ v.displayName = "NavBarTrailing";
50
+ const B = n.forwardRef(
51
+ ({ children: a, className: r, ...e }, t) => /* @__PURE__ */ o(
52
+ "nav",
53
+ {
54
+ ref: t,
55
+ className: s("flex items-center gap-4", r),
56
+ "data-slot": "navbar",
57
+ ...e,
58
+ children: a
59
+ }
60
+ )
61
+ );
62
+ B.displayName = "NavBar";
63
+ export {
64
+ B as NavBar,
65
+ p as NavBarBackButton,
66
+ d as NavBarCoinCapsule,
67
+ N as NavBarTitle,
68
+ v as NavBarTrailing
69
+ };
@@ -0,0 +1,3 @@
1
+ export { NavBar, NavBarBackButton, NavBarTitle, NavBarTrailing, NavBarCoinCapsule, } from './NavBar';
2
+ export type { NavBarProps, NavBarBackButtonProps, NavBarTitleProps, NavBarTrailingProps, NavBarCoinCapsuleProps, } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,GACvB,MAAM,SAAS,CAAC"}
@@ -0,0 +1,75 @@
1
+ import { ReactNode } from 'react';
2
+ export type NavBarProps = {
3
+ /**
4
+ * The children of the NavBar, typically NavBarBackButton, NavBarTitle, NavBarTrailing, or NavBarCoinCapsule components.
5
+ */
6
+ children?: ReactNode;
7
+ /**
8
+ * Additional custom CSS classes to apply. Do not use this prop to modify the component's core appearance.
9
+ */
10
+ className?: string;
11
+ } & Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'className'>;
12
+ export type NavBarBackButtonProps = {
13
+ /**
14
+ * Callback function when the back button is clicked.
15
+ */
16
+ onClick?: () => void;
17
+ /**
18
+ * Accessible label for the back button.
19
+ * @default "Go back"
20
+ */
21
+ 'aria-label'?: string;
22
+ /**
23
+ * Additional custom CSS classes to apply.
24
+ */
25
+ className?: string;
26
+ };
27
+ export type NavBarTitleProps = {
28
+ /**
29
+ * The title text to display.
30
+ */
31
+ children: ReactNode;
32
+ /**
33
+ * The HTML element to render as.
34
+ * Use this to control heading semantics and avoid multiple h1s on a page.
35
+ * @default 'h1'
36
+ */
37
+ as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
38
+ /**
39
+ * Additional custom CSS classes to apply.
40
+ */
41
+ className?: string;
42
+ };
43
+ export type NavBarTrailingProps = {
44
+ /**
45
+ * The trailing content, typically IconButton components.
46
+ */
47
+ children: ReactNode;
48
+ /**
49
+ * Additional custom CSS classes to apply.
50
+ */
51
+ className?: string;
52
+ };
53
+ /**
54
+ * @internal
55
+ * Props for the internal CoinCapsule component.
56
+ */
57
+ export type CoinCapsuleProps = {
58
+ /**
59
+ * The cryptocurrency ticker symbol to display (e.g., "BTC", "ETH").
60
+ */
61
+ ticker: string;
62
+ /**
63
+ * The icon element to display (typically a crypto coin icon).
64
+ */
65
+ icon: ReactNode;
66
+ /**
67
+ * Additional custom CSS classes to apply.
68
+ */
69
+ className?: string;
70
+ };
71
+ /**
72
+ * Props for the NavBarCoinCapsule component.
73
+ */
74
+ export type NavBarCoinCapsuleProps = CoinCapsuleProps;
75
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/NavBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,gBAAgB,CAAC"}
@@ -1,21 +1,21 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import { cn as n } from "../../../libs/utils-shared/dist/index.js";
3
- function l({ className: s, ...t }) {
3
+ function l({ className: t, ...s }) {
4
4
  return /* @__PURE__ */ e(
5
5
  "div",
6
6
  {
7
- className: n("animate-pulse rounded-md bg-surface", s),
8
- ...t
7
+ className: n("animate-pulse rounded-md bg-muted-transparent", t),
8
+ ...s
9
9
  }
10
10
  );
11
11
  }
12
- function o({ className: s, component: t, ...d }) {
13
- return t === "list-item" ? /* @__PURE__ */ a(
12
+ function o({ className: t, component: s, ...d }) {
13
+ return s === "list-item" ? /* @__PURE__ */ a(
14
14
  "div",
15
15
  {
16
16
  "data-slot": "skeleton",
17
17
  "data-testid": "skeleton",
18
- className: n("flex w-full items-center gap-16 py-8", s),
18
+ className: n("flex w-full items-center gap-16 py-8", t),
19
19
  ...d,
20
20
  children: [
21
21
  /* @__PURE__ */ e(l, { className: "size-48 shrink-0 rounded-full" }),
@@ -25,14 +25,14 @@ function o({ className: s, component: t, ...d }) {
25
25
  ] })
26
26
  ]
27
27
  }
28
- ) : t === "tile" ? /* @__PURE__ */ a(
28
+ ) : s === "tile" ? /* @__PURE__ */ a(
29
29
  "div",
30
30
  {
31
31
  "data-slot": "skeleton",
32
32
  "data-testid": "skeleton",
33
33
  className: n(
34
34
  "flex w-112 flex-col items-center gap-12 rounded-md px-8 py-16",
35
- s
35
+ t
36
36
  ),
37
37
  ...d,
38
38
  children: [
@@ -48,7 +48,7 @@ function o({ className: s, component: t, ...d }) {
48
48
  {
49
49
  "data-slot": "skeleton",
50
50
  "data-testid": "skeleton",
51
- className: s,
51
+ className: t,
52
52
  ...d
53
53
  }
54
54
  );
@@ -1,5 +1,5 @@
1
1
  import { default as React } from 'react';
2
- import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderInfoProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
2
+ import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, SubheaderProps, SubheaderRowProps, SubheaderShowMoreProps, SubheaderTitleProps } from './types';
3
3
  /**
4
4
  * Title component for the Subheader. Displays the main heading.
5
5
  * Use the `as` prop to control heading semantics and avoid multiple h2s on a page.
@@ -11,7 +11,7 @@ import { SubheaderActionProps, SubheaderCountProps, SubheaderDescriptionProps, S
11
11
  * // With custom heading level
12
12
  * <SubheaderTitle as="h3">Section Title</SubheaderTitle>
13
13
  */
14
- export declare const SubheaderTitle: ({ children, as: Component, }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const SubheaderTitle: ({ children, as: Component, className, ...props }: SubheaderTitleProps) => import("react/jsx-runtime").JSX.Element;
15
15
  /**
16
16
  * Row component for the Subheader. Layout container to horizontally align title, count, hint, and action.
17
17
  * Can optionally be interactive with an onClick handler.
@@ -20,20 +20,22 @@ export declare const SubheaderRow: ({ children, onClick, className, ...props }:
20
20
  /**
21
21
  * Count component for the Subheader. Displays a formatted number.
22
22
  */
23
- export declare const SubheaderCount: ({ value, format }: SubheaderCountProps) => import("react/jsx-runtime").JSX.Element;
23
+ export declare const SubheaderCount: ({ value, format, className, ...props }: SubheaderCountProps) => import("react/jsx-runtime").JSX.Element;
24
24
  /**
25
25
  * Info component for the Subheader. Displays an information icon that can be wrapped in a Tooltip.
26
26
  */
27
- export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<SubheaderInfoProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
27
+ export declare const SubheaderInfo: React.ForwardRefExoticComponent<Omit<import('..').InteractiveIconProps, "children" | "iconType"> & {
28
+ iconType?: "filled" | "stroked";
29
+ } & React.RefAttributes<HTMLButtonElement>>;
28
30
  /**
29
31
  * ShowMore component for the Subheader. Displays a static chevron right icon to indicate expandable content.
30
32
  * Position this after SubheaderCount and before other elements.
31
33
  */
32
- export declare const SubheaderShowMore: ({ className }: SubheaderShowMoreProps) => import("react/jsx-runtime").JSX.Element;
34
+ export declare const SubheaderShowMore: ({ className, ...props }: SubheaderShowMoreProps) => import("react/jsx-runtime").JSX.Element;
33
35
  /**
34
36
  * Description component for the Subheader. Displays descriptive text below the title row.
35
37
  */
36
- export declare const SubheaderDescription: ({ children, }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
38
+ export declare const SubheaderDescription: ({ children, className, ...props }: SubheaderDescriptionProps) => import("react/jsx-runtime").JSX.Element;
37
39
  /**
38
40
  * Action component for the Subheader. Displays an interactive text button.
39
41
  * Automatically positions itself at the end of the row using ml-auto.
@@ -1 +1 @@
1
- {"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,8BAG5B,mBAAmB,4CAMrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,mBAAmB,mBAAmB,4CAGpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,2GAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,eAAe,sBAAsB,4CAMtE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,4CAE3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CAWtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
1
+ {"version":3,"file":"Subheader.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/Subheader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EAEzB,cAAc,EACd,iBAAiB,EACjB,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAEjB;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,kDAK5B,mBAAmB,4CASrB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,4CAK1B,iBAAiB,4CAgBnB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,wCAK5B,mBAAmB,4CAOrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;;2CAiBxB,CAAC;AAGH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAM3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,4CAK7B,oBAAoB,4CActB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAMhB,CAAC"}
@@ -1,71 +1,100 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { cn as a } from "../../../libs/utils-shared/dist/index.js";
3
- import s from "react";
4
- import { Information as i } from "../../Symbols/Icons/Information.js";
5
- import { ChevronRight as c } from "../../Symbols/Icons/ChevronRight.js";
6
- import { InteractiveIcon as m } from "../InteractiveIcon/InteractiveIcon.js";
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { cn as s } from "../../../libs/utils-shared/dist/index.js";
3
+ import i from "react";
4
+ import { Information as c } from "../../Symbols/Icons/Information.js";
5
+ import { ChevronRight as m } from "../../Symbols/Icons/ChevronRight.js";
6
+ import { InteractiveIcon as d } from "../InteractiveIcon/InteractiveIcon.js";
7
7
  const S = ({
8
- children: e,
9
- as: t = "h2"
10
- }) => /* @__PURE__ */ r(t, { className: "min-w-0 truncate heading-4-semi-bold", children: e }), N = ({
11
- children: e,
12
- onClick: t,
13
- className: n,
8
+ children: t,
9
+ as: e = "h2",
10
+ className: r,
11
+ ...o
12
+ }) => /* @__PURE__ */ n(
13
+ e,
14
+ {
15
+ className: s("min-w-0 truncate heading-4-semi-bold", r),
16
+ ...o,
17
+ children: t
18
+ }
19
+ ), N = ({
20
+ children: t,
21
+ onClick: e,
22
+ className: r,
14
23
  ...o
15
- }) => /* @__PURE__ */ r(
16
- t ? "button" : "div",
24
+ }) => /* @__PURE__ */ n(
25
+ e ? "button" : "div",
17
26
  {
18
- className: a(
27
+ className: s(
19
28
  "flex items-center gap-4",
20
- t && "cursor-pointer",
21
- n
29
+ e && "cursor-pointer",
30
+ r
22
31
  ),
23
- onClick: t,
32
+ onClick: e,
24
33
  ...o,
25
- children: e
34
+ children: t
26
35
  }
27
- ), y = ({ value: e, format: t }) => {
28
- const n = t ? t(e) : `(${e})`;
29
- return /* @__PURE__ */ r("span", { className: "shrink-0 body-2 text-muted", children: n });
30
- }, d = s.forwardRef(({ iconType: e = "stroked", className: t, ...n }, o) => /* @__PURE__ */ r("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ r(
31
- m,
36
+ ), y = ({
37
+ value: t,
38
+ format: e,
39
+ className: r,
40
+ ...o
41
+ }) => {
42
+ const a = e ? e(t) : `(${t})`;
43
+ return /* @__PURE__ */ n("span", { className: s("shrink-0 body-2 text-muted", r), ...o, children: a });
44
+ }, u = i.forwardRef(({ iconType: t = "stroked", className: e, ...r }, o) => /* @__PURE__ */ n("span", { className: "flex shrink-0 items-center", children: /* @__PURE__ */ n(
45
+ d,
32
46
  {
33
47
  ref: o,
34
- iconType: e,
35
- className: t,
48
+ iconType: t,
49
+ className: e,
36
50
  "aria-label": "More information",
37
- ...n,
38
- children: /* @__PURE__ */ r(i, { size: 16 })
51
+ ...r,
52
+ children: /* @__PURE__ */ n(c, { size: 16 })
39
53
  }
40
54
  ) }));
41
- d.displayName = "SubheaderInfo";
42
- const I = ({ className: e }) => /* @__PURE__ */ r("span", { className: a("shrink-0 self-center text-muted", e), children: /* @__PURE__ */ r(c, { size: 16 }) }), g = ({
43
- children: e
44
- }) => /* @__PURE__ */ r("p", { className: "body-3 text-muted", children: e }), v = ({
45
- children: e,
46
- onClick: t,
47
- className: n,
55
+ u.displayName = "SubheaderInfo";
56
+ const I = ({
57
+ className: t,
58
+ ...e
59
+ }) => /* @__PURE__ */ n(
60
+ "span",
61
+ {
62
+ className: s("shrink-0 self-center text-muted", t),
63
+ ...e,
64
+ children: /* @__PURE__ */ n(m, { size: 16 })
65
+ }
66
+ ), g = ({
67
+ children: t,
68
+ className: e,
69
+ ...r
70
+ }) => /* @__PURE__ */ n("p", { className: s("body-3 text-muted", e), ...r, children: t }), v = ({
71
+ children: t,
72
+ onClick: e,
73
+ className: r,
48
74
  ...o
49
- }) => /* @__PURE__ */ r(
75
+ }) => /* @__PURE__ */ n(
50
76
  "button",
51
77
  {
52
78
  type: "button",
53
- onClick: t,
54
- className: a("ml-auto shrink-0 pl-8 body-2 text-interactive", n),
79
+ onClick: e,
80
+ className: s(
81
+ "ml-auto shrink-0 cursor-pointer pl-8 body-2 text-interactive",
82
+ r
83
+ ),
55
84
  ...o,
56
- children: e
85
+ children: t
57
86
  }
58
87
  ), w = ({
59
- className: e,
60
- children: t,
61
- ...n
62
- }) => /* @__PURE__ */ r("div", { className: a("flex flex-col gap-4", e), ...n, children: t });
88
+ className: t,
89
+ children: e,
90
+ ...r
91
+ }) => /* @__PURE__ */ n("div", { className: s("flex flex-col gap-4", t), ...r, children: e });
63
92
  export {
64
93
  w as Subheader,
65
94
  v as SubheaderAction,
66
95
  y as SubheaderCount,
67
96
  g as SubheaderDescription,
68
- d as SubheaderInfo,
97
+ u as SubheaderInfo,
69
98
  N as SubheaderRow,
70
99
  I as SubheaderShowMore,
71
100
  S as SubheaderTitle
@@ -1,3 +1,4 @@
1
+ import { InteractiveIconProps } from '../InteractiveIcon';
1
2
  export type SubheaderProps = {
2
3
  /**
3
4
  * The children of the subheader, which should include SubheaderRow, SubheaderTitle, SubheaderDescription, etc.
@@ -25,7 +26,7 @@ export type SubheaderTitleProps = {
25
26
  * @default 'h2'
26
27
  */
27
28
  as?: keyof Pick<HTMLElementTagNameMap, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span'>;
28
- };
29
+ } & Omit<React.HTMLAttributes<HTMLHeadingElement>, 'children'>;
29
30
  export type SubheaderCountProps = {
30
31
  /**
31
32
  * The count value to display.
@@ -36,8 +37,8 @@ export type SubheaderCountProps = {
36
37
  * Defaults to (n) => `(${n})`
37
38
  */
38
39
  format?: (value: number) => string;
39
- };
40
- export type SubheaderInfoProps = Omit<React.ComponentProps<typeof import('../InteractiveIcon').InteractiveIcon>, 'children' | 'iconType'> & {
40
+ } & Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>;
41
+ export type SubheaderInfoProps = Omit<InteractiveIconProps, 'children' | 'iconType'> & {
41
42
  /**
42
43
  * The visual style of the icon button.
43
44
  * Defaults to 'stroked'.
@@ -49,7 +50,7 @@ export type SubheaderDescriptionProps = {
49
50
  * The description text to display below the title row.
50
51
  */
51
52
  children: React.ReactNode;
52
- };
53
+ } & Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'>;
53
54
  export type SubheaderActionProps = {
54
55
  /**
55
56
  * The action element to display (e.g., button text).
@@ -60,10 +61,5 @@ export type SubheaderActionProps = {
60
61
  */
61
62
  onClick: () => void;
62
63
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onClick'>;
63
- export type SubheaderShowMoreProps = {
64
- /**
65
- * Optional className for custom styling.
66
- */
67
- className?: string;
68
- };
64
+ export type SubheaderShowMoreProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>;
69
65
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,cAAc,oBAAoB,EAAE,eAAe,CAAC,EACzE,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Subheader/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEpE,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,IAAI,CACb,qBAAqB,EACrB,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CACzD,CAAC;CACH,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,EACpB,UAAU,GAAG,UAAU,CACxB,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEhF,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACvC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,UAAU,CACX,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export * from './AddressInput';
2
2
  export * from './AmountInput';
3
+ export * from './AmountDisplay';
3
4
  export * from './Banner';
4
5
  export * from './BaseInput';
5
6
  export * from './Button';
@@ -12,6 +13,7 @@ export * from './InteractiveIcon';
12
13
  export * from './Link';
13
14
  export * from './ListItem';
14
15
  export * from './Menu';
16
+ export * from './NavBar';
15
17
  export * from './SearchInput';
16
18
  export * from './Select';
17
19
  export * from './Skeleton';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/lumen-ui-react",
3
- "version": "0.0.68",
3
+ "version": "0.0.70",
4
4
  "license": "Apache-2.0",
5
5
  "sideEffects": false,
6
6
  "keywords": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/lumen-ui-react",
3
- "version": "0.0.69",
3
+ "version": "0.0.71",
4
4
  "license": "Apache-2.0",
5
5
  "sideEffects": false,
6
6
  "keywords": [