@ledgerhq/lumen-ui-react 0.1.11 → 0.1.13

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/dist/i18n/locales/de.json.d.ts +3 -0
  2. package/dist/i18n/locales/de.json.js +4 -2
  3. package/dist/i18n/locales/en.json.d.ts +3 -0
  4. package/dist/i18n/locales/en.json.js +6 -4
  5. package/dist/i18n/locales/es.json.d.ts +3 -0
  6. package/dist/i18n/locales/es.json.js +6 -4
  7. package/dist/i18n/locales/fr.json.d.ts +3 -0
  8. package/dist/i18n/locales/fr.json.js +6 -4
  9. package/dist/i18n/locales/ja.json.d.ts +3 -0
  10. package/dist/i18n/locales/ja.json.js +6 -4
  11. package/dist/i18n/locales/ko.json.d.ts +3 -0
  12. package/dist/i18n/locales/ko.json.js +6 -4
  13. package/dist/i18n/locales/pt.json.d.ts +3 -0
  14. package/dist/i18n/locales/pt.json.js +6 -4
  15. package/dist/i18n/locales/ru.json.d.ts +3 -0
  16. package/dist/i18n/locales/ru.json.js +6 -4
  17. package/dist/i18n/locales/th.json.d.ts +3 -0
  18. package/dist/i18n/locales/th.json.js +6 -4
  19. package/dist/i18n/locales/tr.json.d.ts +3 -0
  20. package/dist/i18n/locales/tr.json.js +6 -4
  21. package/dist/i18n/locales/zh.json.d.ts +3 -0
  22. package/dist/i18n/locales/zh.json.js +6 -4
  23. package/dist/index.js +114 -113
  24. package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
  25. package/dist/lib/Components/AmountDisplay/AmountDisplay.js +41 -41
  26. package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -1
  27. package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
  28. package/dist/lib/Components/AmountInput/AmountInput.js +35 -32
  29. package/dist/lib/Components/Banner/Banner.js +5 -5
  30. package/dist/lib/Components/BaseInput/BaseInput.d.ts +1 -1
  31. package/dist/lib/Components/BaseInput/BaseInput.d.ts.map +1 -1
  32. package/dist/lib/Components/BaseInput/BaseInput.js +44 -41
  33. package/dist/lib/Components/Button/BaseButton.d.ts +1 -1
  34. package/dist/lib/Components/Button/BaseButton.d.ts.map +1 -1
  35. package/dist/lib/Components/Button/BaseButton.js +28 -25
  36. package/dist/lib/Components/Button/Button.js +9 -9
  37. package/dist/lib/Components/Card/Card.d.ts.map +1 -1
  38. package/dist/lib/Components/Card/Card.js +110 -107
  39. package/dist/lib/Components/Card/types.d.ts +1 -0
  40. package/dist/lib/Components/Card/types.d.ts.map +1 -1
  41. package/dist/lib/Components/CardButton/CardButton.d.ts +1 -1
  42. package/dist/lib/Components/CardButton/CardButton.d.ts.map +1 -1
  43. package/dist/lib/Components/CardButton/CardButton.js +28 -24
  44. package/dist/lib/Components/Checkbox/Checkbox.d.ts +1 -1
  45. package/dist/lib/Components/Checkbox/Checkbox.d.ts.map +1 -1
  46. package/dist/lib/Components/Checkbox/Checkbox.js +26 -14
  47. package/dist/lib/Components/Dialog/DialogHeader/DialogHeader.js +2 -2
  48. package/dist/lib/Components/Dialog/types.d.ts +1 -1
  49. package/dist/lib/Components/Icon/Icon.js +4 -4
  50. package/dist/lib/Components/Icon/createIcon.js +4 -4
  51. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts +1 -1
  52. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.d.ts.map +1 -1
  53. package/dist/lib/Components/InteractiveIcon/InteractiveIcon.js +40 -20
  54. package/dist/lib/Components/InteractiveIcon/types.d.ts +14 -1
  55. package/dist/lib/Components/InteractiveIcon/types.d.ts.map +1 -1
  56. package/dist/lib/Components/Link/Link.d.ts +1 -1
  57. package/dist/lib/Components/Link/Link.d.ts.map +1 -1
  58. package/dist/lib/Components/Link/Link.js +44 -33
  59. package/dist/lib/Components/Link/types.d.ts +5 -0
  60. package/dist/lib/Components/Link/types.d.ts.map +1 -1
  61. package/dist/lib/Components/ListItem/ListItem.d.ts.map +1 -1
  62. package/dist/lib/Components/ListItem/ListItem.js +72 -65
  63. package/dist/lib/Components/MediaCard/MediaCard.d.ts +33 -0
  64. package/dist/lib/Components/MediaCard/MediaCard.d.ts.map +1 -0
  65. package/dist/lib/Components/MediaCard/MediaCard.js +128 -0
  66. package/dist/lib/Components/MediaCard/index.d.ts +3 -0
  67. package/dist/lib/Components/MediaCard/index.d.ts.map +1 -0
  68. package/dist/lib/Components/MediaCard/types.d.ts +30 -0
  69. package/dist/lib/Components/MediaCard/types.d.ts.map +1 -0
  70. package/dist/lib/Components/Menu/Menu.d.ts +3 -3
  71. package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
  72. package/dist/lib/Components/Menu/Menu.js +133 -104
  73. package/dist/lib/Components/NavBar/CoinCapsule.js +4 -4
  74. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +1 -1
  75. package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  76. package/dist/lib/Components/SegmentedControl/SegmentedControl.js +88 -51
  77. package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts +1 -1
  78. package/dist/lib/Components/SegmentedControl/SegmentedControlContext.d.ts.map +1 -1
  79. package/dist/lib/Components/Select/Select.d.ts +5 -5
  80. package/dist/lib/Components/Select/Select.d.ts.map +1 -1
  81. package/dist/lib/Components/Select/Select.js +94 -76
  82. package/dist/lib/Components/Select/index.d.ts +1 -1
  83. package/dist/lib/Components/Select/types.d.ts +4 -4
  84. package/dist/lib/Components/SideBar/SideBar.d.ts +1 -1
  85. package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
  86. package/dist/lib/Components/SideBar/SideBar.js +77 -74
  87. package/dist/lib/Components/SideBar/types.d.ts +12 -4
  88. package/dist/lib/Components/SideBar/types.d.ts.map +1 -1
  89. package/dist/lib/Components/Spot/Spot.js +3 -3
  90. package/dist/lib/Components/Stepper/Stepper.d.ts.map +1 -1
  91. package/dist/lib/Components/Stepper/Stepper.js +34 -24
  92. package/dist/lib/Components/Subheader/Subheader.d.ts +2 -7
  93. package/dist/lib/Components/Subheader/Subheader.d.ts.map +1 -1
  94. package/dist/lib/Components/Subheader/Subheader.js +31 -49
  95. package/dist/lib/Components/Subheader/index.d.ts +1 -1
  96. package/dist/lib/Components/Subheader/index.d.ts.map +1 -1
  97. package/dist/lib/Components/Subheader/types.d.ts +1 -11
  98. package/dist/lib/Components/Subheader/types.d.ts.map +1 -1
  99. package/dist/lib/Components/Switch/Switch.d.ts +1 -1
  100. package/dist/lib/Components/Switch/Switch.d.ts.map +1 -1
  101. package/dist/lib/Components/Switch/Switch.js +30 -22
  102. package/dist/lib/Components/Table/Table.js +49 -49
  103. package/dist/lib/Components/Tag/Tag.d.ts +1 -1
  104. package/dist/lib/Components/Tag/Tag.d.ts.map +1 -1
  105. package/dist/lib/Components/Tag/Tag.js +17 -14
  106. package/dist/lib/Components/Tile/Tile.d.ts +5 -12
  107. package/dist/lib/Components/Tile/Tile.d.ts.map +1 -1
  108. package/dist/lib/Components/Tile/Tile.js +79 -82
  109. package/dist/lib/Components/Tile/index.d.ts +1 -1
  110. package/dist/lib/Components/Tile/index.d.ts.map +1 -1
  111. package/dist/lib/Components/Tile/types.d.ts +1 -10
  112. package/dist/lib/Components/Tile/types.d.ts.map +1 -1
  113. package/dist/lib/Components/TileButton/TileButton.d.ts +1 -1
  114. package/dist/lib/Components/TileButton/TileButton.d.ts.map +1 -1
  115. package/dist/lib/Components/TileButton/TileButton.js +26 -23
  116. package/dist/lib/Components/{ButtonTrigger/ButtonTrigger.d.ts → TriggerButton/TriggerButton.d.ts} +10 -10
  117. package/dist/lib/Components/TriggerButton/TriggerButton.d.ts.map +1 -0
  118. package/dist/lib/Components/TriggerButton/TriggerButton.js +76 -0
  119. package/dist/lib/Components/TriggerButton/index.d.ts +3 -0
  120. package/dist/lib/Components/{ButtonTrigger → TriggerButton}/index.d.ts.map +1 -1
  121. package/dist/lib/Components/{ButtonTrigger → TriggerButton}/types.d.ts +1 -1
  122. package/dist/lib/Components/{ButtonTrigger → TriggerButton}/types.d.ts.map +1 -1
  123. package/dist/lib/Components/index.d.ts +2 -1
  124. package/dist/lib/Components/index.d.ts.map +1 -1
  125. package/dist/lib/Symbols/Icons/NanoGen5.d.ts +29 -0
  126. package/dist/lib/Symbols/Icons/NanoGen5.d.ts.map +1 -0
  127. package/dist/lib/Symbols/Icons/NanoGen5.js +27 -0
  128. package/dist/lib/Symbols/index.d.ts +1 -0
  129. package/dist/lib/Symbols/index.d.ts.map +1 -1
  130. package/dist/lib/Symbols/index.js +194 -192
  131. package/dist/libs/utils-shared/dist/index.js +95 -90
  132. package/dist/package.json +2 -2
  133. package/package.json +2 -2
  134. package/dist/lib/Components/ButtonTrigger/ButtonTrigger.d.ts.map +0 -1
  135. package/dist/lib/Components/ButtonTrigger/ButtonTrigger.js +0 -73
  136. package/dist/lib/Components/ButtonTrigger/index.d.ts +0 -3
