@ledgerhq/lumen-ui-react 0.1.58 → 0.1.59

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 (88) hide show
  1. package/dist/index.js +172 -176
  2. package/dist/lib/Components/core/AmountInput/useAmountInputValue/useAmountInputValue.js +6 -6
  3. package/dist/lib/Components/core/Avatar/Avatar.d.ts.map +1 -1
  4. package/dist/lib/Components/core/Avatar/Avatar.js +31 -35
  5. package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts +9 -0
  6. package/dist/lib/Components/core/Avatar/resolveAvatarColor.d.ts.map +1 -1
  7. package/dist/lib/Components/core/Avatar/resolveAvatarColor.js +23 -5
  8. package/dist/lib/Components/core/Banner/Banner.js +25 -25
  9. package/dist/lib/Components/core/Button/Button.js +4 -4
  10. package/dist/lib/Components/core/Card/Card.js +16 -16
  11. package/dist/lib/Components/core/CardButton/CardButton.js +8 -8
  12. package/dist/lib/Components/core/CardButton/types.d.ts +1 -1
  13. package/dist/lib/Components/core/CardButton/types.d.ts.map +1 -1
  14. package/dist/lib/Components/core/Dialog/Dialog.js +4 -4
  15. package/dist/lib/Components/core/Divider/Divider.js +4 -4
  16. package/dist/lib/Components/core/DotIcon/DotIcon.js +9 -9
  17. package/dist/lib/Components/core/DotIcon/index.d.ts +0 -7
  18. package/dist/lib/Components/core/DotIcon/index.d.ts.map +1 -1
  19. package/dist/lib/Components/core/DotSymbol/DotSymbol.js +4 -4
  20. package/dist/lib/Components/core/DotSymbol/index.d.ts +0 -12
  21. package/dist/lib/Components/core/DotSymbol/index.d.ts.map +1 -1
  22. package/dist/lib/Components/core/IconButton/IconButton.js +5 -5
  23. package/dist/lib/Components/core/Link/Link.js +6 -6
  24. package/dist/lib/Components/core/Link/types.d.ts +1 -1
  25. package/dist/lib/Components/core/Link/types.d.ts.map +1 -1
  26. package/dist/lib/Components/core/ListItem/ListItem.js +8 -8
  27. package/dist/lib/Components/core/MediaBanner/MediaBanner.js +4 -4
  28. package/dist/lib/Components/core/NavBar/CoinCapsule.js +4 -4
  29. package/dist/lib/Components/core/Popover/Popover.js +4 -4
  30. package/dist/lib/Components/core/SearchInput/SearchInput.js +2 -2
  31. package/dist/lib/Components/core/SectionHeader/SectionHeader.js +4 -4
  32. package/dist/lib/Components/core/SegmentedControl/types.d.ts +1 -1
  33. package/dist/lib/Components/core/SegmentedControl/types.d.ts.map +1 -1
  34. package/dist/lib/Components/core/SideBar/types.d.ts +1 -1
  35. package/dist/lib/Components/core/SideBar/types.d.ts.map +1 -1
  36. package/dist/lib/Components/core/Spinner/types.d.ts +1 -1
  37. package/dist/lib/Components/core/Spinner/types.d.ts.map +1 -1
  38. package/dist/lib/Components/core/Spot/Spot.d.ts.map +1 -1
  39. package/dist/lib/Components/core/Spot/Spot.js +65 -54
  40. package/dist/lib/Components/core/Spot/types.d.ts +1 -1
  41. package/dist/lib/Components/core/Spot/types.d.ts.map +1 -1
  42. package/dist/lib/Components/core/Stepper/Stepper.js +10 -10
  43. package/dist/lib/Components/core/Switch/Switch.js +4 -4
  44. package/dist/lib/Components/core/Tag/types.d.ts +1 -1
  45. package/dist/lib/Components/core/Tag/types.d.ts.map +1 -1
  46. package/dist/lib/Components/core/TileButton/types.d.ts +1 -1
  47. package/dist/lib/Components/core/TileButton/types.d.ts.map +1 -1
  48. package/dist/lib/Components/core/Tooltip/Tooltip.js +3 -3
  49. package/dist/lib/Components/internal/BaseButton/BaseButton.d.ts +1 -1
  50. package/dist/lib/Components/internal/BaseButton/BaseButton.js +12 -12
  51. package/dist/lib/Components/internal/BaseButton/types.d.ts +1 -1
  52. package/dist/lib/Components/internal/BaseButton/types.d.ts.map +1 -1
  53. package/dist/lib/Components/internal/BaseInput/BaseInput.js +12 -12
  54. package/dist/lib/Components/internal/BaseInput/BaseInputMultiline.js +10 -10
  55. package/dist/lib/Components/internal/BaseTag/BaseTag.js +19 -19
  56. package/dist/lib/Components/symbols/Icon/createIcon.js +3 -3
  57. package/dist/lib/Components/symbols/icons/CloudSync.d.ts +29 -0
  58. package/dist/lib/Components/symbols/icons/CloudSync.d.ts.map +1 -0
  59. package/dist/lib/Components/symbols/icons/CloudSync.js +28 -0
  60. package/dist/lib/Components/symbols/icons/Dollar.d.ts.map +1 -1
  61. package/dist/lib/Components/symbols/icons/Dollar.js +26 -14
  62. package/dist/lib/Components/symbols/icons/DollarConvert.js +3 -3
  63. package/dist/lib/Components/symbols/icons/DollarFill.d.ts +29 -0
  64. package/dist/lib/Components/symbols/icons/DollarFill.d.ts.map +1 -0
  65. package/dist/lib/Components/symbols/icons/DollarFill.js +25 -0
  66. package/dist/lib/Components/symbols/icons/FaceId.d.ts +29 -0
  67. package/dist/lib/Components/symbols/icons/FaceId.d.ts.map +1 -0
  68. package/dist/lib/Components/symbols/icons/FaceId.js +28 -0
  69. package/dist/lib/Components/symbols/icons/Fingerprint.d.ts +29 -0
  70. package/dist/lib/Components/symbols/icons/Fingerprint.d.ts.map +1 -0
  71. package/dist/lib/Components/symbols/icons/Fingerprint.js +28 -0
  72. package/dist/lib/Components/symbols/icons/Pause.d.ts.map +1 -1
  73. package/dist/lib/Components/symbols/icons/Pause.js +8 -7
  74. package/dist/lib/Components/symbols/icons/Range.d.ts.map +1 -1
  75. package/dist/lib/Components/symbols/icons/Range.js +8 -11
  76. package/dist/lib/Components/symbols/icons/Telegram.d.ts.map +1 -1
  77. package/dist/lib/Components/symbols/icons/Telegram.js +15 -12
  78. package/dist/lib/Components/symbols/icons/Usb.js +1 -1
  79. package/dist/lib/Components/symbols/index.d.ts +4 -0
  80. package/dist/lib/Components/symbols/index.d.ts.map +1 -1
  81. package/dist/lib/Components/symbols/index.js +482 -474
  82. package/dist/lib/Components/visualization/DonutChart/DonutChartCenter.js +2 -2
  83. package/dist/lib/Components/visualization/Legend/Legend.js +4 -4
  84. package/dist/lib/Components/visualization/config.d.ts +22 -22
  85. package/dist/package.json +1 -1
  86. package/package.json +3 -3
  87. package/dist/lib/Components/core/DotIcon/index.js +0 -10
  88. package/dist/lib/Components/core/DotSymbol/index.js +0 -15
