welcome-ui 10.0.0-alpha.1 → 10.0.0-alpha.3
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/README.md +1 -1
- package/dist/{2W3RN7C5-bkX-rIa3.js → 2W3RN7C5-uG7eBeTQ.js} +11 -11
- package/dist/4I4MLMKD-z3Xm3qCo.js +150 -0
- package/dist/Accordion.js +4 -4
- package/dist/Alert.js +1 -1
- package/dist/AspectRatio.js +1 -1
- package/dist/Avatar.js +1 -1
- package/dist/{B7UTNDHN-BlIblHCu.js → B7UTNDHN-BDa2-8JK.js} +2 -2
- package/dist/Badge.js +1 -1
- package/dist/Breadcrumb.css +1 -1
- package/dist/Breadcrumb.js +165 -151
- package/dist/Button.js +2 -2
- package/dist/ButtonGroup.js +1 -1
- package/dist/Card.js +1 -1
- package/dist/Checkbox.js +2 -2
- package/dist/CloseButton.css +1 -1
- package/dist/CloseButton.js +12 -12
- package/dist/{DSAASPLT-BaaCUKsb.js → DSAASPLT-C-2xDjIv.js} +3 -3
- package/dist/DatePicker.js +2 -2
- package/dist/DateTimePicker.js +2 -2
- package/dist/Drawer.js +25 -22
- package/dist/DropdownMenu.js +41 -41
- package/dist/Field.js +1 -1
- package/dist/FieldGroup.js +1 -1
- package/dist/FileDrop.js +2 -2
- package/dist/FileUpload.js +1 -1
- package/dist/GVVKDT6A-C66-lr0B.js +619 -0
- package/dist/Hint.js +1 -1
- package/dist/Icon.css +1 -1
- package/dist/Icon.js +32 -24
- package/dist/InputText.js +1 -1
- package/dist/{KPUWHTQJ-D2TPji47.js → KPUWHTQJ-Byij2al4.js} +11 -11
- package/dist/Label.js +1 -1
- package/dist/Link.js +20 -19
- package/dist/Loader.js +1 -1
- package/dist/Logo.js +1 -1
- package/dist/Modal.js +5 -5
- package/dist/{NI3IVY7K-Ztb3-XAv.js → NI3IVY7K-DpF3td-7.js} +115 -115
- package/dist/{NMGNQVTG-C6TqBngP.js → NMGNQVTG-BgAqqGOq.js} +6 -6
- package/dist/{OE2EFRVA-C3721cM3.js → OE2EFRVA-DkdhQLJL.js} +27 -27
- package/dist/{OLVWQA7U-DysaSaZj.js → OLVWQA7U-wHytlFYu.js} +30 -30
- package/dist/Pagination.css +1 -1
- package/dist/Pagination.js +155 -76
- package/dist/Popover.js +21 -21
- package/dist/{RTNCFSKZ-qpPg689E.js → RTNCFSKZ-LcIdBwa8.js} +16 -16
- package/dist/Radio.js +2 -2
- package/dist/RadioGroup.js +4 -4
- package/dist/RadioTab.js +2 -2
- package/dist/{SBSPVDDI-DJKkC1eb.js → SBSPVDDI-BoxPz2JY.js} +22 -22
- package/dist/{SQZLCNLX-CHDXnZ16.js → SQZLCNLX-CUlXoT69.js} +8 -8
- package/dist/Search.js +2 -2
- package/dist/Select.js +2 -2
- package/dist/Slider.js +1 -1
- package/dist/Stepper.js +1 -1
- package/dist/Swiper.js +1 -1
- package/dist/{T22PY7TE-C1N0q8Kn.js → T22PY7TE-CzEDuEn1.js} +21 -21
- package/dist/Table.js +1 -1
- package/dist/Tabs.js +23 -23
- package/dist/Tag.js +1 -1
- package/dist/Text.js +1 -1
- package/dist/Textarea.js +1 -1
- package/dist/TimePicker.js +2 -2
- package/dist/Toast.css +1 -1
- package/dist/Toast.js +286 -222
- package/dist/Toggle.js +2 -2
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.js +118 -129
- package/dist/VariantIcon.js +1 -1
- package/dist/VisuallyHidden.js +1 -1
- package/dist/WelcomeLoader.js +1 -1
- package/dist/{XCKGTAUF-DkxWCbaW.js → XCKGTAUF-CahZE721.js} +4 -4
- package/dist/{Y67KZUMI-DFEgrUv2.js → Y67KZUMI-BDyUNSJw.js} +5 -5
- package/dist/{ZTXFEM5L-CkrIQCN1.js → ZTXFEM5L-CjFLRObi.js} +3 -3
- package/dist/{downshift.esm-D_6pHXkq.js → downshift.esm-xtYanIDi.js} +1 -1
- package/dist/scss/breakpoints.scss +9 -0
- package/dist/scss/text-ellipsis.scss +5 -0
- package/dist/scss/texts.scss +108 -0
- package/dist/theme.css +1 -1
- package/dist/{tslib.es6-DpB4Y59c.js → tslib.es6-C80jYMbM.js} +1 -1
- package/dist/types/components/Breadcrumb/types.d.ts +5 -1
- package/dist/types/components/Drawer/AssetDrawer/types.d.ts +3 -0
- package/dist/types/components/Drawer/components/Backdrop.d.ts +1 -1
- package/dist/types/components/Drawer/index.d.ts +1 -1
- package/dist/types/components/Icon/icons.d.ts +4 -5
- package/dist/types/components/Icon/types.d.ts +2 -0
- package/dist/types/components/Pagination/types.d.ts +11 -0
- package/dist/types/components/Toast/components/Growl.d.ts +2 -0
- package/dist/types/components/Toast/index.d.ts +4 -1
- package/dist/types/components/Toast/types.d.ts +8 -9
- package/dist/types/components/Tooltip/types.d.ts +1 -1
- package/dist/types/theme/types.d.ts +22 -0
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/{utils-DileZjMm.js → utils-BD597oo6.js} +1 -1
- package/dist/utils.js +2 -2
- package/package.json +2 -1
- package/dist/4I4MLMKD-BLxAidnq.js +0 -43
- package/dist/GVVKDT6A-bET6V7Py.js +0 -724
- package/dist/index.css +0 -0
- package/dist/types/components/Icon/Icon.d.ts +0 -2
- package/dist/types/utils/theme/index.d.ts +0 -0
- /package/dist/{index-CdiHdiVB.js → index-PAaZGbyz.js} +0 -0
- /package/dist/types/components/Icon/{Icon.test.d.ts → index.test.d.ts} +0 -0
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createContext as xe, useRef as H, useContext as De, useState as X, useEffect as D, useCallback as de, useMemo as mt, isValidElement as Et } from "react";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as Q, d as F, a as P, f as W, b as K, _ as Fe, p as Qe, L as N, a1 as je, g as S, x as G, a2 as te, a3 as ge, a4 as We, a5 as yt, a6 as Pt, a7 as St, a8 as Oe, T as j, q as R, a9 as wt, u as Ze, aa as xt, a0 as Dt, M as et, ab as Ft, ac as Ot, U as he, ad as Tt, ae as At, w as Ct, af as tt, P as Rt, l as be, ag as _t, ah as re, X as Lt, $ as Ht, ai as Nt, aj as Mt } from "./OE2EFRVA-DkdhQLJL.js";
|
|
4
4
|
import { createPortal as Ye, flushSync as Vt } from "react-dom";
|
|
5
5
|
import { jsx as E, jsxs as le, Fragment as fe } from "react/jsx-runtime";
|
|
6
|
-
import { u as q, a as $t, b as It } from "./RTNCFSKZ-
|
|
7
|
-
import { u as kt, d as rt, e as Bt, f as qt, b as Te, i as
|
|
8
|
-
var Xe = xe(null), zt = "span", nt =
|
|
6
|
+
import { u as q, a as $t, b as It } from "./RTNCFSKZ-LcIdBwa8.js";
|
|
7
|
+
import { u as kt, d as rt, e as Bt, f as qt, b as Te, i as jt, g as Wt, h as Yt, j as Xt } from "./T22PY7TE-CzEDuEn1.js";
|
|
8
|
+
var Xe = xe(null), zt = "span", nt = Q(
|
|
9
9
|
function(t) {
|
|
10
|
-
return t = F(
|
|
11
|
-
style:
|
|
10
|
+
return t = F(P({}, t), {
|
|
11
|
+
style: P({
|
|
12
12
|
border: 0,
|
|
13
13
|
clip: "rect(0 0 0 0)",
|
|
14
14
|
height: "1px",
|
|
@@ -22,18 +22,18 @@ var Xe = xe(null), zt = "span", nt = J(
|
|
|
22
22
|
}), t;
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
|
-
|
|
25
|
+
W(function(t) {
|
|
26
26
|
const r = nt(t);
|
|
27
27
|
return K(zt, r);
|
|
28
28
|
});
|
|
29
|
-
var Kt = "span",
|
|
29
|
+
var Kt = "span", Ut = Q(
|
|
30
30
|
function(t) {
|
|
31
|
-
return t = F(
|
|
31
|
+
return t = F(P({
|
|
32
32
|
"data-focus-trap": "",
|
|
33
33
|
tabIndex: 0,
|
|
34
34
|
"aria-hidden": !0
|
|
35
35
|
}, t), {
|
|
36
|
-
style:
|
|
36
|
+
style: P({
|
|
37
37
|
// Prevents unintended scroll jumps.
|
|
38
38
|
position: "fixed",
|
|
39
39
|
top: 0,
|
|
@@ -41,17 +41,17 @@ var Kt = "span", Gt = J(
|
|
|
41
41
|
}, t.style)
|
|
42
42
|
}), t = nt(t), t;
|
|
43
43
|
}
|
|
44
|
-
), ce =
|
|
45
|
-
const r =
|
|
44
|
+
), ce = W(function(t) {
|
|
45
|
+
const r = Ut(t);
|
|
46
46
|
return K(Kt, r);
|
|
47
|
-
}),
|
|
48
|
-
function
|
|
49
|
-
return
|
|
47
|
+
}), Gt = "div";
|
|
48
|
+
function Jt(e) {
|
|
49
|
+
return S(e).body;
|
|
50
50
|
}
|
|
51
|
-
function
|
|
52
|
-
return t ? typeof t == "function" ? t(e) : t :
|
|
51
|
+
function Qt(e, t) {
|
|
52
|
+
return t ? typeof t == "function" ? t(e) : t : S(e).createElement("div");
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function Zt(e = "id") {
|
|
55
55
|
return `${e ? `${e}-` : ""}${Math.random().toString(36).slice(2, 8)}`;
|
|
56
56
|
}
|
|
57
57
|
function B(e) {
|
|
@@ -59,7 +59,7 @@ function B(e) {
|
|
|
59
59
|
e == null || e.focus();
|
|
60
60
|
});
|
|
61
61
|
}
|
|
62
|
-
var ot =
|
|
62
|
+
var ot = Q(function(t) {
|
|
63
63
|
var r = t, {
|
|
64
64
|
preserveTabOrder: n,
|
|
65
65
|
preserveTabOrderAnchor: o,
|
|
@@ -73,28 +73,28 @@ var ot = J(function(t) {
|
|
|
73
73
|
"portalRef",
|
|
74
74
|
"portal"
|
|
75
75
|
]);
|
|
76
|
-
const h = H(null), m =
|
|
76
|
+
const h = H(null), m = Qe(h, c.ref), O = De(Xe), [f, V] = X(null), [$, I] = X(
|
|
77
77
|
null
|
|
78
|
-
), k = H(null), M = H(null),
|
|
78
|
+
), k = H(null), M = H(null), U = H(null), T = H(null);
|
|
79
79
|
return N(() => {
|
|
80
80
|
const l = h.current;
|
|
81
81
|
if (!l || !u) {
|
|
82
82
|
V(null);
|
|
83
83
|
return;
|
|
84
84
|
}
|
|
85
|
-
const b =
|
|
85
|
+
const b = Qt(l, s);
|
|
86
86
|
if (!b) {
|
|
87
87
|
V(null);
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
90
90
|
const g = b.isConnected;
|
|
91
|
-
if (g || (O ||
|
|
91
|
+
if (g || (O || Jt(l)).appendChild(b), b.id || (b.id = l.id ? `portal/${l.id}` : Zt()), V(b), je(i, b), !g)
|
|
92
92
|
return () => {
|
|
93
|
-
b.remove(),
|
|
93
|
+
b.remove(), je(i, null);
|
|
94
94
|
};
|
|
95
95
|
}, [u, s, O, i]), N(() => {
|
|
96
96
|
if (!u || !n || !o) return;
|
|
97
|
-
const b =
|
|
97
|
+
const b = S(o).createElement("span");
|
|
98
98
|
return b.style.position = "fixed", o.insertAdjacentElement("afterend", b), I(b), () => {
|
|
99
99
|
b.remove(), I(null);
|
|
100
100
|
};
|
|
@@ -107,13 +107,13 @@ var ot = J(function(t) {
|
|
|
107
107
|
if (cancelAnimationFrame(l), d)
|
|
108
108
|
return yt(f);
|
|
109
109
|
l = requestAnimationFrame(() => {
|
|
110
|
-
|
|
110
|
+
Pt(f, !0);
|
|
111
111
|
});
|
|
112
112
|
};
|
|
113
113
|
return f.addEventListener("focusin", b, !0), f.addEventListener("focusout", b, !0), () => {
|
|
114
114
|
cancelAnimationFrame(l), f.removeEventListener("focusin", b, !0), f.removeEventListener("focusout", b, !0);
|
|
115
115
|
};
|
|
116
|
-
}, [f, n]), c =
|
|
116
|
+
}, [f, n]), c = G(
|
|
117
117
|
c,
|
|
118
118
|
(l) => {
|
|
119
119
|
if (l = // While the portal node is not in the DOM, we need to pass the
|
|
@@ -146,11 +146,11 @@ var ot = J(function(t) {
|
|
|
146
146
|
n && f && /* @__PURE__ */ E(
|
|
147
147
|
ce,
|
|
148
148
|
{
|
|
149
|
-
ref:
|
|
149
|
+
ref: U,
|
|
150
150
|
"data-focus-trap": c.id,
|
|
151
151
|
className: "__focus-trap-inner-after",
|
|
152
152
|
onFocus: (g) => {
|
|
153
|
-
te(g, f) ? B(
|
|
153
|
+
te(g, f) ? B(We()) : B(T.current);
|
|
154
154
|
}
|
|
155
155
|
}
|
|
156
156
|
)
|
|
@@ -163,7 +163,7 @@ var ot = J(function(t) {
|
|
|
163
163
|
"data-focus-trap": c.id,
|
|
164
164
|
className: "__focus-trap-outer-before",
|
|
165
165
|
onFocus: (g) => {
|
|
166
|
-
!(g.relatedTarget === T.current) && te(g, f) ? B(M.current) : B(
|
|
166
|
+
!(g.relatedTarget === T.current) && te(g, f) ? B(M.current) : B(We());
|
|
167
167
|
}
|
|
168
168
|
}
|
|
169
169
|
),
|
|
@@ -178,7 +178,7 @@ var ot = J(function(t) {
|
|
|
178
178
|
className: "__focus-trap-outer-after",
|
|
179
179
|
onFocus: (g) => {
|
|
180
180
|
if (te(g, f))
|
|
181
|
-
B(
|
|
181
|
+
B(U.current);
|
|
182
182
|
else {
|
|
183
183
|
const d = ge();
|
|
184
184
|
if (d === M.current) {
|
|
@@ -203,13 +203,13 @@ var ot = J(function(t) {
|
|
|
203
203
|
] });
|
|
204
204
|
},
|
|
205
205
|
[f, O, u, c.id, n, $]
|
|
206
|
-
), c = F(
|
|
206
|
+
), c = F(P({}, c), {
|
|
207
207
|
ref: m
|
|
208
208
|
}), c;
|
|
209
209
|
});
|
|
210
|
-
|
|
210
|
+
W(function(t) {
|
|
211
211
|
const r = ot(t);
|
|
212
|
-
return K(
|
|
212
|
+
return K(Gt, r);
|
|
213
213
|
});
|
|
214
214
|
var ze = xe(0);
|
|
215
215
|
function er({ level: e, children: t }) {
|
|
@@ -219,20 +219,20 @@ function er({ level: e, children: t }) {
|
|
|
219
219
|
);
|
|
220
220
|
return /* @__PURE__ */ E(ze.Provider, { value: n, children: t });
|
|
221
221
|
}
|
|
222
|
-
var tr = "div", st =
|
|
222
|
+
var tr = "div", st = Q(function(t) {
|
|
223
223
|
var r = t, { autoFocusOnShow: n = !0 } = r, o = Fe(r, ["autoFocusOnShow"]);
|
|
224
|
-
return o =
|
|
224
|
+
return o = G(
|
|
225
225
|
o,
|
|
226
|
-
(s) => /* @__PURE__ */ E(
|
|
226
|
+
(s) => /* @__PURE__ */ E(St.Provider, { value: n, children: s }),
|
|
227
227
|
[n]
|
|
228
228
|
), o;
|
|
229
229
|
});
|
|
230
|
-
|
|
230
|
+
W(function(t) {
|
|
231
231
|
const r = st(t);
|
|
232
232
|
return K(tr, r);
|
|
233
233
|
});
|
|
234
234
|
function rr(e, t) {
|
|
235
|
-
const n =
|
|
235
|
+
const n = S(e).createElement("button");
|
|
236
236
|
return n.type = "button", n.tabIndex = -1, n.textContent = "Dismiss popup", Object.assign(n.style, {
|
|
237
237
|
border: "0px",
|
|
238
238
|
clip: "rect(0 0 0 0)",
|
|
@@ -291,7 +291,7 @@ function z(e, t, r) {
|
|
|
291
291
|
};
|
|
292
292
|
});
|
|
293
293
|
}
|
|
294
|
-
function
|
|
294
|
+
function Pe(e, t) {
|
|
295
295
|
return e ? ne(e, "style", () => {
|
|
296
296
|
const n = e.style.cssText;
|
|
297
297
|
return Object.assign(e.style, t), () => {
|
|
@@ -310,11 +310,11 @@ function or(e, t, r) {
|
|
|
310
310
|
};
|
|
311
311
|
}
|
|
312
312
|
var sr = ["SCRIPT", "STYLE"];
|
|
313
|
-
function
|
|
313
|
+
function Se(e) {
|
|
314
314
|
return `__ariakit-dialog-snapshot-${e}`;
|
|
315
315
|
}
|
|
316
316
|
function ur(e, t) {
|
|
317
|
-
const r =
|
|
317
|
+
const r = S(t), n = Se(e);
|
|
318
318
|
if (!r.body[n]) return !0;
|
|
319
319
|
do {
|
|
320
320
|
if (t === r.body) return !1;
|
|
@@ -331,7 +331,7 @@ function ir(e, t, r) {
|
|
|
331
331
|
function Ce(e, t, r, n) {
|
|
332
332
|
for (let o of t) {
|
|
333
333
|
if (!(o != null && o.isConnected)) continue;
|
|
334
|
-
const s = t.some((c) => !c || c === o ? !1 : c.contains(o)), i =
|
|
334
|
+
const s = t.some((c) => !c || c === o ? !1 : c.contains(o)), i = S(o), u = o;
|
|
335
335
|
for (; o.parentElement && o !== i.body; ) {
|
|
336
336
|
if (n == null || n(o.parentElement, u), !s)
|
|
337
337
|
for (const c of o.parentElement.children)
|
|
@@ -341,10 +341,10 @@ function Ce(e, t, r, n) {
|
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
343
|
function ar(e, t) {
|
|
344
|
-
const { body: r } =
|
|
344
|
+
const { body: r } = S(t[0]), n = [];
|
|
345
345
|
return Ce(e, t, (s) => {
|
|
346
|
-
n.push(z(s,
|
|
347
|
-
}),
|
|
346
|
+
n.push(z(s, Se(e), !0));
|
|
347
|
+
}), j(z(r, Se(e), !0), () => {
|
|
348
348
|
for (const s of n)
|
|
349
349
|
s();
|
|
350
350
|
});
|
|
@@ -354,25 +354,25 @@ function ut(e, ...t) {
|
|
|
354
354
|
const r = e.getAttribute("data-backdrop");
|
|
355
355
|
return r == null ? !1 : r === "" || r === "true" || !t.length ? !0 : t.some((n) => r === n);
|
|
356
356
|
}
|
|
357
|
-
function
|
|
357
|
+
function J(e = "", t = !1) {
|
|
358
358
|
return `__ariakit-dialog-${t ? "ancestor" : "outside"}${e ? `-${e}` : ""}`;
|
|
359
359
|
}
|
|
360
360
|
function cr(e, t = "") {
|
|
361
|
-
return
|
|
362
|
-
z(e,
|
|
363
|
-
z(e,
|
|
361
|
+
return j(
|
|
362
|
+
z(e, J(), !0),
|
|
363
|
+
z(e, J(t), !0)
|
|
364
364
|
);
|
|
365
365
|
}
|
|
366
366
|
function it(e, t = "") {
|
|
367
|
-
return
|
|
368
|
-
z(e,
|
|
369
|
-
z(e,
|
|
367
|
+
return j(
|
|
368
|
+
z(e, J("", !0), !0),
|
|
369
|
+
z(e, J(t, !0), !0)
|
|
370
370
|
);
|
|
371
371
|
}
|
|
372
372
|
function Re(e, t) {
|
|
373
|
-
const r =
|
|
373
|
+
const r = J(t, !0);
|
|
374
374
|
if (e[r]) return !0;
|
|
375
|
-
const n =
|
|
375
|
+
const n = J(t);
|
|
376
376
|
do {
|
|
377
377
|
if (e[n]) return !0;
|
|
378
378
|
if (!e.parentElement) return !1;
|
|
@@ -396,14 +396,14 @@ function Ke(e, t) {
|
|
|
396
396
|
};
|
|
397
397
|
}
|
|
398
398
|
function lr(e) {
|
|
399
|
-
return e.tagName === "HTML" ? !0 : R(
|
|
399
|
+
return e.tagName === "HTML" ? !0 : R(S(e).body, e);
|
|
400
400
|
}
|
|
401
401
|
function fr(e, t) {
|
|
402
402
|
if (!e) return !1;
|
|
403
403
|
if (R(e, t)) return !0;
|
|
404
404
|
const r = t.getAttribute("aria-activedescendant");
|
|
405
405
|
if (r) {
|
|
406
|
-
const n =
|
|
406
|
+
const n = S(e).getElementById(r);
|
|
407
407
|
if (n)
|
|
408
408
|
return R(e, n);
|
|
409
409
|
}
|
|
@@ -421,7 +421,7 @@ function Ee({
|
|
|
421
421
|
capture: n,
|
|
422
422
|
domReady: o
|
|
423
423
|
}) {
|
|
424
|
-
const s =
|
|
424
|
+
const s = Ze(r), i = q(e, "open"), u = H(!1);
|
|
425
425
|
N(() => {
|
|
426
426
|
if (!i || !o) return;
|
|
427
427
|
const { contentElement: c } = e.getState();
|
|
@@ -440,31 +440,31 @@ function ye(e, t) {
|
|
|
440
440
|
}
|
|
441
441
|
function pr(e, t, r) {
|
|
442
442
|
const n = q(e, "open"), o = nr(n), s = { store: e, domReady: r, capture: !0 };
|
|
443
|
-
Ee(F(
|
|
443
|
+
Ee(F(P({}, s), {
|
|
444
444
|
type: "click",
|
|
445
445
|
listener: (i) => {
|
|
446
446
|
const { contentElement: u } = e.getState(), c = o.current;
|
|
447
447
|
c && wt(c) && Re(c, u == null ? void 0 : u.id) && ye(t, i) && e.hide();
|
|
448
448
|
}
|
|
449
|
-
})), Ee(F(
|
|
449
|
+
})), Ee(F(P({}, s), {
|
|
450
450
|
type: "focusin",
|
|
451
451
|
listener: (i) => {
|
|
452
452
|
const { contentElement: u } = e.getState();
|
|
453
|
-
u && i.target !==
|
|
453
|
+
u && i.target !== S(u) && ye(t, i) && e.hide();
|
|
454
454
|
}
|
|
455
|
-
})), Ee(F(
|
|
455
|
+
})), Ee(F(P({}, s), {
|
|
456
456
|
type: "contextmenu",
|
|
457
457
|
listener: (i) => {
|
|
458
458
|
ye(t, i) && e.hide();
|
|
459
459
|
}
|
|
460
460
|
}));
|
|
461
461
|
}
|
|
462
|
-
var
|
|
462
|
+
var Ue = xe({});
|
|
463
463
|
function vr(e) {
|
|
464
|
-
const t = De(
|
|
464
|
+
const t = De(Ue), [r, n] = X([]), o = de(
|
|
465
465
|
(u) => {
|
|
466
466
|
var c;
|
|
467
|
-
return n((h) => [...h, u]),
|
|
467
|
+
return n((h) => [...h, u]), j((c = t.add) == null ? void 0 : c.call(t, u), () => {
|
|
468
468
|
n((h) => h.filter((m) => m !== u));
|
|
469
469
|
});
|
|
470
470
|
},
|
|
@@ -477,7 +477,7 @@ function vr(e) {
|
|
|
477
477
|
}), [e, t]);
|
|
478
478
|
const s = mt(() => ({ store: e, add: o }), [e, o]);
|
|
479
479
|
return { wrapElement: de(
|
|
480
|
-
(u) => /* @__PURE__ */ E(
|
|
480
|
+
(u) => /* @__PURE__ */ E(Ue.Provider, { value: s, children: u }),
|
|
481
481
|
[s]
|
|
482
482
|
), nestedDialogs: r };
|
|
483
483
|
}
|
|
@@ -489,12 +489,12 @@ function gr({
|
|
|
489
489
|
}) {
|
|
490
490
|
const [o, s] = Dt(), i = de(() => {
|
|
491
491
|
if (!n || !r) return !1;
|
|
492
|
-
const { body: u } =
|
|
492
|
+
const { body: u } = S(r), c = u.getAttribute(e);
|
|
493
493
|
return !c || c === t;
|
|
494
494
|
}, [o, n, r, e, t]);
|
|
495
495
|
return D(() => {
|
|
496
496
|
if (!n || !t || !r) return;
|
|
497
|
-
const { body: u } =
|
|
497
|
+
const { body: u } = S(r);
|
|
498
498
|
if (i())
|
|
499
499
|
return u.setAttribute(e, t), () => u.removeAttribute(e);
|
|
500
500
|
const c = new MutationObserver(() => Vt(s));
|
|
@@ -514,28 +514,28 @@ function br(e, t, r) {
|
|
|
514
514
|
});
|
|
515
515
|
D(() => {
|
|
516
516
|
if (!n() || !e) return;
|
|
517
|
-
const o =
|
|
517
|
+
const o = S(e), s = et(e), { documentElement: i, body: u } = o, c = i.style.getPropertyValue("--scrollbar-width"), h = c ? Number.parseInt(c, 10) : s.innerWidth - i.clientWidth, m = () => or(
|
|
518
518
|
i,
|
|
519
519
|
"--scrollbar-width",
|
|
520
520
|
`${h}px`
|
|
521
|
-
), O = hr(i), f = () =>
|
|
521
|
+
), O = hr(i), f = () => Pe(u, {
|
|
522
522
|
overflow: "hidden",
|
|
523
523
|
[O]: `${h}px`
|
|
524
524
|
}), V = () => {
|
|
525
525
|
var I, k;
|
|
526
|
-
const { scrollX: M, scrollY:
|
|
526
|
+
const { scrollX: M, scrollY: U, visualViewport: T } = s, l = (I = T == null ? void 0 : T.offsetLeft) != null ? I : 0, b = (k = T == null ? void 0 : T.offsetTop) != null ? k : 0, g = Pe(u, {
|
|
527
527
|
position: "fixed",
|
|
528
528
|
overflow: "hidden",
|
|
529
|
-
top: `${-(
|
|
529
|
+
top: `${-(U - Math.floor(b))}px`,
|
|
530
530
|
left: `${-(M - Math.floor(l))}px`,
|
|
531
531
|
right: "0",
|
|
532
532
|
[O]: `${h}px`
|
|
533
533
|
});
|
|
534
534
|
return () => {
|
|
535
|
-
g(), process.env.NODE_ENV !== "test" && s.scrollTo({ left: M, top:
|
|
535
|
+
g(), process.env.NODE_ENV !== "test" && s.scrollTo({ left: M, top: U, behavior: "instant" });
|
|
536
536
|
};
|
|
537
537
|
}, $ = Ft() && !Ot();
|
|
538
|
-
return
|
|
538
|
+
return j(
|
|
539
539
|
m(),
|
|
540
540
|
$ ? V() : f()
|
|
541
541
|
);
|
|
@@ -561,12 +561,12 @@ function ct(e, t) {
|
|
|
561
561
|
const s = ne(o, "focus", () => (o.focus = he, () => {
|
|
562
562
|
delete o.focus;
|
|
563
563
|
}));
|
|
564
|
-
return
|
|
564
|
+
return j(Ae(o, "tabindex", "-1"), s);
|
|
565
565
|
});
|
|
566
|
-
return
|
|
566
|
+
return j(
|
|
567
567
|
...n,
|
|
568
568
|
Er(e),
|
|
569
|
-
|
|
569
|
+
Pe(e, {
|
|
570
570
|
pointerEvents: "none",
|
|
571
571
|
userSelect: "none",
|
|
572
572
|
cursor: "default"
|
|
@@ -589,7 +589,7 @@ function yr(e, t) {
|
|
|
589
589
|
s();
|
|
590
590
|
};
|
|
591
591
|
}
|
|
592
|
-
var
|
|
592
|
+
var Pr = "div", Sr = [
|
|
593
593
|
"a",
|
|
594
594
|
"button",
|
|
595
595
|
"details",
|
|
@@ -618,20 +618,20 @@ var Sr = "div", Pr = [
|
|
|
618
618
|
"ul",
|
|
619
619
|
"svg"
|
|
620
620
|
];
|
|
621
|
-
|
|
621
|
+
Q(
|
|
622
622
|
function(t) {
|
|
623
623
|
return t;
|
|
624
624
|
}
|
|
625
625
|
);
|
|
626
|
-
var we =
|
|
626
|
+
var we = W(
|
|
627
627
|
// @ts-expect-error
|
|
628
628
|
function(t) {
|
|
629
|
-
return K(
|
|
629
|
+
return K(Pr, t);
|
|
630
630
|
}
|
|
631
631
|
);
|
|
632
632
|
Object.assign(
|
|
633
633
|
we,
|
|
634
|
-
|
|
634
|
+
Sr.reduce((e, t) => (e[t] = W(function(n) {
|
|
635
635
|
return K(t, n);
|
|
636
636
|
}), e), {})
|
|
637
637
|
);
|
|
@@ -669,9 +669,9 @@ function wr({
|
|
|
669
669
|
});
|
|
670
670
|
if (!t) return null;
|
|
671
671
|
if (Et(t))
|
|
672
|
-
return /* @__PURE__ */ E(we, F(
|
|
672
|
+
return /* @__PURE__ */ E(we, F(P({}, u), { render: t }));
|
|
673
673
|
const c = typeof t != "boolean" ? t : "div";
|
|
674
|
-
return /* @__PURE__ */ E(we, F(
|
|
674
|
+
return /* @__PURE__ */ E(we, F(P({}, u), { render: /* @__PURE__ */ E(c, {}) }));
|
|
675
675
|
}
|
|
676
676
|
function xr(e = {}) {
|
|
677
677
|
return Bt(e);
|
|
@@ -683,17 +683,17 @@ function Fr(e = {}) {
|
|
|
683
683
|
const [t, r] = It(xr, e);
|
|
684
684
|
return Dr(t, r, e);
|
|
685
685
|
}
|
|
686
|
-
var Or = "div",
|
|
686
|
+
var Or = "div", Ge = Mt();
|
|
687
687
|
function Tr(e) {
|
|
688
688
|
const t = tt();
|
|
689
689
|
return !t || e && R(e, t) ? !1 : !!re(t);
|
|
690
690
|
}
|
|
691
|
-
function
|
|
691
|
+
function Je(e, t = !1) {
|
|
692
692
|
if (!e) return null;
|
|
693
693
|
const r = "current" in e ? e.current : e;
|
|
694
694
|
return r ? t ? re(r) ? r : null : r : null;
|
|
695
695
|
}
|
|
696
|
-
var Ar =
|
|
696
|
+
var Ar = Q(function(t) {
|
|
697
697
|
var r = t, {
|
|
698
698
|
store: n,
|
|
699
699
|
open: o,
|
|
@@ -710,7 +710,7 @@ var Ar = J(function(t) {
|
|
|
710
710
|
autoFocusOnHide: I = !0,
|
|
711
711
|
initialFocus: k,
|
|
712
712
|
finalFocus: M,
|
|
713
|
-
unmountOnHide:
|
|
713
|
+
unmountOnHide: U,
|
|
714
714
|
unstable_treeSnapshotKey: T
|
|
715
715
|
} = r, l = Fe(r, [
|
|
716
716
|
"store",
|
|
@@ -744,14 +744,14 @@ var Ar = J(function(t) {
|
|
|
744
744
|
}), { portalRef: oe, domReady: w } = At(c, l.portalRef), lt = l.preserveTabOrder, pe = q(
|
|
745
745
|
d,
|
|
746
746
|
(a) => lt && !u && a.mounted
|
|
747
|
-
), _ = Ct(l.id), A = q(d, "open"), C = q(d, "mounted"), Y = q(d, "contentElement"), ft =
|
|
747
|
+
), _ = Ct(l.id), A = q(d, "open"), C = q(d, "mounted"), Y = q(d, "contentElement"), ft = jt(C, l.hidden, l.alwaysVisible);
|
|
748
748
|
br(Y, _, V && !ft), pr(d, O, w);
|
|
749
749
|
const { wrapElement: _e, nestedDialogs: Le } = vr(d);
|
|
750
|
-
l =
|
|
750
|
+
l = G(l, _e, [_e]), N(() => {
|
|
751
751
|
if (!A) return;
|
|
752
752
|
const a = g.current, v = tt(a, !0);
|
|
753
753
|
v && v.tagName !== "BODY" && (a && R(a, v) || d.setDisclosureElement(v));
|
|
754
|
-
}, [d, A]),
|
|
754
|
+
}, [d, A]), Ge && D(() => {
|
|
755
755
|
if (!C) return;
|
|
756
756
|
const { disclosureElement: a } = d.getState();
|
|
757
757
|
if (!a || !Rt(a)) return;
|
|
@@ -796,7 +796,7 @@ var Ar = J(function(t) {
|
|
|
796
796
|
const a = g.current;
|
|
797
797
|
return ar(_, [a]);
|
|
798
798
|
}, [_, se, T]);
|
|
799
|
-
const He =
|
|
799
|
+
const He = Ze(f);
|
|
800
800
|
N(() => {
|
|
801
801
|
if (!_ || !se) return;
|
|
802
802
|
const { disclosureElement: a } = d.getState(), v = g.current, y = He() || [], p = [
|
|
@@ -804,7 +804,7 @@ var Ar = J(function(t) {
|
|
|
804
804
|
...y,
|
|
805
805
|
...Le.map((x) => x.getState().contentElement)
|
|
806
806
|
];
|
|
807
|
-
return u ?
|
|
807
|
+
return u ? j(
|
|
808
808
|
Ke(_, p),
|
|
809
809
|
yr(_, p)
|
|
810
810
|
) : Ke(_, [a, ...p]);
|
|
@@ -820,7 +820,7 @@ var Ar = J(function(t) {
|
|
|
820
820
|
const Ne = !!$, Me = be($), [dt, pt] = X(!1);
|
|
821
821
|
D(() => {
|
|
822
822
|
if (!A || !Ne || !w || !(Y != null && Y.isConnected)) return;
|
|
823
|
-
const a =
|
|
823
|
+
const a = Je(k, !0) || // If no initial focus is specified, we try to focus the first element
|
|
824
824
|
// with the autofocus attribute. If it's an Ariakit component, the
|
|
825
825
|
// Focusable component will consume the autoFocus prop and add the
|
|
826
826
|
// data-autofocus attribute to the element instead.
|
|
@@ -833,7 +833,7 @@ var Ar = J(function(t) {
|
|
|
833
833
|
_t(Y, !0, c && pe) || // Finally, we fallback to the dialog element itself.
|
|
834
834
|
Y, v = re(a);
|
|
835
835
|
Me(v ? a : null) && (pt(!0), queueMicrotask(() => {
|
|
836
|
-
a.focus(),
|
|
836
|
+
a.focus(), Ge && v && a.scrollIntoView({ block: "nearest", inline: "nearest" });
|
|
837
837
|
}));
|
|
838
838
|
}, [
|
|
839
839
|
A,
|
|
@@ -850,25 +850,25 @@ var Ar = J(function(t) {
|
|
|
850
850
|
if (A)
|
|
851
851
|
return $e(!0), () => $e(!1);
|
|
852
852
|
}, [A]);
|
|
853
|
-
const
|
|
853
|
+
const Z = de(
|
|
854
854
|
(a, v = !0) => {
|
|
855
855
|
const { disclosureElement: y } = d.getState();
|
|
856
856
|
if (Tr(a)) return;
|
|
857
|
-
let p =
|
|
857
|
+
let p = Je(M) || y;
|
|
858
858
|
if (p != null && p.id) {
|
|
859
|
-
const L =
|
|
859
|
+
const L = S(p), ee = `[aria-activedescendant="${p.id}"]`, ae = L.querySelector(ee);
|
|
860
860
|
ae && (p = ae);
|
|
861
861
|
}
|
|
862
862
|
if (p && !re(p)) {
|
|
863
863
|
const L = p.closest("[data-dialog]");
|
|
864
864
|
if (L != null && L.id) {
|
|
865
|
-
const ee =
|
|
865
|
+
const ee = S(L), ae = `[aria-controls~="${L.id}"]`, qe = ee.querySelector(ae);
|
|
866
866
|
qe && (p = qe);
|
|
867
867
|
}
|
|
868
868
|
}
|
|
869
869
|
const x = p && re(p);
|
|
870
870
|
if (!x && v) {
|
|
871
|
-
requestAnimationFrame(() =>
|
|
871
|
+
requestAnimationFrame(() => Z(a, !1));
|
|
872
872
|
return;
|
|
873
873
|
}
|
|
874
874
|
Ve(x ? p : null) && x && (p == null || p.focus({ preventScroll: !0 }));
|
|
@@ -878,8 +878,8 @@ var Ar = J(function(t) {
|
|
|
878
878
|
N(() => {
|
|
879
879
|
if (A || !ie || !ue) return;
|
|
880
880
|
const a = g.current;
|
|
881
|
-
ve.current = !0,
|
|
882
|
-
}, [A, ie, w, ue,
|
|
881
|
+
ve.current = !0, Z(a);
|
|
882
|
+
}, [A, ie, w, ue, Z]), D(() => {
|
|
883
883
|
if (!ie || !ue) return;
|
|
884
884
|
const a = g.current;
|
|
885
885
|
return () => {
|
|
@@ -887,9 +887,9 @@ var Ar = J(function(t) {
|
|
|
887
887
|
ve.current = !1;
|
|
888
888
|
return;
|
|
889
889
|
}
|
|
890
|
-
|
|
890
|
+
Z(a);
|
|
891
891
|
};
|
|
892
|
-
}, [ie, ue,
|
|
892
|
+
}, [ie, ue, Z]);
|
|
893
893
|
const Ie = be(m);
|
|
894
894
|
D(() => !w || !C ? void 0 : Oe("keydown", (v) => {
|
|
895
895
|
if (v.key !== "Escape" || v.defaultPrevented) return;
|
|
@@ -899,13 +899,13 @@ var Ar = J(function(t) {
|
|
|
899
899
|
if (!p) return;
|
|
900
900
|
const { disclosureElement: x } = d.getState();
|
|
901
901
|
!!(p.tagName === "BODY" || R(y, p) || !x || R(x, p)) && Ie(v) && d.hide();
|
|
902
|
-
}, !0), [d, w, C, Ie]), l =
|
|
902
|
+
}, !0), [d, w, C, Ie]), l = G(
|
|
903
903
|
l,
|
|
904
904
|
(a) => /* @__PURE__ */ E(er, { level: u ? 1 : void 0, children: a }),
|
|
905
905
|
[u]
|
|
906
906
|
);
|
|
907
907
|
const ke = l.hidden, Be = l.alwaysVisible;
|
|
908
|
-
l =
|
|
908
|
+
l = G(
|
|
909
909
|
l,
|
|
910
910
|
(a) => h ? /* @__PURE__ */ le(fe, { children: [
|
|
911
911
|
/* @__PURE__ */ E(
|
|
@@ -922,11 +922,11 @@ var Ar = J(function(t) {
|
|
|
922
922
|
[d, h, ke, Be]
|
|
923
923
|
);
|
|
924
924
|
const [vt, gt] = X(), [ht, bt] = X();
|
|
925
|
-
return l =
|
|
925
|
+
return l = G(
|
|
926
926
|
l,
|
|
927
|
-
(a) => /* @__PURE__ */ E(
|
|
927
|
+
(a) => /* @__PURE__ */ E(Wt, { value: d, children: /* @__PURE__ */ E(Yt.Provider, { value: gt, children: /* @__PURE__ */ E(Xt.Provider, { value: bt, children: a }) }) }),
|
|
928
928
|
[d]
|
|
929
|
-
), l = F(
|
|
929
|
+
), l = F(P({
|
|
930
930
|
id: _,
|
|
931
931
|
"data-dialog": "",
|
|
932
932
|
role: "dialog",
|
|
@@ -934,22 +934,22 @@ var Ar = J(function(t) {
|
|
|
934
934
|
"aria-labelledby": vt,
|
|
935
935
|
"aria-describedby": ht
|
|
936
936
|
}, l), {
|
|
937
|
-
ref:
|
|
938
|
-
}), l = st(F(
|
|
937
|
+
ref: Qe(g, l.ref)
|
|
938
|
+
}), l = st(F(P({}, l), {
|
|
939
939
|
autoFocusOnShow: dt
|
|
940
|
-
})), l = rt(
|
|
940
|
+
})), l = rt(P({ store: d }, l)), l = Lt(F(P({}, l), { focusable: i })), l = ot(F(P({ portal: c }, l), { portalRef: oe, preserveTabOrder: pe })), l;
|
|
941
941
|
});
|
|
942
942
|
function Cr(e, t = Te) {
|
|
943
|
-
return
|
|
943
|
+
return W(function(n) {
|
|
944
944
|
const o = t(), s = n.store || o;
|
|
945
945
|
return q(
|
|
946
946
|
s,
|
|
947
947
|
(u) => !n.unmountOnHide || (u == null ? void 0 : u.mounted) || !!n.open
|
|
948
|
-
) ? /* @__PURE__ */ E(e,
|
|
948
|
+
) ? /* @__PURE__ */ E(e, P({}, n)) : null;
|
|
949
949
|
});
|
|
950
950
|
}
|
|
951
951
|
var Vr = Cr(
|
|
952
|
-
|
|
952
|
+
W(function(t) {
|
|
953
953
|
const r = Ar(t);
|
|
954
954
|
return K(Or, r);
|
|
955
955
|
}),
|