@@ -0,0 +1,128 @@
1
+ import { jsxs as m, jsx as e, Fragment as h } from "react/jsx-runtime";
2
+ import { cn as c, getButtonA11yProps as y } from "../../../libs/utils-shared/dist/index.js";
3
+ import { cva as a } from "class-variance-authority";
4
+ import { useState as x, useEffect as N } from "react";
5
+ import { Close as w } from "../../Symbols/Icons/Close.js";
6
+ import { useCommonTranslation as z } from "../../../i18n/useCommonTranslation.js";
7
+ import { InteractiveIcon as C } from "../InteractiveIcon/InteractiveIcon.js";
8
+ const o = {
9
+ root: a(
10
+ [
11
+ "group relative overflow-hidden rounded-md",
12
+ "flex h-[164px] w-full flex-col items-start justify-end p-12",
13
+ "bg-muted text-left"
14
+ ],
15
+ {
16
+ variants: {
17
+ interactive: {
18
+ true: [
19
+ "cursor-pointer",
20
+ "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus"
21
+ ]
22
+ }
23
+ }
24
+ }
25
+ ),
26
+ image: a(["absolute inset-0", "size-full object-cover"]),
27
+ overlay: a([
28
+ "absolute inset-0 size-full",
29
+ "transition-colors",
30
+ "group-hover:bg-muted-transparent-hover",
31
+ "group-[:active:not(:has(button:active))]:bg-muted-transparent-pressed"
32
+ ]),
33
+ content: a("isolate flex flex-col items-start gap-8"),
34
+ title: a("line-clamp-3 heading-3-semi-bold text-white")
35
+ }, j = () => /* @__PURE__ */ m(h, { children: [
36
+ /* @__PURE__ */ e(
37
+ "div",
38
+ {
39
+ "aria-hidden": "true",
40
+ className: "pointer-events-none absolute inset-x-0 bottom-0 h-3/4 bg-linear-to-t from-gradient-overlay-80 to-gradient-overlay-0"
41
+ }
42
+ ),
43
+ /* @__PURE__ */ e(
44
+ "div",
45
+ {
46
+ "aria-hidden": "true",
47
+ className: "pointer-events-none absolute inset-y-0 right-0 size-full bg-linear-[45deg] from-gradient-overlay-0 from-70% to-gradient-overlay-80"
48
+ }
49
+ )
50
+ ] }), E = ({
51
+ ref: i,
52
+ className: t,
53
+ children: s,
54
+ ...r
55
+ }) => /* @__PURE__ */ e(
56
+ "div",
57
+ {
58
+ ref: i,
59
+ className: c(o.title(), t),
60
+ ...r,
61
+ children: s
62
+ }
63
+ );
64
+ E.displayName = "MediaCardTitle";
65
+ const I = ({
66
+ ref: i,
67
+ imageUrl: t,
68
+ children: s,
69
+ onClick: r,
70
+ onClose: l,
71
+ closeAriaLabel: u,
72
+ className: p,
73
+ ...f
74
+ }) => {
75
+ const { t: v } = z(), [g, d] = x(!1), b = t && !g;
76
+ return N(() => {
77
+ d(!1);
78
+ }, [t]), /* @__PURE__ */ m(
79
+ "div",
80
+ {
81
+ ...y({ onClick: r }),
82
+ className: c(
83
+ o.root({ interactive: !!r }),
84
+ p
85
+ ),
86
+ ref: i,
87
+ ...f,
88
+ children: [
89
+ b && /* @__PURE__ */ e(
90
+ "img",
91
+ {
92
+ src: t,
93
+ alt: "",
94
+ className: o.image(),
95
+ "aria-hidden": "true",
96
+ loading: "lazy",
97
+ onError: () => d(!0)
98
+ }
99
+ ),
100
+ /* @__PURE__ */ e(j, {}),
101
+ /* @__PURE__ */ e("div", { "aria-hidden": "true", className: o.overlay() }),
102
+ /* @__PURE__ */ e("div", { className: o.content(), children: s }),
103
+ l && /* @__PURE__ */ e(
104
+ C,
105
+ {
106
+ type: "button",
107
+ iconType: "stroked",
108
+ appearance: "white",
109
+ "aria-label": u || v("common.closeAriaLabel"),
110
+ className: "absolute top-12 right-12 z-10",
111
+ onClick: (n) => {
112
+ n.stopPropagation(), l();
113
+ },
114
+ onKeyDown: (n) => {
115
+ n.stopPropagation();
116
+ },
117
+ children: /* @__PURE__ */ e(w, { size: 20 })
118
+ }
119
+ )
120
+ ]
121
+ }
122
+ );
123
+ };
124
+ I.displayName = "MediaCard";
125
+ export {
126
+ I as MediaCard,
127
+ E as MediaCardTitle
128
+ };
@@ -0,0 +1,3 @@
1
+ export { MediaCard, MediaCardTitle } from './MediaCard';
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/MediaCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,cAAc,SAAS,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { ComponentPropsWithRef, MouseEventHandler, ReactNode } from 'react';
2
+ export type MediaCardProps = {
3
+ /**
4
+ * The source URL for the background image.
5
+ */
6
+ imageUrl: string;
7
+ /**
8
+ * The card content — typically a `MediaCardTitle` and optional
9
+ * leading content such as tags or icons.
10
+ */
11
+ children: ReactNode;
12
+ /**
13
+ * Callback fired when the card is pressed.
14
+ */
15
+ onClick?: MouseEventHandler<HTMLDivElement>;
16
+ /**
17
+ * Callback fired when the close button is pressed.
18
+ */
19
+ onClose?: () => void;
20
+ /**
21
+ * Aria label for the close button.
22
+ */
23
+ closeAriaLabel?: string;
24
+ /**
25
+ * Additional CSS classes for the card.
26
+ */
27
+ className?: string;
28
+ } & Omit<ComponentPropsWithRef<'div'>, 'onClick'>;
29
+ export type MediaCardTitleProps = ComponentPropsWithRef<'div'>;
30
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/MediaCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC;AAElD,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC"}
@@ -23,15 +23,15 @@ declare const MenuContent: {
23
23
  displayName: string | undefined;
24
24
  };
