@ledgerhq/lumen-ui-react 0.1.44 → 0.1.46
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/i18n/locales/de.json.d.ts +1 -3
- package/dist/i18n/locales/de.json.js +1 -1
- package/dist/i18n/locales/en.json.d.ts +1 -3
- package/dist/i18n/locales/en.json.js +1 -1
- package/dist/i18n/locales/es.json.d.ts +1 -3
- package/dist/i18n/locales/es.json.js +1 -1
- package/dist/i18n/locales/fr.json.d.ts +1 -3
- package/dist/i18n/locales/fr.json.js +1 -1
- package/dist/i18n/locales/ja.json.d.ts +1 -3
- package/dist/i18n/locales/ja.json.js +2 -2
- package/dist/i18n/locales/ko.json.d.ts +1 -3
- package/dist/i18n/locales/ko.json.js +2 -2
- package/dist/i18n/locales/pt.json.d.ts +1 -3
- package/dist/i18n/locales/pt.json.js +1 -1
- package/dist/i18n/locales/ru.json.d.ts +1 -3
- package/dist/i18n/locales/ru.json.js +1 -1
- package/dist/i18n/locales/th.json.d.ts +1 -3
- package/dist/i18n/locales/th.json.js +2 -2
- package/dist/i18n/locales/tr.json.d.ts +1 -3
- package/dist/i18n/locales/tr.json.js +2 -2
- package/dist/i18n/locales/zh.json.d.ts +1 -3
- package/dist/i18n/locales/zh.json.js +2 -2
- package/dist/index.js +172 -164
- 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/Avatar/Avatar.d.ts +1 -4
- package/dist/lib/Components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/lib/Components/Avatar/Avatar.js +33 -40
- package/dist/lib/Components/Avatar/types.d.ts +0 -6
- package/dist/lib/Components/Avatar/types.d.ts.map +1 -1
- package/dist/lib/Components/BaseInput/BaseInput.js +13 -13
- package/dist/lib/Components/Button/BaseButton.d.ts +1 -1
- package/dist/lib/Components/Button/Button.js +9 -9
- package/dist/lib/Components/Card/Card.js +18 -18
- package/dist/lib/Components/DataTable/DataTable.d.ts.map +1 -1
- package/dist/lib/Components/DataTable/DataTable.js +97 -80
- package/dist/lib/Components/DataTable/types.d.ts +2 -1
- package/dist/lib/Components/DataTable/types.d.ts.map +1 -1
- package/dist/lib/Components/Divider/Divider.js +4 -4
- package/dist/lib/Components/DotIcon/DotIcon.js +5 -5
- package/dist/lib/Components/DotIndicator/getDotIndicatorProps.d.ts +24 -0
- package/dist/lib/Components/DotIndicator/getDotIndicatorProps.d.ts.map +1 -0
- package/dist/lib/Components/DotIndicator/getDotIndicatorProps.js +11 -0
- package/dist/lib/Components/DotIndicator/index.d.ts +1 -0
- package/dist/lib/Components/DotIndicator/index.d.ts.map +1 -1
- package/dist/lib/Components/Icon/Icon.js +4 -4
- package/dist/lib/Components/Link/Link.js +6 -6
- package/dist/lib/Components/MediaCard/MediaCard.js +4 -4
- 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.d.ts +17 -1
- package/dist/lib/Components/Table/Table.d.ts.map +1 -1
- package/dist/lib/Components/Table/Table.js +74 -45
- package/dist/lib/Components/Table/types.d.ts +23 -0
- package/dist/lib/Components/Table/types.d.ts.map +1 -1
- package/dist/lib/Components/TileButton/TileButton.js +6 -6
- package/dist/lib/Components/Tooltip/Tooltip.js +4 -4
- package/dist/lib/Symbols/Icons/ChevronAscending.js +1 -1
- package/dist/lib/Symbols/Icons/ChevronDescending.js +1 -1
- package/dist/lib/Symbols/Icons/Contact.d.ts +29 -0
- package/dist/lib/Symbols/Icons/Contact.d.ts.map +1 -0
- package/dist/lib/Symbols/Icons/Contact.js +28 -0
- package/dist/lib/Symbols/index.d.ts +1 -0
- package/dist/lib/Symbols/index.d.ts.map +1 -1
- package/dist/lib/Symbols/index.js +388 -386
- package/dist/libs/utils-shared/dist/index.js +149 -148
- package/dist/package.json +3 -3
- package/package.json +3 -3
- package/dist/lib/Components/Design-tokens/shared.d.ts +0 -20
- package/dist/lib/Components/Design-tokens/shared.d.ts.map +0 -1
|
@@ -17,7 +17,8 @@ export type LumenColumnMeta = {
|
|
|
17
17
|
*/
|
|
18
18
|
hideBelow?: Breakpoints;
|
|
19
19
|
/**
|
|
20
|
-
* Custom className applied to
|
|
20
|
+
* Custom className applied to the `<col>` element (for width tokens such as `w-144`)
|
|
21
|
+
* and to each cell in this column including the header cell.
|
|
21
22
|
*/
|
|
22
23
|
className?: string;
|
|
23
24
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DataTable/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC,CAAC;AAGF,OAAO,QAAQ,uBAAuB,CAAC;IAErC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM,CAAE,SAAQ,eAAe;KAAG;CAC/E;AAED,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,OAAO,GAAG,OAAO,IAAI;IAChE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IAC1C;;;OAGG;IACH,cAAc,CAAC,EAAE,iBAAiB,GAAG,YAAY,GAAG,MAAM,CAAC;IAC3D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACvC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,MAAM,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAC7E,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC"}
|
|
@@ -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
|
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export declare const getDotIndicatorProps: <Context extends "avatar", Variant extends keyof {
|
|
2
|
+
avatar: {
|
|
3
|
+
sm: {
|
|
4
|
+
size: "lg";
|
|
5
|
+
appearance: "red";
|
|
6
|
+
};
|
|
7
|
+
md: {
|
|
8
|
+
size: "xl";
|
|
9
|
+
appearance: "red";
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
}[Context]>(context: Context, variant: Variant) => {
|
|
13
|
+
avatar: {
|
|
14
|
+
sm: {
|
|
15
|
+
size: "lg";
|
|
16
|
+
appearance: "red";
|
|
17
|
+
};
|
|
18
|
+
md: {
|
|
19
|
+
size: "xl";
|
|
20
|
+
appearance: "red";
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
}[Context][Variant];
|
|
24
|
+
//# sourceMappingURL=getDotIndicatorProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getDotIndicatorProps.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/getDotIndicatorProps.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;mBAM/B,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createPropsResolver as e } from "../../../libs/utils-shared/dist/index.js";
|
|
2
|
+
const a = e({
|
|
3
|
+
// larger avatars (`lg`, `xl`) don't render a dot indicator
|
|
4
|
+
avatar: {
|
|
5
|
+
sm: { size: "lg", appearance: "red" },
|
|
6
|
+
md: { size: "xl", appearance: "red" }
|
|
7
|
+
}
|
|
8
|
+
});
|
|
9
|
+
export {
|
|
10
|
+
a as getDotIndicatorProps
|
|
11
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/DotIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC"}
|
|
@@ -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)" })
|
|
@@ -67,8 +67,8 @@ const r = {
|
|
|
67
67
|
onClick: a,
|
|
68
68
|
onClose: l,
|
|
69
69
|
closeAriaLabel: u,
|
|
70
|
-
className:
|
|
71
|
-
...
|
|
70
|
+
className: p,
|
|
71
|
+
...f
|
|
72
72
|
}) => {
|
|
73
73
|
const { t: v } = z(), [g, c] = x(!1), b = t && !g;
|
|
74
74
|
return N(() => {
|
|
@@ -79,10 +79,10 @@ const r = {
|
|
|
79
79
|
...y({ onClick: a }),
|
|
80
80
|
className: m(
|
|
81
81
|
r.root({ interactive: !!a }),
|
|
82
|
-
|
|
82
|
+
p
|
|
83
83
|
),
|
|
84
84
|
ref: i,
|
|
85
|
-
...
|
|
85
|
+
...f,
|
|
86
86
|
children: [
|
|
87
87
|
b && /* @__PURE__ */ e(
|
|
88
88
|
"img",
|
|
@@ -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
|