@@ -1,10 +1,10 @@
1
1
  import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
- import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
2
+ import { cn as t } from "../../../../libs/utils-shared/dist/index.js";
3
3
  import { cva as b } from "class-variance-authority";
4
4
  import { useCommonTranslation as g } from "../../../../i18n/useCommonTranslation.js";
5
- import { IconButton as N } from "../IconButton/IconButton.js";
6
- import { Close as h } from "../../symbols/icons/Close.js";
7
- import { DeleteCircleFill as u } from "../../symbols/icons/DeleteCircleFill.js";
5
+ import { IconButton as u } from "../IconButton/IconButton.js";
6
+ import { Close as N } from "../../symbols/icons/Close.js";
7
+ import { DeleteCircleFill as h } from "../../symbols/icons/DeleteCircleFill.js";
8
8
  import { WarningFill as v } from "../../symbols/icons/WarningFill.js";
9
9
  import { CheckmarkCircleFill as w } from "../../symbols/icons/CheckmarkCircleFill.js";
10
10
  import { InformationFill as C } from "../../symbols/icons/InformationFill.js";
@@ -12,57 +12,57 @@ const k = {
12
12
  info: /* @__PURE__ */ r(C, { className: "text-base" }),
13
13
  success: /* @__PURE__ */ r(w, { className: "text-success" }),
14
14
  warning: /* @__PURE__ */ r(v, { className: "text-warning" }),
15
- error: /* @__PURE__ */ r(u, { className: "text-error" })
15
+ error: /* @__PURE__ */ r(h, { className: "text-error" })
16
16
  }, F = {
17
17
  root: b("flex w-full items-start gap-8 rounded-md p-12 text-base", {
18
18
  variants: {
19
19
  appearance: {
20
20
  info: "bg-surface",
21
- success: "bg-success",
22
- warning: "bg-warning",
23
- error: "bg-error"
21
+ success: "bg-success-transparent",
22
+ warning: "bg-warning-transparent",
23
+ error: "bg-error-transparent"
24
24
  }
25
25
  }
26
26
  })
27
27
  }, W = ({
28
- ref: m,
28
+ ref: c,
29
29
  appearance: s = "info",
30
30
  title: a,
31
- description: o,
32
- primaryAction: l,
33
- secondaryAction: n,
34
- className: t,
31
+ description: n,
32
+ primaryAction: o,
33
+ secondaryAction: l,
34
+ className: m,
35
35
  onClose: i,
36
- closeAriaLabel: f,
37
- ...p
36
+ closeAriaLabel: p,
37
+ ...f
38
38
  }) => {
39
39
  const { t: x } = g(), d = k[s];
40
40
  return /* @__PURE__ */ e(
41
41
  "div",
42
42
  {
43
- ref: m,
44
- className: c(F.root({ appearance: s }), t),
45
- ...p,
43
+ ref: c,
44
+ className: t(F.root({ appearance: s }), m),
45
+ ...f,
46
46
  children: [
47
47
  /* @__PURE__ */ r("div", { className: "flex shrink-0 items-start py-4", children: d }),
48
48
  /* @__PURE__ */ e("div", { className: "mr-8 flex flex-1 flex-col gap-8 py-4", children: [
49
49
  /* @__PURE__ */ e("div", { className: "flex flex-col gap-4", children: [
50
50
  a && /* @__PURE__ */ r("h3", { className: "line-clamp-2 body-1-semi-bold", children: a }),
51
- o && /* @__PURE__ */ r("div", { className: c("line-clamp-5 body-2", !a && "mt-2"), children: o })
51
+ n && /* @__PURE__ */ r("div", { className: t("line-clamp-5 body-2", !a && "mt-2"), children: n })
52
52
  ] }),
53
- (l || n) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
54
- l,
55
- n
53
+ (o || l) && /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-4", children: [
54
+ o,
55
+ l
56
56
  ] })
57
57
  ] }),
58
58
  i && /* @__PURE__ */ r(
59
- N,
59
+ u,
60
60
  {
61
61
  appearance: "transparent",
62
62
  size: "xs",
63
- icon: h,
63
+ icon: N,
64
64
  onClick: () => i(),
65
- "aria-label": f || x("components.banner.closeAriaLabel")
65
+ "aria-label": p || x("components.banner.closeAriaLabel")
66
66
  }
67
67
  )
68
68
  ]
