@ledgerhq/lumen-ui-react 0.1.17 → 0.1.19

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 (136) hide show
  1. package/ai-rules/RULES.md +6 -0
  2. package/dist/lib/Components/AddressInput/AddressInput.d.ts +1 -4
  3. package/dist/lib/Components/AddressInput/AddressInput.d.ts.map +1 -1
  4. package/dist/lib/Components/AddressInput/AddressInput.js +21 -21
  5. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts +1 -4
  6. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
  7. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +32 -29
  8. package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -4
  9. package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
  10. package/dist/lib/Components/AmountInput/AmountInput.js +13 -14
  11. package/dist/lib/Components/Avatar/Avatar.d.ts +1 -4
  12. package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
  13. package/dist/lib/Components/Avatar/Avatar.js +8 -9
  14. package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -4
  15. package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
  16. package/dist/lib/Components/BaseInput/BaseInput.js +44 -44
  17. package/dist/lib/Components/Button/BaseButton.d.ts +1 -4
  18. package/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
  19. package/dist/lib/Components/Button/BaseButton.js +14 -15
  20. package/dist/lib/Components/Button/Button.d.ts +1 -4
  21. package/dist/lib/Components/Button/Button.d.ts.map +1 -1
  22. package/dist/lib/Components/Button/Button.js +6 -7
  23. package/dist/lib/Components/Card/Card.d.ts +10 -40
  24. package/dist/lib/Components/Card/Card.d.ts.map +1 -1
  25. package/dist/lib/Components/Card/Card.js +115 -134
  26. package/dist/lib/Components/CardButton/CardButton.d.ts +1 -4
  27. package/dist/lib/Components/CardButton/CardButton.d.ts.map +1 -1
  28. package/dist/lib/Components/CardButton/CardButton.js +10 -11
  29. package/dist/lib/Components/Checkbox/Checkbox.d.ts +1 -4
  30. package/dist/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
  31. package/dist/lib/Components/Checkbox/Checkbox.js +2 -3
  32. package/dist/lib/Components/ContentBanner/ContentBanner.d.ts +4 -16
  33. package/dist/lib/Components/ContentBanner/ContentBanner.d.ts.map +1 -1
  34. package/dist/lib/Components/ContentBanner/ContentBanner.js +48 -54
  35. package/dist/lib/Components/DataTable/DataTable.d.ts +3 -12
  36. package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
  37. package/dist/lib/Components/DataTable/DataTable.js +84 -97
  38. package/dist/lib/Components/Dialog/Dialog.d.ts +3 -12
  39. package/dist/lib/Components/Dialog/Dialog.d.ts.map +1 -1
  40. package/dist/lib/Components/Dialog/Dialog.js +44 -50
  41. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts +1 -4
  42. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.d.ts.map +1 -1
  43. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +31 -34
  44. package/dist/lib/Components/Divider/Divider.d.ts +1 -4
  45. package/dist/lib/Components/Divider/Divider.d.ts.map +1 -1
  46. package/dist/lib/Components/Divider/Divider.js +10 -11
  47. package/dist/lib/Components/Icon/Icon.d.ts +1 -4
  48. package/dist/lib/Components/Icon/Icon.d.ts.map +1 -1
  49. package/dist/lib/Components/Icon/Icon.js +6 -7
  50. package/dist/lib/Components/IconButton/IconButton.d.ts +1 -4
  51. package/dist/lib/Components/IconButton/IconButton.d.ts.map +1 -1
  52. package/dist/lib/Components/IconButton/IconButton.js +5 -6
  53. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +3 -11
  54. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
  55. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +24 -22
  56. package/dist/lib/Components/InteractiveIcon/types.d.ts +14 -9
  57. package/dist/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
  58. package/dist/lib/Components/Link/Link.d.ts +1 -4
  59. package/dist/lib/Components/Link/Link.d.ts.map +1 -1
  60. package/dist/lib/Components/Link/Link.js +13 -14
  61. package/dist/lib/Components/ListItem/ListItem.d.ts +7 -28
  62. package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
  63. package/dist/lib/Components/ListItem/ListItem.js +60 -63
  64. package/dist/lib/Components/MediaBanner/MediaBanner.d.ts +3 -12
  65. package/dist/lib/Components/MediaBanner/MediaBanner.d.ts.map +1 -1
  66. package/dist/lib/Components/MediaBanner/MediaBanner.js +39 -43
  67. package/dist/lib/Components/MediaCard/MediaCard.d.ts +2 -8
  68. package/dist/lib/Components/MediaCard/MediaCard.d.ts.map +1 -1
  69. package/dist/lib/Components/MediaCard/MediaCard.js +38 -40
  70. package/dist/lib/Components/MediaImage/MediaImage.d.ts +1 -4
  71. package/dist/lib/Components/MediaImage/MediaImage.d.ts.map +1 -1
  72. package/dist/lib/Components/MediaImage/MediaImage.js +15 -16
  73. package/dist/lib/Components/Menu/Menu.d.ts +11 -38
  74. package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
  75. package/dist/lib/Components/Menu/Menu.js +100 -116
  76. package/dist/lib/Components/NavBar/CoinCapsule.d.ts +1 -4
  77. package/dist/lib/Components/NavBar/CoinCapsule.d.ts.map +1 -1
  78. package/dist/lib/Components/NavBar/CoinCapsule.js +8 -9
  79. package/dist/lib/Components/NavBar/NavBar.d.ts +7 -22
  80. package/dist/lib/Components/NavBar/NavBar.d.ts.map +1 -1
  81. package/dist/lib/Components/NavBar/NavBar.js +25 -34
  82. package/dist/lib/Components/PageIndicator/PageIndicator.d.ts +1 -4
  83. package/dist/lib/Components/PageIndicator/PageIndicator.d.ts.map +1 -1
  84. package/dist/lib/Components/PageIndicator/PageIndicator.js +15 -16
  85. package/dist/lib/Components/Popover/Popover.d.ts +1 -4
  86. package/dist/lib/Components/Popover/Popover.d.ts.map +1 -1
  87. package/dist/lib/Components/Popover/Popover.js +5 -7
  88. package/dist/lib/Components/SearchInput/SearchInput.d.ts +1 -4
  89. package/dist/lib/Components/SearchInput/SearchInput.d.ts.map +1 -1
  90. package/dist/lib/Components/SearchInput/SearchInput.js +2 -3
  91. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +0 -6
  92. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  93. package/dist/lib/Components/SegmentedControl/SegmentedControl.js +19 -21
  94. package/dist/lib/Components/Select/Select.d.ts +10 -40
  95. package/dist/lib/Components/Select/Select.d.ts.map +1 -1
  96. package/dist/lib/Components/Select/Select.js +141 -163
  97. package/dist/lib/Components/SideBar/SideBar.d.ts +5 -20
  98. package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
  99. package/dist/lib/Components/SideBar/SideBar.js +44 -53
  100. package/dist/lib/Components/Skeleton/Skeleton.d.ts +1 -4
  101. package/dist/lib/Components/Skeleton/Skeleton.d.ts.map +1 -1
  102. package/dist/lib/Components/Skeleton/Skeleton.js +15 -22
  103. package/dist/lib/Components/Spot/Spot.d.ts +1 -4
  104. package/dist/lib/Components/Spot/Spot.d.ts.map +1 -1
  105. package/dist/lib/Components/Spot/Spot.js +11 -12
  106. package/dist/lib/Components/Stepper/Stepper.d.ts +1 -4
  107. package/dist/lib/Components/Stepper/Stepper.d.ts.map +1 -1
  108. package/dist/lib/Components/Stepper/Stepper.js +10 -11
  109. package/dist/lib/Components/Subheader/Subheader.d.ts +1 -4
  110. package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
  111. package/dist/lib/Components/Subheader/Subheader.js +14 -15
  112. package/dist/lib/Components/Subheader/types.d.ts +1 -1
  113. package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
  114. package/dist/lib/Components/Switch/Switch.d.ts +1 -4
  115. package/dist/lib/Components/Switch/Switch.d.ts.map +1 -1
  116. package/dist/lib/Components/Switch/Switch.js +2 -3
  117. package/dist/lib/Components/Table/Table.d.ts +16 -64
  118. package/dist/lib/Components/Table/Table.d.ts.map +1 -1
  119. package/dist/lib/Components/Table/Table.js +146 -176
  120. package/dist/lib/Components/Tag/Tag.d.ts +1 -4
  121. package/dist/lib/Components/Tag/Tag.d.ts.map +1 -1
  122. package/dist/lib/Components/Tag/Tag.js +10 -11
  123. package/dist/lib/Components/TextInput/TextInput.d.ts +1 -4
  124. package/dist/lib/Components/TextInput/TextInput.d.ts.map +1 -1
  125. package/dist/lib/Components/TextInput/TextInput.js +4 -5
  126. package/dist/lib/Components/Tile/Tile.d.ts +6 -24
  127. package/dist/lib/Components/Tile/Tile.d.ts.map +1 -1
  128. package/dist/lib/Components/Tile/Tile.js +58 -71
  129. package/dist/lib/Components/TileButton/TileButton.d.ts +1 -4
  130. package/dist/lib/Components/TileButton/TileButton.d.ts.map +1 -1
  131. package/dist/lib/Components/TileButton/TileButton.js +12 -13
  132. package/dist/lib/Components/TriggerButton/TriggerButton.d.ts +1 -4
  133. package/dist/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -1
  134. package/dist/lib/Components/TriggerButton/TriggerButton.js +11 -12
  135. package/dist/package.json +1 -1
  136. package/package.json +2 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG;0FASb,QAAQ;;CAuBV,CAAC"}
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tag/Tag.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+BnC,eAAO,MAAM,GAAG,GAAI,qFASjB,QAAQ,4CAuBV,CAAC"}
@@ -1,5 +1,5 @@
1
- import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
- import { useDisabledContext as b, cn as g } from "../../../libs/utils-shared/dist/index.js";
1
+ import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
+ import { useDisabledContext as p, cn as g } from "../../../libs/utils-shared/dist/index.js";
3
3
  import { cva as u } from "class-variance-authority";
