@ledgerhq/lumen-ui-react 0.1.44 → 0.1.45
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.
- package/dist/index.js +111 -107
- package/dist/lib/Components/AmountDisplay/AmountDisplay.d.ts.map +1 -1
- package/dist/lib/Components/AmountDisplay/AmountDisplay.js +1 -0
- package/dist/lib/Components/AmountInput/AmountInput.d.ts +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/AmountInput.js +34 -32
- package/dist/lib/Components/AmountInput/types.d.ts +8 -0
- package/dist/lib/Components/AmountInput/types.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.d.ts +1 -0
- package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.d.ts.map +1 -1
- package/dist/lib/Components/AmountInput/useAmountInputValue/useAmountInputValue.js +9 -8
- package/dist/lib/Components/BaseInput/BaseInput.js +13 -13
- package/dist/lib/Components/Button/Button.js +9 -9
- package/dist/lib/Components/Card/Card.js +14 -14
- package/dist/lib/Components/DataTable/DataTable.js +6 -6
- package/dist/lib/Components/Divider/Divider.js +4 -4
- package/dist/lib/Components/DotIcon/DotIcon.js +5 -5
- package/dist/lib/Components/Icon/Icon.js +4 -4
- package/dist/lib/Components/Link/Link.js +6 -6
- package/dist/lib/Components/MediaImage/MediaImage.js +6 -6
- package/dist/lib/Components/Menu/Menu.d.ts +8 -3
- package/dist/lib/Components/Menu/Menu.d.ts.map +1 -1
- package/dist/lib/Components/Menu/Menu.js +40 -33
- package/dist/lib/Components/Menu/types.d.ts +6 -5
- package/dist/lib/Components/Menu/types.d.ts.map +1 -1
- package/dist/lib/Components/NavBar/NavBar.js +9 -9
- package/dist/lib/Components/Pagination/Pagination.js +10 -10
- package/dist/lib/Components/Popover/Popover.js +10 -10
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts +8 -3
- package/dist/lib/Components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/lib/Components/SegmentedControl/SegmentedControl.js +41 -32
- package/dist/lib/Components/SegmentedControl/types.d.ts +6 -5
- package/dist/lib/Components/SegmentedControl/types.d.ts.map +1 -1
- package/dist/lib/Components/Select/Select.d.ts +19 -5
- package/dist/lib/Components/Select/Select.d.ts.map +1 -1
- package/dist/lib/Components/Select/Select.js +127 -104
- package/dist/lib/Components/Select/index.d.ts +1 -1
- package/dist/lib/Components/Select/index.d.ts.map +1 -1
- package/dist/lib/Components/Select/types.d.ts +20 -19
- package/dist/lib/Components/Select/types.d.ts.map +1 -1
- package/dist/lib/Components/Select/useSelectItems/useSelectItems.d.ts +9 -9
- package/dist/lib/Components/Select/useSelectItems/useSelectItems.d.ts.map +1 -1
- package/dist/lib/Components/Select/utils/groupItems.d.ts +2 -2
- package/dist/lib/Components/Select/utils/groupItems.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/SideBar.d.ts +11 -3
- package/dist/lib/Components/SideBar/SideBar.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/SideBar.js +61 -51
- package/dist/lib/Components/SideBar/index.d.ts +2 -2
- package/dist/lib/Components/SideBar/index.d.ts.map +1 -1
- package/dist/lib/Components/SideBar/types.d.ts +7 -6
- package/dist/lib/Components/SideBar/types.d.ts.map +1 -1
- package/dist/lib/Components/Table/Table.js +49 -49
- package/dist/lib/Components/Table/utils/useThrottledScrollBottom.js +5 -5
- package/dist/lib/Components/TileButton/TileButton.js +6 -6
- package/dist/lib/Components/Tooltip/Tooltip.js +4 -4
- package/dist/libs/utils-shared/dist/index.js +138 -143
- package/dist/package.json +1 -1
- package/package.json +3 -3
|
@@ -144,7 +144,7 @@ const k = ({
|
|
|
144
144
|
]
|
|
145
145
|
}
|
|
146
146
|
);
|
|
147
|
-
},
|
|
147
|
+
}, V = ({
|
|
148
148
|
ref: t,
|
|
149
149
|
children: a,
|
|
150
150
|
className: r,
|
|
@@ -157,7 +157,7 @@ const k = ({
|
|
|
157
157
|
...e,
|
|
158
158
|
children: a
|
|
159
159
|
}
|
|
160
|
-
),
|
|
160
|
+
), z = ({
|
|
161
161
|
ref: t,
|
|
162
162
|
children: a,
|
|
163
163
|
className: r,
|
|
@@ -203,7 +203,7 @@ const k = ({
|
|
|
203
203
|
children: a
|
|
204
204
|
}
|
|
205
205
|
);
|
|
206
|
-
},
|
|
206
|
+
}, U = ({
|
|
207
207
|
ref: t,
|
|
208
208
|
children: a,
|
|
209
209
|
className: r,
|
|
@@ -226,7 +226,7 @@ const k = ({
|
|
|
226
226
|
children: a
|
|
227
227
|
}
|
|
228
228
|
);
|
|
229
|
-
},
|
|
229
|
+
}, I = ({
|
|
230
230
|
ref: t,
|
|
231
231
|
children: a,
|
|
232
232
|
className: r,
|
|
@@ -249,7 +249,7 @@ const k = ({
|
|
|
249
249
|
children: a
|
|
250
250
|
}
|
|
251
251
|
);
|
|
252
|
-
},
|
|
252
|
+
}, L = ({
|
|
253
253
|
ref: t,
|
|
254
254
|
children: a,
|
|
255
255
|
className: r,
|
|
@@ -272,7 +272,7 @@ const k = ({
|
|
|
272
272
|
children: a
|
|
273
273
|
}
|
|
274
274
|
) });
|
|
275
|
-
},
|
|
275
|
+
}, M = ({
|
|
276
276
|
ref: t,
|
|
277
277
|
children: a,
|
|
278
278
|
className: r,
|
|
@@ -304,7 +304,7 @@ const k = ({
|
|
|
304
304
|
) })
|
|
305
305
|
}
|
|
306
306
|
);
|
|
307
|
-
},
|
|
307
|
+
}, S = ({
|
|
308
308
|
ref: t,
|
|
309
309
|
children: a,
|
|
310
310
|
className: r,
|
|
@@ -320,14 +320,14 @@ const k = ({
|
|
|
320
320
|
);
|
|
321
321
|
export {
|
|
322
322
|
P as Card,
|
|
323
|
-
|
|
324
|
-
|
|
323
|
+
z as CardContent,
|
|
324
|
+
I as CardContentDescription,
|
|
325
325
|
B as CardContentRow,
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
326
|
+
U as CardContentTitle,
|
|
327
|
+
M as CardFooter,
|
|
328
|
+
S as CardFooterActions,
|
|
329
329
|
T as CardHeader,
|
|
330
|
-
|
|
331
|
-
|
|
330
|
+
V as CardLeading,
|
|
331
|
+
L as CardTrailing,
|
|
332
332
|
k as resolveCardInnerContext
|
|
333
333
|
};
|
|
@@ -4,7 +4,7 @@ import { flexRender as m } from "@tanstack/react-table";
|
|
|
4
4
|
import { useCallback as R, Fragment as x } from "react";
|
|
5
5
|
import { TableRoot as B, Table as k, TableLoadingRow as y, TableHeader as H, TableHeaderRow as N, TableHeaderCell as S, TableSortButton as v, TableBody as b, TableGroupHeaderRow as G, TableRow as q, TableCell as I } from "../Table/Table.js";
|
|
6
6
|
import { SearchInput as F } from "../SearchInput/SearchInput.js";
|
|
7
|
-
const [M, u] = w("DataTableContext"),
|
|
7
|
+
const [M, u] = w("DataTableContext"), O = ({
|
|
8
8
|
table: l,
|
|
9
9
|
appearance: n = "no-background",
|
|
10
10
|
paginationMode: o = "none",
|
|
@@ -73,7 +73,7 @@ const [M, u] = w("DataTableContext"), Q = ({
|
|
|
73
73
|
r.id
|
|
74
74
|
);
|
|
75
75
|
}) }, i.id)) });
|
|
76
|
-
},
|
|
76
|
+
}, Q = ({ className: l, ref: n, ...o }) => {
|
|
77
77
|
const {
|
|
78
78
|
appearance: e,
|
|
79
79
|
paginationMode: t,
|
|
@@ -97,7 +97,7 @@ const [M, u] = w("DataTableContext"), Q = ({
|
|
|
97
97
|
children: [
|
|
98
98
|
/* @__PURE__ */ d(k, { children: [
|
|
99
99
|
!i && /* @__PURE__ */ a(j, {}),
|
|
100
|
-
s ? /* @__PURE__ */ a(
|
|
100
|
+
s ? /* @__PURE__ */ a(L, {}) : /* @__PURE__ */ a(P, {})
|
|
101
101
|
] }),
|
|
102
102
|
t === "infinite-scroll" && /* @__PURE__ */ a(y, {})
|
|
103
103
|
]
|
|
@@ -117,7 +117,7 @@ const [M, u] = w("DataTableContext"), Q = ({
|
|
|
117
117
|
(!e || e.key !== i) && (e = { key: i, rows: [], count: 0 }, o.push(e)), e.rows.push(t), e.count++;
|
|
118
118
|
}
|
|
119
119
|
return o;
|
|
120
|
-
},
|
|
120
|
+
}, L = ({
|
|
121
121
|
className: l,
|
|
122
122
|
ref: n,
|
|
123
123
|
...o
|
|
@@ -178,7 +178,7 @@ const [M, u] = w("DataTableContext"), Q = ({
|
|
|
178
178
|
);
|
|
179
179
|
};
|
|
180
180
|
export {
|
|
181
|
-
|
|
181
|
+
Q as DataTable,
|
|
182
182
|
W as DataTableGlobalSearchInput,
|
|
183
|
-
|
|
183
|
+
O as DataTableRoot
|
|
184
184
|
};
|
|
@@ -2,9 +2,9 @@ import { jsx as l } from "react/jsx-runtime";
|
|
|
2
2
|
import { cn as a } from "../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
const d = ({
|
|
4
4
|
ref: o,
|
|
5
|
-
className:
|
|
5
|
+
className: t,
|
|
6
6
|
orientation: r = "horizontal",
|
|
7
|
-
...
|
|
7
|
+
...e
|
|
8
8
|
}) => /* @__PURE__ */ l(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
@@ -14,9 +14,9 @@ const d = ({
|
|
|
14
14
|
className: a(
|
|
15
15
|
"border-muted-subtle",
|
|
16
16
|
r === "horizontal" ? "w-full border-t" : "h-full border-l",
|
|
17
|
-
|
|
17
|
+
t
|
|
18
18
|
),
|
|
19
|
-
...
|
|
19
|
+
...e
|
|
20
20
|
}
|
|
21
21
|
);
|
|
22
22
|
export {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
2
|
-
import { useDisabledContext as x, DisabledProvider as v, cn as
|
|
2
|
+
import { useDisabledContext as x, DisabledProvider as v, cn as i } from "../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { cva as c } from "class-variance-authority";
|
|
4
4
|
import { useMemo as z } from "react";
|
|
5
5
|
const g = c("relative inline-flex w-fit", {
|
|
@@ -64,9 +64,9 @@ const g = c("relative inline-flex w-fit", {
|
|
|
64
64
|
"top-end": ["top", "right"],
|
|
65
65
|
"bottom-start": ["bottom", "left"],
|
|
66
66
|
"bottom-end": ["bottom", "right"]
|
|
67
|
-
},
|
|
67
|
+
}, n = -3, q = (s) => {
|
|
68
68
|
const [t, o] = I[s];
|
|
69
|
-
return { [t]:
|
|
69
|
+
return { [t]: n, [o]: n };
|
|
70
70
|
}, M = ({
|
|
71
71
|
children: s,
|
|
72
72
|
icon: t,
|
|
@@ -87,14 +87,14 @@ const g = c("relative inline-flex w-fit", {
|
|
|
87
87
|
"div",
|
|
88
88
|
{
|
|
89
89
|
ref: p,
|
|
90
|
-
className:
|
|
90
|
+
className: i(g({ disabled: f, className: l })),
|
|
91
91
|
...b,
|
|
92
92
|
children: [
|
|
93
93
|
/* @__PURE__ */ e("div", { className: "inline-flex", children: s }),
|
|
94
94
|
/* @__PURE__ */ e(
|
|
95
95
|
"div",
|
|
96
96
|
{
|
|
97
|
-
className:
|
|
97
|
+
className: i(N({ size: r, shape: d, pin: a, appearance: o })),
|
|
98
98
|
style: u,
|
|
99
99
|
children: /* @__PURE__ */ e(t, { size: D[r], className: "text-on-interactive" })
|
|
100
100
|
}
|
|
@@ -22,8 +22,8 @@ const h = a("inline-block shrink-0", {
|
|
|
22
22
|
size: n = 24,
|
|
23
23
|
className: i = "",
|
|
24
24
|
children: c,
|
|
25
|
-
viewBox:
|
|
26
|
-
xmlns:
|
|
25
|
+
viewBox: r,
|
|
26
|
+
xmlns: e,
|
|
27
27
|
...t
|
|
28
28
|
}) => k(
|
|
29
29
|
"svg",
|
|
@@ -31,8 +31,8 @@ const h = a("inline-block shrink-0", {
|
|
|
31
31
|
ref: o,
|
|
32
32
|
fill: "none",
|
|
33
33
|
"aria-hidden": "true",
|
|
34
|
-
xmlns:
|
|
35
|
-
viewBox:
|
|
34
|
+
xmlns: e,
|
|
35
|
+
viewBox: r,
|
|
36
36
|
className: s(h({ size: n }), "inline-block", i),
|
|
37
37
|
...t
|
|
38
38
|
},
|
|
@@ -36,7 +36,7 @@ const w = k(
|
|
|
36
36
|
), V = ({
|
|
37
37
|
ref: d,
|
|
38
38
|
className: m,
|
|
39
|
-
children:
|
|
39
|
+
children: s,
|
|
40
40
|
appearance: f,
|
|
41
41
|
size: i = "inherit",
|
|
42
42
|
underline: p = !0,
|
|
@@ -46,7 +46,7 @@ const w = k(
|
|
|
46
46
|
disabled: b,
|
|
47
47
|
...v
|
|
48
48
|
}) => {
|
|
49
|
-
const
|
|
49
|
+
const a = x({
|
|
50
50
|
consumerName: "Link",
|
|
51
51
|
mergeWith: { disabled: b }
|
|
52
52
|
}), r = i ? {
|
|
@@ -62,17 +62,17 @@ const w = k(
|
|
|
62
62
|
appearance: f,
|
|
63
63
|
size: i,
|
|
64
64
|
underline: p,
|
|
65
|
-
disabled:
|
|
65
|
+
disabled: a
|
|
66
66
|
}),
|
|
67
67
|
m
|
|
68
68
|
),
|
|
69
|
-
"aria-disabled":
|
|
69
|
+
"aria-disabled": a || void 0,
|
|
70
70
|
target: n && !t ? "_blank" : void 0,
|
|
71
71
|
rel: n && !t ? "noopener noreferrer" : void 0,
|
|
72
72
|
...v,
|
|
73
|
-
children: t ?
|
|
73
|
+
children: t ? s : /* @__PURE__ */ l(c, { children: [
|
|
74
74
|
o && /* @__PURE__ */ e(o, { size: r }),
|
|
75
|
-
/* @__PURE__ */ e("span", { className: "min-w-0 truncate", children:
|
|
75
|
+
/* @__PURE__ */ e("span", { className: "min-w-0 truncate", children: s }),
|
|
76
76
|
n && /* @__PURE__ */ l(c, { children: [
|
|
77
77
|
/* @__PURE__ */ e(z, { size: r, "aria-hidden": "true" }),
|
|
78
78
|
/* @__PURE__ */ e("span", { className: "sr-only", children: "(opens in a new tab)" })
|
|
@@ -47,7 +47,7 @@ const S = {
|
|
|
47
47
|
className: n,
|
|
48
48
|
src: r,
|
|
49
49
|
alt: l,
|
|
50
|
-
size:
|
|
50
|
+
size: i = 48,
|
|
51
51
|
shape: u = "square",
|
|
52
52
|
imgLoading: m = "eager",
|
|
53
53
|
fallback: t,
|
|
@@ -55,18 +55,18 @@ const S = {
|
|
|
55
55
|
disabled: c = !1,
|
|
56
56
|
...f
|
|
57
57
|
}) => {
|
|
58
|
-
const [p,
|
|
58
|
+
const [p, a] = v(!1), o = !r || p, z = x({
|
|
59
59
|
consumerName: "MediaImage",
|
|
60
60
|
mergeWith: { disabled: c }
|
|
61
61
|
});
|
|
62
62
|
return N(() => {
|
|
63
|
-
|
|
63
|
+
a(!1);
|
|
64
64
|
}, [r]), /* @__PURE__ */ h(
|
|
65
65
|
"div",
|
|
66
66
|
{
|
|
67
67
|
ref: d,
|
|
68
68
|
className: b(
|
|
69
|
-
y.root({ size:
|
|
69
|
+
y.root({ size: i, shape: u, disabled: z }),
|
|
70
70
|
n
|
|
71
71
|
),
|
|
72
72
|
role: "img",
|
|
@@ -78,7 +78,7 @@ const S = {
|
|
|
78
78
|
"span",
|
|
79
79
|
{
|
|
80
80
|
className: "text-base select-none",
|
|
81
|
-
style: { fontSize: S[
|
|
81
|
+
style: { fontSize: S[i] },
|
|
82
82
|
"aria-hidden": "true",
|
|
83
83
|
children: t[0]?.toUpperCase()
|
|
84
84
|
}
|
|
@@ -90,7 +90,7 @@ const S = {
|
|
|
90
90
|
src: r,
|
|
91
91
|
alt: "",
|
|
92
92
|
loading: m,
|
|
93
|
-
onError: () =>
|
|
93
|
+
onError: () => a(!0),
|
|
94
94
|
className: "size-full object-cover",
|
|
95
95
|
"aria-hidden": "true"
|
|
96
96
|
}
|
|
@@ -1,16 +1,21 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { MenuProps, MenuTriggerProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioItemProps, MenuRadioValue, MenuLabelProps, MenuSeparatorProps, MenuSubTriggerProps, MenuSubContentProps, MenuGroupProps, MenuRadioGroupProps, MenuSubProps } from './types';
|
|
2
3
|
declare function Menu({ ...props }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
declare const MenuTrigger: ({ ref, render, className, ...props }: MenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
declare function MenuGroup({ ...props }: MenuGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
declare function MenuSub({ ...props }: MenuSubProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare function MenuRadioGroup({ onValueChange, ...props }: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function MenuRadioGroup<T extends MenuRadioValue = MenuRadioValue>({ onValueChange, ...props }: MenuRadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
declare const MenuSubTrigger: ({ ref, className, children, ...props }: MenuSubTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
declare const MenuSubContent: ({ className, children }: MenuSubContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
declare const MenuContent: ({ side, sideOffset, align, alignOffset, sticky, className, children, }: MenuContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
declare const MenuItem: ({ ref, className, disabled: disabledProp, onClick, label, closeOnClick, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
declare const MenuCheckboxItem: ({ ref, className, children, checked, defaultChecked, onCheckedChange, disabled: disabledProp, label, closeOnClick, ...props }: MenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
declare const MenuRadioItem: ({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare const MenuRadioItem: <T extends MenuRadioValue = MenuRadioValue>({ ref, className, children, disabled: disabledProp, ...props }: MenuRadioItemProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
declare const MenuLabel: ({ ref, className, ...props }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
declare const MenuSeparator: ({ ref, className, ...props }: MenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export { Menu, MenuTrigger, MenuContent, MenuItem, MenuCheckboxItem, MenuRadioItem, MenuLabel, MenuSeparator, MenuGroup, MenuSub, MenuSubContent, MenuSubTrigger, MenuRadioGroup, };
|
|
17
|
+
export declare function createMenuRadioGroup<T extends MenuRadioValue = never>(): {
|
|
18
|
+
MenuRadioGroup: (props: MenuRadioGroupProps<T>) => ReactElement;
|
|
19
|
+
MenuRadioItem: (props: MenuRadioItemProps<T>) => ReactElement;
|
|
20
|
+
};
|
|
16
21
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/Menu.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,mBAAmB,EACnB,YAAY,EACb,MAAM,SAAS,CAAC;AAmDjB,iBAAS,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAEpC;AAED,QAAA,MAAM,WAAW,GAAI,sCAKlB,gBAAgB,4CAQlB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAE9C;AAED,iBAAS,OAAO,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAE1C;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACjE,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAQxB;AAED,QAAA,MAAM,cAAc,GAAI,wCAKrB,mBAAmB,4CAUrB,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,yBAAyB,mBAAmB,4CAYnE,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,wEAQlB,gBAAgB,4CAmBlB,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,oFAQf,aAAa,4CAoBf,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,+HAWvB,qBAAqB,4CA6BvB,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,gEAM/D,kBAAkB,CAAC,CAAC,CAAC,4CAwBvB,CAAC;AAEF,QAAA,MAAM,SAAS,GAAI,8BAA8B,cAAc,4CAO9D,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,8BAA8B,kBAAkB,4CAEtE,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACT,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,GACf,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,KAAK;IACxE,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC;CAC/D,CAEA"}
|
|
@@ -49,7 +49,7 @@ const x = I(
|
|
|
49
49
|
side: "bottom"
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
),
|
|
52
|
+
), d = n(
|
|
53
53
|
"relative flex cursor-default items-center gap-12 select-none",
|
|
54
54
|
"h-44 rounded-sm px-8 outline-hidden",
|
|
55
55
|
"body-2-semi-bold text-base",
|
|
@@ -58,13 +58,13 @@ const x = I(
|
|
|
58
58
|
"active:bg-base-transparent-pressed",
|
|
59
59
|
"data-disabled:pointer-events-none data-disabled:text-disabled"
|
|
60
60
|
), L = n("px-8 py-4 body-3-semi-bold text-muted"), O = n(
|
|
61
|
-
|
|
61
|
+
d,
|
|
62
62
|
"data-popup-open:bg-base-transparent-hover"
|
|
63
63
|
);
|
|
64
|
-
function
|
|
64
|
+
function me({ ...e }) {
|
|
65
65
|
return /* @__PURE__ */ t(S, { ...e });
|
|
66
66
|
}
|
|
67
|
-
const
|
|
67
|
+
const ue = ({
|
|
68
68
|
ref: e,
|
|
69
69
|
render: o,
|
|
70
70
|
className: a,
|
|
@@ -79,13 +79,16 @@ const ie = ({
|
|
|
79
79
|
...r
|
|
80
80
|
}
|
|
81
81
|
);
|
|
82
|
-
function
|
|
82
|
+
function de({ ...e }) {
|
|
83
83
|
return /* @__PURE__ */ t(j, { "data-slot": "menu-group", ...e });
|
|
84
84
|
}
|
|
85
|
-
function
|
|
85
|
+
function le({ ...e }) {
|
|
86
86
|
return /* @__PURE__ */ t(w, { ...e });
|
|
87
87
|
}
|
|
88
|
-
function
|
|
88
|
+
function V({
|
|
89
|
+
onValueChange: e,
|
|
90
|
+
...o
|
|
91
|
+
}) {
|
|
89
92
|
return /* @__PURE__ */ t(
|
|
90
93
|
W,
|
|
91
94
|
{
|
|
@@ -95,7 +98,7 @@ function ue({ onValueChange: e, ...o }) {
|
|
|
95
98
|
}
|
|
96
99
|
);
|
|
97
100
|
}
|
|
98
|
-
const
|
|
101
|
+
const ce = ({
|
|
99
102
|
ref: e,
|
|
100
103
|
className: o,
|
|
101
104
|
children: a,
|
|
@@ -112,7 +115,7 @@ const le = ({
|
|
|
112
115
|
/* @__PURE__ */ t(R, { size: 20, className: "ml-auto text-muted" })
|
|
113
116
|
]
|
|
114
117
|
}
|
|
115
|
-
),
|
|
118
|
+
), pe = ({ className: e, children: o }) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(g, { className: "z-menu", side: "right", sideOffset: 4, children: /* @__PURE__ */ t(
|
|
116
119
|
M,
|
|
117
120
|
{
|
|
118
121
|
"data-slot": "menu-sub-content",
|
|
@@ -120,14 +123,14 @@ const le = ({
|
|
|
120
123
|
onClick: (a) => a.stopPropagation(),
|
|
121
124
|
children: o
|
|
122
125
|
}
|
|
123
|
-
) }) }),
|
|
126
|
+
) }) }), be = ({
|
|
124
127
|
side: e = "bottom",
|
|
125
128
|
sideOffset: o = 4,
|
|
126
129
|
align: a = "start",
|
|
127
130
|
alignOffset: r,
|
|
128
131
|
sticky: i = !0,
|
|
129
132
|
className: s,
|
|
130
|
-
children:
|
|
133
|
+
children: u
|
|
131
134
|
}) => /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
|
|
132
135
|
g,
|
|
133
136
|
{
|
|
@@ -143,18 +146,18 @@ const le = ({
|
|
|
143
146
|
"data-slot": "menu-content",
|
|
144
147
|
className: n(x({ side: e }), s),
|
|
145
148
|
onClick: (m) => m.stopPropagation(),
|
|
146
|
-
children:
|
|
149
|
+
children: u
|
|
147
150
|
}
|
|
148
151
|
)
|
|
149
152
|
}
|
|
150
|
-
) }),
|
|
153
|
+
) }), fe = ({
|
|
151
154
|
ref: e,
|
|
152
155
|
className: o,
|
|
153
156
|
disabled: a,
|
|
154
157
|
onClick: r,
|
|
155
158
|
label: i,
|
|
156
159
|
closeOnClick: s = !0,
|
|
157
|
-
...
|
|
160
|
+
...u
|
|
158
161
|
}) => {
|
|
159
162
|
const m = p({
|
|
160
163
|
consumerName: "MenuItem",
|
|
@@ -168,26 +171,26 @@ const le = ({
|
|
|
168
171
|
label: i,
|
|
169
172
|
disabled: m,
|
|
170
173
|
closeOnClick: s,
|
|
171
|
-
className: n(
|
|
174
|
+
className: n(d, o),
|
|
172
175
|
onClick: r,
|
|
173
|
-
...
|
|
176
|
+
...u
|
|
174
177
|
}
|
|
175
178
|
) });
|
|
176
|
-
},
|
|
179
|
+
}, he = ({
|
|
177
180
|
ref: e,
|
|
178
181
|
className: o,
|
|
179
182
|
children: a,
|
|
180
183
|
checked: r,
|
|
181
184
|
defaultChecked: i,
|
|
182
185
|
onCheckedChange: s,
|
|
183
|
-
disabled:
|
|
186
|
+
disabled: u,
|
|
184
187
|
label: m,
|
|
185
188
|
closeOnClick: N,
|
|
186
189
|
...v
|
|
187
190
|
}) => {
|
|
188
191
|
const l = p({
|
|
189
192
|
consumerName: "MenuCheckboxItem",
|
|
190
|
-
mergeWith: { disabled:
|
|
193
|
+
mergeWith: { disabled: u }
|
|
191
194
|
});
|
|
192
195
|
return /* @__PURE__ */ t(b, { value: { disabled: l }, children: /* @__PURE__ */ c(
|
|
193
196
|
z,
|
|
@@ -199,7 +202,7 @@ const le = ({
|
|
|
199
202
|
defaultChecked: i,
|
|
200
203
|
disabled: l,
|
|
201
204
|
closeOnClick: N ?? !1,
|
|
202
|
-
className: n(
|
|
205
|
+
className: n(d, o),
|
|
203
206
|
onCheckedChange: s,
|
|
204
207
|
...v,
|
|
205
208
|
children: [
|
|
@@ -208,7 +211,7 @@ const le = ({
|
|
|
208
211
|
]
|
|
209
212
|
}
|
|
210
213
|
) });
|
|
211
|
-
},
|
|
214
|
+
}, q = ({
|
|
212
215
|
ref: e,
|
|
213
216
|
className: o,
|
|
214
217
|
children: a,
|
|
@@ -225,7 +228,7 @@ const le = ({
|
|
|
225
228
|
ref: e,
|
|
226
229
|
"data-slot": "menu-radio-item",
|
|
227
230
|
disabled: s,
|
|
228
|
-
className: n(
|
|
231
|
+
className: n(d, o),
|
|
229
232
|
...i,
|
|
230
233
|
children: [
|
|
231
234
|
a,
|
|
@@ -242,18 +245,22 @@ const le = ({
|
|
|
242
245
|
...a
|
|
243
246
|
}
|
|
244
247
|
), Me = ({ ref: e, className: o, ...a }) => /* @__PURE__ */ t(C, { ref: e, className: n("mx-8 my-4 w-auto", o), ...a });
|
|
248
|
+
function xe() {
|
|
249
|
+
return { MenuRadioGroup: V, MenuRadioItem: q };
|
|
250
|
+
}
|
|
245
251
|
export {
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
252
|
+
me as Menu,
|
|
253
|
+
he as MenuCheckboxItem,
|
|
254
|
+
be as MenuContent,
|
|
255
|
+
de as MenuGroup,
|
|
256
|
+
fe as MenuItem,
|
|
251
257
|
ge as MenuLabel,
|
|
252
|
-
|
|
253
|
-
|
|
258
|
+
V as MenuRadioGroup,
|
|
259
|
+
q as MenuRadioItem,
|
|
254
260
|
Me as MenuSeparator,
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
261
|
+
le as MenuSub,
|
|
262
|
+
pe as MenuSubContent,
|
|
263
|
+
ce as MenuSubTrigger,
|
|
264
|
+
ue as MenuTrigger,
|
|
265
|
+
xe as createMenuRadioGroup
|
|
259
266
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Menu as MenuNamespace } from '@base-ui/react/menu';
|
|
2
2
|
import { ComponentPropsWithRef, ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
3
3
|
type MenuRootChangeEventDetails = MenuNamespace.Root.ChangeEventDetails;
|
|
4
|
+
export type MenuRadioValue = string;
|
|
4
5
|
/**
|
|
5
6
|
* Props for the Menu root component.
|
|
6
7
|
*
|
|
@@ -156,13 +157,13 @@ export type MenuCheckboxItemProps = {
|
|
|
156
157
|
* An item that can be controlled and rendered like a radio button.
|
|
157
158
|
* Must be used within a `MenuRadioGroup`.
|
|
158
159
|
*/
|
|
159
|
-
export type MenuRadioItemProps = {
|
|
160
|
+
export type MenuRadioItemProps<T extends MenuRadioValue = MenuRadioValue> = {
|
|
160
161
|
/**
|
|
161
162
|
* The unique value of the item.
|
|
162
163
|
*
|
|
163
164
|
* @required
|
|
164
165
|
*/
|
|
165
|
-
value:
|
|
166
|
+
value: T;
|
|
166
167
|
} & MenuItemProps;
|
|
167
168
|
/**
|
|
168
169
|
* Props for a Menu label component.
|
|
@@ -198,18 +199,18 @@ export type MenuGroupProps = ComponentPropsWithoutRef<'div'>;
|
|
|
198
199
|
*
|
|
199
200
|
* Used to group multiple radio items together.
|
|
200
201
|
*/
|
|
201
|
-
export type MenuRadioGroupProps = {
|
|
202
|
+
export type MenuRadioGroupProps<T extends MenuRadioValue = MenuRadioValue> = {
|
|
202
203
|
/**
|
|
203
204
|
* The controlled value of the radio item to check.
|
|
204
205
|
* Should be used in conjunction with `onValueChange`.
|
|
205
206
|
*/
|
|
206
|
-
value?:
|
|
207
|
+
value?: T;
|
|
207
208
|
/**
|
|
208
209
|
* Event handler called when the value changes.
|
|
209
210
|
*
|
|
210
211
|
* @param value - The value of the radio item that was selected
|
|
211
212
|
*/
|
|
212
|
-
onValueChange?: (value:
|
|
213
|
+
onValueChange?: (value: T) => void;
|
|
213
214
|
} & ComponentPropsWithoutRef<'div'>;
|
|
214
215
|
/**
|
|
215
216
|
* Props for a Menu sub component.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,KAAK,EACV,qBAAqB,EACrB,wBAAwB,EACxB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,KAAK,0BAA0B,GAAG,aAAa,CAAC,IAAI,CAAC,kBAAkB,CAAC;AAExE;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,0BAA0B,KACrC,IAAI,CAAC;CACX,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;;;OAMG;IACH,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC/C,GAAG,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE3C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAEnC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAEjC;;;;GAIG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;OAIG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;AAExC;;;;;GAKG;AACH,MAAM,MAAM,kBAAkB,GAAG;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/Menu/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { cn as
|
|
2
|
+
import { cn as s } from "../../../libs/utils-shared/dist/index.js";
|
|
3
3
|
import { CoinCapsule as i } from "./CoinCapsule.js";
|
|
4
4
|
import { useCommonTranslation as l } from "../../../i18n/useCommonTranslation.js";
|
|
5
5
|
import { IconButton as c } from "../IconButton/IconButton.js";
|
|
@@ -23,7 +23,7 @@ const N = ({
|
|
|
23
23
|
"aria-label": e,
|
|
24
24
|
className: r
|
|
25
25
|
}) => {
|
|
26
|
-
const { t:
|
|
26
|
+
const { t: o } = l();
|
|
27
27
|
return /* @__PURE__ */ n(
|
|
28
28
|
c,
|
|
29
29
|
{
|
|
@@ -32,8 +32,8 @@ const N = ({
|
|
|
32
32
|
size: "sm",
|
|
33
33
|
icon: m,
|
|
34
34
|
onClick: t,
|
|
35
|
-
className:
|
|
36
|
-
"aria-label": e ??
|
|
35
|
+
className: s("shrink-0", r),
|
|
36
|
+
"aria-label": e ?? o("components.navBar.goBackAriaLabel"),
|
|
37
37
|
"data-slot": "navbar-back-button"
|
|
38
38
|
}
|
|
39
39
|
);
|
|
@@ -46,7 +46,7 @@ const N = ({
|
|
|
46
46
|
r,
|
|
47
47
|
{
|
|
48
48
|
ref: a,
|
|
49
|
-
className:
|
|
49
|
+
className: s(
|
|
50
50
|
"min-w-0 truncate heading-4-semi-bold text-base",
|
|
51
51
|
e
|
|
52
52
|
),
|
|
@@ -62,7 +62,7 @@ const N = ({
|
|
|
62
62
|
"div",
|
|
63
63
|
{
|
|
64
64
|
ref: a,
|
|
65
|
-
className:
|
|
65
|
+
className: s("min-w-0 flex-1 truncate body-1 text-muted", e),
|
|
66
66
|
...r,
|
|
67
67
|
children: t
|
|
68
68
|
}
|
|
@@ -75,7 +75,7 @@ const N = ({
|
|
|
75
75
|
"div",
|
|
76
76
|
{
|
|
77
77
|
ref: a,
|
|
78
|
-
className:
|
|
78
|
+
className: s("flex min-w-0 flex-1 items-center gap-16", e),
|
|
79
79
|
"data-slot": "navbar-leading",
|
|
80
80
|
...r,
|
|
81
81
|
children: t
|
|
@@ -89,7 +89,7 @@ const N = ({
|
|
|
89
89
|
"div",
|
|
90
90
|
{
|
|
91
91
|
ref: a,
|
|
92
|
-
className:
|
|
92
|
+
className: s("ml-auto flex shrink-0 items-center gap-4", e),
|
|
93
93
|
"data-slot": "navbar-trailing",
|
|
94
94
|
...r,
|
|
95
95
|
children: t
|
|
@@ -98,7 +98,7 @@ const N = ({
|
|
|
98
98
|
"nav",
|
|
99
99
|
{
|
|
100
100
|
ref: a,
|
|
101
|
-
className:
|
|
101
|
+
className: s("flex items-center gap-4", e),
|
|
102
102
|
"data-slot": "navbar",
|
|
103
103
|
...r,
|
|
104
104
|
children: t
|