25
25
  declare const MenuItem: {
26
- ({ ref, className, inset, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
26
+ ({ ref, className, inset, disabled: disabledProp, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
27
27
  displayName: string | undefined;
28
28
  };
29
29
  declare const MenuCheckboxItem: {
30
- ({ ref, className, children, checked, ...props }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
30
+ ({ ref, className, children, checked, disabled: disabledProp, ...props }: MenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
31
31
  displayName: string | undefined;
32
32
  };
33
33
  declare const MenuRadioItem: {
34
- ({ ref, className, children, ...props }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
34
+ ({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps): import("react/jsx-runtime").JSX.Element;
35
35
  displayName: string | undefined;
36
36
  };
37
37
  declare const MenuLabel: {
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;wBAAuB,gBAAgB;;CAMvD,CAAC;AAGF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;oDAMjB,mBAAmB;;CAUrB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAGF,QAAA,MAAM,WAAW;sDAMd,gBAAgB;;CAkBlB,CAAC;AAGF,QAAA,MAAM,QAAQ;0CAAyC,aAAa;;CAOnE,CAAC;AAGF,QAAA,MAAM,gBAAgB;sDAMnB,qBAAqB;;CAevB,CAAC;AAGF,QAAA,MAAM,aAAa;6CAKhB,kBAAkB;;CAcpB,CAAC;AAGF,QAAA,MAAM,SAAS;0CAKZ,cAAc,GAAG;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;KACzE;;CAOA,CAAC;AAGF,QAAA,MAAM,aAAa;mCAAkC,kBAAkB;;CAEtE,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACpB,MAAM,SAAS,CAAC;AA0BjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW;wBAAuB,gBAAgB;;CAMvD,CAAC;AAGF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAE3D;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAIxD;AAED,QAAA,MAAM,cAAc;oDAMjB,mBAAmB;;CAUrB,CAAC;AAGF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAOxE,CAAC;AAGF,QAAA,MAAM,WAAW;sDAMd,gBAAgB;;CAkBlB,CAAC;AAGF,QAAA,MAAM,QAAQ;kEAMX,aAAa;;CAiBf,CAAC;AAGF,QAAA,MAAM,gBAAgB;8EAOnB,qBAAqB;;CAyBvB,CAAC;AAGF,QAAA,MAAM,aAAa;qEAMhB,kBAAkB;;CAwBpB,CAAC;AAGF,QAAA,MAAM,SAAS;0CAKZ,cAAc,GAAG;QAClB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;KACzE;;CAOA,CAAC;AAGF,QAAA,MAAM,aAAa;mCAAkC,kBAAkB;;CAEtE,CAAC;AAGF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC"}
@@ -1,15 +1,15 @@
1
- import { jsx as a, jsxs as l } from "react/jsx-runtime";
2
- import { cn as o } from "../../../libs/utils-shared/dist/index.js";
1
+ import { jsx as a, jsxs as u } from "react/jsx-runtime";
2
+ import { cn as o, useDisabledContext as c, DisabledProvider as p } from "../../../libs/utils-shared/dist/index.js";
3
3
  import * as t from "@radix-ui/react-dropdown-menu";
4
- import { Check as u } from "../../Symbols/Icons/Check.js";
5
- import { Divider as p } from "../Divider/Divider.js";
6
- import { ChevronRight as b } from "../../Symbols/Icons/ChevronRight.js";
7
- const c = o(
4
+ import { Check as b } from "../../Symbols/Icons/Check.js";
5
+ import { Divider as g } from "../Divider/Divider.js";
6
+ import { ChevronRight as h } from "../../Symbols/Icons/ChevronRight.js";
7
+ const N = o(
8
8
  "z-menu min-w-160 overflow-hidden rounded-sm bg-muted p-8",
9
9
  "shadow-sm",
10
10
  "data-[state=open]:animate-fade-in",
11
11
  "data-[state=closed]:animate-fade-out"
12
- ), m = o(
12
+ ), l = o(
13
13
  "relative flex cursor-default items-center gap-12 select-none",
14
14
  "h-44 rounded-sm px-8 outline-hidden",
15
15
  "body-2-semi-bold text-base",
@@ -17,169 +17,198 @@ const c = o(
17
17
  "focus:bg-base-transparent-hover",
18
18
  "active:bg-base-transparent-pressed",
19
19
  "data-disabled:pointer-events-none data-disabled:text-disabled"
20
- ), N = o("px-8 py-4 body-3-semi-bold text-muted"), g = o(
21
- m,
20
+ ), y = o("px-8 py-4 body-3-semi-bold text-muted"), f = o(
21
+ l,
22
22
  "data-[state=open]:bg-base-transparent-hover"
23
23
  );
24
- function P({ ...e }) {
24
+ function G({ ...e }) {
25
25
  return /* @__PURE__ */ a(t.Root, { "data-slot": "menu", ...e });
26
26
  }
27
- const y = ({ ref: e, ...n }) => /* @__PURE__ */ a(
27
+ const x = ({ ref: e, ...s }) => /* @__PURE__ */ a(
28
28
  t.Trigger,
29
29
  {
30
30
  ref: e,
31
31
  "data-slot": "menu-trigger",
32
- ...n
32
+ ...s
33
33
  }
34
34
  );
35
- y.displayName = t.Trigger.displayName;
36
- function j({ ...e }) {
35
+ x.displayName = t.Trigger.displayName;
36
+ function L({ ...e }) {
37
37
  return /* @__PURE__ */ a(t.Group, { "data-slot": "menu-group", ...e });
38
38
  }
39
- function G({
39
+ function W({
40
40
  ...e
41
41
  }) {
42
42
  return /* @__PURE__ */ a(t.Portal, { ...e });
43
43
  }
44
- function L({
44
+ function q({
45
45
  ...e
46
46
  }) {
47
47
  return /* @__PURE__ */ a(t.Sub, { ...e });
48
48
  }
49
- function D({ ...e }) {
49
+ function A({ ...e }) {
50
50
  return /* @__PURE__ */ a(t.RadioGroup, { "data-slot": "menu-radio-group", ...e });
51
51
  }
52
- const f = ({
52
+ const M = ({
53
53
  ref: e,
54
- className: n,
55
- inset: s,
54
+ className: s,
55
+ inset: n,
56
56
  children: i,
57
- ...r
58
- }) => /* @__PURE__ */ l(
57
+ ...d
58
+ }) => /* @__PURE__ */ u(
59
59
  t.SubTrigger,
60
60
  {
61
61
  ref: e,
62
62
  "data-slot": "menu-sub-trigger",
63
- className: o(g, s && "pl-32", n),
64
- ...r,
63
+ className: o(f, n && "pl-32", s),
64
+ ...d,
65
65
  children: [
66
66
  i,
67
- /* @__PURE__ */ a(b, { size: 20, className: "ml-auto text-muted" })
67
+ /* @__PURE__ */ a(h, { size: 20, className: "ml-auto text-muted" })
68
68
  ]
69
69
  }
70
70
  );
71
- f.displayName = t.SubTrigger.displayName;
72
- const h = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(
71
+ M.displayName = t.SubTrigger.displayName;
72
+ const I = ({ ref: e, className: s, ...n }) => /* @__PURE__ */ a(
73
73
  t.SubContent,
74
74
  {
75
75
  ref: e,
76
76
  "data-slot": "menu-sub-content",
77
- className: o(c, n),
78
- ...s
77
+ className: o(N, s),
78
+ ...n
79
79
  }
80
80
  );
81
- h.displayName = t.SubContent.displayName;
82
- const x = ({
81
+ I.displayName = t.SubContent.displayName;
82
+ const v = ({
83
83
  ref: e,
84
- className: n,
85
- sideOffset: s = 4,
84
+ className: s,
85
+ sideOffset: n = 4,
86
86
  align: i = "start",
87
- ...r
87
+ ...d
88
88
  }) => /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
89
89
  t.Content,
90
90
  {
91
91
  ref: e,
92
92
  "data-slot": "menu-content",
93
- sideOffset: s,
94
- className: o(c, n),
95
- onClick: (d) => {
96
- d.stopPropagation(), r.onClick?.(d);
93
+ sideOffset: n,
94
+ className: o(N, s),
95
+ onClick: (r) => {
96
+ r.stopPropagation(), d.onClick?.(r);
97
97
  },
98
98
  align: i,
99
- ...r
99
+ ...d
100
100
  }
101
101
  ) });
102
- x.displayName = t.Content.displayName;
103
- const M = ({ ref: e, className: n, inset: s, ...i }) => /* @__PURE__ */ a(
104
- t.Item,
105
- {
106
- ref: e,
107
- "data-slot": "menu-item",
108
- className: o(m, s && "pl-32", n),
109
- ...i
110
- }
111
- );
112
- M.displayName = t.Item.displayName;
102
+ v.displayName = t.Content.displayName;
103
+ const C = ({
104
+ ref: e,
105
+ className: s,
106
+ inset: n,
107
+ disabled: i,
108
+ ...d
109
+ }) => {
110
+ const r = c({
111
+ consumerName: "MenuItem",
112
+ mergeWith: { disabled: i }
113
+ });
114
+ return /* @__PURE__ */ a(p, { value: { disabled: r }, children: /* @__PURE__ */ a(
115
+ t.Item,
116
+ {
117
+ ref: e,
118
+ "data-slot": "menu-item",
119
+ className: o(l, n && "pl-32", s),
120
+ disabled: r,
121
+ ...d
122
+ }
123
+ ) });
124
+ };
125
+ C.displayName = t.Item.displayName;
113
126
  const S = ({
114
127
  ref: e,
115
- className: n,
116
- children: s,
128
+ className: s,
129
+ children: n,
117
130
  checked: i,
131
+ disabled: d,
118
132
  ...r
119
- }) => /* @__PURE__ */ l(
120
- t.CheckboxItem,
121
- {
122
- ref: e,
123
- "data-slot": "menu-checkbox-item",
124
- className: o(m, n),
125
- checked: i,
126
- ...r,
127
- children: [
128
- s,
129
- /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
130
- ]
131
- }
132
- );
133
+ }) => {
134
+ const m = c({
135
+ consumerName: "MenuCheckboxItem",
136
+ mergeWith: { disabled: d }
137
+ });
138
+ return /* @__PURE__ */ a(p, { value: { disabled: m }, children: /* @__PURE__ */ u(
139
+ t.CheckboxItem,
140
+ {
141
+ ref: e,
142
+ "data-slot": "menu-checkbox-item",
143
+ className: o(l, s),
144
+ checked: i,
145
+ disabled: m,
146
+ ...r,
147
+ children: [
148
+ n,
149
+ /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(b, { disabled: m, size: 24, className: "text-active" }) }) })
150
+ ]
151
+ }
152
+ ) });
153
+ };
133
154
  S.displayName = t.CheckboxItem.displayName;
134
- const C = ({
155
+ const k = ({
135
156
  ref: e,
136
- className: n,
137
- children: s,
138
- ...i
139
- }) => /* @__PURE__ */ l(
140
- t.RadioItem,
141
- {
142
- ref: e,
143
- "data-slot": "menu-radio-item",
144
- className: o(m, n),
145
- ...i,
146
- children: [
147
- s,
148
- /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(u, { size: 24, className: "text-active" }) }) })
149
- ]
150
- }
151
- );
152
- C.displayName = t.RadioItem.displayName;
153
- const I = ({
157
+ className: s,
158
+ children: n,
159
+ disabled: i,
160
+ ...d
161
+ }) => {
162
+ const r = c({
163
+ consumerName: "MenuRadioItem",
164
+ mergeWith: { disabled: i }
165
+ });
166
+ return /* @__PURE__ */ a(p, { value: { disabled: r }, children: /* @__PURE__ */ u(
167
+ t.RadioItem,
168
+ {
169
+ ref: e,
170
+ "data-slot": "menu-radio-item",
171
+ disabled: r,
172
+ className: o(l, s),
173
+ ...d,
174
+ children: [
175
+ n,
176
+ /* @__PURE__ */ a("span", { className: "ml-auto flex size-24 items-center justify-center", children: /* @__PURE__ */ a(t.ItemIndicator, { children: /* @__PURE__ */ a(b, { disabled: r, size: 24, className: "text-active" }) }) })
177
+ ]
178
+ }
179
+ ) });
180
+ };
181
+ k.displayName = t.RadioItem.displayName;
182
+ const R = ({
154
183
  ref: e,
155
- className: n,
156
- inset: s,
184
+ className: s,
185
+ inset: n,
157
186
  ...i
158
187
  }) => /* @__PURE__ */ a(
159
188
  t.Label,
160
189
  {
161
190
  ref: e,
162
191
  "data-slot": "menu-label",
163
- className: o(N, s && "pl-32", n),
192
+ className: o(y, n && "pl-32", s),
164
193
  ...i
165
194
  }
166
195
  );
167
- I.displayName = t.Label.displayName;
168
- const v = ({ ref: e, className: n, ...s }) => /* @__PURE__ */ a(p, { ref: e, className: o("mx-8 my-4 w-auto", n), ...s });
169
- v.displayName = "MenuSeparator";
196
+ R.displayName = t.Label.displayName;
197
+ const T = ({ ref: e, className: s, ...n }) => /* @__PURE__ */ a(g, { ref: e, className: o("mx-8 my-4 w-auto", s), ...n });
198
+ T.displayName = "MenuSeparator";
170
199
  export {
171
- P as Menu,
200
+ G as Menu,
172
201
  S as MenuCheckboxItem,
173
- x as MenuContent,
174
- j as MenuGroup,
175
- M as MenuItem,
176
- I as MenuLabel,
177
- G as MenuPortal,
178
- D as MenuRadioGroup,
179
- C as MenuRadioItem,
180
- v as MenuSeparator,
181
- L as MenuSub,
182
- h as MenuSubContent,
183
- f as MenuSubTrigger,
184
- y as MenuTrigger
202
+ v as MenuContent,
203
+ L as MenuGroup,
204
+ C as MenuItem,
205
+ R as MenuLabel,
206
+ W as MenuPortal,
207
+ A as MenuRadioGroup,
208
+ k as MenuRadioItem,
209
+ T as MenuSeparator,
210
+ q as MenuSub,
211
+ I as MenuSubContent,
212
+ M as MenuSubTrigger,
213
+ x as MenuTrigger
185
214
  };
@@ -2,21 +2,21 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
2
  import { cn as l } from "../../../libs/utils-shared/dist/index.js";
3
3
  const i = ({
4
4
  ref: s,
5
- ticker: t,
5
+ ticker: n,
6
6
  icon: a,
7
- className: n
7
+ className: t
8
8
  }) => /* @__PURE__ */ r(
9
9
  "div",
10
10
  {
11
11
  ref: s,
12
12
  className: l(
13
13
  "flex items-center gap-8 rounded-full bg-muted-transparent py-8 pr-12 pl-8",
14
- n
14
+ t
15
15
  ),
16
16
  "data-slot": "coin-capsule",
17
17
  children: [
18
18
  /* @__PURE__ */ e("span", { className: "flex size-24 shrink-0 items-center justify-center", children: a }),
19
- /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: t })
19
+ /* @__PURE__ */ e("span", { className: "body-1 text-base select-none", children: n })
20
20
  ]
21
21
  }
22
22
  );
@@ -3,7 +3,7 @@ export declare function SegmentedControlButton({ value, children, icon: Icon, on
3
3
  export declare namespace SegmentedControlButton {
4
4
  var displayName: string;
5
5
  }
6
- export declare function SegmentedControl({ selectedValue, onSelectedChange, children, className, disabled, appearance, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
6
+ export declare function SegmentedControl({ selectedValue, onSelectedChange, children, className, disabled: disabledProp, appearance, ...props }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
7
7
  export declare namespace SegmentedControl {
8
8
  var displayName: string;
9
9
  }
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAMjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAiC7B;yBAxCe,sBAAsB;;;AA4CtC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAyB,EACzB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA2CvB;yBAnDe,gBAAgB"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,2BAA2B,EAC3B,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAwCjB,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,2BAA2B,2CAgC7B;yBAvCe,sBAAsB;;;AA2CtC,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,UAAyB,EACzB,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgDvB;yBAxDe,gBAAgB"}