4
4
  const x = u(
5
5
  "inline-flex items-center justify-center gap-4 truncate rounded-xs",
@@ -28,7 +28,7 @@ const x = u(
28
28
  disabled: !1
29
29
  }
30
30
  }
31
- ), f = ({
31
+ ), j = ({
32
32
  ref: s,
33
33
  className: n,
34
34
  appearance: r,
@@ -38,27 +38,26 @@ const x = u(
38
38
  disabled: d,
39
39
  ...o
40
40
  }) => {
41
- const m = b({
41
+ const m = p({
42
42
  consumerName: "Tag",
43
43
  mergeWith: { disabled: d }
44
- }), l = e ? {
44
+ }), b = e ? {
45
45
  md: 16,
46
46
  sm: 12
47
- }[e] : 16, a = c;
48
- return /* @__PURE__ */ p(
47
+ }[e] : 16, t = c;
48
+ return /* @__PURE__ */ l(
49
49
  "div",
50
50
  {
51
51
  className: g(n, x({ appearance: r, size: e, disabled: m })),
52
52
  ref: s,
53
53
  ...o,
54
54
  children: [
55
- a && /* @__PURE__ */ t(a, { size: l }),
56
- /* @__PURE__ */ t("span", { className: "truncate", children: i })
55
+ t && /* @__PURE__ */ a(t, { size: b }),
56
+ /* @__PURE__ */ a("span", { className: "truncate", children: i })
57
57
  ]
58
58
  }
59
59
  );
60
60
  };
61
- f.displayName = "Tag";
62
61
  export {
63
- f as Tag
62
+ j as Tag
64
63
  };
@@ -53,8 +53,5 @@ import { TextInputProps } from './types';
53
53
  * }}
54
54
  * />
55
55
  */
56
- export declare const TextInput: {
57
- ({ ref, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
58
- displayName: string;
59
- };
56
+ export declare const TextInput: ({ ref, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
60
57
  //# sourceMappingURL=TextInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS;wBAAuB,cAAc;;CAE1D,CAAC"}
1
+ {"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TextInput/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,SAAS,GAAI,mBAAmB,cAAc,4CAE1D,CAAC"}
@@ -1,7 +1,6 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { BaseInput as e } from "../BaseInput/BaseInput.js";
3
- const o = ({ ref: t, ...p }) => /* @__PURE__ */ r(e, { ref: t, ...p });
4
- o.displayName = "TextInput";
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { BaseInput as p } from "../BaseInput/BaseInput.js";
3
+ const n = ({ ref: t, ...r }) => /* @__PURE__ */ o(p, { ref: t, ...r });
5
4
  export {
6
- o as TextInput
5
+ n as TextInput
7
6
  };
@@ -26,34 +26,22 @@ import { TileContentProps, TileDescriptionProps, TileProps, TileSecondaryActionP
26
26
  * <div>Custom content</div>
27
27
  * </Tile>
28
28
  */
29
- export declare const Tile: {
30
- ({ ref, className, onClick, secondaryAction, appearance, disabled: disabledProp, centered, children, style, ...props }: TileProps): import("react/jsx-runtime").JSX.Element;
31
- displayName: string;
32
- };
29
+ export declare const Tile: ({ ref, className, onClick, secondaryAction, appearance, disabled: disabledProp, centered, children, style, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
33
30
  /**
34
31
  * A container for grouping TileTitle and TileDescription with consistent spacing.
35
32
  * Use this to wrap text content within a Tile.
36
33
  */
37
- export declare const TileContent: {
38
- ({ children, className, ...props }: TileContentProps): import("react/jsx-runtime").JSX.Element;
39
- displayName: string;
40
- };
34
+ export declare const TileContent: ({ children, className, ...props }: TileContentProps) => import("react/jsx-runtime").JSX.Element;
41
35
  /**
42
36
  * The primary text label for a Tile. Automatically inherits the disabled state from the parent Tile.
43
37
  * Text will truncate with ellipsis if it exceeds the available width.
44
38
  */
45
- export declare const TileTitle: {
46
- ({ children, className, ...props }: TileTitleProps): import("react/jsx-runtime").JSX.Element;
47
- displayName: string;
48
- };
39
+ export declare const TileTitle: ({ children, className, ...props }: TileTitleProps) => import("react/jsx-runtime").JSX.Element;
49
40
  /**
50
41
  * The secondary text label for a Tile. Automatically inherits the disabled state from the parent Tile.
51
42
  * Text will truncate with ellipsis if it exceeds the available width.
52
43
  */
53
- export declare const TileDescription: {
54
- ({ children, className, ...props }: TileDescriptionProps): import("react/jsx-runtime").JSX.Element;
55
- displayName: string;
56
- };
44
+ export declare const TileDescription: ({ children, className, ...props }: TileDescriptionProps) => import("react/jsx-runtime").JSX.Element;
57
45
  /**
58
46
  * A container for trailing content inside TileContent.
59
47
  * Use this to wrap Tags, labels, or other supplementary information after title and description.
@@ -71,10 +59,7 @@ export declare const TileDescription: {
71
59
  * </TileContent>
72
60
  * </Tile>
73
61
  */
74
- export declare const TileTrailingContent: {
75
- ({ children, className, ...props }: TileTrailingContentProps): import("react/jsx-runtime").JSX.Element;
76
- displayName: string;
77
- };
62
+ export declare const TileTrailingContent: ({ children, className, ...props }: TileTrailingContentProps) => import("react/jsx-runtime").JSX.Element;
78
63
  /**
79
64
  * A self-contained secondary action button for a Tile. Renders an InteractiveIcon that appears
80
65
  * in the top-right corner and is visible on hover/focus. Automatically hidden when the parent Tile is disabled.
@@ -92,8 +77,5 @@ export declare const TileTrailingContent: {
92
77
  * </TileContent>
93
78
  * </Tile>
94
79
  */
95
- export declare const TileSecondaryAction: {
96
- ({ ref, onClick, icon, className, "aria-label": ariaLabel, ...props }: TileSecondaryActionProps): import("react/jsx-runtime").JSX.Element | null;
97
- displayName: string;
98
- };
80
+ export declare const TileSecondaryAction: ({ ref, onClick, icon, className, "aria-label": ariaLabel, ...props }: TileSecondaryActionProps) => import("react/jsx-runtime").JSX.Element | null;
99
81
  //# sourceMappingURL=Tile.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI;4HAWd,SAAS;;CA+BX,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,WAAW;wCAIrB,gBAAgB;;CASlB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,SAAS;wCAInB,cAAc;;CAiBhB,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,eAAe;wCAIzB,oBAAoB;;CAiBtB,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;wCAI7B,wBAAwB;;CAS1B,CAAC;AAGF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB;2EAO7B,wBAAwB;;CAqC1B,CAAC"}
1
+ {"version":3,"file":"Tile.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Tile/Tile.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EACxB,cAAc,EACd,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAoCjB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,IAAI,GAAI,uHAWlB,SAAS,4CA+BX,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,GAAI,mCAIzB,gBAAgB,4CASlB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,mCAIvB,cAAc,4CAiBhB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAiBtB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,mCAIjC,wBAAwB,4CAS1B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,GAAI,sEAOjC,wBAAwB,mDAmC1B,CAAC"}
@@ -1,13 +1,13 @@
1
- import { jsx as i, jsxs as x } from "react/jsx-runtime";
2
- import { useDisabledContext as o, DisabledProvider as m, cn as s } from "../../../libs/utils-shared/dist/index.js";
3
- import { cva as p } from "class-variance-authority";
4
- import { useCallback as T } from "react";
5
- import { InteractiveIcon as y } from "../InteractiveIcon/InteractiveIcon.js";
6
- const v = {
7
- root: p([
1
+ import { jsx as r, jsxs as x } from "react/jsx-runtime";
2
+ import { useDisabledContext as l, DisabledProvider as f, cn as i } from "../../../libs/utils-shared/dist/index.js";
3
+ import { cva as m } from "class-variance-authority";
4
+ import { useCallback as g } from "react";
5
+ import { InteractiveIcon as T } from "../InteractiveIcon/InteractiveIcon.js";
6
+ const p = {
7
+ root: m([
8
8
  "group relative flex flex-col items-center rounded-md text-base transition-colors focus-visible:outline-2 focus-visible:outline-focus"
9
9
  ]),
10
- inner: p(
10
+ inner: m(
11
11
  [
12
12
  "flex w-full flex-1 flex-col items-center gap-8 px-8 py-12",
13
13
  "rounded-md focus-visible:outline-2 focus-visible:outline-focus"
@@ -34,166 +34,153 @@ const v = {
34
34
  }
35
35
  }
36
36
  )
37
- }, g = ({
37
+ }, C = ({
38
38
  ref: t,
39
39
  className: e,
40
40
  onClick: a,
41
- secondaryAction: r,
41
+ secondaryAction: s,
42
42
  appearance: c = "no-background",
43
43
  disabled: d = !1,
44
44
  centered: u = !1,
45
45
  children: b,
46
- style: f,
47
- ...n
46
+ style: o,
47
+ ...v
48
48
  }) => {
49
- const l = o({
49
+ const n = l({
50
50
  consumerName: "Tile",
51
51
  mergeWith: { disabled: d }
52
52
  });
53
- return /* @__PURE__ */ i(m, { value: { disabled: l }, children: /* @__PURE__ */ x(
53
+ return /* @__PURE__ */ r(f, { value: { disabled: n }, children: /* @__PURE__ */ x(
54
54
  "div",
55
55
  {
56
56
  ref: t,
57
- style: f,
58
- className: v.root({
57
+ style: o,
58
+ className: p.root({
59
59
  className: e
60
60
  }),
61
61
  children: [
62
- /* @__PURE__ */ i(
62
+ /* @__PURE__ */ r(
63
63
  "button",
64
64
  {
65
- ...n,
65
+ ...v,
66
66
  onClick: a,
67
- disabled: l,
68
- className: v.inner({
67
+ disabled: n,
68
+ className: p.inner({
69
69
  appearance: c,
70
- disabled: l,
70
+ disabled: n,
71
71
  centered: u
72
72
  }),
73
- children: /* @__PURE__ */ i(m, { value: { disabled: l }, children: b })
73
+ children: /* @__PURE__ */ r(f, { value: { disabled: n }, children: b })
74
74
  }
75
75
  ),
76
- r
76
+ s
77
77
  ]
78
78
  }
79
79
  ) });
80
- };
81
- g.displayName = "Tile";
82
- const N = ({
80
+ }, D = ({
83
81
  children: t,
84
82
  className: e,
85
83
  ...a
86
- }) => /* @__PURE__ */ i(
84
+ }) => /* @__PURE__ */ r(
87
85
  "div",
88
86
  {
89
- className: s("flex w-full flex-col items-center text-center", e),
87
+ className: i("flex w-full flex-col items-center text-center", e),
90
88
  ...a,
91
89
  children: t
92
90
  }
93
- );
94
- N.displayName = "TileContent";
95
- const h = ({
91
+ ), j = ({
96
92
  children: t,
97
93
  className: e,
98
94
  ...a
99
95
  }) => {
100
- const r = o({
96
+ const s = l({
101
97
  consumerName: "TileTitle",
102
98
  contextRequired: !0
103
99
  });
104
- return /* @__PURE__ */ i(
100
+ return /* @__PURE__ */ r(
105
101
  "div",
106
102
  {
107
- className: s(
103
+ className: i(
108
104
  "w-full truncate body-2-semi-bold",
109
- r && "text-disabled",
105
+ s && "text-disabled",
110
106
  e
111
107
  ),
112
108
  ...a,
113
109
  children: t
114
110
  }
115
111
  );
116
- };
117
- h.displayName = "TileTitle";
118
- const C = ({
112
+ }, q = ({
119
113
  children: t,
120
114
  className: e,
121
115
  ...a
122
116
  }) => {
123
- const r = o({
117
+ const s = l({
124
118
  consumerName: "TileDescription",
125
119
  contextRequired: !0
126
120
  });
127
- return /* @__PURE__ */ i(
121
+ return /* @__PURE__ */ r(
128
122
  "div",
129
123
  {
130
- className: s(
124
+ className: i(
131
125
  "w-full truncate body-3",
132
- r ? "text-disabled" : "text-muted",
126
+ s ? "text-disabled" : "text-muted",
133
127
  e
134
128
  ),
135
129
  ...a,
136
130
  children: t
137
131
  }
138
132
  );
139
- };
140
- C.displayName = "TileDescription";
141
- const k = ({
133
+ }, R = ({
142
134
  children: t,
143
135
  className: e,
144
136
  ...a
145
- }) => /* @__PURE__ */ i(
137
+ }) => /* @__PURE__ */ r(
146
138
  "div",
147
139
  {
148
- className: s("mt-4 flex w-full flex-col items-center gap-8", e),
140
+ className: i("mt-4 flex w-full flex-col items-center gap-8", e),
149
141
  ...a,
150
142
  children: t
151
143
  }
152
- );
153
- k.displayName = "TileTrailingContent";
154
- const w = ({
144
+ ), A = ({
155
145
  ref: t,
156
146
  onClick: e,
157
147
  icon: a,
158
- className: r,
148
+ className: s,
159
149
  "aria-label": c,
160
150
  ...d
161
151
  }) => {
162
- const u = o({
152
+ const u = l({
163
153
  consumerName: "TileSecondaryAction",
164
154
  contextRequired: !0
165
- }), b = T(
166
- (n) => {
167
- n.stopPropagation(), n.preventDefault(), e?.(n);
155
+ }), b = g(
156
+ (o) => {
157
+ o.stopPropagation(), o.preventDefault(), e?.(o);
168
158
  },
169
159
  [e]
170
160
  );
171
- if (u)
172
- return null;
173
- const f = a;
174
- return /* @__PURE__ */ i(
175
- y,
161
+ return u ? null : /* @__PURE__ */ r(
162
+ T,
176
163
  {
177
- className: s(
164
+ className: i(
178
165
  "absolute top-8 right-4 opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus-within:opacity-100",
179
- r
166
+ s
180
167
  ),
181
168
  "data-secondary-button-container": !0,
182
169
  iconType: "stroked",
170
+ icon: a,
171
+ size: 24,
183
172
  onClick: b,
184
173
  "aria-label": c,
185
174
  ref: t,
186
- ...d,
187
- children: /* @__PURE__ */ i(f, { size: 24 })
175
+ ...d
188
176
  }
189
177
  );
190
178
  };
191
- w.displayName = "TileSecondaryAction";
192
179
  export {
193
- g as Tile,
194
- N as TileContent,
195
- C as TileDescription,
196
- w as TileSecondaryAction,
197
- h as TileTitle,
198
- k as TileTrailingContent
180
+ C as Tile,
181
+ D as TileContent,
182
+ q as TileDescription,
183
+ A as TileSecondaryAction,
184
+ j as TileTitle,
185
+ R as TileTrailingContent
199
186
  };
@@ -21,8 +21,5 @@ import { TileButtonProps } from './types';
21
21
  * <Link to="/settings">Settings</Link>
22
22
  * </TileButton>
23
23
  */
24
- export declare const TileButton: {
25
- ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps): import("react/jsx-runtime").JSX.Element;
26
- displayName: string;
27
- };
24
+ export declare const TileButton: ({ ref, icon: Icon, children, onClick, disabled: disabledProp, isFull, className, asChild, "aria-label": ariaLabel, ...props }: TileButtonProps) => import("react/jsx-runtime").JSX.Element;
28
25
  //# sourceMappingURL=TileButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU;oIAWpB,eAAe;;CAqCjB,CAAC"}
1
+ {"version":3,"file":"TileButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TileButton/TileButton.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsC1C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,UAAU,GAAI,+HAWxB,eAAe,4CAqCjB,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
2
  import { useDisabledContext as v, cn as x } from "../../../libs/utils-shared/dist/index.js";
3
3
  import { Slot as g, Slottable as N } from "@radix-ui/react-slot";
4
- import { cva as o } from "class-variance-authority";
5
- import { useCallback as B } from "react";
6
- const V = o(
4
+ import { cva as i } from "class-variance-authority";
5
+ import { useCallback as V } from "react";
6
+ const h = i(
7
7
  [
8
8
  "flex flex-col items-center gap-8 rounded-md p-12",
9
9
  "bg-surface body-2-semi-bold text-base transition-colors",
@@ -24,7 +24,7 @@ const V = o(
24
24
  isFull: !1
25
25
  }
26
26
  }
27
- ), h = o("shrink-0", {
27
+ ), k = i("shrink-0", {
28
28
  variants: {
29
29
  disabled: {
30
30
  true: "text-disabled",
@@ -34,7 +34,7 @@ const V = o(
34
34
  defaultVariants: {
35
35
  disabled: !1
36
36
  }
37
- }), k = ({
37
+ }), F = ({
38
38
  ref: r,
39
39
  icon: n,
40
40
  children: a,
@@ -49,13 +49,13 @@ const V = o(
49
49
  const e = v({
50
50
  consumerName: "TileButton",
51
51
  mergeWith: { disabled: d }
52
- }), m = B(
53
- (i) => {
52
+ }), m = V(
53
+ (o) => {
54
54
  if (e) {
55
- i.preventDefault();
55
+ o.preventDefault();
56
56
  return;
57
57
  }
58
- l?.(i);
58
+ l?.(o);
59
59
  },
60
60
  [e, l]
61
61
  );
@@ -64,20 +64,19 @@ const V = o(
64
64
  {
65
65
  ref: r,
66
66
  type: s ? void 0 : "button",
67
- className: x(V({ disabled: e, isFull: u }), c),
67
+ className: x(h({ disabled: e, isFull: u }), c),
68
68
  onClick: m,
69
69
  disabled: e,
70
70
  "data-disabled": e || void 0,
71
71
  "aria-label": b,
72
72
  ...f,
73
73
  children: [
74
- /* @__PURE__ */ t(n, { size: 20, className: h({ disabled: e }) }),
74
+ /* @__PURE__ */ t(n, { size: 20, className: k({ disabled: e }) }),
75
75
  s ? /* @__PURE__ */ t(N, { children: a }) : /* @__PURE__ */ t("span", { className: "line-clamp-2 text-center", children: a })
76
76
  ]
77
77
  }
78
78
  );
79
79
  };
80
- k.displayName = "TileButton";
81
80
  export {
82
- k as TileButton
81
+ F as TileButton
83
82
  };
@@ -26,8 +26,5 @@ import { TriggerButtonProps } from './types';
26
26
  * // Without icon
27
27
  * <TriggerButton>All accounts</TriggerButton>
28
28
  */
29
- export declare const TriggerButton: {
30
- ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, children, ...props }: TriggerButtonProps): import("react/jsx-runtime").JSX.Element;
31
- displayName: string;
32
- };
29
+ export declare const TriggerButton: ({ ref, className, appearance, size, disabled: disabledProp, asChild, icon, iconType, children, ...props }: TriggerButtonProps) => import("react/jsx-runtime").JSX.Element;
33
30
  //# sourceMappingURL=TriggerButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4BlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa;gHAWvB,kBAAkB;;CAmCpB,CAAC"}
1
+ {"version":3,"file":"TriggerButton.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/TriggerButton/TriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA4BlD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,aAAa,GAAI,2GAW3B,kBAAkB,4CAmCpB,CAAC"}
@@ -1,10 +1,10 @@
1
1
  import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { useDisabledContext as f, cn as g } from "../../../libs/utils-shared/dist/index.js";
3
- import { Slot as u, Slottable as T } from "@radix-ui/react-slot";
2
+ import { useDisabledContext as y, cn as u } from "../../../libs/utils-shared/dist/index.js";
3
+ import { Slot as T, Slottable as g } from "@radix-ui/react-slot";
4
4
  import { cva as b } from "class-variance-authority";
5
5
  import { baseButtonVariants as x } from "../Button/BaseButton.js";
6
6
  import { ChevronDown as z } from "../../Symbols/Icons/ChevronDown.js";
7
- const N = b("gap-8 body-2-semi-bold", {
7
+ const v = b("gap-8 body-2-semi-bold", {
8
8
  variants: {
9
9
  size: {
10
10
  sm: "",
@@ -28,7 +28,7 @@ const N = b("gap-8 body-2-semi-bold", {
28
28
  size: "md",
29
29
  iconType: "none"
30
30
  }
31
- }), v = ({
31
+ }), S = ({
32
32
  ref: i,
33
33
  className: p,
34
34
  appearance: r = "gray",
@@ -40,21 +40,21 @@ const N = b("gap-8 body-2-semi-bold", {
40
40
  children: o,
41
41
  ...d
42
42
  }) => {
43
- const a = f({
43
+ const a = y({
44
44
  consumerName: "TriggerButton",
45
45
  mergeWith: { disabled: m }
46
- }), y = s ? c : "none";
46
+ }), f = s ? c : "none";
47
47
  return /* @__PURE__ */ t(
48
- n ? u : "button",
48
+ n ? T : "button",
49
49
  {
50
50
  ref: i,
51
- className: g(
51
+ className: u(
52
52
  x({
53
53
  appearance: r,
54
54
  disabled: a,
55
55
  loading: !1
56
56
  }),
57
- N({ size: l, iconType: y }),
57
+ v({ size: l, iconType: f }),
58
58
  p
59
59
  ),
60
60
  "data-disabled": a || void 0,
@@ -63,14 +63,13 @@ const N = b("gap-8 body-2-semi-bold", {
63
63
  children: [
64
64
  s && /* @__PURE__ */ e("span", { className: "shrink-0", children: s }),
65
65
  /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
66
- n ? /* @__PURE__ */ e(T, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
66
+ n ? /* @__PURE__ */ e(g, { children: o }) : /* @__PURE__ */ e("span", { className: "line-clamp-1 text-left", children: o }),
67
67
  /* @__PURE__ */ e(z, { size: 20 })
68
68
  ] })
69
69
  ]
70
70
  }
71
71
  );
72
72
  };
73
- v.displayName = "TriggerButton";
74
73
  export {
75
- v as TriggerButton
74
+ S as TriggerButton
76
75
  };
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ledgerhq/lumen-ui-react",
3
- "version": "0.1.16",
3
+ "version": "0.1.18",
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.1.17",
3
+ "version": "0.1.19",
4
4
  "license": "Apache-2.0",
5
5
  "sideEffects": false,
6
6
  "keywords": [
@@ -41,7 +41,7 @@
41
41
  ]
42
42
  },
43
43
  "dependencies": {
44
- "@ledgerhq/lumen-utils-shared": "0.1.2",
44
+ "@ledgerhq/lumen-utils-shared": "0.1.3",
45
45
  "i18next": "^23.7.0",
46
46
  "react-i18next": "^14.0.0"
47
47
  },