@cfx-dev/ui-components 4.0.2 → 4.2.0
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/{Combination-BRUj3CHE.js → Combination-Cbiw1XRb.js} +1 -1
- package/dist/assets/css/DropdownSelect.css +1 -1
- package/dist/assets/css/Flex.css +1 -1
- package/dist/assets/css/Input.css +1 -1
- package/dist/assets/css/RichInput.css +1 -1
- package/dist/assets/css/Select.css +1 -1
- package/dist/assets/css/Tabular.css +1 -1
- package/dist/assets/css/ToggleGroup.css +1 -1
- package/dist/assets/general/global.css +1 -1
- package/dist/components/Accordion/Accordion.js +18 -17
- package/dist/components/Accordion/AccordionShowcase.js +3 -2
- package/dist/components/Avatar/AvatarShowcase.js +3 -2
- package/dist/components/Badge/BadgeShowcase.js +5 -4
- package/dist/components/Button/ButtonShowcase.js +3 -2
- package/dist/components/Checkbox/Checkbox.js +6 -5
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +4 -1
- package/dist/components/DropdownSelect/DropdownSelect.js +739 -715
- package/dist/components/DropdownSelect/DropdownSelectShowcase.js +11 -10
- package/dist/components/Flyout/Flyout.js +1 -1
- package/dist/components/Icon/Icon.d.ts +4 -3
- package/dist/components/Icon/Icon.js +27 -25
- package/dist/components/IconBig/IconBig.js +3 -2
- package/dist/components/InfoPanel/InfoPanelShowcase.js +11 -10
- package/dist/components/Input/Input.d.ts +2 -1
- package/dist/components/Input/Input.js +96 -75
- package/dist/components/Input/InputShowcase.js +6 -5
- package/dist/components/Input/RichInput.d.ts +2 -1
- package/dist/components/Input/RichInput.js +60 -43
- package/dist/components/Layout/Box/Box.d.ts +4 -11
- package/dist/components/Layout/Box/Box.js +58 -96
- package/dist/components/Layout/Flex/Flex.d.ts +7 -3
- package/dist/components/Layout/Flex/Flex.js +70 -62
- package/dist/components/Layout/Flex/Flex.types.d.ts +42 -0
- package/dist/components/Layout/Flex/Flex.types.js +7 -0
- package/dist/components/Layout/Scrollable/ScrollableShowcase.js +1 -0
- package/dist/components/Link/LinkShowcase.js +1 -0
- package/dist/components/Logos/LogosShowcase.js +3 -2
- package/dist/components/Modal/Modal.js +1 -0
- package/dist/components/Overlay/Overlay.js +1 -1
- package/dist/components/Select/Select.d.ts +2 -3
- package/dist/components/Select/Select.js +1922 -7
- package/dist/components/Select/SelectShowcase.js +4 -3
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Select/index.js +2 -3
- package/dist/components/Separator/Separator.d.ts +2 -2
- package/dist/components/Separator/Separator.js +35 -25
- package/dist/components/Skeleton/Skeleton.d.ts +7 -6
- package/dist/components/Skeleton/Skeleton.js +35 -22
- package/dist/components/Skeleton/SkeletonShowcase.js +14 -13
- package/dist/components/Slider/Slider.js +11 -9
- package/dist/components/Slider/SliderShowcase.js +10 -9
- package/dist/components/Spacer/Spacer.d.ts +1 -1
- package/dist/components/Switch/Switch.js +6 -5
- package/dist/components/Table/Table.js +3 -2
- package/dist/components/Table/TableShowcase.js +7 -6
- package/dist/components/Tabular/Tabular.d.ts +6 -1
- package/dist/components/Tabular/Tabular.js +93 -64
- package/dist/components/Tabular/TabularShowcase.js +51 -25
- package/dist/components/Text/Text.d.ts +3 -1
- package/dist/components/Text/Text.js +61 -52
- package/dist/components/Text/Text.types.d.ts +4 -13
- package/dist/components/Text/Text.types.js +1 -4
- package/dist/components/Text/index.d.ts +3 -2
- package/dist/components/Text/index.js +9 -6
- package/dist/components/Title/TitleShowcase.js +4 -3
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +1 -0
- package/dist/components/ToggleGroup/ToggleGroup.js +36 -33
- package/dist/components/ToggleGroup/ToggleGroupShowcase.d.ts +5 -0
- package/dist/components/ToggleGroup/ToggleGroupShowcase.js +60 -0
- package/dist/components/ToggleGroup/index.d.ts +2 -0
- package/dist/components/ToggleGroup/index.js +4 -0
- package/dist/components/ui.d.ts +37 -12
- package/dist/components/ui.js +61 -57
- package/dist/index-BZPx6jYI.js +8 -0
- package/dist/index-ByaXH_ih.js +10 -0
- package/dist/index-Cf5Yu9oD.js +67 -0
- package/dist/index-DBus3GoO.js +1342 -0
- package/dist/index-rKs9bXHr.js +6 -0
- package/dist/main.d.ts +1 -1
- package/dist/main.js +14 -14
- package/dist/{medium-JVtzoF2c.js → medium-BA3EQDZW.js} +2 -2
- package/dist/styles-scss/_ui.scss +10 -1
- package/dist/styles-scss/global.scss +39 -26
- package/dist/styles-scss/themes/theme_cfx.scss +2 -0
- package/dist/styles-scss/themes/theme_fivem.scss +2 -0
- package/dist/styles-scss/themes/theme_redm.scss +2 -0
- package/dist/styles-scss/themes/theme_wireframe.scss +2 -0
- package/dist/styles-scss/themes.scss +4 -4
- package/dist/styles-scss/tokens.scss +30 -17
- package/package.json +1 -1
- package/dist/Select-Ds-fm4CN.js +0 -3245
- package/dist/index-BCnz73Lm.js +0 -72
- package/dist/index-BW3WdIgK.js +0 -14
- package/dist/types/Offset.d.ts +0 -1
- package/dist/types/Offset.js +0 -1
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import { jsx as v, Fragment as
|
|
1
|
+
import { jsx as v, Fragment as Ye, jsxs as ct } from "react/jsx-runtime";
|
|
2
2
|
import * as a from "react";
|
|
3
|
-
import { useState as
|
|
4
|
-
import {
|
|
5
|
-
import { r as
|
|
6
|
-
import { c as
|
|
7
|
-
import { u as
|
|
8
|
-
import { u as
|
|
9
|
-
import { _ as
|
|
3
|
+
import { useState as Pt, useRef as jn, useEffect as Xn } from "react";
|
|
4
|
+
import { c as j, a as Hn, b as be, u as Mt } from "../../index-Cf5Yu9oD.js";
|
|
5
|
+
import { r as Zn } from "../../index-2hJuj4UN.js";
|
|
6
|
+
import { c as xt } from "../../index-CjTSD6zB.js";
|
|
7
|
+
import { u as Nt } from "../../index-ByaXH_ih.js";
|
|
8
|
+
import { u as Qn, a as qn, b as Jn, o as er, s as tr, l as nr, f as rr, c as or, d as ar, h as ir, i as $e, g as cr, e as sr } from "../../index-DBus3GoO.js";
|
|
9
|
+
import { _ as Y, f as It, c as ur } from "../../tslib.es6-CBKHJX9H.js";
|
|
10
10
|
import { Icon as lr } from "../Icon/Icon.js";
|
|
11
11
|
import { Flex as dr } from "../Layout/Flex/Flex.js";
|
|
12
|
-
import { ui as
|
|
13
|
-
import { clsx as
|
|
12
|
+
import { ui as st } from "../ui.js";
|
|
13
|
+
import { clsx as ut } from "../../utils/clsx.js";
|
|
14
14
|
function Se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
15
15
|
return function(o) {
|
|
16
16
|
if (e == null || e(o), n === !1 || !o.defaultPrevented)
|
|
17
17
|
return t == null ? void 0 : t(o);
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
|
-
function
|
|
20
|
+
function lt(e, t) {
|
|
21
21
|
if (typeof e == "function")
|
|
22
22
|
return e(t);
|
|
23
23
|
e != null && (e.current = t);
|
|
24
24
|
}
|
|
25
|
-
function
|
|
25
|
+
function At(...e) {
|
|
26
26
|
return (t) => {
|
|
27
27
|
let n = !1;
|
|
28
28
|
const r = e.map((o) => {
|
|
29
|
-
const i =
|
|
29
|
+
const i = lt(o, t);
|
|
30
30
|
return !n && typeof i == "function" && (n = !0), i;
|
|
31
31
|
});
|
|
32
32
|
if (n)
|
|
33
33
|
return () => {
|
|
34
34
|
for (let o = 0; o < r.length; o++) {
|
|
35
35
|
const i = r[o];
|
|
36
|
-
typeof i == "function" ? i() :
|
|
36
|
+
typeof i == "function" ? i() : lt(e[o], null);
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
};
|
|
40
40
|
}
|
|
41
|
-
function
|
|
41
|
+
function fr(e, t = []) {
|
|
42
42
|
let n = [];
|
|
43
43
|
function r(i, s) {
|
|
44
|
-
const c = a.createContext(s),
|
|
44
|
+
const c = a.createContext(s), d = n.length;
|
|
45
45
|
n = [...n, s];
|
|
46
46
|
const u = (f) => {
|
|
47
47
|
var w;
|
|
48
|
-
const { scope: m, children: g, ...h } = f,
|
|
49
|
-
return /* @__PURE__ */ v(
|
|
48
|
+
const { scope: m, children: g, ...h } = f, l = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[d]) || c, C = a.useMemo(() => h, Object.values(h));
|
|
49
|
+
return /* @__PURE__ */ v(l.Provider, { value: C, children: g });
|
|
50
50
|
};
|
|
51
51
|
u.displayName = i + "Provider";
|
|
52
52
|
function p(f, m) {
|
|
53
|
-
var
|
|
54
|
-
const g = ((
|
|
53
|
+
var l;
|
|
54
|
+
const g = ((l = m == null ? void 0 : m[e]) == null ? void 0 : l[d]) || c, h = a.useContext(g);
|
|
55
55
|
if (h) return h;
|
|
56
56
|
if (s !== void 0) return s;
|
|
57
57
|
throw new Error(`\`${f}\` must be used within \`${i}\``);
|
|
@@ -61,16 +61,16 @@ function pr(e, t = []) {
|
|
|
61
61
|
const o = () => {
|
|
62
62
|
const i = n.map((s) => a.createContext(s));
|
|
63
63
|
return function(c) {
|
|
64
|
-
const
|
|
64
|
+
const d = (c == null ? void 0 : c[e]) || i;
|
|
65
65
|
return a.useMemo(
|
|
66
|
-
() => ({ [`__scope${e}`]: { ...c, [e]:
|
|
67
|
-
[c,
|
|
66
|
+
() => ({ [`__scope${e}`]: { ...c, [e]: d } }),
|
|
67
|
+
[c, d]
|
|
68
68
|
);
|
|
69
69
|
};
|
|
70
70
|
};
|
|
71
|
-
return o.scopeName = e, [r,
|
|
71
|
+
return o.scopeName = e, [r, pr(o, ...t)];
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function pr(...e) {
|
|
74
74
|
const t = e[0];
|
|
75
75
|
if (e.length === 1) return t;
|
|
76
76
|
const n = () => {
|
|
@@ -79,8 +79,8 @@ function mr(...e) {
|
|
|
79
79
|
scopeName: o.scopeName
|
|
80
80
|
}));
|
|
81
81
|
return function(i) {
|
|
82
|
-
const s = r.reduce((c, { useScope:
|
|
83
|
-
const f =
|
|
82
|
+
const s = r.reduce((c, { useScope: d, scopeName: u }) => {
|
|
83
|
+
const f = d(i)[`__scope${u}`];
|
|
84
84
|
return { ...c, ...f };
|
|
85
85
|
}, {});
|
|
86
86
|
return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
|
|
@@ -88,33 +88,33 @@ function mr(...e) {
|
|
|
88
88
|
};
|
|
89
89
|
return n.scopeName = t.scopeName, n;
|
|
90
90
|
}
|
|
91
|
-
var
|
|
92
|
-
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(
|
|
91
|
+
var Dt = a.forwardRef((e, t) => {
|
|
92
|
+
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(vr);
|
|
93
93
|
if (i) {
|
|
94
|
-
const s = i.props.children, c = o.map((
|
|
95
|
-
return /* @__PURE__ */ v(
|
|
94
|
+
const s = i.props.children, c = o.map((d) => d === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : d);
|
|
95
|
+
return /* @__PURE__ */ v(We, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
|
|
96
96
|
}
|
|
97
|
-
return /* @__PURE__ */ v(
|
|
97
|
+
return /* @__PURE__ */ v(We, { ...r, ref: t, children: n });
|
|
98
98
|
});
|
|
99
|
-
|
|
100
|
-
var
|
|
99
|
+
Dt.displayName = "Slot";
|
|
100
|
+
var We = a.forwardRef((e, t) => {
|
|
101
101
|
const { children: n, ...r } = e;
|
|
102
102
|
if (a.isValidElement(n)) {
|
|
103
|
-
const o =
|
|
103
|
+
const o = gr(n);
|
|
104
104
|
return a.cloneElement(n, {
|
|
105
|
-
...
|
|
105
|
+
...hr(r, n.props),
|
|
106
106
|
// @ts-ignore
|
|
107
|
-
ref: t ?
|
|
107
|
+
ref: t ? At(t, o) : o
|
|
108
108
|
});
|
|
109
109
|
}
|
|
110
110
|
return a.Children.count(n) > 1 ? a.Children.only(null) : null;
|
|
111
111
|
});
|
|
112
|
-
|
|
113
|
-
var
|
|
114
|
-
function
|
|
115
|
-
return a.isValidElement(e) && e.type ===
|
|
112
|
+
We.displayName = "SlotClone";
|
|
113
|
+
var mr = ({ children: e }) => /* @__PURE__ */ v(Ye, { children: e });
|
|
114
|
+
function vr(e) {
|
|
115
|
+
return a.isValidElement(e) && e.type === mr;
|
|
116
116
|
}
|
|
117
|
-
function
|
|
117
|
+
function hr(e, t) {
|
|
118
118
|
const n = { ...t };
|
|
119
119
|
for (const r in t) {
|
|
120
120
|
const o = e[r], i = t[r];
|
|
@@ -124,12 +124,12 @@ function gr(e, t) {
|
|
|
124
124
|
}
|
|
125
125
|
return { ...e, ...n };
|
|
126
126
|
}
|
|
127
|
-
function
|
|
127
|
+
function gr(e) {
|
|
128
128
|
var r, o;
|
|
129
129
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
130
130
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
131
131
|
}
|
|
132
|
-
var
|
|
132
|
+
var wr = [
|
|
133
133
|
"a",
|
|
134
134
|
"button",
|
|
135
135
|
"div",
|
|
@@ -146,9 +146,9 @@ var yr = [
|
|
|
146
146
|
"span",
|
|
147
147
|
"svg",
|
|
148
148
|
"ul"
|
|
149
|
-
], Cr =
|
|
149
|
+
], Cr = wr.reduce((e, t) => {
|
|
150
150
|
const n = a.forwardRef((r, o) => {
|
|
151
|
-
const { asChild: i, ...s } = r, c = i ?
|
|
151
|
+
const { asChild: i, ...s } = r, c = i ? Dt : t;
|
|
152
152
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(c, { ...s, ref: o });
|
|
153
153
|
});
|
|
154
154
|
return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
|
|
@@ -159,44 +159,44 @@ function M(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
|
159
159
|
return t == null ? void 0 : t(o);
|
|
160
160
|
};
|
|
161
161
|
}
|
|
162
|
-
function
|
|
162
|
+
function dt(e, t) {
|
|
163
163
|
if (typeof e == "function")
|
|
164
164
|
return e(t);
|
|
165
165
|
e != null && (e.current = t);
|
|
166
166
|
}
|
|
167
|
-
function
|
|
167
|
+
function je(...e) {
|
|
168
168
|
return (t) => {
|
|
169
169
|
let n = !1;
|
|
170
170
|
const r = e.map((o) => {
|
|
171
|
-
const i =
|
|
171
|
+
const i = dt(o, t);
|
|
172
172
|
return !n && typeof i == "function" && (n = !0), i;
|
|
173
173
|
});
|
|
174
174
|
if (n)
|
|
175
175
|
return () => {
|
|
176
176
|
for (let o = 0; o < r.length; o++) {
|
|
177
177
|
const i = r[o];
|
|
178
|
-
typeof i == "function" ? i() :
|
|
178
|
+
typeof i == "function" ? i() : dt(e[o], null);
|
|
179
179
|
}
|
|
180
180
|
};
|
|
181
181
|
};
|
|
182
182
|
}
|
|
183
|
-
function
|
|
184
|
-
return a.useCallback(
|
|
183
|
+
function $(...e) {
|
|
184
|
+
return a.useCallback(je(...e), e);
|
|
185
185
|
}
|
|
186
|
-
function
|
|
186
|
+
function Tt(e, t = []) {
|
|
187
187
|
let n = [];
|
|
188
188
|
function r(i, s) {
|
|
189
|
-
const c = a.createContext(s),
|
|
189
|
+
const c = a.createContext(s), d = n.length;
|
|
190
190
|
n = [...n, s];
|
|
191
191
|
const u = (f) => {
|
|
192
192
|
var w;
|
|
193
|
-
const { scope: m, children: g, ...h } = f,
|
|
194
|
-
return /* @__PURE__ */ v(
|
|
193
|
+
const { scope: m, children: g, ...h } = f, l = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[d]) || c, C = a.useMemo(() => h, Object.values(h));
|
|
194
|
+
return /* @__PURE__ */ v(l.Provider, { value: C, children: g });
|
|
195
195
|
};
|
|
196
196
|
u.displayName = i + "Provider";
|
|
197
197
|
function p(f, m) {
|
|
198
|
-
var
|
|
199
|
-
const g = ((
|
|
198
|
+
var l;
|
|
199
|
+
const g = ((l = m == null ? void 0 : m[e]) == null ? void 0 : l[d]) || c, h = a.useContext(g);
|
|
200
200
|
if (h) return h;
|
|
201
201
|
if (s !== void 0) return s;
|
|
202
202
|
throw new Error(`\`${f}\` must be used within \`${i}\``);
|
|
@@ -206,16 +206,16 @@ function Dt(e, t = []) {
|
|
|
206
206
|
const o = () => {
|
|
207
207
|
const i = n.map((s) => a.createContext(s));
|
|
208
208
|
return function(c) {
|
|
209
|
-
const
|
|
209
|
+
const d = (c == null ? void 0 : c[e]) || i;
|
|
210
210
|
return a.useMemo(
|
|
211
|
-
() => ({ [`__scope${e}`]: { ...c, [e]:
|
|
212
|
-
[c,
|
|
211
|
+
() => ({ [`__scope${e}`]: { ...c, [e]: d } }),
|
|
212
|
+
[c, d]
|
|
213
213
|
);
|
|
214
214
|
};
|
|
215
215
|
};
|
|
216
|
-
return o.scopeName = e, [r,
|
|
216
|
+
return o.scopeName = e, [r, yr(o, ...t)];
|
|
217
217
|
}
|
|
218
|
-
function
|
|
218
|
+
function yr(...e) {
|
|
219
219
|
const t = e[0];
|
|
220
220
|
if (e.length === 1) return t;
|
|
221
221
|
const n = () => {
|
|
@@ -224,8 +224,8 @@ function Er(...e) {
|
|
|
224
224
|
scopeName: o.scopeName
|
|
225
225
|
}));
|
|
226
226
|
return function(i) {
|
|
227
|
-
const s = r.reduce((c, { useScope:
|
|
228
|
-
const f =
|
|
227
|
+
const s = r.reduce((c, { useScope: d, scopeName: u }) => {
|
|
228
|
+
const f = d(i)[`__scope${u}`];
|
|
229
229
|
return { ...c, ...f };
|
|
230
230
|
}, {});
|
|
231
231
|
return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
|
|
@@ -233,33 +233,33 @@ function Er(...e) {
|
|
|
233
233
|
};
|
|
234
234
|
return n.scopeName = t.scopeName, n;
|
|
235
235
|
}
|
|
236
|
-
var
|
|
237
|
-
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(
|
|
236
|
+
var Xe = a.forwardRef((e, t) => {
|
|
237
|
+
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(br);
|
|
238
238
|
if (i) {
|
|
239
|
-
const s = i.props.children, c = o.map((
|
|
240
|
-
return /* @__PURE__ */ v(
|
|
239
|
+
const s = i.props.children, c = o.map((d) => d === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : d);
|
|
240
|
+
return /* @__PURE__ */ v(Be, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
|
|
241
241
|
}
|
|
242
|
-
return /* @__PURE__ */ v(
|
|
242
|
+
return /* @__PURE__ */ v(Be, { ...r, ref: t, children: n });
|
|
243
243
|
});
|
|
244
|
-
|
|
245
|
-
var
|
|
244
|
+
Xe.displayName = "Slot";
|
|
245
|
+
var Be = a.forwardRef((e, t) => {
|
|
246
246
|
const { children: n, ...r } = e;
|
|
247
247
|
if (a.isValidElement(n)) {
|
|
248
|
-
const o =
|
|
248
|
+
const o = Er(n);
|
|
249
249
|
return a.cloneElement(n, {
|
|
250
|
-
...
|
|
250
|
+
...Sr(r, n.props),
|
|
251
251
|
// @ts-ignore
|
|
252
|
-
ref: t ?
|
|
252
|
+
ref: t ? je(t, o) : o
|
|
253
253
|
});
|
|
254
254
|
}
|
|
255
255
|
return a.Children.count(n) > 1 ? a.Children.only(null) : null;
|
|
256
256
|
});
|
|
257
|
-
|
|
258
|
-
var
|
|
259
|
-
function
|
|
260
|
-
return a.isValidElement(e) && e.type ===
|
|
257
|
+
Be.displayName = "SlotClone";
|
|
258
|
+
var _r = ({ children: e }) => /* @__PURE__ */ v(Ye, { children: e });
|
|
259
|
+
function br(e) {
|
|
260
|
+
return a.isValidElement(e) && e.type === _r;
|
|
261
261
|
}
|
|
262
|
-
function
|
|
262
|
+
function Sr(e, t) {
|
|
263
263
|
const n = { ...t };
|
|
264
264
|
for (const r in t) {
|
|
265
265
|
const o = e[r], i = t[r];
|
|
@@ -269,12 +269,12 @@ function _r(e, t) {
|
|
|
269
269
|
}
|
|
270
270
|
return { ...e, ...n };
|
|
271
271
|
}
|
|
272
|
-
function
|
|
272
|
+
function Er(e) {
|
|
273
273
|
var r, o;
|
|
274
274
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
275
275
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
276
276
|
}
|
|
277
|
-
var
|
|
277
|
+
var Rr = [
|
|
278
278
|
"a",
|
|
279
279
|
"button",
|
|
280
280
|
"div",
|
|
@@ -291,21 +291,21 @@ var Pr = [
|
|
|
291
291
|
"span",
|
|
292
292
|
"svg",
|
|
293
293
|
"ul"
|
|
294
|
-
],
|
|
294
|
+
], W = Rr.reduce((e, t) => {
|
|
295
295
|
const n = a.forwardRef((r, o) => {
|
|
296
|
-
const { asChild: i, ...s } = r, c = i ?
|
|
296
|
+
const { asChild: i, ...s } = r, c = i ? Xe : t;
|
|
297
297
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(c, { ...s, ref: o });
|
|
298
298
|
});
|
|
299
299
|
return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
|
|
300
300
|
}, {});
|
|
301
|
-
function
|
|
302
|
-
e &&
|
|
301
|
+
function Ot(e, t) {
|
|
302
|
+
e && Zn.flushSync(() => e.dispatchEvent(t));
|
|
303
303
|
}
|
|
304
|
-
var
|
|
304
|
+
var Pr = "DismissableLayer", Ue = "dismissableLayer.update", Mr = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside", ft, Ft = a.createContext({
|
|
305
305
|
layers: /* @__PURE__ */ new Set(),
|
|
306
306
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
307
307
|
branches: /* @__PURE__ */ new Set()
|
|
308
|
-
}),
|
|
308
|
+
}), Lt = a.forwardRef(
|
|
309
309
|
(e, t) => {
|
|
310
310
|
const {
|
|
311
311
|
disableOutsidePointerEvents: n = !1,
|
|
@@ -314,33 +314,33 @@ var Mr = "DismissableLayer", Ke = "dismissableLayer.update", xr = "dismissableLa
|
|
|
314
314
|
onFocusOutside: i,
|
|
315
315
|
onInteractOutside: s,
|
|
316
316
|
onDismiss: c,
|
|
317
|
-
...
|
|
318
|
-
} = e, u = a.useContext(
|
|
317
|
+
...d
|
|
318
|
+
} = e, u = a.useContext(Ft), [p, f] = a.useState(null), m = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = a.useState({}), h = $(t, (S) => f(S)), l = Array.from(u.layers), [C] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), w = l.indexOf(C), _ = p ? l.indexOf(p) : -1, b = u.layersWithOutsidePointerEventsDisabled.size > 0, E = _ >= w, R = Ar((S) => {
|
|
319
319
|
const P = S.target, I = [...u.branches].some((T) => T.contains(P));
|
|
320
|
-
!
|
|
321
|
-
}, m), x =
|
|
320
|
+
!E || I || (o == null || o(S), s == null || s(S), S.defaultPrevented || c == null || c());
|
|
321
|
+
}, m), x = Dr((S) => {
|
|
322
322
|
const P = S.target;
|
|
323
323
|
[...u.branches].some((T) => T.contains(P)) || (i == null || i(S), s == null || s(S), S.defaultPrevented || c == null || c());
|
|
324
324
|
}, m);
|
|
325
|
-
return
|
|
326
|
-
|
|
325
|
+
return Qn((S) => {
|
|
326
|
+
_ === u.layers.size - 1 && (r == null || r(S), !S.defaultPrevented && c && (S.preventDefault(), c()));
|
|
327
327
|
}, m), a.useEffect(() => {
|
|
328
328
|
if (p)
|
|
329
|
-
return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (
|
|
330
|
-
n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents =
|
|
329
|
+
return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (ft = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), pt(), () => {
|
|
330
|
+
n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = ft);
|
|
331
331
|
};
|
|
332
332
|
}, [p, m, n, u]), a.useEffect(() => () => {
|
|
333
|
-
p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p),
|
|
333
|
+
p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), pt());
|
|
334
334
|
}, [p, u]), a.useEffect(() => {
|
|
335
335
|
const S = () => g({});
|
|
336
|
-
return document.addEventListener(
|
|
336
|
+
return document.addEventListener(Ue, S), () => document.removeEventListener(Ue, S);
|
|
337
337
|
}, []), /* @__PURE__ */ v(
|
|
338
|
-
|
|
338
|
+
W.div,
|
|
339
339
|
{
|
|
340
|
-
...
|
|
340
|
+
...d,
|
|
341
341
|
ref: h,
|
|
342
342
|
style: {
|
|
343
|
-
pointerEvents: b ?
|
|
343
|
+
pointerEvents: b ? E ? "auto" : "none" : void 0,
|
|
344
344
|
...e.style
|
|
345
345
|
},
|
|
346
346
|
onFocusCapture: M(e.onFocusCapture, x.onFocusCapture),
|
|
@@ -353,34 +353,34 @@ var Mr = "DismissableLayer", Ke = "dismissableLayer.update", xr = "dismissableLa
|
|
|
353
353
|
);
|
|
354
354
|
}
|
|
355
355
|
);
|
|
356
|
-
|
|
357
|
-
var
|
|
358
|
-
const n = a.useContext(
|
|
356
|
+
Lt.displayName = Pr;
|
|
357
|
+
var Nr = "DismissableLayerBranch", Ir = a.forwardRef((e, t) => {
|
|
358
|
+
const n = a.useContext(Ft), r = a.useRef(null), o = $(t, r);
|
|
359
359
|
return a.useEffect(() => {
|
|
360
360
|
const i = r.current;
|
|
361
361
|
if (i)
|
|
362
362
|
return n.branches.add(i), () => {
|
|
363
363
|
n.branches.delete(i);
|
|
364
364
|
};
|
|
365
|
-
}, [n.branches]), /* @__PURE__ */ v(
|
|
365
|
+
}, [n.branches]), /* @__PURE__ */ v(W.div, { ...e, ref: o });
|
|
366
366
|
});
|
|
367
|
-
|
|
368
|
-
function
|
|
369
|
-
const n =
|
|
367
|
+
Ir.displayName = Nr;
|
|
368
|
+
function Ar(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
369
|
+
const n = j(e), r = a.useRef(!1), o = a.useRef(() => {
|
|
370
370
|
});
|
|
371
371
|
return a.useEffect(() => {
|
|
372
372
|
const i = (c) => {
|
|
373
373
|
if (c.target && !r.current) {
|
|
374
|
-
let
|
|
375
|
-
|
|
376
|
-
|
|
374
|
+
let d = function() {
|
|
375
|
+
kt(
|
|
376
|
+
Mr,
|
|
377
377
|
n,
|
|
378
378
|
u,
|
|
379
379
|
{ discrete: !0 }
|
|
380
380
|
);
|
|
381
381
|
};
|
|
382
382
|
const u = { originalEvent: c };
|
|
383
|
-
c.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current =
|
|
383
|
+
c.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = d, t.addEventListener("click", o.current, { once: !0 })) : d();
|
|
384
384
|
} else
|
|
385
385
|
t.removeEventListener("click", o.current);
|
|
386
386
|
r.current = !1;
|
|
@@ -395,11 +395,11 @@ function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
395
395
|
onPointerDownCapture: () => r.current = !0
|
|
396
396
|
};
|
|
397
397
|
}
|
|
398
|
-
function
|
|
399
|
-
const n =
|
|
398
|
+
function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
399
|
+
const n = j(e), r = a.useRef(!1);
|
|
400
400
|
return a.useEffect(() => {
|
|
401
401
|
const o = (i) => {
|
|
402
|
-
i.target && !r.current &&
|
|
402
|
+
i.target && !r.current && kt(xr, n, { originalEvent: i }, {
|
|
403
403
|
discrete: !1
|
|
404
404
|
});
|
|
405
405
|
};
|
|
@@ -409,35 +409,35 @@ function Tr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
409
409
|
onBlurCapture: () => r.current = !1
|
|
410
410
|
};
|
|
411
411
|
}
|
|
412
|
-
function
|
|
413
|
-
const e = new CustomEvent(
|
|
412
|
+
function pt() {
|
|
413
|
+
const e = new CustomEvent(Ue);
|
|
414
414
|
document.dispatchEvent(e);
|
|
415
415
|
}
|
|
416
|
-
function
|
|
416
|
+
function kt(e, t, n, { discrete: r }) {
|
|
417
417
|
const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
|
|
418
|
-
t && o.addEventListener(e, t, { once: !0 }), r ?
|
|
418
|
+
t && o.addEventListener(e, t, { once: !0 }), r ? Ot(o, i) : o.dispatchEvent(i);
|
|
419
419
|
}
|
|
420
|
-
var
|
|
421
|
-
function
|
|
420
|
+
var Ae = 0;
|
|
421
|
+
function Tr() {
|
|
422
422
|
a.useEffect(() => {
|
|
423
423
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
424
|
-
return document.body.insertAdjacentElement("afterbegin", e[0] ??
|
|
425
|
-
|
|
424
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? mt()), document.body.insertAdjacentElement("beforeend", e[1] ?? mt()), Ae++, () => {
|
|
425
|
+
Ae === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ae--;
|
|
426
426
|
};
|
|
427
427
|
}, []);
|
|
428
428
|
}
|
|
429
|
-
function
|
|
429
|
+
function mt() {
|
|
430
430
|
const e = document.createElement("span");
|
|
431
431
|
return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
|
|
432
432
|
}
|
|
433
|
-
var
|
|
433
|
+
var De = "focusScope.autoFocusOnMount", Te = "focusScope.autoFocusOnUnmount", vt = { bubbles: !1, cancelable: !0 }, Or = "FocusScope", $t = a.forwardRef((e, t) => {
|
|
434
434
|
const {
|
|
435
435
|
loop: n = !1,
|
|
436
436
|
trapped: r = !1,
|
|
437
437
|
onMountAutoFocus: o,
|
|
438
438
|
onUnmountAutoFocus: i,
|
|
439
439
|
...s
|
|
440
|
-
} = e, [c,
|
|
440
|
+
} = e, [c, d] = a.useState(null), u = j(o), p = j(i), f = a.useRef(null), m = $(t, (l) => d(l)), g = a.useRef({
|
|
441
441
|
paused: !1,
|
|
442
442
|
pause() {
|
|
443
443
|
this.paused = !0;
|
|
@@ -448,65 +448,65 @@ var Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt
|
|
|
448
448
|
}).current;
|
|
449
449
|
a.useEffect(() => {
|
|
450
450
|
if (r) {
|
|
451
|
-
let
|
|
451
|
+
let l = function(b) {
|
|
452
452
|
if (g.paused || !c) return;
|
|
453
|
-
const
|
|
454
|
-
c.contains(
|
|
455
|
-
},
|
|
453
|
+
const E = b.target;
|
|
454
|
+
c.contains(E) ? f.current = E : V(f.current, { select: !0 });
|
|
455
|
+
}, C = function(b) {
|
|
456
456
|
if (g.paused || !c) return;
|
|
457
|
-
const
|
|
458
|
-
|
|
457
|
+
const E = b.relatedTarget;
|
|
458
|
+
E !== null && (c.contains(E) || V(f.current, { select: !0 }));
|
|
459
459
|
}, w = function(b) {
|
|
460
460
|
if (document.activeElement === document.body)
|
|
461
461
|
for (const R of b)
|
|
462
|
-
R.removedNodes.length > 0 &&
|
|
462
|
+
R.removedNodes.length > 0 && V(c);
|
|
463
463
|
};
|
|
464
|
-
document.addEventListener("focusin",
|
|
465
|
-
const
|
|
466
|
-
return c &&
|
|
467
|
-
document.removeEventListener("focusin",
|
|
464
|
+
document.addEventListener("focusin", l), document.addEventListener("focusout", C);
|
|
465
|
+
const _ = new MutationObserver(w);
|
|
466
|
+
return c && _.observe(c, { childList: !0, subtree: !0 }), () => {
|
|
467
|
+
document.removeEventListener("focusin", l), document.removeEventListener("focusout", C), _.disconnect();
|
|
468
468
|
};
|
|
469
469
|
}
|
|
470
470
|
}, [r, c, g.paused]), a.useEffect(() => {
|
|
471
471
|
if (c) {
|
|
472
|
-
|
|
473
|
-
const
|
|
474
|
-
if (!c.contains(
|
|
475
|
-
const w = new CustomEvent(
|
|
476
|
-
c.addEventListener(
|
|
472
|
+
gt.add(g);
|
|
473
|
+
const l = document.activeElement;
|
|
474
|
+
if (!c.contains(l)) {
|
|
475
|
+
const w = new CustomEvent(De, vt);
|
|
476
|
+
c.addEventListener(De, u), c.dispatchEvent(w), w.defaultPrevented || (Fr(Br(Wt(c)), { select: !0 }), document.activeElement === l && V(c));
|
|
477
477
|
}
|
|
478
478
|
return () => {
|
|
479
|
-
c.removeEventListener(
|
|
480
|
-
const w = new CustomEvent(
|
|
481
|
-
c.addEventListener(
|
|
479
|
+
c.removeEventListener(De, u), setTimeout(() => {
|
|
480
|
+
const w = new CustomEvent(Te, vt);
|
|
481
|
+
c.addEventListener(Te, p), c.dispatchEvent(w), w.defaultPrevented || V(l ?? document.body, { select: !0 }), c.removeEventListener(Te, p), gt.remove(g);
|
|
482
482
|
}, 0);
|
|
483
483
|
};
|
|
484
484
|
}
|
|
485
485
|
}, [c, u, p, g]);
|
|
486
486
|
const h = a.useCallback(
|
|
487
|
-
(
|
|
487
|
+
(l) => {
|
|
488
488
|
if (!n && !r || g.paused) return;
|
|
489
|
-
const
|
|
490
|
-
if (
|
|
491
|
-
const
|
|
492
|
-
b &&
|
|
489
|
+
const C = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, w = document.activeElement;
|
|
490
|
+
if (C && w) {
|
|
491
|
+
const _ = l.currentTarget, [b, E] = Lr(_);
|
|
492
|
+
b && E ? !l.shiftKey && w === E ? (l.preventDefault(), n && V(b, { select: !0 })) : l.shiftKey && w === b && (l.preventDefault(), n && V(E, { select: !0 })) : w === _ && l.preventDefault();
|
|
493
493
|
}
|
|
494
494
|
},
|
|
495
495
|
[n, r, g.paused]
|
|
496
496
|
);
|
|
497
|
-
return /* @__PURE__ */ v(
|
|
497
|
+
return /* @__PURE__ */ v(W.div, { tabIndex: -1, ...s, ref: m, onKeyDown: h });
|
|
498
498
|
});
|
|
499
|
-
|
|
500
|
-
function
|
|
499
|
+
$t.displayName = Or;
|
|
500
|
+
function Fr(e, { select: t = !1 } = {}) {
|
|
501
501
|
const n = document.activeElement;
|
|
502
502
|
for (const r of e)
|
|
503
|
-
if (
|
|
503
|
+
if (V(r, { select: t }), document.activeElement !== n) return;
|
|
504
504
|
}
|
|
505
|
-
function
|
|
506
|
-
const t =
|
|
505
|
+
function Lr(e) {
|
|
506
|
+
const t = Wt(e), n = ht(t, e), r = ht(t.reverse(), e);
|
|
507
507
|
return [n, r];
|
|
508
508
|
}
|
|
509
|
-
function
|
|
509
|
+
function Wt(e) {
|
|
510
510
|
const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
|
511
511
|
acceptNode: (r) => {
|
|
512
512
|
const o = r.tagName === "INPUT" && r.type === "hidden";
|
|
@@ -516,11 +516,11 @@ function $t(e) {
|
|
|
516
516
|
for (; n.nextNode(); ) t.push(n.currentNode);
|
|
517
517
|
return t;
|
|
518
518
|
}
|
|
519
|
-
function
|
|
519
|
+
function ht(e, t) {
|
|
520
520
|
for (const n of e)
|
|
521
|
-
if (
|
|
521
|
+
if (!kr(n, { upTo: t })) return n;
|
|
522
522
|
}
|
|
523
|
-
function
|
|
523
|
+
function kr(e, { upTo: t }) {
|
|
524
524
|
if (getComputedStyle(e).visibility === "hidden") return !0;
|
|
525
525
|
for (; e; ) {
|
|
526
526
|
if (t !== void 0 && e === t) return !1;
|
|
@@ -529,40 +529,40 @@ function $r(e, { upTo: t }) {
|
|
|
529
529
|
}
|
|
530
530
|
return !1;
|
|
531
531
|
}
|
|
532
|
-
function
|
|
532
|
+
function $r(e) {
|
|
533
533
|
return e instanceof HTMLInputElement && "select" in e;
|
|
534
534
|
}
|
|
535
|
-
function
|
|
535
|
+
function V(e, { select: t = !1 } = {}) {
|
|
536
536
|
if (e && e.focus) {
|
|
537
537
|
const n = document.activeElement;
|
|
538
|
-
e.focus({ preventScroll: !0 }), e !== n &&
|
|
538
|
+
e.focus({ preventScroll: !0 }), e !== n && $r(e) && t && e.select();
|
|
539
539
|
}
|
|
540
540
|
}
|
|
541
|
-
var
|
|
542
|
-
function
|
|
541
|
+
var gt = Wr();
|
|
542
|
+
function Wr() {
|
|
543
543
|
let e = [];
|
|
544
544
|
return {
|
|
545
545
|
add(t) {
|
|
546
546
|
const n = e[0];
|
|
547
|
-
t !== n && (n == null || n.pause()), e =
|
|
547
|
+
t !== n && (n == null || n.pause()), e = wt(e, t), e.unshift(t);
|
|
548
548
|
},
|
|
549
549
|
remove(t) {
|
|
550
550
|
var n;
|
|
551
|
-
e =
|
|
551
|
+
e = wt(e, t), (n = e[0]) == null || n.resume();
|
|
552
552
|
}
|
|
553
553
|
};
|
|
554
554
|
}
|
|
555
|
-
function
|
|
555
|
+
function wt(e, t) {
|
|
556
556
|
const n = [...e], r = n.indexOf(t);
|
|
557
557
|
return r !== -1 && n.splice(r, 1), n;
|
|
558
558
|
}
|
|
559
|
-
function
|
|
559
|
+
function Br(e) {
|
|
560
560
|
return e.filter((t) => t.tagName !== "A");
|
|
561
561
|
}
|
|
562
|
-
var
|
|
562
|
+
var Ur = "Arrow", Bt = a.forwardRef((e, t) => {
|
|
563
563
|
const { children: n, width: r = 10, height: o = 5, ...i } = e;
|
|
564
564
|
return /* @__PURE__ */ v(
|
|
565
|
-
|
|
565
|
+
W.svg,
|
|
566
566
|
{
|
|
567
567
|
...i,
|
|
568
568
|
ref: t,
|
|
@@ -574,24 +574,24 @@ var Kr = "Arrow", Wt = a.forwardRef((e, t) => {
|
|
|
574
574
|
}
|
|
575
575
|
);
|
|
576
576
|
});
|
|
577
|
-
|
|
578
|
-
var
|
|
577
|
+
Bt.displayName = Ur;
|
|
578
|
+
var Kr = Bt, He = "Popper", [Ut, Kt] = Tt(He), [Gr, Gt] = Ut(He), zt = (e) => {
|
|
579
579
|
const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
|
|
580
|
-
return /* @__PURE__ */ v(
|
|
580
|
+
return /* @__PURE__ */ v(Gr, { scope: t, anchor: r, onAnchorChange: o, children: n });
|
|
581
581
|
};
|
|
582
|
-
|
|
582
|
+
zt.displayName = He;
|
|
583
583
|
var Vt = "PopperAnchor", Yt = a.forwardRef(
|
|
584
584
|
(e, t) => {
|
|
585
|
-
const { __scopePopper: n, virtualRef: r, ...o } = e, i =
|
|
585
|
+
const { __scopePopper: n, virtualRef: r, ...o } = e, i = Gt(Vt, n), s = a.useRef(null), c = $(t, s);
|
|
586
586
|
return a.useEffect(() => {
|
|
587
587
|
i.onAnchorChange((r == null ? void 0 : r.current) || s.current);
|
|
588
|
-
}), r ? null : /* @__PURE__ */ v(
|
|
588
|
+
}), r ? null : /* @__PURE__ */ v(W.div, { ...o, ref: c });
|
|
589
589
|
}
|
|
590
590
|
);
|
|
591
591
|
Yt.displayName = Vt;
|
|
592
|
-
var
|
|
592
|
+
var Ze = "PopperContent", [zr, Vr] = Ut(Ze), jt = a.forwardRef(
|
|
593
593
|
(e, t) => {
|
|
594
|
-
var
|
|
594
|
+
var K, ce, F, se, ot, at;
|
|
595
595
|
const {
|
|
596
596
|
__scopePopper: n,
|
|
597
597
|
side: r = "bottom",
|
|
@@ -599,56 +599,56 @@ var Qe = "PopperContent", [Yr, jr] = Bt(Qe), jt = a.forwardRef(
|
|
|
599
599
|
align: i = "center",
|
|
600
600
|
alignOffset: s = 0,
|
|
601
601
|
arrowPadding: c = 0,
|
|
602
|
-
avoidCollisions:
|
|
602
|
+
avoidCollisions: d = !0,
|
|
603
603
|
collisionBoundary: u = [],
|
|
604
604
|
collisionPadding: p = 0,
|
|
605
605
|
sticky: f = "partial",
|
|
606
606
|
hideWhenDetached: m = !1,
|
|
607
607
|
updatePositionStrategy: g = "optimized",
|
|
608
608
|
onPlaced: h,
|
|
609
|
-
...
|
|
610
|
-
} = e,
|
|
609
|
+
...l
|
|
610
|
+
} = e, C = Gt(Ze, n), [w, _] = a.useState(null), b = $(t, (ue) => _(ue)), [E, R] = a.useState(null), x = Hn(E), S = (x == null ? void 0 : x.width) ?? 0, P = (x == null ? void 0 : x.height) ?? 0, I = r + (i !== "center" ? "-" + i : ""), T = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, z = Array.isArray(u) ? u : [u], X = z.length > 0, U = {
|
|
611
611
|
padding: T,
|
|
612
|
-
boundary:
|
|
612
|
+
boundary: z.filter(jr),
|
|
613
613
|
// with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
|
|
614
|
-
altBoundary:
|
|
615
|
-
}, { refs: Q, floatingStyles: q, placement:
|
|
614
|
+
altBoundary: X
|
|
615
|
+
}, { refs: Q, floatingStyles: q, placement: k, isPositioned: J, middlewareData: O } = qn({
|
|
616
616
|
// default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
|
|
617
617
|
strategy: "fixed",
|
|
618
618
|
placement: I,
|
|
619
|
-
whileElementsMounted: (...ue) =>
|
|
619
|
+
whileElementsMounted: (...ue) => Jn(...ue, {
|
|
620
620
|
animationFrame: g === "always"
|
|
621
621
|
}),
|
|
622
622
|
elements: {
|
|
623
|
-
reference:
|
|
623
|
+
reference: C.anchor
|
|
624
624
|
},
|
|
625
625
|
middleware: [
|
|
626
|
-
|
|
627
|
-
|
|
626
|
+
er({ mainAxis: o + P, alignmentAxis: s }),
|
|
627
|
+
d && tr({
|
|
628
628
|
mainAxis: !0,
|
|
629
629
|
crossAxis: !1,
|
|
630
|
-
limiter: f === "partial" ?
|
|
631
|
-
...
|
|
630
|
+
limiter: f === "partial" ? nr() : void 0,
|
|
631
|
+
...U
|
|
632
632
|
}),
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
...
|
|
636
|
-
apply: ({ elements: ue, rects:
|
|
637
|
-
const { width: Vn, height: Yn } =
|
|
638
|
-
he.setProperty("--radix-popper-available-width", `${
|
|
633
|
+
d && rr({ ...U }),
|
|
634
|
+
or({
|
|
635
|
+
...U,
|
|
636
|
+
apply: ({ elements: ue, rects: it, availableWidth: Gn, availableHeight: zn }) => {
|
|
637
|
+
const { width: Vn, height: Yn } = it.reference, he = ue.floating.style;
|
|
638
|
+
he.setProperty("--radix-popper-available-width", `${Gn}px`), he.setProperty("--radix-popper-available-height", `${zn}px`), he.setProperty("--radix-popper-anchor-width", `${Vn}px`), he.setProperty("--radix-popper-anchor-height", `${Yn}px`);
|
|
639
639
|
}
|
|
640
640
|
}),
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
m &&
|
|
641
|
+
E && ar({ element: E, padding: c }),
|
|
642
|
+
Xr({ arrowWidth: S, arrowHeight: P }),
|
|
643
|
+
m && ir({ strategy: "referenceHidden", ...U })
|
|
644
644
|
]
|
|
645
|
-
}), [
|
|
645
|
+
}), [y, A] = Zt(k), N = j(h);
|
|
646
646
|
be(() => {
|
|
647
647
|
J && (N == null || N());
|
|
648
648
|
}, [J, N]);
|
|
649
|
-
const
|
|
649
|
+
const B = (K = O.arrow) == null ? void 0 : K.x, ae = (ce = O.arrow) == null ? void 0 : ce.y, ie = ((F = O.arrow) == null ? void 0 : F.centerOffset) !== 0, [ve, H] = a.useState();
|
|
650
650
|
return be(() => {
|
|
651
|
-
w &&
|
|
651
|
+
w && H(window.getComputedStyle(w).zIndex);
|
|
652
652
|
}, [w]), /* @__PURE__ */ v(
|
|
653
653
|
"div",
|
|
654
654
|
{
|
|
@@ -662,35 +662,35 @@ var Qe = "PopperContent", [Yr, jr] = Bt(Qe), jt = a.forwardRef(
|
|
|
662
662
|
zIndex: ve,
|
|
663
663
|
"--radix-popper-transform-origin": [
|
|
664
664
|
(se = O.transformOrigin) == null ? void 0 : se.x,
|
|
665
|
-
(
|
|
665
|
+
(ot = O.transformOrigin) == null ? void 0 : ot.y
|
|
666
666
|
].join(" "),
|
|
667
667
|
// hide the content if using the hide middleware and should be hidden
|
|
668
668
|
// set visibility to hidden and disable pointer events so the UI behaves
|
|
669
669
|
// as if the PopperContent isn't there at all
|
|
670
|
-
...((
|
|
670
|
+
...((at = O.hide) == null ? void 0 : at.referenceHidden) && {
|
|
671
671
|
visibility: "hidden",
|
|
672
672
|
pointerEvents: "none"
|
|
673
673
|
}
|
|
674
674
|
},
|
|
675
675
|
dir: e.dir,
|
|
676
676
|
children: /* @__PURE__ */ v(
|
|
677
|
-
|
|
677
|
+
zr,
|
|
678
678
|
{
|
|
679
679
|
scope: n,
|
|
680
|
-
placedSide:
|
|
680
|
+
placedSide: y,
|
|
681
681
|
onArrowChange: R,
|
|
682
|
-
arrowX:
|
|
682
|
+
arrowX: B,
|
|
683
683
|
arrowY: ae,
|
|
684
684
|
shouldHideArrow: ie,
|
|
685
685
|
children: /* @__PURE__ */ v(
|
|
686
|
-
|
|
686
|
+
W.div,
|
|
687
687
|
{
|
|
688
|
-
"data-side":
|
|
688
|
+
"data-side": y,
|
|
689
689
|
"data-align": A,
|
|
690
|
-
...
|
|
690
|
+
...l,
|
|
691
691
|
ref: b,
|
|
692
692
|
style: {
|
|
693
|
-
...
|
|
693
|
+
...l.style,
|
|
694
694
|
// if the PopperContent hasn't been placed yet (not all measurements done)
|
|
695
695
|
// we prevent animations so that users's animation don't kick in too early referring wrong sides
|
|
696
696
|
animation: J ? void 0 : "none"
|
|
@@ -703,14 +703,14 @@ var Qe = "PopperContent", [Yr, jr] = Bt(Qe), jt = a.forwardRef(
|
|
|
703
703
|
);
|
|
704
704
|
}
|
|
705
705
|
);
|
|
706
|
-
jt.displayName =
|
|
707
|
-
var Xt = "PopperArrow",
|
|
706
|
+
jt.displayName = Ze;
|
|
707
|
+
var Xt = "PopperArrow", Yr = {
|
|
708
708
|
top: "bottom",
|
|
709
709
|
right: "left",
|
|
710
710
|
bottom: "top",
|
|
711
711
|
left: "right"
|
|
712
712
|
}, Ht = a.forwardRef(function(t, n) {
|
|
713
|
-
const { __scopePopper: r, ...o } = t, i =
|
|
713
|
+
const { __scopePopper: r, ...o } = t, i = Vr(Xt, r), s = Yr[i.placedSide];
|
|
714
714
|
return (
|
|
715
715
|
// we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
|
|
716
716
|
// doesn't report size as we'd expect on SVG elements.
|
|
@@ -739,7 +739,7 @@ var Xt = "PopperArrow", Xr = {
|
|
|
739
739
|
visibility: i.shouldHideArrow ? "hidden" : void 0
|
|
740
740
|
},
|
|
741
741
|
children: /* @__PURE__ */ v(
|
|
742
|
-
|
|
742
|
+
Kr,
|
|
743
743
|
{
|
|
744
744
|
...o,
|
|
745
745
|
ref: n,
|
|
@@ -755,34 +755,34 @@ var Xt = "PopperArrow", Xr = {
|
|
|
755
755
|
);
|
|
756
756
|
});
|
|
757
757
|
Ht.displayName = Xt;
|
|
758
|
-
function
|
|
758
|
+
function jr(e) {
|
|
759
759
|
return e !== null;
|
|
760
760
|
}
|
|
761
|
-
var
|
|
761
|
+
var Xr = (e) => ({
|
|
762
762
|
name: "transformOrigin",
|
|
763
763
|
options: e,
|
|
764
764
|
fn(t) {
|
|
765
|
-
var
|
|
766
|
-
const { placement: n, rects: r, middlewareData: o } = t, s = ((
|
|
767
|
-
let h = "",
|
|
768
|
-
return u === "bottom" ? (h = s ? f : `${m}px`,
|
|
765
|
+
var C, w, _;
|
|
766
|
+
const { placement: n, rects: r, middlewareData: o } = t, s = ((C = o.arrow) == null ? void 0 : C.centerOffset) !== 0, c = s ? 0 : e.arrowWidth, d = s ? 0 : e.arrowHeight, [u, p] = Zt(n), f = { start: "0%", center: "50%", end: "100%" }[p], m = (((w = o.arrow) == null ? void 0 : w.x) ?? 0) + c / 2, g = (((_ = o.arrow) == null ? void 0 : _.y) ?? 0) + d / 2;
|
|
767
|
+
let h = "", l = "";
|
|
768
|
+
return u === "bottom" ? (h = s ? f : `${m}px`, l = `${-d}px`) : u === "top" ? (h = s ? f : `${m}px`, l = `${r.floating.height + d}px`) : u === "right" ? (h = `${-d}px`, l = s ? f : `${g}px`) : u === "left" && (h = `${r.floating.width + d}px`, l = s ? f : `${g}px`), { data: { x: h, y: l } };
|
|
769
769
|
}
|
|
770
770
|
});
|
|
771
|
-
function
|
|
771
|
+
function Zt(e) {
|
|
772
772
|
const [t, n = "center"] = e.split("-");
|
|
773
773
|
return [t, n];
|
|
774
774
|
}
|
|
775
|
-
var
|
|
776
|
-
function
|
|
775
|
+
var Hr = zt, Zr = Yt, Qr = jt, qr = Ht;
|
|
776
|
+
function Jr(e, t) {
|
|
777
777
|
return a.useReducer((n, r) => t[n][r] ?? n, e);
|
|
778
778
|
}
|
|
779
779
|
var Pe = (e) => {
|
|
780
|
-
const { present: t, children: n } = e, r =
|
|
780
|
+
const { present: t, children: n } = e, r = eo(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), i = $(r.ref, to(o));
|
|
781
781
|
return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: i }) : null;
|
|
782
782
|
};
|
|
783
783
|
Pe.displayName = "Presence";
|
|
784
|
-
function
|
|
785
|
-
const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c,
|
|
784
|
+
function eo(e) {
|
|
785
|
+
const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), i = a.useRef("none"), s = e ? "mounted" : "unmounted", [c, d] = Jr(s, {
|
|
786
786
|
mounted: {
|
|
787
787
|
UNMOUNT: "unmounted",
|
|
788
788
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -802,17 +802,17 @@ function to(e) {
|
|
|
802
802
|
const u = r.current, p = o.current;
|
|
803
803
|
if (p !== e) {
|
|
804
804
|
const m = i.current, g = ge(u);
|
|
805
|
-
e ?
|
|
805
|
+
e ? d("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? d("UNMOUNT") : d(p && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
|
|
806
806
|
}
|
|
807
|
-
}, [e,
|
|
807
|
+
}, [e, d]), be(() => {
|
|
808
808
|
if (t) {
|
|
809
809
|
let u;
|
|
810
810
|
const p = t.ownerDocument.defaultView ?? window, f = (g) => {
|
|
811
|
-
const
|
|
812
|
-
if (g.target === t &&
|
|
813
|
-
const
|
|
811
|
+
const l = ge(r.current).includes(g.animationName);
|
|
812
|
+
if (g.target === t && l && (d("ANIMATION_END"), !o.current)) {
|
|
813
|
+
const C = t.style.animationFillMode;
|
|
814
814
|
t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
|
|
815
|
-
t.style.animationFillMode === "forwards" && (t.style.animationFillMode =
|
|
815
|
+
t.style.animationFillMode === "forwards" && (t.style.animationFillMode = C);
|
|
816
816
|
});
|
|
817
817
|
}
|
|
818
818
|
}, m = (g) => {
|
|
@@ -822,8 +822,8 @@ function to(e) {
|
|
|
822
822
|
p.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
|
|
823
823
|
};
|
|
824
824
|
} else
|
|
825
|
-
|
|
826
|
-
}, [t,
|
|
825
|
+
d("ANIMATION_END");
|
|
826
|
+
}, [t, d]), {
|
|
827
827
|
isPresent: ["mounted", "unmountSuspended"].includes(c),
|
|
828
828
|
ref: a.useCallback((u) => {
|
|
829
829
|
u && (r.current = getComputedStyle(u)), n(u);
|
|
@@ -833,7 +833,7 @@ function to(e) {
|
|
|
833
833
|
function ge(e) {
|
|
834
834
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
835
835
|
}
|
|
836
|
-
function
|
|
836
|
+
function to(e) {
|
|
837
837
|
var r, o;
|
|
838
838
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
839
839
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
@@ -844,44 +844,44 @@ function ne(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
|
|
|
844
844
|
return t == null ? void 0 : t(o);
|
|
845
845
|
};
|
|
846
846
|
}
|
|
847
|
-
function
|
|
847
|
+
function Ct(e, t) {
|
|
848
848
|
if (typeof e == "function")
|
|
849
849
|
return e(t);
|
|
850
850
|
e != null && (e.current = t);
|
|
851
851
|
}
|
|
852
|
-
function
|
|
852
|
+
function Qt(...e) {
|
|
853
853
|
return (t) => {
|
|
854
854
|
let n = !1;
|
|
855
855
|
const r = e.map((o) => {
|
|
856
|
-
const i =
|
|
856
|
+
const i = Ct(o, t);
|
|
857
857
|
return !n && typeof i == "function" && (n = !0), i;
|
|
858
858
|
});
|
|
859
859
|
if (n)
|
|
860
860
|
return () => {
|
|
861
861
|
for (let o = 0; o < r.length; o++) {
|
|
862
862
|
const i = r[o];
|
|
863
|
-
typeof i == "function" ? i() :
|
|
863
|
+
typeof i == "function" ? i() : Ct(e[o], null);
|
|
864
864
|
}
|
|
865
865
|
};
|
|
866
866
|
};
|
|
867
867
|
}
|
|
868
|
-
function
|
|
869
|
-
return a.useCallback(
|
|
868
|
+
function no(...e) {
|
|
869
|
+
return a.useCallback(Qt(...e), e);
|
|
870
870
|
}
|
|
871
|
-
function
|
|
871
|
+
function ro(e, t = []) {
|
|
872
872
|
let n = [];
|
|
873
873
|
function r(i, s) {
|
|
874
|
-
const c = a.createContext(s),
|
|
874
|
+
const c = a.createContext(s), d = n.length;
|
|
875
875
|
n = [...n, s];
|
|
876
876
|
const u = (f) => {
|
|
877
877
|
var w;
|
|
878
|
-
const { scope: m, children: g, ...h } = f,
|
|
879
|
-
return /* @__PURE__ */ v(
|
|
878
|
+
const { scope: m, children: g, ...h } = f, l = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[d]) || c, C = a.useMemo(() => h, Object.values(h));
|
|
879
|
+
return /* @__PURE__ */ v(l.Provider, { value: C, children: g });
|
|
880
880
|
};
|
|
881
881
|
u.displayName = i + "Provider";
|
|
882
882
|
function p(f, m) {
|
|
883
|
-
var
|
|
884
|
-
const g = ((
|
|
883
|
+
var l;
|
|
884
|
+
const g = ((l = m == null ? void 0 : m[e]) == null ? void 0 : l[d]) || c, h = a.useContext(g);
|
|
885
885
|
if (h) return h;
|
|
886
886
|
if (s !== void 0) return s;
|
|
887
887
|
throw new Error(`\`${f}\` must be used within \`${i}\``);
|
|
@@ -891,16 +891,16 @@ function oo(e, t = []) {
|
|
|
891
891
|
const o = () => {
|
|
892
892
|
const i = n.map((s) => a.createContext(s));
|
|
893
893
|
return function(c) {
|
|
894
|
-
const
|
|
894
|
+
const d = (c == null ? void 0 : c[e]) || i;
|
|
895
895
|
return a.useMemo(
|
|
896
|
-
() => ({ [`__scope${e}`]: { ...c, [e]:
|
|
897
|
-
[c,
|
|
896
|
+
() => ({ [`__scope${e}`]: { ...c, [e]: d } }),
|
|
897
|
+
[c, d]
|
|
898
898
|
);
|
|
899
899
|
};
|
|
900
900
|
};
|
|
901
|
-
return o.scopeName = e, [r,
|
|
901
|
+
return o.scopeName = e, [r, oo(o, ...t)];
|
|
902
902
|
}
|
|
903
|
-
function
|
|
903
|
+
function oo(...e) {
|
|
904
904
|
const t = e[0];
|
|
905
905
|
if (e.length === 1) return t;
|
|
906
906
|
const n = () => {
|
|
@@ -909,8 +909,8 @@ function ao(...e) {
|
|
|
909
909
|
scopeName: o.scopeName
|
|
910
910
|
}));
|
|
911
911
|
return function(i) {
|
|
912
|
-
const s = r.reduce((c, { useScope:
|
|
913
|
-
const f =
|
|
912
|
+
const s = r.reduce((c, { useScope: d, scopeName: u }) => {
|
|
913
|
+
const f = d(i)[`__scope${u}`];
|
|
914
914
|
return { ...c, ...f };
|
|
915
915
|
}, {});
|
|
916
916
|
return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
|
|
@@ -918,33 +918,33 @@ function ao(...e) {
|
|
|
918
918
|
};
|
|
919
919
|
return n.scopeName = t.scopeName, n;
|
|
920
920
|
}
|
|
921
|
-
var
|
|
922
|
-
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(
|
|
921
|
+
var qt = a.forwardRef((e, t) => {
|
|
922
|
+
const { children: n, ...r } = e, o = a.Children.toArray(n), i = o.find(io);
|
|
923
923
|
if (i) {
|
|
924
|
-
const s = i.props.children, c = o.map((
|
|
925
|
-
return /* @__PURE__ */ v(
|
|
924
|
+
const s = i.props.children, c = o.map((d) => d === i ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : d);
|
|
925
|
+
return /* @__PURE__ */ v(Ke, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, c) : null });
|
|
926
926
|
}
|
|
927
|
-
return /* @__PURE__ */ v(
|
|
927
|
+
return /* @__PURE__ */ v(Ke, { ...r, ref: t, children: n });
|
|
928
928
|
});
|
|
929
|
-
|
|
930
|
-
var
|
|
929
|
+
qt.displayName = "Slot";
|
|
930
|
+
var Ke = a.forwardRef((e, t) => {
|
|
931
931
|
const { children: n, ...r } = e;
|
|
932
932
|
if (a.isValidElement(n)) {
|
|
933
|
-
const o =
|
|
933
|
+
const o = so(n);
|
|
934
934
|
return a.cloneElement(n, {
|
|
935
|
-
...
|
|
935
|
+
...co(r, n.props),
|
|
936
936
|
// @ts-ignore
|
|
937
|
-
ref: t ?
|
|
937
|
+
ref: t ? Qt(t, o) : o
|
|
938
938
|
});
|
|
939
939
|
}
|
|
940
940
|
return a.Children.count(n) > 1 ? a.Children.only(null) : null;
|
|
941
941
|
});
|
|
942
|
-
|
|
943
|
-
var
|
|
944
|
-
function
|
|
945
|
-
return a.isValidElement(e) && e.type ===
|
|
942
|
+
Ke.displayName = "SlotClone";
|
|
943
|
+
var ao = ({ children: e }) => /* @__PURE__ */ v(Ye, { children: e });
|
|
944
|
+
function io(e) {
|
|
945
|
+
return a.isValidElement(e) && e.type === ao;
|
|
946
946
|
}
|
|
947
|
-
function
|
|
947
|
+
function co(e, t) {
|
|
948
948
|
const n = { ...t };
|
|
949
949
|
for (const r in t) {
|
|
950
950
|
const o = e[r], i = t[r];
|
|
@@ -954,12 +954,12 @@ function so(e, t) {
|
|
|
954
954
|
}
|
|
955
955
|
return { ...e, ...n };
|
|
956
956
|
}
|
|
957
|
-
function
|
|
957
|
+
function so(e) {
|
|
958
958
|
var r, o;
|
|
959
959
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
|
|
960
960
|
return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
|
|
961
961
|
}
|
|
962
|
-
var
|
|
962
|
+
var uo = [
|
|
963
963
|
"a",
|
|
964
964
|
"button",
|
|
965
965
|
"div",
|
|
@@ -976,20 +976,20 @@ var lo = [
|
|
|
976
976
|
"span",
|
|
977
977
|
"svg",
|
|
978
978
|
"ul"
|
|
979
|
-
],
|
|
979
|
+
], Jt = uo.reduce((e, t) => {
|
|
980
980
|
const n = a.forwardRef((r, o) => {
|
|
981
|
-
const { asChild: i, ...s } = r, c = i ?
|
|
981
|
+
const { asChild: i, ...s } = r, c = i ? qt : t;
|
|
982
982
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(c, { ...s, ref: o });
|
|
983
983
|
});
|
|
984
984
|
return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
|
|
985
|
-
}, {}),
|
|
985
|
+
}, {}), Oe = "rovingFocusGroup.onEntryFocus", lo = { bubbles: !1, cancelable: !0 }, Me = "RovingFocusGroup", [Ge, en, fo] = xt(Me), [po, tn] = ro(
|
|
986
986
|
Me,
|
|
987
|
-
[
|
|
988
|
-
), [
|
|
989
|
-
(e, t) => /* @__PURE__ */ v(
|
|
987
|
+
[fo]
|
|
988
|
+
), [mo, vo] = po(Me), nn = a.forwardRef(
|
|
989
|
+
(e, t) => /* @__PURE__ */ v(Ge.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(Ge.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(ho, { ...e, ref: t }) }) })
|
|
990
990
|
);
|
|
991
|
-
|
|
992
|
-
var
|
|
991
|
+
nn.displayName = Me;
|
|
992
|
+
var ho = a.forwardRef((e, t) => {
|
|
993
993
|
const {
|
|
994
994
|
__scopeRovingFocusGroup: n,
|
|
995
995
|
orientation: r,
|
|
@@ -997,32 +997,32 @@ var go = a.forwardRef((e, t) => {
|
|
|
997
997
|
dir: i,
|
|
998
998
|
currentTabStopId: s,
|
|
999
999
|
defaultCurrentTabStopId: c,
|
|
1000
|
-
onCurrentTabStopIdChange:
|
|
1000
|
+
onCurrentTabStopIdChange: d,
|
|
1001
1001
|
onEntryFocus: u,
|
|
1002
1002
|
preventScrollOnEntryFocus: p = !1,
|
|
1003
1003
|
...f
|
|
1004
|
-
} = e, m = a.useRef(null), g =
|
|
1004
|
+
} = e, m = a.useRef(null), g = no(t, m), h = Nt(i), [l = null, C] = Mt({
|
|
1005
1005
|
prop: s,
|
|
1006
1006
|
defaultProp: c,
|
|
1007
|
-
onChange:
|
|
1008
|
-
}), [w,
|
|
1007
|
+
onChange: d
|
|
1008
|
+
}), [w, _] = a.useState(!1), b = j(u), E = en(n), R = a.useRef(!1), [x, S] = a.useState(0);
|
|
1009
1009
|
return a.useEffect(() => {
|
|
1010
1010
|
const P = m.current;
|
|
1011
1011
|
if (P)
|
|
1012
|
-
return P.addEventListener(
|
|
1012
|
+
return P.addEventListener(Oe, b), () => P.removeEventListener(Oe, b);
|
|
1013
1013
|
}, [b]), /* @__PURE__ */ v(
|
|
1014
|
-
|
|
1014
|
+
mo,
|
|
1015
1015
|
{
|
|
1016
1016
|
scope: n,
|
|
1017
1017
|
orientation: r,
|
|
1018
1018
|
dir: h,
|
|
1019
1019
|
loop: o,
|
|
1020
|
-
currentTabStopId:
|
|
1020
|
+
currentTabStopId: l,
|
|
1021
1021
|
onItemFocus: a.useCallback(
|
|
1022
|
-
(P) =>
|
|
1023
|
-
[
|
|
1022
|
+
(P) => C(P),
|
|
1023
|
+
[C]
|
|
1024
1024
|
),
|
|
1025
|
-
onItemShiftTab: a.useCallback(() =>
|
|
1025
|
+
onItemShiftTab: a.useCallback(() => _(!0), []),
|
|
1026
1026
|
onFocusableItemAdd: a.useCallback(
|
|
1027
1027
|
() => S((P) => P + 1),
|
|
1028
1028
|
[]
|
|
@@ -1032,7 +1032,7 @@ var go = a.forwardRef((e, t) => {
|
|
|
1032
1032
|
[]
|
|
1033
1033
|
),
|
|
1034
1034
|
children: /* @__PURE__ */ v(
|
|
1035
|
-
|
|
1035
|
+
Jt.div,
|
|
1036
1036
|
{
|
|
1037
1037
|
tabIndex: w || x === 0 ? -1 : 0,
|
|
1038
1038
|
"data-orientation": r,
|
|
@@ -1045,22 +1045,22 @@ var go = a.forwardRef((e, t) => {
|
|
|
1045
1045
|
onFocus: ne(e.onFocus, (P) => {
|
|
1046
1046
|
const I = !R.current;
|
|
1047
1047
|
if (P.target === P.currentTarget && I && !w) {
|
|
1048
|
-
const T = new CustomEvent(
|
|
1048
|
+
const T = new CustomEvent(Oe, lo);
|
|
1049
1049
|
if (P.currentTarget.dispatchEvent(T), !T.defaultPrevented) {
|
|
1050
|
-
const
|
|
1050
|
+
const z = E().filter((k) => k.focusable), X = z.find((k) => k.active), U = z.find((k) => k.id === l), q = [X, U, ...z].filter(
|
|
1051
1051
|
Boolean
|
|
1052
|
-
).map((
|
|
1053
|
-
|
|
1052
|
+
).map((k) => k.ref.current);
|
|
1053
|
+
an(q, p);
|
|
1054
1054
|
}
|
|
1055
1055
|
}
|
|
1056
1056
|
R.current = !1;
|
|
1057
1057
|
}),
|
|
1058
|
-
onBlur: ne(e.onBlur, () =>
|
|
1058
|
+
onBlur: ne(e.onBlur, () => _(!1))
|
|
1059
1059
|
}
|
|
1060
1060
|
)
|
|
1061
1061
|
}
|
|
1062
1062
|
);
|
|
1063
|
-
}),
|
|
1063
|
+
}), rn = "RovingFocusGroupItem", on = a.forwardRef(
|
|
1064
1064
|
(e, t) => {
|
|
1065
1065
|
const {
|
|
1066
1066
|
__scopeRovingFocusGroup: n,
|
|
@@ -1068,46 +1068,46 @@ var go = a.forwardRef((e, t) => {
|
|
|
1068
1068
|
active: o = !1,
|
|
1069
1069
|
tabStopId: i,
|
|
1070
1070
|
...s
|
|
1071
|
-
} = e, c =
|
|
1071
|
+
} = e, c = $e(), d = i || c, u = vo(rn, n), p = u.currentTabStopId === d, f = en(n), { onFocusableItemAdd: m, onFocusableItemRemove: g } = u;
|
|
1072
1072
|
return a.useEffect(() => {
|
|
1073
1073
|
if (r)
|
|
1074
1074
|
return m(), () => g();
|
|
1075
1075
|
}, [r, m, g]), /* @__PURE__ */ v(
|
|
1076
|
-
|
|
1076
|
+
Ge.ItemSlot,
|
|
1077
1077
|
{
|
|
1078
1078
|
scope: n,
|
|
1079
|
-
id:
|
|
1079
|
+
id: d,
|
|
1080
1080
|
focusable: r,
|
|
1081
1081
|
active: o,
|
|
1082
1082
|
children: /* @__PURE__ */ v(
|
|
1083
|
-
|
|
1083
|
+
Jt.span,
|
|
1084
1084
|
{
|
|
1085
1085
|
tabIndex: p ? 0 : -1,
|
|
1086
1086
|
"data-orientation": u.orientation,
|
|
1087
1087
|
...s,
|
|
1088
1088
|
ref: t,
|
|
1089
1089
|
onMouseDown: ne(e.onMouseDown, (h) => {
|
|
1090
|
-
r ? u.onItemFocus(
|
|
1090
|
+
r ? u.onItemFocus(d) : h.preventDefault();
|
|
1091
1091
|
}),
|
|
1092
|
-
onFocus: ne(e.onFocus, () => u.onItemFocus(
|
|
1092
|
+
onFocus: ne(e.onFocus, () => u.onItemFocus(d)),
|
|
1093
1093
|
onKeyDown: ne(e.onKeyDown, (h) => {
|
|
1094
1094
|
if (h.key === "Tab" && h.shiftKey) {
|
|
1095
1095
|
u.onItemShiftTab();
|
|
1096
1096
|
return;
|
|
1097
1097
|
}
|
|
1098
1098
|
if (h.target !== h.currentTarget) return;
|
|
1099
|
-
const
|
|
1100
|
-
if (
|
|
1099
|
+
const l = Co(h, u.orientation, u.dir);
|
|
1100
|
+
if (l !== void 0) {
|
|
1101
1101
|
if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
|
|
1102
1102
|
h.preventDefault();
|
|
1103
|
-
let w = f().filter((
|
|
1104
|
-
if (
|
|
1105
|
-
else if (
|
|
1106
|
-
|
|
1107
|
-
const
|
|
1108
|
-
w = u.loop ?
|
|
1103
|
+
let w = f().filter((_) => _.focusable).map((_) => _.ref.current);
|
|
1104
|
+
if (l === "last") w.reverse();
|
|
1105
|
+
else if (l === "prev" || l === "next") {
|
|
1106
|
+
l === "prev" && w.reverse();
|
|
1107
|
+
const _ = w.indexOf(h.currentTarget);
|
|
1108
|
+
w = u.loop ? yo(w, _ + 1) : w.slice(_ + 1);
|
|
1109
1109
|
}
|
|
1110
|
-
setTimeout(() =>
|
|
1110
|
+
setTimeout(() => an(w));
|
|
1111
1111
|
}
|
|
1112
1112
|
})
|
|
1113
1113
|
}
|
|
@@ -1116,8 +1116,8 @@ var go = a.forwardRef((e, t) => {
|
|
|
1116
1116
|
);
|
|
1117
1117
|
}
|
|
1118
1118
|
);
|
|
1119
|
-
|
|
1120
|
-
var
|
|
1119
|
+
on.displayName = rn;
|
|
1120
|
+
var go = {
|
|
1121
1121
|
ArrowLeft: "prev",
|
|
1122
1122
|
ArrowUp: "prev",
|
|
1123
1123
|
ArrowRight: "next",
|
|
@@ -1127,28 +1127,28 @@ var wo = {
|
|
|
1127
1127
|
PageDown: "last",
|
|
1128
1128
|
End: "last"
|
|
1129
1129
|
};
|
|
1130
|
-
function
|
|
1130
|
+
function wo(e, t) {
|
|
1131
1131
|
return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
|
|
1132
1132
|
}
|
|
1133
1133
|
function Co(e, t, n) {
|
|
1134
|
-
const r =
|
|
1134
|
+
const r = wo(e.key, n);
|
|
1135
1135
|
if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
|
|
1136
|
-
return
|
|
1136
|
+
return go[r];
|
|
1137
1137
|
}
|
|
1138
|
-
function
|
|
1138
|
+
function an(e, t = !1) {
|
|
1139
1139
|
const n = document.activeElement;
|
|
1140
1140
|
for (const r of e)
|
|
1141
1141
|
if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
|
|
1142
1142
|
}
|
|
1143
|
-
function
|
|
1143
|
+
function yo(e, t) {
|
|
1144
1144
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
1145
1145
|
}
|
|
1146
|
-
var
|
|
1147
|
-
function
|
|
1146
|
+
var _o = nn, bo = on, ye = "right-scroll-bar-position", _e = "width-before-scroll-bar", So = "with-scroll-bars-hidden", Eo = "--removed-body-scroll-bar-size";
|
|
1147
|
+
function Fe(e, t) {
|
|
1148
1148
|
return typeof e == "function" ? e(t) : e && (e.current = t), e;
|
|
1149
1149
|
}
|
|
1150
|
-
function
|
|
1151
|
-
var n =
|
|
1150
|
+
function Ro(e, t) {
|
|
1151
|
+
var n = Pt(function() {
|
|
1152
1152
|
return {
|
|
1153
1153
|
// value
|
|
1154
1154
|
value: e,
|
|
@@ -1168,31 +1168,31 @@ function Po(e, t) {
|
|
|
1168
1168
|
})[0];
|
|
1169
1169
|
return n.callback = t, n.facade;
|
|
1170
1170
|
}
|
|
1171
|
-
var
|
|
1172
|
-
function
|
|
1173
|
-
var n =
|
|
1171
|
+
var Po = typeof window < "u" ? a.useLayoutEffect : a.useEffect, yt = /* @__PURE__ */ new WeakMap();
|
|
1172
|
+
function Mo(e, t) {
|
|
1173
|
+
var n = Ro(null, function(r) {
|
|
1174
1174
|
return e.forEach(function(o) {
|
|
1175
|
-
return
|
|
1175
|
+
return Fe(o, r);
|
|
1176
1176
|
});
|
|
1177
1177
|
});
|
|
1178
|
-
return
|
|
1178
|
+
return Po(function() {
|
|
1179
1179
|
var r = yt.get(n);
|
|
1180
1180
|
if (r) {
|
|
1181
1181
|
var o = new Set(r), i = new Set(e), s = n.current;
|
|
1182
1182
|
o.forEach(function(c) {
|
|
1183
|
-
i.has(c) ||
|
|
1183
|
+
i.has(c) || Fe(c, null);
|
|
1184
1184
|
}), i.forEach(function(c) {
|
|
1185
|
-
o.has(c) ||
|
|
1185
|
+
o.has(c) || Fe(c, s);
|
|
1186
1186
|
});
|
|
1187
1187
|
}
|
|
1188
1188
|
yt.set(n, e);
|
|
1189
1189
|
}, [e]), n;
|
|
1190
1190
|
}
|
|
1191
|
-
function
|
|
1191
|
+
function xo(e) {
|
|
1192
1192
|
return e;
|
|
1193
1193
|
}
|
|
1194
|
-
function
|
|
1195
|
-
t === void 0 && (t =
|
|
1194
|
+
function No(e, t) {
|
|
1195
|
+
t === void 0 && (t = xo);
|
|
1196
1196
|
var n = [], r = !1, o = {
|
|
1197
1197
|
read: function() {
|
|
1198
1198
|
if (r)
|
|
@@ -1228,11 +1228,11 @@ function Io(e, t) {
|
|
|
1228
1228
|
var c = n;
|
|
1229
1229
|
n = [], c.forEach(i), s = n;
|
|
1230
1230
|
}
|
|
1231
|
-
var
|
|
1231
|
+
var d = function() {
|
|
1232
1232
|
var p = s;
|
|
1233
1233
|
s = [], p.forEach(i);
|
|
1234
1234
|
}, u = function() {
|
|
1235
|
-
return Promise.resolve().then(
|
|
1235
|
+
return Promise.resolve().then(d);
|
|
1236
1236
|
};
|
|
1237
1237
|
u(), n = {
|
|
1238
1238
|
push: function(p) {
|
|
@@ -1246,36 +1246,36 @@ function Io(e, t) {
|
|
|
1246
1246
|
};
|
|
1247
1247
|
return o;
|
|
1248
1248
|
}
|
|
1249
|
-
function
|
|
1249
|
+
function Io(e) {
|
|
1250
1250
|
e === void 0 && (e = {});
|
|
1251
|
-
var t =
|
|
1252
|
-
return t.options =
|
|
1251
|
+
var t = No(null);
|
|
1252
|
+
return t.options = Y({ async: !0, ssr: !1 }, e), t;
|
|
1253
1253
|
}
|
|
1254
|
-
var
|
|
1255
|
-
var t = e.sideCar, n =
|
|
1254
|
+
var cn = function(e) {
|
|
1255
|
+
var t = e.sideCar, n = It(e, ["sideCar"]);
|
|
1256
1256
|
if (!t)
|
|
1257
1257
|
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
1258
1258
|
var r = t.read();
|
|
1259
1259
|
if (!r)
|
|
1260
1260
|
throw new Error("Sidecar medium not found");
|
|
1261
|
-
return a.createElement(r,
|
|
1261
|
+
return a.createElement(r, Y({}, n));
|
|
1262
1262
|
};
|
|
1263
|
-
|
|
1264
|
-
function
|
|
1265
|
-
return e.useMedium(t),
|
|
1263
|
+
cn.isSideCarExport = !0;
|
|
1264
|
+
function Ao(e, t) {
|
|
1265
|
+
return e.useMedium(t), cn;
|
|
1266
1266
|
}
|
|
1267
|
-
var
|
|
1267
|
+
var sn = Io(), Le = function() {
|
|
1268
1268
|
}, xe = a.forwardRef(function(e, t) {
|
|
1269
1269
|
var n = a.useRef(null), r = a.useState({
|
|
1270
|
-
onScrollCapture:
|
|
1271
|
-
onWheelCapture:
|
|
1272
|
-
onTouchMoveCapture:
|
|
1273
|
-
}), o = r[0], i = r[1], s = e.forwardProps, c = e.children,
|
|
1270
|
+
onScrollCapture: Le,
|
|
1271
|
+
onWheelCapture: Le,
|
|
1272
|
+
onTouchMoveCapture: Le
|
|
1273
|
+
}), o = r[0], i = r[1], s = e.forwardProps, c = e.children, d = e.className, u = e.removeScrollBar, p = e.enabled, f = e.shards, m = e.sideCar, g = e.noIsolation, h = e.inert, l = e.allowPinchZoom, C = e.as, w = C === void 0 ? "div" : C, _ = e.gapMode, b = It(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = m, R = Mo([n, t]), x = Y(Y({}, b), o);
|
|
1274
1274
|
return a.createElement(
|
|
1275
1275
|
a.Fragment,
|
|
1276
1276
|
null,
|
|
1277
|
-
p && a.createElement(
|
|
1278
|
-
s ? a.cloneElement(a.Children.only(c),
|
|
1277
|
+
p && a.createElement(E, { sideCar: sn, removeScrollBar: u, shards: f, noIsolation: g, inert: h, setCallbacks: i, allowPinchZoom: !!l, lockRef: n, gapMode: _ }),
|
|
1278
|
+
s ? a.cloneElement(a.Children.only(c), Y(Y({}, x), { ref: R })) : a.createElement(w, Y({}, x, { className: d, ref: R }), c)
|
|
1279
1279
|
);
|
|
1280
1280
|
});
|
|
1281
1281
|
xe.defaultProps = {
|
|
@@ -1284,36 +1284,36 @@ xe.defaultProps = {
|
|
|
1284
1284
|
inert: !1
|
|
1285
1285
|
};
|
|
1286
1286
|
xe.classNames = {
|
|
1287
|
-
fullWidth:
|
|
1288
|
-
zeroRight:
|
|
1287
|
+
fullWidth: _e,
|
|
1288
|
+
zeroRight: ye
|
|
1289
1289
|
};
|
|
1290
|
-
function
|
|
1290
|
+
function Do() {
|
|
1291
1291
|
if (!document)
|
|
1292
1292
|
return null;
|
|
1293
1293
|
var e = document.createElement("style");
|
|
1294
1294
|
e.type = "text/css";
|
|
1295
|
-
var t =
|
|
1295
|
+
var t = cr();
|
|
1296
1296
|
return t && e.setAttribute("nonce", t), e;
|
|
1297
1297
|
}
|
|
1298
|
-
function
|
|
1298
|
+
function To(e, t) {
|
|
1299
1299
|
e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
|
|
1300
1300
|
}
|
|
1301
|
-
function
|
|
1301
|
+
function Oo(e) {
|
|
1302
1302
|
var t = document.head || document.getElementsByTagName("head")[0];
|
|
1303
1303
|
t.appendChild(e);
|
|
1304
1304
|
}
|
|
1305
|
-
var
|
|
1305
|
+
var Fo = function() {
|
|
1306
1306
|
var e = 0, t = null;
|
|
1307
1307
|
return {
|
|
1308
1308
|
add: function(n) {
|
|
1309
|
-
e == 0 && (t =
|
|
1309
|
+
e == 0 && (t = Do()) && (To(t, n), Oo(t)), e++;
|
|
1310
1310
|
},
|
|
1311
1311
|
remove: function() {
|
|
1312
1312
|
e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
|
|
1313
1313
|
}
|
|
1314
1314
|
};
|
|
1315
|
-
},
|
|
1316
|
-
var e =
|
|
1315
|
+
}, Lo = function() {
|
|
1316
|
+
var e = Fo();
|
|
1317
1317
|
return function(t, n) {
|
|
1318
1318
|
a.useEffect(function() {
|
|
1319
1319
|
return e.add(t), function() {
|
|
@@ -1321,36 +1321,36 @@ var Lo = function() {
|
|
|
1321
1321
|
};
|
|
1322
1322
|
}, [t && n]);
|
|
1323
1323
|
};
|
|
1324
|
-
},
|
|
1325
|
-
var e =
|
|
1324
|
+
}, un = function() {
|
|
1325
|
+
var e = Lo(), t = function(n) {
|
|
1326
1326
|
var r = n.styles, o = n.dynamic;
|
|
1327
1327
|
return e(r, o), null;
|
|
1328
1328
|
};
|
|
1329
1329
|
return t;
|
|
1330
|
-
},
|
|
1330
|
+
}, ko = {
|
|
1331
1331
|
left: 0,
|
|
1332
1332
|
top: 0,
|
|
1333
1333
|
right: 0,
|
|
1334
1334
|
gap: 0
|
|
1335
|
-
},
|
|
1335
|
+
}, ke = function(e) {
|
|
1336
1336
|
return parseInt(e || "", 10) || 0;
|
|
1337
|
-
},
|
|
1337
|
+
}, $o = function(e) {
|
|
1338
1338
|
var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
|
|
1339
|
-
return [
|
|
1340
|
-
},
|
|
1339
|
+
return [ke(n), ke(r), ke(o)];
|
|
1340
|
+
}, Wo = function(e) {
|
|
1341
1341
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
1342
|
-
return
|
|
1343
|
-
var t =
|
|
1342
|
+
return ko;
|
|
1343
|
+
var t = $o(e), n = document.documentElement.clientWidth, r = window.innerWidth;
|
|
1344
1344
|
return {
|
|
1345
1345
|
left: t[0],
|
|
1346
1346
|
top: t[1],
|
|
1347
1347
|
right: t[2],
|
|
1348
1348
|
gap: Math.max(0, r - n + t[2] - t[0])
|
|
1349
1349
|
};
|
|
1350
|
-
},
|
|
1350
|
+
}, Bo = un(), re = "data-scroll-locked", Uo = function(e, t, n, r) {
|
|
1351
1351
|
var o = e.left, i = e.top, s = e.right, c = e.gap;
|
|
1352
1352
|
return n === void 0 && (n = "margin"), `
|
|
1353
|
-
.`.concat(
|
|
1353
|
+
.`.concat(So, ` {
|
|
1354
1354
|
overflow: hidden `).concat(r, `;
|
|
1355
1355
|
padding-right: `).concat(c, "px ").concat(r, `;
|
|
1356
1356
|
}
|
|
@@ -1371,232 +1371,232 @@ var Lo = function() {
|
|
|
1371
1371
|
].filter(Boolean).join(""), `
|
|
1372
1372
|
}
|
|
1373
1373
|
|
|
1374
|
-
.`).concat(
|
|
1374
|
+
.`).concat(ye, ` {
|
|
1375
1375
|
right: `).concat(c, "px ").concat(r, `;
|
|
1376
1376
|
}
|
|
1377
1377
|
|
|
1378
|
-
.`).concat(
|
|
1378
|
+
.`).concat(_e, ` {
|
|
1379
1379
|
margin-right: `).concat(c, "px ").concat(r, `;
|
|
1380
1380
|
}
|
|
1381
1381
|
|
|
1382
|
-
.`).concat(
|
|
1382
|
+
.`).concat(ye, " .").concat(ye, ` {
|
|
1383
1383
|
right: 0 `).concat(r, `;
|
|
1384
1384
|
}
|
|
1385
1385
|
|
|
1386
|
-
.`).concat(
|
|
1386
|
+
.`).concat(_e, " .").concat(_e, ` {
|
|
1387
1387
|
margin-right: 0 `).concat(r, `;
|
|
1388
1388
|
}
|
|
1389
1389
|
|
|
1390
1390
|
body[`).concat(re, `] {
|
|
1391
|
-
`).concat(
|
|
1391
|
+
`).concat(Eo, ": ").concat(c, `px;
|
|
1392
1392
|
}
|
|
1393
1393
|
`);
|
|
1394
|
-
},
|
|
1394
|
+
}, _t = function() {
|
|
1395
1395
|
var e = parseInt(document.body.getAttribute(re) || "0", 10);
|
|
1396
1396
|
return isFinite(e) ? e : 0;
|
|
1397
|
-
},
|
|
1397
|
+
}, Ko = function() {
|
|
1398
1398
|
a.useEffect(function() {
|
|
1399
|
-
return document.body.setAttribute(re, (
|
|
1400
|
-
var e =
|
|
1399
|
+
return document.body.setAttribute(re, (_t() + 1).toString()), function() {
|
|
1400
|
+
var e = _t() - 1;
|
|
1401
1401
|
e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
|
|
1402
1402
|
};
|
|
1403
1403
|
}, []);
|
|
1404
|
-
},
|
|
1404
|
+
}, Go = function(e) {
|
|
1405
1405
|
var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
|
|
1406
|
-
|
|
1406
|
+
Ko();
|
|
1407
1407
|
var i = a.useMemo(function() {
|
|
1408
|
-
return
|
|
1408
|
+
return Wo(o);
|
|
1409
1409
|
}, [o]);
|
|
1410
|
-
return a.createElement(
|
|
1411
|
-
},
|
|
1410
|
+
return a.createElement(Bo, { styles: Uo(i, !t, o, n ? "" : "!important") });
|
|
1411
|
+
}, ze = !1;
|
|
1412
1412
|
if (typeof window < "u")
|
|
1413
1413
|
try {
|
|
1414
1414
|
var we = Object.defineProperty({}, "passive", {
|
|
1415
1415
|
get: function() {
|
|
1416
|
-
return
|
|
1416
|
+
return ze = !0, !0;
|
|
1417
1417
|
}
|
|
1418
1418
|
});
|
|
1419
1419
|
window.addEventListener("test", we, we), window.removeEventListener("test", we, we);
|
|
1420
1420
|
} catch {
|
|
1421
|
-
|
|
1421
|
+
ze = !1;
|
|
1422
1422
|
}
|
|
1423
|
-
var ee =
|
|
1423
|
+
var ee = ze ? { passive: !1 } : !1, zo = function(e) {
|
|
1424
1424
|
return e.tagName === "TEXTAREA";
|
|
1425
|
-
},
|
|
1425
|
+
}, ln = function(e, t) {
|
|
1426
1426
|
if (!(e instanceof Element))
|
|
1427
1427
|
return !1;
|
|
1428
1428
|
var n = window.getComputedStyle(e);
|
|
1429
1429
|
return (
|
|
1430
1430
|
// not-not-scrollable
|
|
1431
1431
|
n[t] !== "hidden" && // contains scroll inside self
|
|
1432
|
-
!(n.overflowY === n.overflowX && !
|
|
1432
|
+
!(n.overflowY === n.overflowX && !zo(e) && n[t] === "visible")
|
|
1433
1433
|
);
|
|
1434
|
-
},
|
|
1435
|
-
return
|
|
1436
|
-
},
|
|
1437
|
-
return
|
|
1438
|
-
},
|
|
1434
|
+
}, Vo = function(e) {
|
|
1435
|
+
return ln(e, "overflowY");
|
|
1436
|
+
}, Yo = function(e) {
|
|
1437
|
+
return ln(e, "overflowX");
|
|
1438
|
+
}, bt = function(e, t) {
|
|
1439
1439
|
var n = t.ownerDocument, r = t;
|
|
1440
1440
|
do {
|
|
1441
1441
|
typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
|
|
1442
|
-
var o =
|
|
1442
|
+
var o = dn(e, r);
|
|
1443
1443
|
if (o) {
|
|
1444
|
-
var i =
|
|
1444
|
+
var i = fn(e, r), s = i[1], c = i[2];
|
|
1445
1445
|
if (s > c)
|
|
1446
1446
|
return !0;
|
|
1447
1447
|
}
|
|
1448
1448
|
r = r.parentNode;
|
|
1449
1449
|
} while (r && r !== n.body);
|
|
1450
1450
|
return !1;
|
|
1451
|
-
},
|
|
1451
|
+
}, jo = function(e) {
|
|
1452
1452
|
var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
|
|
1453
1453
|
return [
|
|
1454
1454
|
t,
|
|
1455
1455
|
n,
|
|
1456
1456
|
r
|
|
1457
1457
|
];
|
|
1458
|
-
},
|
|
1458
|
+
}, Xo = function(e) {
|
|
1459
1459
|
var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
|
|
1460
1460
|
return [
|
|
1461
1461
|
t,
|
|
1462
1462
|
n,
|
|
1463
1463
|
r
|
|
1464
1464
|
];
|
|
1465
|
-
}, ln = function(e, t) {
|
|
1466
|
-
return e === "v" ? jo(t) : Xo(t);
|
|
1467
1465
|
}, dn = function(e, t) {
|
|
1468
|
-
return e === "v" ?
|
|
1469
|
-
},
|
|
1466
|
+
return e === "v" ? Vo(t) : Yo(t);
|
|
1467
|
+
}, fn = function(e, t) {
|
|
1468
|
+
return e === "v" ? jo(t) : Xo(t);
|
|
1469
|
+
}, Ho = function(e, t) {
|
|
1470
1470
|
return e === "h" && t === "rtl" ? -1 : 1;
|
|
1471
|
-
},
|
|
1472
|
-
var i =
|
|
1471
|
+
}, Zo = function(e, t, n, r, o) {
|
|
1472
|
+
var i = Ho(e, window.getComputedStyle(t).direction), s = i * r, c = n.target, d = t.contains(c), u = !1, p = s > 0, f = 0, m = 0;
|
|
1473
1473
|
do {
|
|
1474
|
-
var g =
|
|
1475
|
-
(h || w) &&
|
|
1474
|
+
var g = fn(e, c), h = g[0], l = g[1], C = g[2], w = l - C - i * h;
|
|
1475
|
+
(h || w) && dn(e, c) && (f += w, m += h), c instanceof ShadowRoot ? c = c.host : c = c.parentNode;
|
|
1476
1476
|
} while (
|
|
1477
1477
|
// portaled content
|
|
1478
|
-
!
|
|
1479
|
-
|
|
1478
|
+
!d && c !== document.body || // self content
|
|
1479
|
+
d && (t.contains(c) || t === c)
|
|
1480
1480
|
);
|
|
1481
1481
|
return (p && (Math.abs(f) < 1 || !o) || !p && (Math.abs(m) < 1 || !o)) && (u = !0), u;
|
|
1482
|
-
},
|
|
1482
|
+
}, Ce = function(e) {
|
|
1483
1483
|
return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
|
|
1484
|
-
}, bt = function(e) {
|
|
1485
|
-
return [e.deltaX, e.deltaY];
|
|
1486
1484
|
}, St = function(e) {
|
|
1485
|
+
return [e.deltaX, e.deltaY];
|
|
1486
|
+
}, Et = function(e) {
|
|
1487
1487
|
return e && "current" in e ? e.current : e;
|
|
1488
|
-
},
|
|
1488
|
+
}, Qo = function(e, t) {
|
|
1489
1489
|
return e[0] === t[0] && e[1] === t[1];
|
|
1490
|
-
},
|
|
1490
|
+
}, qo = function(e) {
|
|
1491
1491
|
return `
|
|
1492
1492
|
.block-interactivity-`.concat(e, ` {pointer-events: none;}
|
|
1493
1493
|
.allow-interactivity-`).concat(e, ` {pointer-events: all;}
|
|
1494
1494
|
`);
|
|
1495
|
-
},
|
|
1496
|
-
function
|
|
1497
|
-
var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(
|
|
1495
|
+
}, Jo = 0, te = [];
|
|
1496
|
+
function ea(e) {
|
|
1497
|
+
var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Jo++)[0], i = a.useState(un)[0], s = a.useRef(e);
|
|
1498
1498
|
a.useEffect(function() {
|
|
1499
1499
|
s.current = e;
|
|
1500
1500
|
}, [e]), a.useEffect(function() {
|
|
1501
1501
|
if (e.inert) {
|
|
1502
1502
|
document.body.classList.add("block-interactivity-".concat(o));
|
|
1503
|
-
var
|
|
1504
|
-
return
|
|
1505
|
-
return
|
|
1503
|
+
var l = ur([e.lockRef.current], (e.shards || []).map(Et), !0).filter(Boolean);
|
|
1504
|
+
return l.forEach(function(C) {
|
|
1505
|
+
return C.classList.add("allow-interactivity-".concat(o));
|
|
1506
1506
|
}), function() {
|
|
1507
|
-
document.body.classList.remove("block-interactivity-".concat(o)),
|
|
1508
|
-
return
|
|
1507
|
+
document.body.classList.remove("block-interactivity-".concat(o)), l.forEach(function(C) {
|
|
1508
|
+
return C.classList.remove("allow-interactivity-".concat(o));
|
|
1509
1509
|
});
|
|
1510
1510
|
};
|
|
1511
1511
|
}
|
|
1512
1512
|
}, [e.inert, e.lockRef.current, e.shards]);
|
|
1513
|
-
var c = a.useCallback(function(
|
|
1514
|
-
if ("touches" in
|
|
1513
|
+
var c = a.useCallback(function(l, C) {
|
|
1514
|
+
if ("touches" in l && l.touches.length === 2 || l.type === "wheel" && l.ctrlKey)
|
|
1515
1515
|
return !s.current.allowPinchZoom;
|
|
1516
|
-
var w =
|
|
1517
|
-
if ("touches" in
|
|
1516
|
+
var w = Ce(l), _ = n.current, b = "deltaX" in l ? l.deltaX : _[0] - w[0], E = "deltaY" in l ? l.deltaY : _[1] - w[1], R, x = l.target, S = Math.abs(b) > Math.abs(E) ? "h" : "v";
|
|
1517
|
+
if ("touches" in l && S === "h" && x.type === "range")
|
|
1518
1518
|
return !1;
|
|
1519
|
-
var P =
|
|
1519
|
+
var P = bt(S, x);
|
|
1520
1520
|
if (!P)
|
|
1521
1521
|
return !0;
|
|
1522
|
-
if (P ? R = S : (R = S === "v" ? "h" : "v", P =
|
|
1522
|
+
if (P ? R = S : (R = S === "v" ? "h" : "v", P = bt(S, x)), !P)
|
|
1523
1523
|
return !1;
|
|
1524
|
-
if (!r.current && "changedTouches" in
|
|
1524
|
+
if (!r.current && "changedTouches" in l && (b || E) && (r.current = R), !R)
|
|
1525
1525
|
return !0;
|
|
1526
1526
|
var I = r.current || R;
|
|
1527
|
-
return
|
|
1528
|
-
}, []),
|
|
1529
|
-
var
|
|
1527
|
+
return Zo(I, C, l, I === "h" ? b : E, !0);
|
|
1528
|
+
}, []), d = a.useCallback(function(l) {
|
|
1529
|
+
var C = l;
|
|
1530
1530
|
if (!(!te.length || te[te.length - 1] !== i)) {
|
|
1531
|
-
var w = "deltaY" in
|
|
1532
|
-
return R.name ===
|
|
1531
|
+
var w = "deltaY" in C ? St(C) : Ce(C), _ = t.current.filter(function(R) {
|
|
1532
|
+
return R.name === C.type && (R.target === C.target || C.target === R.shadowParent) && Qo(R.delta, w);
|
|
1533
1533
|
})[0];
|
|
1534
|
-
if (
|
|
1535
|
-
|
|
1534
|
+
if (_ && _.should) {
|
|
1535
|
+
C.cancelable && C.preventDefault();
|
|
1536
1536
|
return;
|
|
1537
1537
|
}
|
|
1538
|
-
if (!
|
|
1539
|
-
var b = (s.current.shards || []).map(
|
|
1540
|
-
return R.contains(
|
|
1541
|
-
}),
|
|
1542
|
-
|
|
1538
|
+
if (!_) {
|
|
1539
|
+
var b = (s.current.shards || []).map(Et).filter(Boolean).filter(function(R) {
|
|
1540
|
+
return R.contains(C.target);
|
|
1541
|
+
}), E = b.length > 0 ? c(C, b[0]) : !s.current.noIsolation;
|
|
1542
|
+
E && C.cancelable && C.preventDefault();
|
|
1543
1543
|
}
|
|
1544
1544
|
}
|
|
1545
|
-
}, []), u = a.useCallback(function(
|
|
1546
|
-
var b = { name:
|
|
1545
|
+
}, []), u = a.useCallback(function(l, C, w, _) {
|
|
1546
|
+
var b = { name: l, delta: C, target: w, should: _, shadowParent: ta(w) };
|
|
1547
1547
|
t.current.push(b), setTimeout(function() {
|
|
1548
|
-
t.current = t.current.filter(function(
|
|
1549
|
-
return
|
|
1548
|
+
t.current = t.current.filter(function(E) {
|
|
1549
|
+
return E !== b;
|
|
1550
1550
|
});
|
|
1551
1551
|
}, 1);
|
|
1552
|
-
}, []), p = a.useCallback(function(
|
|
1553
|
-
n.current =
|
|
1554
|
-
}, []), f = a.useCallback(function(
|
|
1555
|
-
u(
|
|
1556
|
-
}, []), m = a.useCallback(function(
|
|
1557
|
-
u(
|
|
1552
|
+
}, []), p = a.useCallback(function(l) {
|
|
1553
|
+
n.current = Ce(l), r.current = void 0;
|
|
1554
|
+
}, []), f = a.useCallback(function(l) {
|
|
1555
|
+
u(l.type, St(l), l.target, c(l, e.lockRef.current));
|
|
1556
|
+
}, []), m = a.useCallback(function(l) {
|
|
1557
|
+
u(l.type, Ce(l), l.target, c(l, e.lockRef.current));
|
|
1558
1558
|
}, []);
|
|
1559
1559
|
a.useEffect(function() {
|
|
1560
1560
|
return te.push(i), e.setCallbacks({
|
|
1561
1561
|
onScrollCapture: f,
|
|
1562
1562
|
onWheelCapture: f,
|
|
1563
1563
|
onTouchMoveCapture: m
|
|
1564
|
-
}), document.addEventListener("wheel",
|
|
1565
|
-
te = te.filter(function(
|
|
1566
|
-
return
|
|
1567
|
-
}), document.removeEventListener("wheel",
|
|
1564
|
+
}), document.addEventListener("wheel", d, ee), document.addEventListener("touchmove", d, ee), document.addEventListener("touchstart", p, ee), function() {
|
|
1565
|
+
te = te.filter(function(l) {
|
|
1566
|
+
return l !== i;
|
|
1567
|
+
}), document.removeEventListener("wheel", d, ee), document.removeEventListener("touchmove", d, ee), document.removeEventListener("touchstart", p, ee);
|
|
1568
1568
|
};
|
|
1569
1569
|
}, []);
|
|
1570
1570
|
var g = e.removeScrollBar, h = e.inert;
|
|
1571
1571
|
return a.createElement(
|
|
1572
1572
|
a.Fragment,
|
|
1573
1573
|
null,
|
|
1574
|
-
h ? a.createElement(i, { styles:
|
|
1575
|
-
g ? a.createElement(
|
|
1574
|
+
h ? a.createElement(i, { styles: qo(o) }) : null,
|
|
1575
|
+
g ? a.createElement(Go, { gapMode: e.gapMode }) : null
|
|
1576
1576
|
);
|
|
1577
1577
|
}
|
|
1578
|
-
function
|
|
1578
|
+
function ta(e) {
|
|
1579
1579
|
for (var t = null; e !== null; )
|
|
1580
1580
|
e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
|
|
1581
1581
|
return t;
|
|
1582
1582
|
}
|
|
1583
|
-
const
|
|
1584
|
-
var
|
|
1585
|
-
return a.createElement(xe,
|
|
1583
|
+
const na = Ao(sn, ea);
|
|
1584
|
+
var pn = a.forwardRef(function(e, t) {
|
|
1585
|
+
return a.createElement(xe, Y({}, e, { ref: t, sideCar: na }));
|
|
1586
1586
|
});
|
|
1587
|
-
|
|
1588
|
-
var
|
|
1589
|
-
ltr: [...
|
|
1590
|
-
rtl: [...
|
|
1591
|
-
},
|
|
1587
|
+
pn.classNames = xe.classNames;
|
|
1588
|
+
var Ve = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], mn = ["ArrowUp", "PageDown", "End"], oa = [...ra, ...mn], aa = {
|
|
1589
|
+
ltr: [...Ve, "ArrowRight"],
|
|
1590
|
+
rtl: [...Ve, "ArrowLeft"]
|
|
1591
|
+
}, ia = {
|
|
1592
1592
|
ltr: ["ArrowLeft"],
|
|
1593
1593
|
rtl: ["ArrowRight"]
|
|
1594
|
-
}, pe = "Menu", [de,
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
]), Ne =
|
|
1599
|
-
const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: i, modal: s = !0 } = e, c = Ne(t), [
|
|
1594
|
+
}, pe = "Menu", [de, ca, sa] = xt(pe), [Z, vn] = Tt(pe, [
|
|
1595
|
+
sa,
|
|
1596
|
+
Kt,
|
|
1597
|
+
tn
|
|
1598
|
+
]), Ne = Kt(), hn = tn(), [ua, oe] = Z(pe), [la, me] = Z(pe), gn = (e) => {
|
|
1599
|
+
const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: i, modal: s = !0 } = e, c = Ne(t), [d, u] = a.useState(null), p = a.useRef(!1), f = j(i), m = Nt(o);
|
|
1600
1600
|
return a.useEffect(() => {
|
|
1601
1601
|
const g = () => {
|
|
1602
1602
|
p.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
|
|
@@ -1604,16 +1604,16 @@ var je = ["Enter", " "], oa = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp",
|
|
|
1604
1604
|
return document.addEventListener("keydown", g, { capture: !0 }), () => {
|
|
1605
1605
|
document.removeEventListener("keydown", g, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
|
|
1606
1606
|
};
|
|
1607
|
-
}, []), /* @__PURE__ */ v(
|
|
1608
|
-
|
|
1607
|
+
}, []), /* @__PURE__ */ v(Hr, { ...c, children: /* @__PURE__ */ v(
|
|
1608
|
+
ua,
|
|
1609
1609
|
{
|
|
1610
1610
|
scope: t,
|
|
1611
1611
|
open: n,
|
|
1612
1612
|
onOpenChange: f,
|
|
1613
|
-
content:
|
|
1613
|
+
content: d,
|
|
1614
1614
|
onContentChange: u,
|
|
1615
1615
|
children: /* @__PURE__ */ v(
|
|
1616
|
-
|
|
1616
|
+
la,
|
|
1617
1617
|
{
|
|
1618
1618
|
scope: t,
|
|
1619
1619
|
onClose: a.useCallback(() => f(!1), [f]),
|
|
@@ -1626,29 +1626,29 @@ var je = ["Enter", " "], oa = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp",
|
|
|
1626
1626
|
}
|
|
1627
1627
|
) });
|
|
1628
1628
|
};
|
|
1629
|
-
|
|
1630
|
-
var
|
|
1629
|
+
gn.displayName = pe;
|
|
1630
|
+
var da = "MenuAnchor", Qe = a.forwardRef(
|
|
1631
1631
|
(e, t) => {
|
|
1632
1632
|
const { __scopeMenu: n, ...r } = e, o = Ne(n);
|
|
1633
|
-
return /* @__PURE__ */ v(
|
|
1633
|
+
return /* @__PURE__ */ v(Zr, { ...o, ...r, ref: t });
|
|
1634
1634
|
}
|
|
1635
1635
|
);
|
|
1636
|
-
|
|
1637
|
-
var
|
|
1636
|
+
Qe.displayName = da;
|
|
1637
|
+
var fa = "MenuPortal", [Li, wn] = Z(fa, {
|
|
1638
1638
|
forceMount: void 0
|
|
1639
|
-
}),
|
|
1639
|
+
}), L = "MenuContent", [pa, qe] = Z(L), Cn = a.forwardRef(
|
|
1640
1640
|
(e, t) => {
|
|
1641
|
-
const n =
|
|
1642
|
-
return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || i.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ v(
|
|
1641
|
+
const n = wn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = oe(L, e.__scopeMenu), s = me(L, e.__scopeMenu);
|
|
1642
|
+
return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || i.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ v(ma, { ...o, ref: t }) : /* @__PURE__ */ v(va, { ...o, ref: t }) }) }) });
|
|
1643
1643
|
}
|
|
1644
|
-
),
|
|
1644
|
+
), ma = a.forwardRef(
|
|
1645
1645
|
(e, t) => {
|
|
1646
|
-
const n = oe(
|
|
1646
|
+
const n = oe(L, e.__scopeMenu), r = a.useRef(null), o = $(t, r);
|
|
1647
1647
|
return a.useEffect(() => {
|
|
1648
1648
|
const i = r.current;
|
|
1649
|
-
if (i) return
|
|
1649
|
+
if (i) return sr(i);
|
|
1650
1650
|
}, []), /* @__PURE__ */ v(
|
|
1651
|
-
|
|
1651
|
+
Je,
|
|
1652
1652
|
{
|
|
1653
1653
|
...e,
|
|
1654
1654
|
ref: o,
|
|
@@ -1664,10 +1664,10 @@ var pa = "MenuPortal", [Wi, gn] = Z(pa, {
|
|
|
1664
1664
|
}
|
|
1665
1665
|
);
|
|
1666
1666
|
}
|
|
1667
|
-
),
|
|
1668
|
-
const n = oe(
|
|
1667
|
+
), va = a.forwardRef((e, t) => {
|
|
1668
|
+
const n = oe(L, e.__scopeMenu);
|
|
1669
1669
|
return /* @__PURE__ */ v(
|
|
1670
|
-
|
|
1670
|
+
Je,
|
|
1671
1671
|
{
|
|
1672
1672
|
...e,
|
|
1673
1673
|
ref: t,
|
|
@@ -1677,7 +1677,7 @@ var pa = "MenuPortal", [Wi, gn] = Z(pa, {
|
|
|
1677
1677
|
onDismiss: () => n.onOpenChange(!1)
|
|
1678
1678
|
}
|
|
1679
1679
|
);
|
|
1680
|
-
}),
|
|
1680
|
+
}), Je = a.forwardRef(
|
|
1681
1681
|
(e, t) => {
|
|
1682
1682
|
const {
|
|
1683
1683
|
__scopeMenu: n,
|
|
@@ -1686,66 +1686,66 @@ var pa = "MenuPortal", [Wi, gn] = Z(pa, {
|
|
|
1686
1686
|
onOpenAutoFocus: i,
|
|
1687
1687
|
onCloseAutoFocus: s,
|
|
1688
1688
|
disableOutsidePointerEvents: c,
|
|
1689
|
-
onEntryFocus:
|
|
1689
|
+
onEntryFocus: d,
|
|
1690
1690
|
onEscapeKeyDown: u,
|
|
1691
1691
|
onPointerDownOutside: p,
|
|
1692
1692
|
onFocusOutside: f,
|
|
1693
1693
|
onInteractOutside: m,
|
|
1694
1694
|
onDismiss: g,
|
|
1695
1695
|
disableOutsideScroll: h,
|
|
1696
|
-
...
|
|
1697
|
-
} = e,
|
|
1698
|
-
var
|
|
1699
|
-
const A = T.current +
|
|
1696
|
+
...l
|
|
1697
|
+
} = e, C = oe(L, n), w = me(L, n), _ = Ne(n), b = hn(n), E = ca(n), [R, x] = a.useState(null), S = a.useRef(null), P = $(t, S, C.onContentChange), I = a.useRef(0), T = a.useRef(""), z = a.useRef(0), X = a.useRef(null), U = a.useRef("right"), Q = a.useRef(0), q = h ? pn : a.Fragment, k = h ? { as: Xe, allowPinchZoom: !0 } : void 0, J = (y) => {
|
|
1698
|
+
var K, ce;
|
|
1699
|
+
const A = T.current + y, N = E().filter((F) => !F.disabled), B = document.activeElement, ae = (K = N.find((F) => F.ref.current === B)) == null ? void 0 : K.textValue, ie = N.map((F) => F.textValue), ve = Ma(ie, A, ae), H = (ce = N.find((F) => F.textValue === ve)) == null ? void 0 : ce.ref.current;
|
|
1700
1700
|
(function F(se) {
|
|
1701
1701
|
T.current = se, window.clearTimeout(I.current), se !== "" && (I.current = window.setTimeout(() => F(""), 1e3));
|
|
1702
|
-
})(A),
|
|
1702
|
+
})(A), H && setTimeout(() => H.focus());
|
|
1703
1703
|
};
|
|
1704
|
-
a.useEffect(() => () => window.clearTimeout(I.current), []),
|
|
1705
|
-
const O = a.useCallback((
|
|
1706
|
-
var N,
|
|
1707
|
-
return
|
|
1704
|
+
a.useEffect(() => () => window.clearTimeout(I.current), []), Tr();
|
|
1705
|
+
const O = a.useCallback((y) => {
|
|
1706
|
+
var N, B;
|
|
1707
|
+
return U.current === ((N = X.current) == null ? void 0 : N.side) && Na(y, (B = X.current) == null ? void 0 : B.area);
|
|
1708
1708
|
}, []);
|
|
1709
1709
|
return /* @__PURE__ */ v(
|
|
1710
|
-
|
|
1710
|
+
pa,
|
|
1711
1711
|
{
|
|
1712
1712
|
scope: n,
|
|
1713
1713
|
searchRef: T,
|
|
1714
1714
|
onItemEnter: a.useCallback(
|
|
1715
|
-
(
|
|
1716
|
-
O(
|
|
1715
|
+
(y) => {
|
|
1716
|
+
O(y) && y.preventDefault();
|
|
1717
1717
|
},
|
|
1718
1718
|
[O]
|
|
1719
1719
|
),
|
|
1720
1720
|
onItemLeave: a.useCallback(
|
|
1721
|
-
(
|
|
1721
|
+
(y) => {
|
|
1722
1722
|
var A;
|
|
1723
|
-
O(
|
|
1723
|
+
O(y) || ((A = S.current) == null || A.focus(), x(null));
|
|
1724
1724
|
},
|
|
1725
1725
|
[O]
|
|
1726
1726
|
),
|
|
1727
1727
|
onTriggerLeave: a.useCallback(
|
|
1728
|
-
(
|
|
1729
|
-
O(
|
|
1728
|
+
(y) => {
|
|
1729
|
+
O(y) && y.preventDefault();
|
|
1730
1730
|
},
|
|
1731
1731
|
[O]
|
|
1732
1732
|
),
|
|
1733
|
-
pointerGraceTimerRef:
|
|
1734
|
-
onPointerGraceIntentChange: a.useCallback((
|
|
1735
|
-
|
|
1733
|
+
pointerGraceTimerRef: z,
|
|
1734
|
+
onPointerGraceIntentChange: a.useCallback((y) => {
|
|
1735
|
+
X.current = y;
|
|
1736
1736
|
}, []),
|
|
1737
|
-
children: /* @__PURE__ */ v(q, {
|
|
1738
|
-
|
|
1737
|
+
children: /* @__PURE__ */ v(q, { ...k, children: /* @__PURE__ */ v(
|
|
1738
|
+
$t,
|
|
1739
1739
|
{
|
|
1740
1740
|
asChild: !0,
|
|
1741
1741
|
trapped: o,
|
|
1742
|
-
onMountAutoFocus: M(i, (
|
|
1742
|
+
onMountAutoFocus: M(i, (y) => {
|
|
1743
1743
|
var A;
|
|
1744
|
-
|
|
1744
|
+
y.preventDefault(), (A = S.current) == null || A.focus({ preventScroll: !0 });
|
|
1745
1745
|
}),
|
|
1746
1746
|
onUnmountAutoFocus: s,
|
|
1747
1747
|
children: /* @__PURE__ */ v(
|
|
1748
|
-
|
|
1748
|
+
Lt,
|
|
1749
1749
|
{
|
|
1750
1750
|
asChild: !0,
|
|
1751
1751
|
disableOutsidePointerEvents: c,
|
|
@@ -1755,7 +1755,7 @@ var pa = "MenuPortal", [Wi, gn] = Z(pa, {
|
|
|
1755
1755
|
onInteractOutside: m,
|
|
1756
1756
|
onDismiss: g,
|
|
1757
1757
|
children: /* @__PURE__ */ v(
|
|
1758
|
-
|
|
1758
|
+
_o,
|
|
1759
1759
|
{
|
|
1760
1760
|
asChild: !0,
|
|
1761
1761
|
...b,
|
|
@@ -1764,41 +1764,41 @@ var pa = "MenuPortal", [Wi, gn] = Z(pa, {
|
|
|
1764
1764
|
loop: r,
|
|
1765
1765
|
currentTabStopId: R,
|
|
1766
1766
|
onCurrentTabStopIdChange: x,
|
|
1767
|
-
onEntryFocus: M(
|
|
1768
|
-
w.isUsingKeyboardRef.current ||
|
|
1767
|
+
onEntryFocus: M(d, (y) => {
|
|
1768
|
+
w.isUsingKeyboardRef.current || y.preventDefault();
|
|
1769
1769
|
}),
|
|
1770
1770
|
preventScrollOnEntryFocus: !0,
|
|
1771
1771
|
children: /* @__PURE__ */ v(
|
|
1772
|
-
|
|
1772
|
+
Qr,
|
|
1773
1773
|
{
|
|
1774
1774
|
role: "menu",
|
|
1775
1775
|
"aria-orientation": "vertical",
|
|
1776
|
-
"data-state":
|
|
1776
|
+
"data-state": Fn(C.open),
|
|
1777
1777
|
"data-radix-menu-content": "",
|
|
1778
1778
|
dir: w.dir,
|
|
1779
|
-
...
|
|
1780
|
-
...
|
|
1779
|
+
..._,
|
|
1780
|
+
...l,
|
|
1781
1781
|
ref: P,
|
|
1782
|
-
style: { outline: "none", ...
|
|
1783
|
-
onKeyDown: M(
|
|
1784
|
-
const N =
|
|
1785
|
-
N && (
|
|
1782
|
+
style: { outline: "none", ...l.style },
|
|
1783
|
+
onKeyDown: M(l.onKeyDown, (y) => {
|
|
1784
|
+
const N = y.target.closest("[data-radix-menu-content]") === y.currentTarget, B = y.ctrlKey || y.altKey || y.metaKey, ae = y.key.length === 1;
|
|
1785
|
+
N && (y.key === "Tab" && y.preventDefault(), !B && ae && J(y.key));
|
|
1786
1786
|
const ie = S.current;
|
|
1787
|
-
if (
|
|
1788
|
-
|
|
1789
|
-
const
|
|
1790
|
-
|
|
1787
|
+
if (y.target !== ie || !oa.includes(y.key)) return;
|
|
1788
|
+
y.preventDefault();
|
|
1789
|
+
const H = E().filter((K) => !K.disabled).map((K) => K.ref.current);
|
|
1790
|
+
mn.includes(y.key) && H.reverse(), Ra(H);
|
|
1791
1791
|
}),
|
|
1792
|
-
onBlur: M(e.onBlur, (
|
|
1793
|
-
|
|
1792
|
+
onBlur: M(e.onBlur, (y) => {
|
|
1793
|
+
y.currentTarget.contains(y.target) || (window.clearTimeout(I.current), T.current = "");
|
|
1794
1794
|
}),
|
|
1795
1795
|
onPointerMove: M(
|
|
1796
1796
|
e.onPointerMove,
|
|
1797
|
-
fe((
|
|
1798
|
-
const A =
|
|
1799
|
-
if (
|
|
1800
|
-
const
|
|
1801
|
-
|
|
1797
|
+
fe((y) => {
|
|
1798
|
+
const A = y.target, N = Q.current !== y.clientX;
|
|
1799
|
+
if (y.currentTarget.contains(A) && N) {
|
|
1800
|
+
const B = y.clientX > Q.current ? "right" : "left";
|
|
1801
|
+
U.current = B, Q.current = y.clientX;
|
|
1802
1802
|
}
|
|
1803
1803
|
})
|
|
1804
1804
|
)
|
|
@@ -1814,35 +1814,35 @@ var pa = "MenuPortal", [Wi, gn] = Z(pa, {
|
|
|
1814
1814
|
);
|
|
1815
1815
|
}
|
|
1816
1816
|
);
|
|
1817
|
-
|
|
1818
|
-
var
|
|
1817
|
+
Cn.displayName = L;
|
|
1818
|
+
var ha = "MenuGroup", et = a.forwardRef(
|
|
1819
1819
|
(e, t) => {
|
|
1820
1820
|
const { __scopeMenu: n, ...r } = e;
|
|
1821
|
-
return /* @__PURE__ */ v(
|
|
1821
|
+
return /* @__PURE__ */ v(W.div, { role: "group", ...r, ref: t });
|
|
1822
1822
|
}
|
|
1823
1823
|
);
|
|
1824
|
-
|
|
1825
|
-
var
|
|
1824
|
+
et.displayName = ha;
|
|
1825
|
+
var ga = "MenuLabel", yn = a.forwardRef(
|
|
1826
1826
|
(e, t) => {
|
|
1827
1827
|
const { __scopeMenu: n, ...r } = e;
|
|
1828
|
-
return /* @__PURE__ */ v(
|
|
1828
|
+
return /* @__PURE__ */ v(W.div, { ...r, ref: t });
|
|
1829
1829
|
}
|
|
1830
1830
|
);
|
|
1831
|
-
yn.displayName =
|
|
1832
|
-
var
|
|
1831
|
+
yn.displayName = ga;
|
|
1832
|
+
var Ee = "MenuItem", Rt = "menu.itemSelect", Ie = a.forwardRef(
|
|
1833
1833
|
(e, t) => {
|
|
1834
|
-
const { disabled: n = !1, onSelect: r, ...o } = e, i = a.useRef(null), s = me(
|
|
1834
|
+
const { disabled: n = !1, onSelect: r, ...o } = e, i = a.useRef(null), s = me(Ee, e.__scopeMenu), c = qe(Ee, e.__scopeMenu), d = $(t, i), u = a.useRef(!1), p = () => {
|
|
1835
1835
|
const f = i.current;
|
|
1836
1836
|
if (!n && f) {
|
|
1837
|
-
const m = new CustomEvent(
|
|
1838
|
-
f.addEventListener(
|
|
1837
|
+
const m = new CustomEvent(Rt, { bubbles: !0, cancelable: !0 });
|
|
1838
|
+
f.addEventListener(Rt, (g) => r == null ? void 0 : r(g), { once: !0 }), Ot(f, m), m.defaultPrevented ? u.current = !1 : s.onClose();
|
|
1839
1839
|
}
|
|
1840
1840
|
};
|
|
1841
1841
|
return /* @__PURE__ */ v(
|
|
1842
|
-
|
|
1842
|
+
_n,
|
|
1843
1843
|
{
|
|
1844
1844
|
...o,
|
|
1845
|
-
ref:
|
|
1845
|
+
ref: d,
|
|
1846
1846
|
disabled: n,
|
|
1847
1847
|
onClick: M(e.onClick, p),
|
|
1848
1848
|
onPointerDown: (f) => {
|
|
@@ -1855,18 +1855,18 @@ var _e = "MenuItem", _t = "menu.itemSelect", Ie = a.forwardRef(
|
|
|
1855
1855
|
}),
|
|
1856
1856
|
onKeyDown: M(e.onKeyDown, (f) => {
|
|
1857
1857
|
const m = c.searchRef.current !== "";
|
|
1858
|
-
n || m && f.key === " " ||
|
|
1858
|
+
n || m && f.key === " " || Ve.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
|
|
1859
1859
|
})
|
|
1860
1860
|
}
|
|
1861
1861
|
);
|
|
1862
1862
|
}
|
|
1863
1863
|
);
|
|
1864
|
-
Ie.displayName =
|
|
1865
|
-
var
|
|
1864
|
+
Ie.displayName = Ee;
|
|
1865
|
+
var _n = a.forwardRef(
|
|
1866
1866
|
(e, t) => {
|
|
1867
|
-
const { __scopeMenu: n, disabled: r = !1, textValue: o, ...i } = e, s =
|
|
1867
|
+
const { __scopeMenu: n, disabled: r = !1, textValue: o, ...i } = e, s = qe(Ee, n), c = hn(n), d = a.useRef(null), u = $(t, d), [p, f] = a.useState(!1), [m, g] = a.useState("");
|
|
1868
1868
|
return a.useEffect(() => {
|
|
1869
|
-
const h =
|
|
1869
|
+
const h = d.current;
|
|
1870
1870
|
h && g((h.textContent ?? "").trim());
|
|
1871
1871
|
}, [i.children]), /* @__PURE__ */ v(
|
|
1872
1872
|
de.ItemSlot,
|
|
@@ -1874,8 +1874,8 @@ var Cn = a.forwardRef(
|
|
|
1874
1874
|
scope: n,
|
|
1875
1875
|
disabled: r,
|
|
1876
1876
|
textValue: o ?? m,
|
|
1877
|
-
children: /* @__PURE__ */ v(
|
|
1878
|
-
|
|
1877
|
+
children: /* @__PURE__ */ v(bo, { asChild: !0, ...c, focusable: !r, children: /* @__PURE__ */ v(
|
|
1878
|
+
W.div,
|
|
1879
1879
|
{
|
|
1880
1880
|
role: "menuitem",
|
|
1881
1881
|
"data-highlighted": p ? "" : void 0,
|
|
@@ -1900,17 +1900,17 @@ var Cn = a.forwardRef(
|
|
|
1900
1900
|
}
|
|
1901
1901
|
);
|
|
1902
1902
|
}
|
|
1903
|
-
),
|
|
1903
|
+
), wa = "MenuCheckboxItem", bn = a.forwardRef(
|
|
1904
1904
|
(e, t) => {
|
|
1905
1905
|
const { checked: n = !1, onCheckedChange: r, ...o } = e;
|
|
1906
|
-
return /* @__PURE__ */ v(
|
|
1906
|
+
return /* @__PURE__ */ v(Mn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ v(
|
|
1907
1907
|
Ie,
|
|
1908
1908
|
{
|
|
1909
1909
|
role: "menuitemcheckbox",
|
|
1910
1910
|
"aria-checked": Re(n) ? "mixed" : n,
|
|
1911
1911
|
...o,
|
|
1912
1912
|
ref: t,
|
|
1913
|
-
"data-state":
|
|
1913
|
+
"data-state": nt(n),
|
|
1914
1914
|
onSelect: M(
|
|
1915
1915
|
o.onSelect,
|
|
1916
1916
|
() => r == null ? void 0 : r(Re(n) ? !0 : !n),
|
|
@@ -1920,29 +1920,29 @@ var Cn = a.forwardRef(
|
|
|
1920
1920
|
) });
|
|
1921
1921
|
}
|
|
1922
1922
|
);
|
|
1923
|
-
|
|
1924
|
-
var
|
|
1925
|
-
|
|
1923
|
+
bn.displayName = wa;
|
|
1924
|
+
var Sn = "MenuRadioGroup", [Ca, ya] = Z(
|
|
1925
|
+
Sn,
|
|
1926
1926
|
{ value: void 0, onValueChange: () => {
|
|
1927
1927
|
} }
|
|
1928
|
-
),
|
|
1928
|
+
), En = a.forwardRef(
|
|
1929
1929
|
(e, t) => {
|
|
1930
|
-
const { value: n, onValueChange: r, ...o } = e, i =
|
|
1931
|
-
return /* @__PURE__ */ v(Ca, { scope: e.__scopeMenu, value: n, onValueChange: i, children: /* @__PURE__ */ v(
|
|
1930
|
+
const { value: n, onValueChange: r, ...o } = e, i = j(r);
|
|
1931
|
+
return /* @__PURE__ */ v(Ca, { scope: e.__scopeMenu, value: n, onValueChange: i, children: /* @__PURE__ */ v(et, { ...o, ref: t }) });
|
|
1932
1932
|
}
|
|
1933
1933
|
);
|
|
1934
|
-
|
|
1935
|
-
var
|
|
1934
|
+
En.displayName = Sn;
|
|
1935
|
+
var Rn = "MenuRadioItem", Pn = a.forwardRef(
|
|
1936
1936
|
(e, t) => {
|
|
1937
|
-
const { value: n, ...r } = e, o =
|
|
1938
|
-
return /* @__PURE__ */ v(
|
|
1937
|
+
const { value: n, ...r } = e, o = ya(Rn, e.__scopeMenu), i = n === o.value;
|
|
1938
|
+
return /* @__PURE__ */ v(Mn, { scope: e.__scopeMenu, checked: i, children: /* @__PURE__ */ v(
|
|
1939
1939
|
Ie,
|
|
1940
1940
|
{
|
|
1941
1941
|
role: "menuitemradio",
|
|
1942
1942
|
"aria-checked": i,
|
|
1943
1943
|
...r,
|
|
1944
1944
|
ref: t,
|
|
1945
|
-
"data-state":
|
|
1945
|
+
"data-state": nt(i),
|
|
1946
1946
|
onSelect: M(
|
|
1947
1947
|
r.onSelect,
|
|
1948
1948
|
() => {
|
|
@@ -1955,35 +1955,35 @@ var _n = "MenuRadioItem", Rn = a.forwardRef(
|
|
|
1955
1955
|
) });
|
|
1956
1956
|
}
|
|
1957
1957
|
);
|
|
1958
|
-
|
|
1959
|
-
var
|
|
1960
|
-
|
|
1958
|
+
Pn.displayName = Rn;
|
|
1959
|
+
var tt = "MenuItemIndicator", [Mn, _a] = Z(
|
|
1960
|
+
tt,
|
|
1961
1961
|
{ checked: !1 }
|
|
1962
|
-
),
|
|
1962
|
+
), xn = a.forwardRef(
|
|
1963
1963
|
(e, t) => {
|
|
1964
|
-
const { __scopeMenu: n, forceMount: r, ...o } = e, i =
|
|
1964
|
+
const { __scopeMenu: n, forceMount: r, ...o } = e, i = _a(tt, n);
|
|
1965
1965
|
return /* @__PURE__ */ v(
|
|
1966
1966
|
Pe,
|
|
1967
1967
|
{
|
|
1968
1968
|
present: r || Re(i.checked) || i.checked === !0,
|
|
1969
1969
|
children: /* @__PURE__ */ v(
|
|
1970
|
-
|
|
1970
|
+
W.span,
|
|
1971
1971
|
{
|
|
1972
1972
|
...o,
|
|
1973
1973
|
ref: t,
|
|
1974
|
-
"data-state":
|
|
1974
|
+
"data-state": nt(i.checked)
|
|
1975
1975
|
}
|
|
1976
1976
|
)
|
|
1977
1977
|
}
|
|
1978
1978
|
);
|
|
1979
1979
|
}
|
|
1980
1980
|
);
|
|
1981
|
-
|
|
1982
|
-
var
|
|
1981
|
+
xn.displayName = tt;
|
|
1982
|
+
var ba = "MenuSeparator", Nn = a.forwardRef(
|
|
1983
1983
|
(e, t) => {
|
|
1984
1984
|
const { __scopeMenu: n, ...r } = e;
|
|
1985
1985
|
return /* @__PURE__ */ v(
|
|
1986
|
-
|
|
1986
|
+
W.div,
|
|
1987
1987
|
{
|
|
1988
1988
|
role: "separator",
|
|
1989
1989
|
"aria-orientation": "horizontal",
|
|
@@ -1993,34 +1993,34 @@ var Sa = "MenuSeparator", xn = a.forwardRef(
|
|
|
1993
1993
|
);
|
|
1994
1994
|
}
|
|
1995
1995
|
);
|
|
1996
|
-
|
|
1997
|
-
var
|
|
1996
|
+
Nn.displayName = ba;
|
|
1997
|
+
var Sa = "MenuArrow", In = a.forwardRef(
|
|
1998
1998
|
(e, t) => {
|
|
1999
1999
|
const { __scopeMenu: n, ...r } = e, o = Ne(n);
|
|
2000
|
-
return /* @__PURE__ */ v(
|
|
2000
|
+
return /* @__PURE__ */ v(qr, { ...o, ...r, ref: t });
|
|
2001
2001
|
}
|
|
2002
2002
|
);
|
|
2003
|
-
|
|
2004
|
-
var
|
|
2003
|
+
In.displayName = Sa;
|
|
2004
|
+
var Ea = "MenuSub", [ki, An] = Z(Ea), le = "MenuSubTrigger", Dn = a.forwardRef(
|
|
2005
2005
|
(e, t) => {
|
|
2006
|
-
const n = oe(le, e.__scopeMenu), r = me(le, e.__scopeMenu), o =
|
|
2006
|
+
const n = oe(le, e.__scopeMenu), r = me(le, e.__scopeMenu), o = An(le, e.__scopeMenu), i = qe(le, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: c, onPointerGraceIntentChange: d } = i, u = { __scopeMenu: e.__scopeMenu }, p = a.useCallback(() => {
|
|
2007
2007
|
s.current && window.clearTimeout(s.current), s.current = null;
|
|
2008
2008
|
}, []);
|
|
2009
2009
|
return a.useEffect(() => p, [p]), a.useEffect(() => {
|
|
2010
2010
|
const f = c.current;
|
|
2011
2011
|
return () => {
|
|
2012
|
-
window.clearTimeout(f),
|
|
2012
|
+
window.clearTimeout(f), d(null);
|
|
2013
2013
|
};
|
|
2014
|
-
}, [c,
|
|
2015
|
-
|
|
2014
|
+
}, [c, d]), /* @__PURE__ */ v(Qe, { asChild: !0, ...u, children: /* @__PURE__ */ v(
|
|
2015
|
+
_n,
|
|
2016
2016
|
{
|
|
2017
2017
|
id: o.triggerId,
|
|
2018
2018
|
"aria-haspopup": "menu",
|
|
2019
2019
|
"aria-expanded": n.open,
|
|
2020
2020
|
"aria-controls": o.contentId,
|
|
2021
|
-
"data-state":
|
|
2021
|
+
"data-state": Fn(n.open),
|
|
2022
2022
|
...e,
|
|
2023
|
-
ref:
|
|
2023
|
+
ref: je(t, o.onTriggerChange),
|
|
2024
2024
|
onClick: (f) => {
|
|
2025
2025
|
var m;
|
|
2026
2026
|
(m = e.onClick) == null || m.call(e, f), !(e.disabled || f.defaultPrevented) && (f.currentTarget.focus(), n.open || n.onOpenChange(!0));
|
|
@@ -2040,18 +2040,18 @@ var Ra = "MenuSub", [Bi, In] = Z(Ra), le = "MenuSubTrigger", An = a.forwardRef(
|
|
|
2040
2040
|
p();
|
|
2041
2041
|
const m = (g = n.content) == null ? void 0 : g.getBoundingClientRect();
|
|
2042
2042
|
if (m) {
|
|
2043
|
-
const
|
|
2043
|
+
const l = (h = n.content) == null ? void 0 : h.dataset.side, C = l === "right", w = C ? -5 : 5, _ = m[C ? "left" : "right"], b = m[C ? "right" : "left"];
|
|
2044
2044
|
i.onPointerGraceIntentChange({
|
|
2045
2045
|
area: [
|
|
2046
2046
|
// Apply a bleed on clientX to ensure that our exit point is
|
|
2047
2047
|
// consistently within polygon bounds
|
|
2048
2048
|
{ x: f.clientX + w, y: f.clientY },
|
|
2049
|
-
{ x:
|
|
2049
|
+
{ x: _, y: m.top },
|
|
2050
2050
|
{ x: b, y: m.top },
|
|
2051
2051
|
{ x: b, y: m.bottom },
|
|
2052
|
-
{ x:
|
|
2052
|
+
{ x: _, y: m.bottom }
|
|
2053
2053
|
],
|
|
2054
|
-
side:
|
|
2054
|
+
side: l
|
|
2055
2055
|
}), window.clearTimeout(c.current), c.current = window.setTimeout(
|
|
2056
2056
|
() => i.onPointerGraceIntentChange(null),
|
|
2057
2057
|
300
|
|
@@ -2065,18 +2065,18 @@ var Ra = "MenuSub", [Bi, In] = Z(Ra), le = "MenuSubTrigger", An = a.forwardRef(
|
|
|
2065
2065
|
onKeyDown: M(e.onKeyDown, (f) => {
|
|
2066
2066
|
var g;
|
|
2067
2067
|
const m = i.searchRef.current !== "";
|
|
2068
|
-
e.disabled || m && f.key === " " ||
|
|
2068
|
+
e.disabled || m && f.key === " " || aa[r.dir].includes(f.key) && (n.onOpenChange(!0), (g = n.content) == null || g.focus(), f.preventDefault());
|
|
2069
2069
|
})
|
|
2070
2070
|
}
|
|
2071
2071
|
) });
|
|
2072
2072
|
}
|
|
2073
2073
|
);
|
|
2074
|
-
|
|
2075
|
-
var
|
|
2074
|
+
Dn.displayName = le;
|
|
2075
|
+
var Tn = "MenuSubContent", On = a.forwardRef(
|
|
2076
2076
|
(e, t) => {
|
|
2077
|
-
const n =
|
|
2077
|
+
const n = wn(L, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, i = oe(L, e.__scopeMenu), s = me(L, e.__scopeMenu), c = An(Tn, e.__scopeMenu), d = a.useRef(null), u = $(t, d);
|
|
2078
2078
|
return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || i.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(
|
|
2079
|
-
|
|
2079
|
+
Je,
|
|
2080
2080
|
{
|
|
2081
2081
|
id: c.contentId,
|
|
2082
2082
|
"aria-labelledby": c.triggerId,
|
|
@@ -2089,7 +2089,7 @@ var Dn = "MenuSubContent", Tn = a.forwardRef(
|
|
|
2089
2089
|
trapFocus: !1,
|
|
2090
2090
|
onOpenAutoFocus: (p) => {
|
|
2091
2091
|
var f;
|
|
2092
|
-
s.isUsingKeyboardRef.current && ((f =
|
|
2092
|
+
s.isUsingKeyboardRef.current && ((f = d.current) == null || f.focus()), p.preventDefault();
|
|
2093
2093
|
},
|
|
2094
2094
|
onCloseAutoFocus: (p) => p.preventDefault(),
|
|
2095
2095
|
onFocusOutside: M(e.onFocusOutside, (p) => {
|
|
@@ -2100,61 +2100,61 @@ var Dn = "MenuSubContent", Tn = a.forwardRef(
|
|
|
2100
2100
|
}),
|
|
2101
2101
|
onKeyDown: M(e.onKeyDown, (p) => {
|
|
2102
2102
|
var g;
|
|
2103
|
-
const f = p.currentTarget.contains(p.target), m =
|
|
2103
|
+
const f = p.currentTarget.contains(p.target), m = ia[s.dir].includes(p.key);
|
|
2104
2104
|
f && m && (i.onOpenChange(!1), (g = c.trigger) == null || g.focus(), p.preventDefault());
|
|
2105
2105
|
})
|
|
2106
2106
|
}
|
|
2107
2107
|
) }) }) });
|
|
2108
2108
|
}
|
|
2109
2109
|
);
|
|
2110
|
-
|
|
2111
|
-
function
|
|
2110
|
+
On.displayName = Tn;
|
|
2111
|
+
function Fn(e) {
|
|
2112
2112
|
return e ? "open" : "closed";
|
|
2113
2113
|
}
|
|
2114
2114
|
function Re(e) {
|
|
2115
2115
|
return e === "indeterminate";
|
|
2116
2116
|
}
|
|
2117
|
-
function
|
|
2117
|
+
function nt(e) {
|
|
2118
2118
|
return Re(e) ? "indeterminate" : e ? "checked" : "unchecked";
|
|
2119
2119
|
}
|
|
2120
|
-
function
|
|
2120
|
+
function Ra(e) {
|
|
2121
2121
|
const t = document.activeElement;
|
|
2122
2122
|
for (const n of e)
|
|
2123
2123
|
if (n === t || (n.focus(), document.activeElement !== t)) return;
|
|
2124
2124
|
}
|
|
2125
|
-
function
|
|
2125
|
+
function Pa(e, t) {
|
|
2126
2126
|
return e.map((n, r) => e[(t + r) % e.length]);
|
|
2127
2127
|
}
|
|
2128
|
-
function
|
|
2128
|
+
function Ma(e, t, n) {
|
|
2129
2129
|
const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, i = n ? e.indexOf(n) : -1;
|
|
2130
|
-
let s =
|
|
2130
|
+
let s = Pa(e, Math.max(i, 0));
|
|
2131
2131
|
o.length === 1 && (s = s.filter((u) => u !== n));
|
|
2132
|
-
const
|
|
2132
|
+
const d = s.find(
|
|
2133
2133
|
(u) => u.toLowerCase().startsWith(o.toLowerCase())
|
|
2134
2134
|
);
|
|
2135
|
-
return
|
|
2135
|
+
return d !== n ? d : void 0;
|
|
2136
2136
|
}
|
|
2137
|
-
function
|
|
2137
|
+
function xa(e, t) {
|
|
2138
2138
|
const { x: n, y: r } = e;
|
|
2139
2139
|
let o = !1;
|
|
2140
2140
|
for (let i = 0, s = t.length - 1; i < t.length; s = i++) {
|
|
2141
|
-
const c = t[i].x,
|
|
2142
|
-
|
|
2141
|
+
const c = t[i].x, d = t[i].y, u = t[s].x, p = t[s].y;
|
|
2142
|
+
d > r != p > r && n < (u - c) * (r - d) / (p - d) + c && (o = !o);
|
|
2143
2143
|
}
|
|
2144
2144
|
return o;
|
|
2145
2145
|
}
|
|
2146
|
-
function
|
|
2146
|
+
function Na(e, t) {
|
|
2147
2147
|
if (!t) return !1;
|
|
2148
2148
|
const n = { x: e.clientX, y: e.clientY };
|
|
2149
|
-
return
|
|
2149
|
+
return xa(n, t);
|
|
2150
2150
|
}
|
|
2151
2151
|
function fe(e) {
|
|
2152
2152
|
return (t) => t.pointerType === "mouse" ? e(t) : void 0;
|
|
2153
2153
|
}
|
|
2154
|
-
var Aa =
|
|
2155
|
-
|
|
2156
|
-
[
|
|
2157
|
-
), D =
|
|
2154
|
+
var Ia = gn, Aa = Qe, Da = Cn, Ta = et, Oa = yn, Fa = Ie, La = bn, ka = En, $a = Pn, Wa = xn, Ba = Nn, Ua = In, Ka = Dn, Ga = On, rt = "DropdownMenu", [za, $i] = fr(
|
|
2155
|
+
rt,
|
|
2156
|
+
[vn]
|
|
2157
|
+
), D = vn(), [Va, Ln] = za(rt), kn = (e) => {
|
|
2158
2158
|
const {
|
|
2159
2159
|
__scopeDropdownMenu: t,
|
|
2160
2160
|
children: n,
|
|
@@ -2163,31 +2163,31 @@ var Aa = hn, Da = qe, Ta = wn, Oa = tt, Fa = yn, La = Ie, ka = En, $a = Sn, Wa =
|
|
|
2163
2163
|
defaultOpen: i,
|
|
2164
2164
|
onOpenChange: s,
|
|
2165
2165
|
modal: c = !0
|
|
2166
|
-
} = e,
|
|
2166
|
+
} = e, d = D(t), u = a.useRef(null), [p = !1, f] = Mt({
|
|
2167
2167
|
prop: o,
|
|
2168
2168
|
defaultProp: i,
|
|
2169
2169
|
onChange: s
|
|
2170
2170
|
});
|
|
2171
2171
|
return /* @__PURE__ */ v(
|
|
2172
|
-
|
|
2172
|
+
Va,
|
|
2173
2173
|
{
|
|
2174
2174
|
scope: t,
|
|
2175
|
-
triggerId:
|
|
2175
|
+
triggerId: $e(),
|
|
2176
2176
|
triggerRef: u,
|
|
2177
|
-
contentId:
|
|
2177
|
+
contentId: $e(),
|
|
2178
2178
|
open: p,
|
|
2179
2179
|
onOpenChange: f,
|
|
2180
2180
|
onOpenToggle: a.useCallback(() => f((m) => !m), [f]),
|
|
2181
2181
|
modal: c,
|
|
2182
|
-
children: /* @__PURE__ */ v(
|
|
2182
|
+
children: /* @__PURE__ */ v(Ia, { ...d, open: p, onOpenChange: f, dir: r, modal: c, children: n })
|
|
2183
2183
|
}
|
|
2184
2184
|
);
|
|
2185
2185
|
};
|
|
2186
|
-
|
|
2187
|
-
var
|
|
2186
|
+
kn.displayName = rt;
|
|
2187
|
+
var $n = "DropdownMenuTrigger", Wn = a.forwardRef(
|
|
2188
2188
|
(e, t) => {
|
|
2189
|
-
const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, i =
|
|
2190
|
-
return /* @__PURE__ */ v(
|
|
2189
|
+
const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, i = Ln($n, n), s = D(n);
|
|
2190
|
+
return /* @__PURE__ */ v(Aa, { asChild: !0, ...s, children: /* @__PURE__ */ v(
|
|
2191
2191
|
Cr.button,
|
|
2192
2192
|
{
|
|
2193
2193
|
type: "button",
|
|
@@ -2199,7 +2199,7 @@ var kn = "DropdownMenuTrigger", $n = a.forwardRef(
|
|
|
2199
2199
|
"data-disabled": r ? "" : void 0,
|
|
2200
2200
|
disabled: r,
|
|
2201
2201
|
...o,
|
|
2202
|
-
ref:
|
|
2202
|
+
ref: At(t, i.triggerRef),
|
|
2203
2203
|
onPointerDown: Se(e.onPointerDown, (c) => {
|
|
2204
2204
|
!r && c.button === 0 && c.ctrlKey === !1 && (i.onOpenToggle(), i.open || c.preventDefault());
|
|
2205
2205
|
}),
|
|
@@ -2210,12 +2210,12 @@ var kn = "DropdownMenuTrigger", $n = a.forwardRef(
|
|
|
2210
2210
|
) });
|
|
2211
2211
|
}
|
|
2212
2212
|
);
|
|
2213
|
-
|
|
2214
|
-
var
|
|
2213
|
+
Wn.displayName = $n;
|
|
2214
|
+
var Bn = "DropdownMenuContent", Un = a.forwardRef(
|
|
2215
2215
|
(e, t) => {
|
|
2216
|
-
const { __scopeDropdownMenu: n, ...r } = e, o =
|
|
2216
|
+
const { __scopeDropdownMenu: n, ...r } = e, o = Ln(Bn, n), i = D(n), s = a.useRef(!1);
|
|
2217
2217
|
return /* @__PURE__ */ v(
|
|
2218
|
-
|
|
2218
|
+
Da,
|
|
2219
2219
|
{
|
|
2220
2220
|
id: o.contentId,
|
|
2221
2221
|
"aria-labelledby": o.triggerId,
|
|
@@ -2223,11 +2223,11 @@ var Wn = "DropdownMenuContent", Bn = a.forwardRef(
|
|
|
2223
2223
|
...r,
|
|
2224
2224
|
ref: t,
|
|
2225
2225
|
onCloseAutoFocus: Se(e.onCloseAutoFocus, (c) => {
|
|
2226
|
-
var
|
|
2227
|
-
s.current || (
|
|
2226
|
+
var d;
|
|
2227
|
+
s.current || (d = o.triggerRef.current) == null || d.focus(), s.current = !1, c.preventDefault();
|
|
2228
2228
|
}),
|
|
2229
2229
|
onInteractOutside: Se(e.onInteractOutside, (c) => {
|
|
2230
|
-
const
|
|
2230
|
+
const d = c.detail.originalEvent, u = d.button === 0 && d.ctrlKey === !0, p = d.button === 2 || u;
|
|
2231
2231
|
(!o.modal || p) && (s.current = !0);
|
|
2232
2232
|
}),
|
|
2233
2233
|
style: {
|
|
@@ -2242,69 +2242,69 @@ var Wn = "DropdownMenuContent", Bn = a.forwardRef(
|
|
|
2242
2242
|
);
|
|
2243
2243
|
}
|
|
2244
2244
|
);
|
|
2245
|
-
|
|
2246
|
-
var
|
|
2245
|
+
Un.displayName = Bn;
|
|
2246
|
+
var Ya = "DropdownMenuGroup", ja = a.forwardRef(
|
|
2247
2247
|
(e, t) => {
|
|
2248
2248
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2249
|
-
return /* @__PURE__ */ v(
|
|
2249
|
+
return /* @__PURE__ */ v(Ta, { ...o, ...r, ref: t });
|
|
2250
2250
|
}
|
|
2251
2251
|
);
|
|
2252
|
-
|
|
2253
|
-
var
|
|
2252
|
+
ja.displayName = Ya;
|
|
2253
|
+
var Xa = "DropdownMenuLabel", Ha = a.forwardRef(
|
|
2254
2254
|
(e, t) => {
|
|
2255
2255
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2256
|
-
return /* @__PURE__ */ v(
|
|
2256
|
+
return /* @__PURE__ */ v(Oa, { ...o, ...r, ref: t });
|
|
2257
2257
|
}
|
|
2258
2258
|
);
|
|
2259
|
-
|
|
2260
|
-
var
|
|
2259
|
+
Ha.displayName = Xa;
|
|
2260
|
+
var Za = "DropdownMenuItem", Kn = a.forwardRef(
|
|
2261
2261
|
(e, t) => {
|
|
2262
2262
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2263
|
-
return /* @__PURE__ */ v(
|
|
2263
|
+
return /* @__PURE__ */ v(Fa, { ...o, ...r, ref: t });
|
|
2264
2264
|
}
|
|
2265
2265
|
);
|
|
2266
|
-
|
|
2267
|
-
var
|
|
2266
|
+
Kn.displayName = Za;
|
|
2267
|
+
var Qa = "DropdownMenuCheckboxItem", qa = a.forwardRef((e, t) => {
|
|
2268
|
+
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2269
|
+
return /* @__PURE__ */ v(La, { ...o, ...r, ref: t });
|
|
2270
|
+
});
|
|
2271
|
+
qa.displayName = Qa;
|
|
2272
|
+
var Ja = "DropdownMenuRadioGroup", ei = a.forwardRef((e, t) => {
|
|
2268
2273
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2269
2274
|
return /* @__PURE__ */ v(ka, { ...o, ...r, ref: t });
|
|
2270
2275
|
});
|
|
2271
|
-
|
|
2272
|
-
var
|
|
2276
|
+
ei.displayName = Ja;
|
|
2277
|
+
var ti = "DropdownMenuRadioItem", ni = a.forwardRef((e, t) => {
|
|
2273
2278
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2274
2279
|
return /* @__PURE__ */ v($a, { ...o, ...r, ref: t });
|
|
2275
2280
|
});
|
|
2276
|
-
|
|
2277
|
-
var
|
|
2281
|
+
ni.displayName = ti;
|
|
2282
|
+
var ri = "DropdownMenuItemIndicator", oi = a.forwardRef((e, t) => {
|
|
2278
2283
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2279
2284
|
return /* @__PURE__ */ v(Wa, { ...o, ...r, ref: t });
|
|
2280
2285
|
});
|
|
2281
|
-
|
|
2282
|
-
var
|
|
2286
|
+
oi.displayName = ri;
|
|
2287
|
+
var ai = "DropdownMenuSeparator", ii = a.forwardRef((e, t) => {
|
|
2283
2288
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2284
2289
|
return /* @__PURE__ */ v(Ba, { ...o, ...r, ref: t });
|
|
2285
2290
|
});
|
|
2286
|
-
|
|
2287
|
-
var
|
|
2288
|
-
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2289
|
-
return /* @__PURE__ */ v(Ua, { ...o, ...r, ref: t });
|
|
2290
|
-
});
|
|
2291
|
-
ci.displayName = ii;
|
|
2292
|
-
var si = "DropdownMenuArrow", ui = a.forwardRef(
|
|
2291
|
+
ii.displayName = ai;
|
|
2292
|
+
var ci = "DropdownMenuArrow", si = a.forwardRef(
|
|
2293
2293
|
(e, t) => {
|
|
2294
2294
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2295
|
-
return /* @__PURE__ */ v(
|
|
2295
|
+
return /* @__PURE__ */ v(Ua, { ...o, ...r, ref: t });
|
|
2296
2296
|
}
|
|
2297
2297
|
);
|
|
2298
|
-
|
|
2299
|
-
var
|
|
2298
|
+
si.displayName = ci;
|
|
2299
|
+
var ui = "DropdownMenuSubTrigger", li = a.forwardRef((e, t) => {
|
|
2300
2300
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2301
|
-
return /* @__PURE__ */ v(
|
|
2301
|
+
return /* @__PURE__ */ v(Ka, { ...o, ...r, ref: t });
|
|
2302
2302
|
});
|
|
2303
|
-
|
|
2304
|
-
var
|
|
2303
|
+
li.displayName = ui;
|
|
2304
|
+
var di = "DropdownMenuSubContent", fi = a.forwardRef((e, t) => {
|
|
2305
2305
|
const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
|
|
2306
2306
|
return /* @__PURE__ */ v(
|
|
2307
|
-
|
|
2307
|
+
Ga,
|
|
2308
2308
|
{
|
|
2309
2309
|
...o,
|
|
2310
2310
|
...r,
|
|
@@ -2320,19 +2320,35 @@ var fi = "DropdownMenuSubContent", pi = a.forwardRef((e, t) => {
|
|
|
2320
2320
|
}
|
|
2321
2321
|
);
|
|
2322
2322
|
});
|
|
2323
|
-
|
|
2324
|
-
var
|
|
2325
|
-
const
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2323
|
+
fi.displayName = di;
|
|
2324
|
+
var pi = kn, mi = Wn, vi = Un, hi = Kn;
|
|
2325
|
+
const gi = "cfxui__DropdownSelect__trigger__c03df", wi = "cfxui__DropdownSelect__onlight__f0191", Ci = "cfxui__DropdownSelect__fullWidth__dce56", yi = "cfxui__DropdownSelect__icon__d05b8", _i = "cfxui__DropdownSelect__placeholder__e0d89", bi = "cfxui__DropdownSelect__content__05ed8", Si = "cfxui__DropdownSelect__item__0e45f", G = {
|
|
2326
|
+
trigger: gi,
|
|
2327
|
+
onlight: wi,
|
|
2328
|
+
fullWidth: Ci,
|
|
2329
|
+
icon: yi,
|
|
2330
|
+
placeholder: _i,
|
|
2331
|
+
content: bi,
|
|
2332
|
+
item: Si,
|
|
2333
|
+
"dropdownselect-size-initial-large": "cfxui__DropdownSelect__dropdownselect-size-initial-large__d6bf3",
|
|
2334
|
+
"dropdownselect-size-initial-small": "cfxui__DropdownSelect__dropdownselect-size-initial-small__56570",
|
|
2335
|
+
"dropdownselect-size-small-large": "cfxui__DropdownSelect__dropdownselect-size-small-large__7f027",
|
|
2336
|
+
"dropdownselect-size-small-small": "cfxui__DropdownSelect__dropdownselect-size-small-small__bea7a",
|
|
2337
|
+
"dropdownselect-size-small-medium-large": "cfxui__DropdownSelect__dropdownselect-size-small-medium-large__c82c6",
|
|
2338
|
+
"dropdownselect-size-small-medium-small": "cfxui__DropdownSelect__dropdownselect-size-small-medium-small__f719a",
|
|
2339
|
+
"dropdownselect-size-medium-large": "cfxui__DropdownSelect__dropdownselect-size-medium-large__eb839",
|
|
2340
|
+
"dropdownselect-size-medium-small": "cfxui__DropdownSelect__dropdownselect-size-medium-small__698db",
|
|
2341
|
+
"dropdownselect-size-medium-large-large": "cfxui__DropdownSelect__dropdownselect-size-medium-large-large__dd545",
|
|
2342
|
+
"dropdownselect-size-medium-large-small": "cfxui__DropdownSelect__dropdownselect-size-medium-large-small__8cd70",
|
|
2343
|
+
"dropdownselect-size-large-large": "cfxui__DropdownSelect__dropdownselect-size-large-large__3b065",
|
|
2344
|
+
"dropdownselect-size-large-small": "cfxui__DropdownSelect__dropdownselect-size-large-small__5bca7",
|
|
2345
|
+
"dropdownselect-size-xlarge-large": "cfxui__DropdownSelect__dropdownselect-size-xlarge-large__23eae",
|
|
2346
|
+
"dropdownselect-size-xlarge-small": "cfxui__DropdownSelect__dropdownselect-size-xlarge-small__d232d"
|
|
2347
|
+
}, Wi = {
|
|
2348
|
+
small: "xxsmall",
|
|
2349
|
+
normal: "xsmall",
|
|
2350
|
+
large: "normal"
|
|
2351
|
+
}, Bi = function({
|
|
2336
2352
|
options: t,
|
|
2337
2353
|
value: n,
|
|
2338
2354
|
onChange: r,
|
|
@@ -2340,58 +2356,66 @@ const wi = "cfxui__DropdownSelect__content__05ed8", yi = "cfxui__DropdownSelect_
|
|
|
2340
2356
|
fullWidth: i = !1,
|
|
2341
2357
|
onlight: s = !1,
|
|
2342
2358
|
disabled: c,
|
|
2343
|
-
placeholder:
|
|
2359
|
+
placeholder: d = "Select..."
|
|
2344
2360
|
}) {
|
|
2345
|
-
const u = jn(null), [p, f] =
|
|
2346
|
-
|
|
2361
|
+
const u = jn(null), [p, f] = Pt(void 0);
|
|
2362
|
+
Xn(() => {
|
|
2347
2363
|
i && u.current && f(u.current.offsetWidth);
|
|
2348
|
-
}, [i])
|
|
2364
|
+
}, [i]);
|
|
2365
|
+
const m = st.getResponsiveFlatClassnames("dropdownselect-size", o).map((l) => G[l]), g = ut(
|
|
2366
|
+
G.trigger,
|
|
2367
|
+
m,
|
|
2368
|
+
{
|
|
2369
|
+
[G.placeholder]: !n,
|
|
2370
|
+
[G.fullWidth]: i,
|
|
2371
|
+
[G.onlight]: s
|
|
2372
|
+
}
|
|
2373
|
+
), h = ut(
|
|
2374
|
+
G.content,
|
|
2375
|
+
m,
|
|
2376
|
+
{
|
|
2377
|
+
[G.fullWidth]: i
|
|
2378
|
+
}
|
|
2379
|
+
);
|
|
2380
|
+
return /* @__PURE__ */ ct(pi, { children: [
|
|
2349
2381
|
/* @__PURE__ */ v(
|
|
2350
|
-
|
|
2382
|
+
mi,
|
|
2351
2383
|
{
|
|
2352
2384
|
ref: u,
|
|
2353
|
-
className:
|
|
2354
|
-
[L.placeholder]: !n,
|
|
2355
|
-
[L.fullWidth]: i,
|
|
2356
|
-
[L.onlight]: s
|
|
2357
|
-
}),
|
|
2385
|
+
className: g,
|
|
2358
2386
|
disabled: c,
|
|
2359
|
-
children: /* @__PURE__ */
|
|
2360
|
-
n ||
|
|
2361
|
-
/* @__PURE__ */ v(lr, {
|
|
2387
|
+
children: /* @__PURE__ */ ct(dr, { gap: "small", centered: !0, spaceBetween: !0, children: [
|
|
2388
|
+
n || d,
|
|
2389
|
+
/* @__PURE__ */ v(lr, { className: G.icon, name: "DownChevron" })
|
|
2362
2390
|
] })
|
|
2363
2391
|
}
|
|
2364
2392
|
),
|
|
2365
2393
|
/* @__PURE__ */ v(
|
|
2366
|
-
|
|
2394
|
+
vi,
|
|
2367
2395
|
{
|
|
2368
2396
|
align: "end",
|
|
2369
2397
|
side: "bottom",
|
|
2370
|
-
className:
|
|
2371
|
-
[L.fullWidth]: i,
|
|
2372
|
-
[L.onlight]: s
|
|
2373
|
-
}),
|
|
2398
|
+
className: h,
|
|
2374
2399
|
style: {
|
|
2375
2400
|
width: p,
|
|
2376
|
-
zIndex:
|
|
2401
|
+
zIndex: st.zindex("max")
|
|
2377
2402
|
},
|
|
2378
|
-
children: t.map((
|
|
2379
|
-
|
|
2403
|
+
children: t.map((l) => /* @__PURE__ */ v(
|
|
2404
|
+
hi,
|
|
2380
2405
|
{
|
|
2381
|
-
className:
|
|
2382
|
-
|
|
2383
|
-
}),
|
|
2384
|
-
onSelect: () => r(m.value),
|
|
2406
|
+
className: G.item,
|
|
2407
|
+
onSelect: () => r(l.value),
|
|
2385
2408
|
style: { width: p },
|
|
2386
|
-
children:
|
|
2409
|
+
children: l.label
|
|
2387
2410
|
},
|
|
2388
|
-
|
|
2411
|
+
l.value
|
|
2389
2412
|
))
|
|
2390
2413
|
}
|
|
2391
2414
|
)
|
|
2392
2415
|
] });
|
|
2393
2416
|
};
|
|
2394
2417
|
export {
|
|
2395
|
-
|
|
2396
|
-
|
|
2418
|
+
Bi as DropdownSelect,
|
|
2419
|
+
Wi as ICON_SIZE_MAP,
|
|
2420
|
+
Bi as default
|
|
2397
2421
|
};
|