@@ -17,8 +17,8 @@ const l = e("", {
17
17
  ref: t,
18
18
  className: m,
19
19
  loading: s,
20
- disabled: a,
21
- children: r,
20
+ disabled: r,
21
+ children: a,
22
22
  size: o,
23
23
  icon: i,
24
24
  ...p
@@ -27,12 +27,12 @@ const l = e("", {
27
27
  {
28
28
  ref: t,
29
29
  size: o,
30
- disabled: a,
30
+ disabled: r,
31
31
  icon: i,
32
32
  loading: s,
33
33
  className: d(l({ size: o }), "gap-8", m),
34
34
  ...p,
35
- children: r
35
+ children: a
36
36
  }
37
37
  );
38
38
  export {
@@ -71,31 +71,31 @@ const k = ({
71
71
  disabled: !1
72
72
  }
73
73
  }
74
- ), P = ({
74
+ ), D = ({
75
75
  ref: r,
76
76
  className: t,
77
77
  type: a = "interactive",
78
78
  expanded: e,
79
79
  outlined: s = !1,
80
80
  disabled: i = !1,
81
- onClick: d,
82
- children: l,
81
+ onClick: l,
82
+ children: d,
83
83
  ...p
84
84
  }) => {
85
85
  const u = h(
86
86
  () => k({
87
87
  type: a,
88
88
  expanded: e,
89
- onClick: d,
89
+ onClick: l,
90
90
  disabled: i
91
91
  }),
92
- [a, e, d, i]
92
+ [a, e, l, i]
93
93
  );
94
94
  return /* @__PURE__ */ n(R, { value: u, children: /* @__PURE__ */ n(g, { value: { disabled: i }, children: /* @__PURE__ */ f(
95
95
  "div",
96
96
  {
97
97
  ref: r,
98
- ...u.cardClickable && C({ onClick: d, disabled: i }),
98
+ ...u.cardClickable && C({ onClick: l, disabled: i }),
99
99
  className: o(
100
100
  E({
101
101
  interactive: u.cardClickable,
@@ -105,7 +105,7 @@ const k = ({
105
105
  ),
106
106
  ...p,
107
107
  children: [
108
- l,
108
+ d,
109
109
  s && /* @__PURE__ */ n(
110
110
  "span",
111
111
  {
@@ -123,7 +123,7 @@ const k = ({
123
123
  className: a,
124
124
  ...e
125
125
  }) => {
126
- const { disabled: s, headerClickable: i, footerExpanded: d, onHeaderClick: l } = c({
126
+ const { disabled: s, headerClickable: i, footerExpanded: l, onHeaderClick: d } = c({
127
127
  consumerName: "CardHeader",
128
128
  contextRequired: !1
129
129
  });
@@ -131,8 +131,8 @@ const k = ({
131
131
  "div",
132
132
  {
133
133
  ref: r,
134
- "aria-expanded": l ? d : void 0,
135
- ...C({ onClick: l, disabled: s }),
134
+ "aria-expanded": d ? l : void 0,
135
+ ...C({ onClick: d, disabled: s }),
136
136
  className: o(
137
137
  "flex items-center gap-12 p-12",
138
138
  i && "cursor-pointer -outline-offset-6 transition-colors hover:bg-surface-hover focus-visible:outline-2 focus-visible:outline-focus active:bg-surface-pressed",
@@ -141,9 +141,9 @@ const k = ({
141
141
  ...e,
142
142
  children: [
143
143
  t,
144
- l && /* @__PURE__ */ f(b, { children: [
145
- d && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
146
- !d && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
144
+ d && /* @__PURE__ */ f(b, { children: [
145
+ l && /* @__PURE__ */ n(N, { className: "text-muted", size: 20 }),
146
+ !l && /* @__PURE__ */ n(w, { className: "text-muted", size: 20 })
147
147
  ] })
148
148
  ]
149
149
  }
@@ -296,7 +296,7 @@ const k = ({
296
296
  appearance: e = "plain",
297
297
  ...s
298
298
  }) => {
299
- const { disabled: i, footerExpanded: d } = c({
299
+ const { disabled: i, footerExpanded: l } = c({
300
300
  consumerName: "CardFooter",
301
301
  contextRequired: !1
302
302
  });
@@ -305,7 +305,7 @@ const k = ({
305
305
  {
306
306
  className: o(
307
307
  H({ appearance: e }),
308
- d ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
308
+ l ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
309
309
  ),
310
310
  children: /* @__PURE__ */ n("div", { className: "overflow-hidden", children: /* @__PURE__ */ n(
311
311
  "div",
@@ -337,7 +337,7 @@ const k = ({
337
337
  }
338
338
  );
339
339
  export {
340
- P as Card,
340
+ D as Card,
341
341
  B as CardContent,
342
342
  M as CardContentDescription,
343
343
  I as CardContentRow,
@@ -18,31 +18,31 @@ const h = f(
18
18
  ), w = ({
19
19
  ref: i,
20
20
  className: o,
21
- appearance: l,
22
- icon: d,
21
+ appearance: d,
22
+ icon: l,
23
23
  title: n,
24
24
  description: t,
25
25
  hideChevron: r,
26
- disabled: b,
27
- ...u
26
+ disabled: u,
27
+ ...b
28
28
  }) => {
29
29
  const c = m({
30
30
  consumerName: "CardButton",
31
- mergeWith: { disabled: b }
32
- }), s = d;
31
+ mergeWith: { disabled: u }
32
+ }), s = l;
33
33
  return /* @__PURE__ */ a(
34
34
  "button",
35
35
  {
36
36
  ref: i,
37
37
  className: p(
38
38
  h({
39
- appearance: l
39
+ appearance: d
40
40
  }),
41
41
  o
42
42
  ),
43
43
  disabled: c,
44
44
  type: "button",
45
- ...u,
45
+ ...b,
46
46
  children: [
47
47
  s && /* @__PURE__ */ e(s, { size: 24 }),
48
48
  /* @__PURE__ */ a("div", { className: "flex min-w-0 flex-1 flex-col gap-4 text-left", children: [
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithRef, ComponentType } from 'react';
2
- import { IconSize } from '../../symbols/Icon/types';
2
+ import { IconSize } from '../../symbols/Icon';
3
3
  export type CardButtonProps = {
4
4
  /**
5
5
  * The visual style of the card button.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/CardButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { jsx as o, jsxs as g } from "react/jsx-runtime";
2
- import { createSafeContext as f, cn as n } from "../../../../libs/utils-shared/dist/index.js";
2
+ import { createSafeContext as u, cn as n } from "../../../../libs/utils-shared/dist/index.js";
3
3
  import * as l from "@radix-ui/react-dialog";
4
- import { cva as m } from "class-variance-authority";
5
- const [u, r] = f("Dialog"), x = m(
4
+ import { cva as f } from "class-variance-authority";
5
+ const [m, r] = u("Dialog"), x = f(
6
6
  [
7
7
  "flex w-400 max-w-[calc(100%-2rem)] flex-col overflow-hidden rounded-2xl bg-canvas-sheet pb-24",
8
8
  "fixed top-[50%] left-[50%] z-dialog-content translate-[-50%]",
@@ -21,7 +21,7 @@ const [u, r] = f("Dialog"), x = m(
21
21
  }
22
22
  );
23
23
  function D({ height: t = "fit", ...a }) {
24
- return /* @__PURE__ */ o(u, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
24
+ return /* @__PURE__ */ o(m, { value: { height: t }, children: /* @__PURE__ */ o(l.Root, { "data-slot": "dialog", ...a }) });
25
25
  }
26
26
  function C({ ...t }) {
27
27
  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "dialog-trigger", ...t });
@@ -1,17 +1,17 @@
1
- import { jsx as a } from "react/jsx-runtime";
2
- import { cn as l } from "../../../../libs/utils-shared/dist/index.js";
1
+ import { jsx as l } from "react/jsx-runtime";
2
+ import { cn as a } from "../../../../libs/utils-shared/dist/index.js";
3
3
  const d = ({
4
4
  ref: o,
5
5
  className: t,
6
6
  orientation: r = "horizontal",
7
7
  ...e
8
- }) => /* @__PURE__ */ a(
8
+ }) => /* @__PURE__ */ l(
9
9
  "div",
10
10
  {
11
11
  ref: o,
12
12
  role: "separator",
13
13
  "aria-orientation": r,
14
- className: l(
14
+ className: a(
15
15
  "border-muted-subtle",
16
16
  r === "horizontal" ? "w-full border-t" : "h-full border-l",
17
17
  t
@@ -1,15 +1,15 @@
1
1
  import { jsx as e, jsxs as h } from "react/jsx-runtime";
2
2
  import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../../libs/utils-shared/dist/index.js";
3
- import { cva as c } from "class-variance-authority";
3
+ import { cva as d } from "class-variance-authority";
4
4
  import { useMemo as z } from "react";
5
- const N = c("relative inline-flex w-fit", {
5
+ const N = d("relative inline-flex w-fit", {
6
6
  variants: {
7
7
  disabled: {
8
8
  true: "opacity-30",
9
9
  false: ""
10
10
  }
11
11
  }
12
- }), g = c(
12
+ }), g = d(
13
13
  "absolute z-10 box-content flex items-center justify-center overflow-hidden border-base-inverted",
14
14
  {
15
15
  variants: {
@@ -62,13 +62,13 @@ const N = c("relative inline-flex w-fit", {
62
62
  appearance: o,
63
63
  pin: a = "bottom-end",
64
64
  size: r = 20,
65
- shape: d = "circle",
65
+ shape: c = "circle",
66
66
  className: l,
67
67
  disabled: m = !1,
68
68
  ref: p,
69
- ...b
69
+ ...u
70
70
  }) => {
71
- const u = z(() => y(a), [a]), f = x({
71
+ const b = z(() => y(a), [a]), f = x({
72
72
  consumerName: "DotIcon",
73
73
  mergeWith: { disabled: m }
74
74
  });
@@ -77,14 +77,14 @@ const N = c("relative inline-flex w-fit", {
77
77
  {
78
78
  ref: p,
79
79
  className: i(N({ disabled: f, className: l })),
80
- ...b,
80
+ ...u,
81
81
  children: [
82
82
  /* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
83
83
  /* @__PURE__ */ e(
84
84
  "div",
85
85
  {
86
- className: i(g({ size: r, shape: d, pin: a, appearance: o })),
87
- style: u,
86
+ className: i(g({ size: r, shape: c, pin: a, appearance: o })),
87
+ style: b,
88
88
  children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
89
89
  }
90
90
  )
@@ -1,11 +1,4 @@
1
1
  export { DotIcon, dotIconSizeMap } from './DotIcon';
2
2
  export * from './getDotIconProps';
3
3
  export * from './types';
4
- export declare const mediaImageDotIconSizeMap: {
5
- readonly 40: 16;
6
- readonly 48: 20;
7
- readonly 56: 24;
8
- readonly 64: 24;
9
- readonly 72: 32;
10
- };
11
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AAIxB,eAAO,MAAM,wBAAwB;;;;;;CAMW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
@@ -73,8 +73,8 @@ const D = d("relative inline-flex w-fit", {
73
73
  imgLoading: l = "eager",
74
74
  className: c,
75
75
  disabled: m = !1,
76
- ref: p,
77
- ...u
76
+ ref: u,
77
+ ...p
78
78
  }) => {
79
79
  const b = g(() => j(s, e), [s, e]), [f, i] = q(!1), h = z({
80
80
  consumerName: "DotSymbol",
@@ -85,9 +85,9 @@ const D = d("relative inline-flex w-fit", {
85
85
  }, [t]), /* @__PURE__ */ a(N, { value: { disabled: !1 }, children: /* @__PURE__ */ x(
86
86
  "div",
87
87
  {
88
- ref: p,
88
+ ref: u,
89
89
  className: v(D({ disabled: h, className: c })),
90
- ...u,
90
+ ...p,
91
91
  children: [
92
92
  /* @__PURE__ */ a("div", { className: "inline-flex", children: o }),
93
93
  /* @__PURE__ */ a("div", { className: S({ size: e, shape: n, pin: s }), style: b, children: !f && /* @__PURE__ */ a(
@@ -1,16 +1,4 @@
1
1
  export { DotSymbol } from './DotSymbol';
2
2
  export * from './getDotSymbolProps';
3
3
  export * from './types';
4
- export declare const mediaImageDotSizeMap: {
5
- readonly 12: 8;
6
- readonly 16: 8;
7
- readonly 20: 8;
8
- readonly 24: 10;
9
- readonly 32: 12;
10
- readonly 40: 16;
11
- readonly 48: 20;
12
- readonly 56: 24;
13
- readonly 64: 24;
14
- readonly 72: 32;
15
- };
16
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AAIxB,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAWiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/DotSymbol/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
- import { cn as f } from "../../../../libs/utils-shared/dist/index.js";
3
- import { Tooltip as h, TooltipTrigger as u, TooltipContent as d } from "../Tooltip/Tooltip.js";
2
+ import { cn as u } from "../../../../libs/utils-shared/dist/index.js";
3
+ import { Tooltip as f, TooltipTrigger as h, TooltipContent as d } from "../Tooltip/Tooltip.js";
4
4
  import { BaseButton as T } from "../../internal/BaseButton/BaseButton.js";
5
5
  const b = ({
6
6
  ref: n,
@@ -18,13 +18,13 @@ const b = ({
18
18
  {
19
19
  ref: n,
20
20
  icon: i,
21
- className: f("shrink-0", e),
21
+ className: u("shrink-0", e),
22
22
  "aria-label": t,
23
23
  ...m
24
24
  }
25
25
  );
26
- return s ? /* @__PURE__ */ c(h, { onOpenChange: p, children: [
27
- /* @__PURE__ */ o(u, { asChild: !0, children: r }),
26
+ return s ? /* @__PURE__ */ c(f, { onOpenChange: p, children: [
27
+ /* @__PURE__ */ o(h, { asChild: !0, children: r }),
28
28
  /* @__PURE__ */ o(d, { side: l, children: a || t })
29
29
  ] }) : r;
30
30
  };
@@ -37,10 +37,10 @@ const w = k(
37
37
  ref: d,
38
38
  className: m,
39
39
  children: a,
40
- appearance: f,
40
+ appearance: u,
41
41
  size: i = "inherit",
42
- underline: p = !0,
43
- icon: u,
42
+ underline: f = !0,
43
+ icon: p,
44
44
  isExternal: n = !1,
45
45
  asChild: t = !1,
46
46
  disabled: b,
@@ -52,16 +52,16 @@ const w = k(
52
52
  }), r = i ? {
53
53
  sm: 16,
54
54
  md: 20
55
- }[i] : 20, o = u;
55
+ }[i] : 20, o = p;
56
56
  return /* @__PURE__ */ e(
57
57
  t ? g : "a",
58
58
  {
59
59
  ref: d,
60
60
  className: h(
61
61
  w({
62
- appearance: f,
62
+ appearance: u,
63
63
  size: i,
64
- underline: p,
64
+ underline: f,
65
65
  disabled: s
66
66
  }),
67
67
  m
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithRef, ComponentType, ReactNode } from 'react';
2
- import { IconSize } from '../../symbols/Icon/types';
2
+ import { IconSize } from '../../symbols/Icon';
3
3
  export type LinkProps = {
4
4
  /**
5
5
  * The visual style of the link.
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/Components/core/Link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC3C;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,QAAQ,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,qBAAqB,CAAC,GAAG,CAAC,CAAC"}
@@ -59,14 +59,14 @@ const [L, l] = b("ListItemTrailing", {
59
59
  className: r,
60
60
  disabled: n = !1,
61
61
  density: f = "expanded",
62
- priority: x = "end",
62
+ priority: v = "end",
63
63
  active: u = !1,
64
- ...v
64
+ ...x
65
65
  } = s, c = d({
66
66
  consumerName: "ListItem",
67
67
  mergeWith: { disabled: n }
68
68
  });
69
- return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: x }, children: /* @__PURE__ */ a(
69
+ return /* @__PURE__ */ a(p, { value: { disabled: c }, children: /* @__PURE__ */ a(N, { value: { priority: v }, children: /* @__PURE__ */ a(
70
70
  "div",
71
71
  {
72
72
  ref: t,
@@ -81,11 +81,11 @@ const [L, l] = b("ListItemTrailing", {
81
81
  }),
82
82
  r
83
83
  ),
84
- ...v,
84
+ ...x,
85
85
  children: i
86
86
  }
87
87
  ) }) });
88
- }, q = ({
88
+ }, P = ({
89
89
  ref: e,
90
90
  children: t,
91
91
  className: s,
@@ -108,7 +108,7 @@ const [L, l] = b("ListItemTrailing", {
108
108
  children: t
109
109
  }
110
110
  );
111
- }, P = ({
111
+ }, q = ({
112
112
  ref: e,
113
113
  children: t,
114
114
  className: s,
@@ -238,10 +238,10 @@ const [L, l] = b("ListItemTrailing", {
238
238
  };
239
239
  export {
240
240
  R as ListItem,
241
- P as ListItemContent,
241
+ q as ListItemContent,
242
242
  C as ListItemContentRow,
243
243
  D as ListItemDescription,
244
- q as ListItemLeading,
244
+ P as ListItemLeading,
245
245
  j as ListItemTitle,
246
246
  k as ListItemTrailing
247
247
  };
@@ -1,8 +1,8 @@
1
1
  import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
2
  import { cn as n, getButtonA11yProps as v } from "../../../../libs/utils-shared/dist/index.js";
3
3
  import { cva as b } from "class-variance-authority";
4
- import { useState as x, useEffect as g } from "react";
5
- import { useCommonTranslation as h } from "../../../../i18n/useCommonTranslation.js";
4
+ import { useState as g, useEffect as h } from "react";
5
+ import { useCommonTranslation as x } from "../../../../i18n/useCommonTranslation.js";
6
6
  import { Close as N } from "../../symbols/icons/Close.js";
7
7
  import { InteractiveIcon as w } from "../InteractiveIcon/InteractiveIcon.js";
8
8
  const y = b(
@@ -26,8 +26,8 @@ const y = b(
26
26
  onClick: o,
27
27
  ...m
28
28
  }) => {
29
- const { t: u } = h(), [f, l] = x(!1);
30
- g(() => {
29
+ const { t: u } = x(), [f, l] = g(!1);
30
+ h(() => {
31
31
  l(!1);
32
32
  }, [t]);
33
33
  const p = t && !f;
@@ -1,17 +1,17 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import { cn as c } from "../../../../libs/utils-shared/dist/index.js";
3
3
  const o = ({
4
4
  ref: s,
5
5
  ticker: t,
6
6
  leadingContent: n,
7
- className: a
8
- }) => /* @__PURE__ */ r(
7
+ className: r
8
+ }) => /* @__PURE__ */ a(
9
9
  "div",
10
10
  {
11
11
  ref: s,
12
12
  className: c(
13
13
  "flex items-center gap-8 rounded-full bg-muted-transparent p-8 pr-12",
14
- a
14
+ r
15
15
  ),
16
16
  "data-slot": "coin-capsule",
17
17
  children: [
@@ -3,8 +3,8 @@ import { createSafeContext as l, cn as p } from "../../../../libs/utils-shared/d
3
3
  import { cva as v } from "class-variance-authority";
4
4
  import { createPopoverHandle as c } from "../../../../node_modules/@base-ui/react/esm/popover/store/PopoverHandle.js";
5
5
  import { PopoverRoot as f } from "../../../../node_modules/@base-ui/react/esm/popover/root/PopoverRoot.js";
6
- import { PopoverTrigger as P } from "../../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
7
- import { PopoverPortal as u } from "../../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
6
+ import { PopoverTrigger as u } from "../../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js";
7
+ import { PopoverPortal as P } from "../../../../node_modules/@base-ui/react/esm/popover/portal/PopoverPortal.js";
8
8
  import { PopoverBackdrop as g } from "../../../../node_modules/@base-ui/react/esm/popover/backdrop/PopoverBackdrop.js";
9
9
  import { PopoverPositioner as h } from "../../../../node_modules/@base-ui/react/esm/popover/positioner/PopoverPositioner.js";
10
10
  import { PopoverPopup as x } from "../../../../node_modules/@base-ui/react/esm/popover/popup/PopoverPopup.js";
@@ -67,7 +67,7 @@ const [b, y] = l("Popover"), C = v(
67
67
  className: e,
68
68
  ...n
69
69
  }) => /* @__PURE__ */ t(
70
- P,
70
+ u,
71
71
  {
72
72
  "data-slot": "popover-trigger",
73
73
  handle: o,
@@ -89,7 +89,7 @@ const [b, y] = l("Popover"), C = v(
89
89
  consumerName: "PopoverContent",
90
90
  contextRequired: !0
91
91
  });
92
- return /* @__PURE__ */ m(u, { children: [
92
+ return /* @__PURE__ */ m(P, { children: [
93
93
  d && /* @__PURE__ */ t(
94
94
  g,
95
95
  {