@purpurds/modal 7.6.1 → 7.7.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/LICENSE.txt +5 -5
- package/dist/modal-content.d.ts +92 -4
- package/dist/modal-content.d.ts.map +1 -1
- package/dist/modal-trigger.d.ts +3 -6
- package/dist/modal-trigger.d.ts.map +1 -1
- package/dist/modal.cjs.js +16 -16
- package/dist/modal.cjs.js.map +1 -1
- package/dist/modal.d.ts +35 -4
- package/dist/modal.d.ts.map +1 -1
- package/dist/modal.es.js +630 -648
- package/dist/modal.es.js.map +1 -1
- package/package.json +10 -9
- package/src/modal-content.tsx +26 -12
- package/src/modal-trigger.tsx +6 -9
package/dist/modal.es.js
CHANGED
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as d, Fragment as ae, jsxs as T } from "react/jsx-runtime";
|
|
2
2
|
import * as s from "react";
|
|
3
|
-
import { useState as
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
6
|
-
function
|
|
3
|
+
import { useState as ye, forwardRef as Pe, useRef as be, useCallback as Qt, useEffect as we } from "react";
|
|
4
|
+
import * as Jt from "react-dom";
|
|
5
|
+
import er from "react-dom";
|
|
6
|
+
function L(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
|
|
7
7
|
return function(a) {
|
|
8
8
|
if (e == null || e(a), r === !1 || !a.defaultPrevented)
|
|
9
9
|
return t == null ? void 0 : t(a);
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
|
-
function
|
|
12
|
+
function Me(e, t) {
|
|
13
13
|
if (typeof e == "function")
|
|
14
14
|
return e(t);
|
|
15
15
|
e != null && (e.current = t);
|
|
16
16
|
}
|
|
17
|
-
function
|
|
17
|
+
function lt(...e) {
|
|
18
18
|
return (t) => {
|
|
19
19
|
let r = !1;
|
|
20
20
|
const o = e.map((a) => {
|
|
21
|
-
const n =
|
|
21
|
+
const n = Me(a, t);
|
|
22
22
|
return !r && typeof n == "function" && (r = !0), n;
|
|
23
23
|
});
|
|
24
24
|
if (r)
|
|
25
25
|
return () => {
|
|
26
26
|
for (let a = 0; a < o.length; a++) {
|
|
27
27
|
const n = o[a];
|
|
28
|
-
typeof n == "function" ? n() :
|
|
28
|
+
typeof n == "function" ? n() : Me(e[a], null);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
function q(...e) {
|
|
34
|
-
return s.useCallback(
|
|
34
|
+
return s.useCallback(lt(...e), e);
|
|
35
35
|
}
|
|
36
|
-
function
|
|
36
|
+
function tr(e, t) {
|
|
37
37
|
const r = s.createContext(t), o = (n) => {
|
|
38
|
-
const { children: i, ...u } = n,
|
|
39
|
-
return /* @__PURE__ */
|
|
38
|
+
const { children: i, ...u } = n, p = s.useMemo(() => u, Object.values(u));
|
|
39
|
+
return /* @__PURE__ */ d(r.Provider, { value: p, children: i });
|
|
40
40
|
};
|
|
41
41
|
o.displayName = e + "Provider";
|
|
42
42
|
function a(n) {
|
|
@@ -47,20 +47,20 @@ function rr(e, t) {
|
|
|
47
47
|
}
|
|
48
48
|
return [o, a];
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function rr(e, t = []) {
|
|
51
51
|
let r = [];
|
|
52
52
|
function o(n, i) {
|
|
53
|
-
const u = s.createContext(i),
|
|
53
|
+
const u = s.createContext(i), p = r.length;
|
|
54
54
|
r = [...r, i];
|
|
55
55
|
const l = (v) => {
|
|
56
56
|
var _;
|
|
57
|
-
const { scope: h, children: g, ...b } = v, c = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[
|
|
58
|
-
return /* @__PURE__ */
|
|
57
|
+
const { scope: h, children: g, ...b } = v, c = ((_ = h == null ? void 0 : h[e]) == null ? void 0 : _[p]) || u, m = s.useMemo(() => b, Object.values(b));
|
|
58
|
+
return /* @__PURE__ */ d(c.Provider, { value: m, children: g });
|
|
59
59
|
};
|
|
60
60
|
l.displayName = n + "Provider";
|
|
61
61
|
function f(v, h) {
|
|
62
62
|
var c;
|
|
63
|
-
const g = ((c = h == null ? void 0 : h[e]) == null ? void 0 : c[
|
|
63
|
+
const g = ((c = h == null ? void 0 : h[e]) == null ? void 0 : c[p]) || u, b = s.useContext(g);
|
|
64
64
|
if (b) return b;
|
|
65
65
|
if (i !== void 0) return i;
|
|
66
66
|
throw new Error(`\`${v}\` must be used within \`${n}\``);
|
|
@@ -70,16 +70,16 @@ function nr(e, t = []) {
|
|
|
70
70
|
const a = () => {
|
|
71
71
|
const n = r.map((i) => s.createContext(i));
|
|
72
72
|
return function(u) {
|
|
73
|
-
const
|
|
73
|
+
const p = (u == null ? void 0 : u[e]) || n;
|
|
74
74
|
return s.useMemo(
|
|
75
|
-
() => ({ [`__scope${e}`]: { ...u, [e]:
|
|
76
|
-
[u,
|
|
75
|
+
() => ({ [`__scope${e}`]: { ...u, [e]: p } }),
|
|
76
|
+
[u, p]
|
|
77
77
|
);
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
-
return a.scopeName = e, [o,
|
|
80
|
+
return a.scopeName = e, [o, nr(a, ...t)];
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function nr(...e) {
|
|
83
83
|
const t = e[0];
|
|
84
84
|
if (e.length === 1) return t;
|
|
85
85
|
const r = () => {
|
|
@@ -88,8 +88,8 @@ function or(...e) {
|
|
|
88
88
|
scopeName: a.scopeName
|
|
89
89
|
}));
|
|
90
90
|
return function(n) {
|
|
91
|
-
const i = o.reduce((u, { useScope:
|
|
92
|
-
const v =
|
|
91
|
+
const i = o.reduce((u, { useScope: p, scopeName: l }) => {
|
|
92
|
+
const v = p(n)[`__scope${l}`];
|
|
93
93
|
return { ...u, ...v };
|
|
94
94
|
}, {});
|
|
95
95
|
return s.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
|
|
@@ -97,13 +97,13 @@ function or(...e) {
|
|
|
97
97
|
};
|
|
98
98
|
return r.scopeName = t.scopeName, r;
|
|
99
99
|
}
|
|
100
|
-
var
|
|
101
|
-
},
|
|
102
|
-
}),
|
|
103
|
-
function
|
|
104
|
-
const [t, r] = s.useState(
|
|
105
|
-
return
|
|
106
|
-
r((o) => o ?? String(
|
|
100
|
+
var ie = globalThis != null && globalThis.document ? s.useLayoutEffect : () => {
|
|
101
|
+
}, or = s.useId || (() => {
|
|
102
|
+
}), ar = 0;
|
|
103
|
+
function le(e) {
|
|
104
|
+
const [t, r] = s.useState(or());
|
|
105
|
+
return ie(() => {
|
|
106
|
+
r((o) => o ?? String(ar++));
|
|
107
107
|
}, [e]), e || (t ? `radix-${t}` : "");
|
|
108
108
|
}
|
|
109
109
|
function F(e) {
|
|
@@ -115,13 +115,13 @@ function F(e) {
|
|
|
115
115
|
return (o = t.current) == null ? void 0 : o.call(t, ...r);
|
|
116
116
|
}, []);
|
|
117
117
|
}
|
|
118
|
-
function
|
|
118
|
+
function ir({
|
|
119
119
|
prop: e,
|
|
120
120
|
defaultProp: t,
|
|
121
121
|
onChange: r = () => {
|
|
122
122
|
}
|
|
123
123
|
}) {
|
|
124
|
-
const [o, a] =
|
|
124
|
+
const [o, a] = ur({ defaultProp: t, onChange: r }), n = e !== void 0, i = n ? e : o, u = F(r), p = s.useCallback(
|
|
125
125
|
(l) => {
|
|
126
126
|
if (n) {
|
|
127
127
|
const v = typeof l == "function" ? l(e) : l;
|
|
@@ -131,9 +131,9 @@ function ur({
|
|
|
131
131
|
},
|
|
132
132
|
[n, e, a, u]
|
|
133
133
|
);
|
|
134
|
-
return [i,
|
|
134
|
+
return [i, p];
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function ur({
|
|
137
137
|
defaultProp: e,
|
|
138
138
|
onChange: t
|
|
139
139
|
}) {
|
|
@@ -142,29 +142,29 @@ function sr({
|
|
|
142
142
|
a.current !== o && (n(o), a.current = o);
|
|
143
143
|
}, [o, a, n]), r;
|
|
144
144
|
}
|
|
145
|
-
var
|
|
146
|
-
const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(
|
|
145
|
+
var Oe = s.forwardRef((e, t) => {
|
|
146
|
+
const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(cr);
|
|
147
147
|
if (n) {
|
|
148
|
-
const i = n.props.children, u = a.map((
|
|
149
|
-
return /* @__PURE__ */
|
|
148
|
+
const i = n.props.children, u = a.map((p) => p === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : p);
|
|
149
|
+
return /* @__PURE__ */ d(Ee, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
|
|
150
150
|
}
|
|
151
|
-
return /* @__PURE__ */
|
|
151
|
+
return /* @__PURE__ */ d(Ee, { ...o, ref: t, children: r });
|
|
152
152
|
});
|
|
153
|
-
|
|
154
|
-
var
|
|
153
|
+
Oe.displayName = "Slot";
|
|
154
|
+
var Ee = s.forwardRef((e, t) => {
|
|
155
155
|
const { children: r, ...o } = e;
|
|
156
156
|
if (s.isValidElement(r)) {
|
|
157
|
-
const a =
|
|
158
|
-
return r.type !== s.Fragment && (n.ref = t ?
|
|
157
|
+
const a = dr(r), n = lr(o, r.props);
|
|
158
|
+
return r.type !== s.Fragment && (n.ref = t ? lt(t, a) : a), s.cloneElement(r, n);
|
|
159
159
|
}
|
|
160
160
|
return s.Children.count(r) > 1 ? s.Children.only(null) : null;
|
|
161
161
|
});
|
|
162
|
-
|
|
163
|
-
var
|
|
164
|
-
function
|
|
165
|
-
return s.isValidElement(e) && e.type ===
|
|
162
|
+
Ee.displayName = "SlotClone";
|
|
163
|
+
var sr = ({ children: e }) => /* @__PURE__ */ d(ae, { children: e });
|
|
164
|
+
function cr(e) {
|
|
165
|
+
return s.isValidElement(e) && e.type === sr;
|
|
166
166
|
}
|
|
167
|
-
function
|
|
167
|
+
function lr(e, t) {
|
|
168
168
|
const r = { ...t };
|
|
169
169
|
for (const o in t) {
|
|
170
170
|
const a = e[o], n = t[o];
|
|
@@ -174,12 +174,12 @@ function dr(e, t) {
|
|
|
174
174
|
}
|
|
175
175
|
return { ...e, ...r };
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function dr(e) {
|
|
178
178
|
var o, a;
|
|
179
179
|
let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
|
|
180
180
|
return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
|
|
181
181
|
}
|
|
182
|
-
var
|
|
182
|
+
var pr = [
|
|
183
183
|
"a",
|
|
184
184
|
"button",
|
|
185
185
|
"div",
|
|
@@ -196,17 +196,17 @@ var fr = [
|
|
|
196
196
|
"span",
|
|
197
197
|
"svg",
|
|
198
198
|
"ul"
|
|
199
|
-
],
|
|
199
|
+
], $ = pr.reduce((e, t) => {
|
|
200
200
|
const r = s.forwardRef((o, a) => {
|
|
201
|
-
const { asChild: n, ...i } = o, u = n ?
|
|
202
|
-
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */
|
|
201
|
+
const { asChild: n, ...i } = o, u = n ? Oe : t;
|
|
202
|
+
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(u, { ...i, ref: a });
|
|
203
203
|
});
|
|
204
204
|
return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
|
|
205
205
|
}, {});
|
|
206
|
-
function
|
|
207
|
-
e &&
|
|
206
|
+
function fr(e, t) {
|
|
207
|
+
e && Jt.flushSync(() => e.dispatchEvent(t));
|
|
208
208
|
}
|
|
209
|
-
function
|
|
209
|
+
function vr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
210
210
|
const r = F(e);
|
|
211
211
|
s.useEffect(() => {
|
|
212
212
|
const o = (a) => {
|
|
@@ -215,11 +215,11 @@ function hr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
215
215
|
return t.addEventListener("keydown", o, { capture: !0 }), () => t.removeEventListener("keydown", o, { capture: !0 });
|
|
216
216
|
}, [r, t]);
|
|
217
217
|
}
|
|
218
|
-
var
|
|
218
|
+
var hr = "DismissableLayer", Ce = "dismissableLayer.update", mr = "dismissableLayer.pointerDownOutside", gr = "dismissableLayer.focusOutside", $e, dt = s.createContext({
|
|
219
219
|
layers: /* @__PURE__ */ new Set(),
|
|
220
220
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
221
221
|
branches: /* @__PURE__ */ new Set()
|
|
222
|
-
}),
|
|
222
|
+
}), pt = s.forwardRef(
|
|
223
223
|
(e, t) => {
|
|
224
224
|
const {
|
|
225
225
|
disableOutsidePointerEvents: r = !1,
|
|
@@ -228,38 +228,38 @@ var mr = "DismissableLayer", Se = "dismissableLayer.update", gr = "dismissableLa
|
|
|
228
228
|
onFocusOutside: n,
|
|
229
229
|
onInteractOutside: i,
|
|
230
230
|
onDismiss: u,
|
|
231
|
-
...
|
|
232
|
-
} = e, l = s.useContext(
|
|
231
|
+
...p
|
|
232
|
+
} = e, l = s.useContext(dt), [f, v] = s.useState(null), h = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = s.useState({}), b = q(t, (y) => v(y)), c = Array.from(l.layers), [m] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), _ = c.indexOf(m), S = f ? c.indexOf(f) : -1, w = l.layersWithOutsidePointerEventsDisabled.size > 0, E = S >= _, C = br((y) => {
|
|
233
233
|
const x = y.target, R = [...l.branches].some((z) => z.contains(x));
|
|
234
234
|
!E || R || (a == null || a(y), i == null || i(y), y.defaultPrevented || u == null || u());
|
|
235
|
-
}, h), P =
|
|
235
|
+
}, h), P = wr((y) => {
|
|
236
236
|
const x = y.target;
|
|
237
237
|
[...l.branches].some((z) => z.contains(x)) || (n == null || n(y), i == null || i(y), y.defaultPrevented || u == null || u());
|
|
238
238
|
}, h);
|
|
239
|
-
return
|
|
239
|
+
return vr((y) => {
|
|
240
240
|
S === l.layers.size - 1 && (o == null || o(y), !y.defaultPrevented && u && (y.preventDefault(), u()));
|
|
241
241
|
}, h), s.useEffect(() => {
|
|
242
242
|
if (f)
|
|
243
|
-
return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (
|
|
244
|
-
r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents =
|
|
243
|
+
return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && ($e = h.body.style.pointerEvents, h.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(f)), l.layers.add(f), Ie(), () => {
|
|
244
|
+
r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (h.body.style.pointerEvents = $e);
|
|
245
245
|
};
|
|
246
246
|
}, [f, h, r, l]), s.useEffect(() => () => {
|
|
247
|
-
f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f),
|
|
247
|
+
f && (l.layers.delete(f), l.layersWithOutsidePointerEventsDisabled.delete(f), Ie());
|
|
248
248
|
}, [f, l]), s.useEffect(() => {
|
|
249
249
|
const y = () => g({});
|
|
250
|
-
return document.addEventListener(
|
|
251
|
-
}, []), /* @__PURE__ */
|
|
252
|
-
|
|
250
|
+
return document.addEventListener(Ce, y), () => document.removeEventListener(Ce, y);
|
|
251
|
+
}, []), /* @__PURE__ */ d(
|
|
252
|
+
$.div,
|
|
253
253
|
{
|
|
254
|
-
...
|
|
254
|
+
...p,
|
|
255
255
|
ref: b,
|
|
256
256
|
style: {
|
|
257
257
|
pointerEvents: w ? E ? "auto" : "none" : void 0,
|
|
258
258
|
...e.style
|
|
259
259
|
},
|
|
260
|
-
onFocusCapture:
|
|
261
|
-
onBlurCapture:
|
|
262
|
-
onPointerDownCapture:
|
|
260
|
+
onFocusCapture: L(e.onFocusCapture, P.onFocusCapture),
|
|
261
|
+
onBlurCapture: L(e.onBlurCapture, P.onBlurCapture),
|
|
262
|
+
onPointerDownCapture: L(
|
|
263
263
|
e.onPointerDownCapture,
|
|
264
264
|
C.onPointerDownCapture
|
|
265
265
|
)
|
|
@@ -267,34 +267,34 @@ var mr = "DismissableLayer", Se = "dismissableLayer.update", gr = "dismissableLa
|
|
|
267
267
|
);
|
|
268
268
|
}
|
|
269
269
|
);
|
|
270
|
-
|
|
271
|
-
var
|
|
272
|
-
const r = s.useContext(
|
|
270
|
+
pt.displayName = hr;
|
|
271
|
+
var _r = "DismissableLayerBranch", yr = s.forwardRef((e, t) => {
|
|
272
|
+
const r = s.useContext(dt), o = s.useRef(null), a = q(t, o);
|
|
273
273
|
return s.useEffect(() => {
|
|
274
274
|
const n = o.current;
|
|
275
275
|
if (n)
|
|
276
276
|
return r.branches.add(n), () => {
|
|
277
277
|
r.branches.delete(n);
|
|
278
278
|
};
|
|
279
|
-
}, [r.branches]), /* @__PURE__ */
|
|
279
|
+
}, [r.branches]), /* @__PURE__ */ d($.div, { ...e, ref: a });
|
|
280
280
|
});
|
|
281
|
-
|
|
282
|
-
function
|
|
281
|
+
yr.displayName = _r;
|
|
282
|
+
function br(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
283
283
|
const r = F(e), o = s.useRef(!1), a = s.useRef(() => {
|
|
284
284
|
});
|
|
285
285
|
return s.useEffect(() => {
|
|
286
286
|
const n = (u) => {
|
|
287
287
|
if (u.target && !o.current) {
|
|
288
|
-
let
|
|
289
|
-
|
|
290
|
-
|
|
288
|
+
let p = function() {
|
|
289
|
+
ft(
|
|
290
|
+
mr,
|
|
291
291
|
r,
|
|
292
292
|
l,
|
|
293
293
|
{ discrete: !0 }
|
|
294
294
|
);
|
|
295
295
|
};
|
|
296
296
|
const l = { originalEvent: u };
|
|
297
|
-
u.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current =
|
|
297
|
+
u.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = p, t.addEventListener("click", a.current, { once: !0 })) : p();
|
|
298
298
|
} else
|
|
299
299
|
t.removeEventListener("click", a.current);
|
|
300
300
|
o.current = !1;
|
|
@@ -309,11 +309,11 @@ function wr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
309
309
|
onPointerDownCapture: () => o.current = !0
|
|
310
310
|
};
|
|
311
311
|
}
|
|
312
|
-
function
|
|
312
|
+
function wr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
313
313
|
const r = F(e), o = s.useRef(!1);
|
|
314
314
|
return s.useEffect(() => {
|
|
315
315
|
const a = (n) => {
|
|
316
|
-
n.target && !o.current &&
|
|
316
|
+
n.target && !o.current && ft(gr, r, { originalEvent: n }, {
|
|
317
317
|
discrete: !1
|
|
318
318
|
});
|
|
319
319
|
};
|
|
@@ -323,22 +323,22 @@ function Er(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
323
323
|
onBlurCapture: () => o.current = !1
|
|
324
324
|
};
|
|
325
325
|
}
|
|
326
|
-
function
|
|
327
|
-
const e = new CustomEvent(
|
|
326
|
+
function Ie() {
|
|
327
|
+
const e = new CustomEvent(Ce);
|
|
328
328
|
document.dispatchEvent(e);
|
|
329
329
|
}
|
|
330
|
-
function
|
|
330
|
+
function ft(e, t, r, { discrete: o }) {
|
|
331
331
|
const a = r.originalEvent.target, n = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: r });
|
|
332
|
-
t && a.addEventListener(e, t, { once: !0 }), o ?
|
|
332
|
+
t && a.addEventListener(e, t, { once: !0 }), o ? fr(a, n) : a.dispatchEvent(n);
|
|
333
333
|
}
|
|
334
|
-
var
|
|
334
|
+
var de = "focusScope.autoFocusOnMount", pe = "focusScope.autoFocusOnUnmount", Le = { bubbles: !1, cancelable: !0 }, Er = "FocusScope", vt = s.forwardRef((e, t) => {
|
|
335
335
|
const {
|
|
336
336
|
loop: r = !1,
|
|
337
337
|
trapped: o = !1,
|
|
338
338
|
onMountAutoFocus: a,
|
|
339
339
|
onUnmountAutoFocus: n,
|
|
340
340
|
...i
|
|
341
|
-
} = e, [u,
|
|
341
|
+
} = e, [u, p] = s.useState(null), l = F(a), f = F(n), v = s.useRef(null), h = q(t, (c) => p(c)), g = s.useRef({
|
|
342
342
|
paused: !1,
|
|
343
343
|
pause() {
|
|
344
344
|
this.paused = !0;
|
|
@@ -352,15 +352,15 @@ var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", ke
|
|
|
352
352
|
let c = function(w) {
|
|
353
353
|
if (g.paused || !u) return;
|
|
354
354
|
const E = w.target;
|
|
355
|
-
u.contains(E) ? v.current = E :
|
|
355
|
+
u.contains(E) ? v.current = E : I(v.current, { select: !0 });
|
|
356
356
|
}, m = function(w) {
|
|
357
357
|
if (g.paused || !u) return;
|
|
358
358
|
const E = w.relatedTarget;
|
|
359
|
-
E !== null && (u.contains(E) ||
|
|
359
|
+
E !== null && (u.contains(E) || I(v.current, { select: !0 }));
|
|
360
360
|
}, _ = function(w) {
|
|
361
361
|
if (document.activeElement === document.body)
|
|
362
362
|
for (const C of w)
|
|
363
|
-
C.removedNodes.length > 0 &&
|
|
363
|
+
C.removedNodes.length > 0 && I(u);
|
|
364
364
|
};
|
|
365
365
|
document.addEventListener("focusin", c), document.addEventListener("focusout", m);
|
|
366
366
|
const S = new MutationObserver(_);
|
|
@@ -370,16 +370,16 @@ var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", ke
|
|
|
370
370
|
}
|
|
371
371
|
}, [o, u, g.paused]), s.useEffect(() => {
|
|
372
372
|
if (u) {
|
|
373
|
-
|
|
373
|
+
Fe.add(g);
|
|
374
374
|
const c = document.activeElement;
|
|
375
375
|
if (!u.contains(c)) {
|
|
376
|
-
const _ = new CustomEvent(
|
|
377
|
-
u.addEventListener(
|
|
376
|
+
const _ = new CustomEvent(de, Le);
|
|
377
|
+
u.addEventListener(de, l), u.dispatchEvent(_), _.defaultPrevented || (Cr(Rr(ht(u)), { select: !0 }), document.activeElement === c && I(u));
|
|
378
378
|
}
|
|
379
379
|
return () => {
|
|
380
|
-
u.removeEventListener(
|
|
381
|
-
const _ = new CustomEvent(
|
|
382
|
-
u.addEventListener(
|
|
380
|
+
u.removeEventListener(de, l), setTimeout(() => {
|
|
381
|
+
const _ = new CustomEvent(pe, Le);
|
|
382
|
+
u.addEventListener(pe, f), u.dispatchEvent(_), _.defaultPrevented || I(c ?? document.body, { select: !0 }), u.removeEventListener(pe, f), Fe.remove(g);
|
|
383
383
|
}, 0);
|
|
384
384
|
};
|
|
385
385
|
}
|
|
@@ -389,25 +389,25 @@ var pe = "focusScope.autoFocusOnMount", fe = "focusScope.autoFocusOnUnmount", ke
|
|
|
389
389
|
if (!r && !o || g.paused) return;
|
|
390
390
|
const m = c.key === "Tab" && !c.altKey && !c.ctrlKey && !c.metaKey, _ = document.activeElement;
|
|
391
391
|
if (m && _) {
|
|
392
|
-
const S = c.currentTarget, [w, E] =
|
|
393
|
-
w && E ? !c.shiftKey && _ === E ? (c.preventDefault(), r &&
|
|
392
|
+
const S = c.currentTarget, [w, E] = Sr(S);
|
|
393
|
+
w && E ? !c.shiftKey && _ === E ? (c.preventDefault(), r && I(w, { select: !0 })) : c.shiftKey && _ === w && (c.preventDefault(), r && I(E, { select: !0 })) : _ === S && c.preventDefault();
|
|
394
394
|
}
|
|
395
395
|
},
|
|
396
396
|
[r, o, g.paused]
|
|
397
397
|
);
|
|
398
|
-
return /* @__PURE__ */
|
|
398
|
+
return /* @__PURE__ */ d($.div, { tabIndex: -1, ...i, ref: h, onKeyDown: b });
|
|
399
399
|
});
|
|
400
|
-
|
|
401
|
-
function
|
|
400
|
+
vt.displayName = Er;
|
|
401
|
+
function Cr(e, { select: t = !1 } = {}) {
|
|
402
402
|
const r = document.activeElement;
|
|
403
403
|
for (const o of e)
|
|
404
|
-
if (
|
|
404
|
+
if (I(o, { select: t }), document.activeElement !== r) return;
|
|
405
405
|
}
|
|
406
|
-
function
|
|
407
|
-
const t =
|
|
406
|
+
function Sr(e) {
|
|
407
|
+
const t = ht(e), r = ke(t, e), o = ke(t.reverse(), e);
|
|
408
408
|
return [r, o];
|
|
409
409
|
}
|
|
410
|
-
function
|
|
410
|
+
function ht(e) {
|
|
411
411
|
const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
|
412
412
|
acceptNode: (o) => {
|
|
413
413
|
const a = o.tagName === "INPUT" && o.type === "hidden";
|
|
@@ -417,11 +417,11 @@ function mt(e) {
|
|
|
417
417
|
for (; r.nextNode(); ) t.push(r.currentNode);
|
|
418
418
|
return t;
|
|
419
419
|
}
|
|
420
|
-
function
|
|
420
|
+
function ke(e, t) {
|
|
421
421
|
for (const r of e)
|
|
422
|
-
if (!
|
|
422
|
+
if (!Nr(r, { upTo: t })) return r;
|
|
423
423
|
}
|
|
424
|
-
function
|
|
424
|
+
function Nr(e, { upTo: t }) {
|
|
425
425
|
if (getComputedStyle(e).visibility === "hidden") return !0;
|
|
426
426
|
for (; e; ) {
|
|
427
427
|
if (t !== void 0 && e === t) return !1;
|
|
@@ -430,54 +430,54 @@ function Pr(e, { upTo: t }) {
|
|
|
430
430
|
}
|
|
431
431
|
return !1;
|
|
432
432
|
}
|
|
433
|
-
function
|
|
433
|
+
function Pr(e) {
|
|
434
434
|
return e instanceof HTMLInputElement && "select" in e;
|
|
435
435
|
}
|
|
436
|
-
function
|
|
436
|
+
function I(e, { select: t = !1 } = {}) {
|
|
437
437
|
if (e && e.focus) {
|
|
438
438
|
const r = document.activeElement;
|
|
439
|
-
e.focus({ preventScroll: !0 }), e !== r &&
|
|
439
|
+
e.focus({ preventScroll: !0 }), e !== r && Pr(e) && t && e.select();
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
|
-
var
|
|
443
|
-
function
|
|
442
|
+
var Fe = Or();
|
|
443
|
+
function Or() {
|
|
444
444
|
let e = [];
|
|
445
445
|
return {
|
|
446
446
|
add(t) {
|
|
447
447
|
const r = e[0];
|
|
448
|
-
t !== r && (r == null || r.pause()), e =
|
|
448
|
+
t !== r && (r == null || r.pause()), e = We(e, t), e.unshift(t);
|
|
449
449
|
},
|
|
450
450
|
remove(t) {
|
|
451
451
|
var r;
|
|
452
|
-
e =
|
|
452
|
+
e = We(e, t), (r = e[0]) == null || r.resume();
|
|
453
453
|
}
|
|
454
454
|
};
|
|
455
455
|
}
|
|
456
|
-
function
|
|
456
|
+
function We(e, t) {
|
|
457
457
|
const r = [...e], o = r.indexOf(t);
|
|
458
458
|
return o !== -1 && r.splice(o, 1), r;
|
|
459
459
|
}
|
|
460
|
-
function
|
|
460
|
+
function Rr(e) {
|
|
461
461
|
return e.filter((t) => t.tagName !== "A");
|
|
462
462
|
}
|
|
463
|
-
var
|
|
463
|
+
var xr = "Portal", mt = s.forwardRef((e, t) => {
|
|
464
464
|
var u;
|
|
465
465
|
const { container: r, ...o } = e, [a, n] = s.useState(!1);
|
|
466
|
-
|
|
466
|
+
ie(() => n(!0), []);
|
|
467
467
|
const i = r || a && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
|
|
468
|
-
return i ?
|
|
468
|
+
return i ? er.createPortal(/* @__PURE__ */ d($.div, { ...o, ref: t }), i) : null;
|
|
469
469
|
});
|
|
470
|
-
|
|
471
|
-
function
|
|
470
|
+
mt.displayName = xr;
|
|
471
|
+
function Ar(e, t) {
|
|
472
472
|
return s.useReducer((r, o) => t[r][o] ?? r, e);
|
|
473
473
|
}
|
|
474
|
-
var
|
|
475
|
-
const { present: t, children: r } = e, o =
|
|
474
|
+
var se = (e) => {
|
|
475
|
+
const { present: t, children: r } = e, o = Dr(t), a = typeof r == "function" ? r({ present: o.isPresent }) : s.Children.only(r), n = q(o.ref, Tr(a));
|
|
476
476
|
return typeof r == "function" || o.isPresent ? s.cloneElement(a, { ref: n }) : null;
|
|
477
477
|
};
|
|
478
|
-
|
|
479
|
-
function
|
|
480
|
-
const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u,
|
|
478
|
+
se.displayName = "Presence";
|
|
479
|
+
function Dr(e) {
|
|
480
|
+
const [t, r] = s.useState(), o = s.useRef({}), a = s.useRef(e), n = s.useRef("none"), i = e ? "mounted" : "unmounted", [u, p] = Ar(i, {
|
|
481
481
|
mounted: {
|
|
482
482
|
UNMOUNT: "unmounted",
|
|
483
483
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -491,71 +491,71 @@ function Tr(e) {
|
|
|
491
491
|
}
|
|
492
492
|
});
|
|
493
493
|
return s.useEffect(() => {
|
|
494
|
-
const l =
|
|
494
|
+
const l = X(o.current);
|
|
495
495
|
n.current = u === "mounted" ? l : "none";
|
|
496
|
-
}, [u]),
|
|
496
|
+
}, [u]), ie(() => {
|
|
497
497
|
const l = o.current, f = a.current;
|
|
498
498
|
if (f !== e) {
|
|
499
|
-
const h = n.current, g =
|
|
500
|
-
e ?
|
|
499
|
+
const h = n.current, g = X(l);
|
|
500
|
+
e ? p("MOUNT") : g === "none" || (l == null ? void 0 : l.display) === "none" ? p("UNMOUNT") : p(f && h !== g ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
|
|
501
501
|
}
|
|
502
|
-
}, [e,
|
|
502
|
+
}, [e, p]), ie(() => {
|
|
503
503
|
if (t) {
|
|
504
504
|
let l;
|
|
505
505
|
const f = t.ownerDocument.defaultView ?? window, v = (g) => {
|
|
506
|
-
const c =
|
|
507
|
-
if (g.target === t && c && (
|
|
506
|
+
const c = X(o.current).includes(g.animationName);
|
|
507
|
+
if (g.target === t && c && (p("ANIMATION_END"), !a.current)) {
|
|
508
508
|
const m = t.style.animationFillMode;
|
|
509
509
|
t.style.animationFillMode = "forwards", l = f.setTimeout(() => {
|
|
510
510
|
t.style.animationFillMode === "forwards" && (t.style.animationFillMode = m);
|
|
511
511
|
});
|
|
512
512
|
}
|
|
513
513
|
}, h = (g) => {
|
|
514
|
-
g.target === t && (n.current =
|
|
514
|
+
g.target === t && (n.current = X(o.current));
|
|
515
515
|
};
|
|
516
516
|
return t.addEventListener("animationstart", h), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
|
|
517
517
|
f.clearTimeout(l), t.removeEventListener("animationstart", h), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
|
|
518
518
|
};
|
|
519
519
|
} else
|
|
520
|
-
|
|
521
|
-
}, [t,
|
|
520
|
+
p("ANIMATION_END");
|
|
521
|
+
}, [t, p]), {
|
|
522
522
|
isPresent: ["mounted", "unmountSuspended"].includes(u),
|
|
523
523
|
ref: s.useCallback((l) => {
|
|
524
524
|
l && (o.current = getComputedStyle(l)), r(l);
|
|
525
525
|
}, [])
|
|
526
526
|
};
|
|
527
527
|
}
|
|
528
|
-
function
|
|
528
|
+
function X(e) {
|
|
529
529
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
530
530
|
}
|
|
531
|
-
function
|
|
531
|
+
function Tr(e) {
|
|
532
532
|
var o, a;
|
|
533
533
|
let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
|
|
534
534
|
return r ? e.ref : (t = (a = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
|
|
535
535
|
}
|
|
536
|
-
var
|
|
537
|
-
function
|
|
536
|
+
var fe = 0;
|
|
537
|
+
function Mr() {
|
|
538
538
|
s.useEffect(() => {
|
|
539
539
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
540
|
-
return document.body.insertAdjacentElement("afterbegin", e[0] ??
|
|
541
|
-
|
|
540
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? qe()), document.body.insertAdjacentElement("beforeend", e[1] ?? qe()), fe++, () => {
|
|
541
|
+
fe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), fe--;
|
|
542
542
|
};
|
|
543
543
|
}, []);
|
|
544
544
|
}
|
|
545
|
-
function
|
|
545
|
+
function qe() {
|
|
546
546
|
const e = document.createElement("span");
|
|
547
547
|
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;
|
|
548
548
|
}
|
|
549
|
-
var
|
|
550
|
-
return
|
|
549
|
+
var M = function() {
|
|
550
|
+
return M = Object.assign || function(t) {
|
|
551
551
|
for (var r, o = 1, a = arguments.length; o < a; o++) {
|
|
552
552
|
r = arguments[o];
|
|
553
553
|
for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
|
|
554
554
|
}
|
|
555
555
|
return t;
|
|
556
|
-
},
|
|
556
|
+
}, M.apply(this, arguments);
|
|
557
557
|
};
|
|
558
|
-
function
|
|
558
|
+
function gt(e, t) {
|
|
559
559
|
var r = {};
|
|
560
560
|
for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
|
|
561
561
|
if (e != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -563,17 +563,17 @@ function _t(e, t) {
|
|
|
563
563
|
t.indexOf(o[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[a]) && (r[o[a]] = e[o[a]]);
|
|
564
564
|
return r;
|
|
565
565
|
}
|
|
566
|
-
function
|
|
566
|
+
function $r(e, t, r) {
|
|
567
567
|
if (r || arguments.length === 2) for (var o = 0, a = t.length, n; o < a; o++)
|
|
568
568
|
(n || !(o in t)) && (n || (n = Array.prototype.slice.call(t, 0, o)), n[o] = t[o]);
|
|
569
569
|
return e.concat(n || Array.prototype.slice.call(t));
|
|
570
570
|
}
|
|
571
|
-
var
|
|
572
|
-
function
|
|
571
|
+
var ne = "right-scroll-bar-position", oe = "width-before-scroll-bar", Ir = "with-scroll-bars-hidden", Lr = "--removed-body-scroll-bar-size";
|
|
572
|
+
function ve(e, t) {
|
|
573
573
|
return typeof e == "function" ? e(t) : e && (e.current = t), e;
|
|
574
574
|
}
|
|
575
|
-
function
|
|
576
|
-
var r =
|
|
575
|
+
function kr(e, t) {
|
|
576
|
+
var r = ye(function() {
|
|
577
577
|
return {
|
|
578
578
|
// value
|
|
579
579
|
value: e,
|
|
@@ -593,31 +593,31 @@ function Fr(e, t) {
|
|
|
593
593
|
})[0];
|
|
594
594
|
return r.callback = t, r.facade;
|
|
595
595
|
}
|
|
596
|
-
var
|
|
597
|
-
function
|
|
598
|
-
var r =
|
|
596
|
+
var Fr = typeof window < "u" ? s.useLayoutEffect : s.useEffect, Be = /* @__PURE__ */ new WeakMap();
|
|
597
|
+
function Wr(e, t) {
|
|
598
|
+
var r = kr(null, function(o) {
|
|
599
599
|
return e.forEach(function(a) {
|
|
600
|
-
return
|
|
600
|
+
return ve(a, o);
|
|
601
601
|
});
|
|
602
602
|
});
|
|
603
|
-
return
|
|
604
|
-
var o =
|
|
603
|
+
return Fr(function() {
|
|
604
|
+
var o = Be.get(r);
|
|
605
605
|
if (o) {
|
|
606
606
|
var a = new Set(o), n = new Set(e), i = r.current;
|
|
607
607
|
a.forEach(function(u) {
|
|
608
|
-
n.has(u) ||
|
|
608
|
+
n.has(u) || ve(u, null);
|
|
609
609
|
}), n.forEach(function(u) {
|
|
610
|
-
a.has(u) ||
|
|
610
|
+
a.has(u) || ve(u, i);
|
|
611
611
|
});
|
|
612
612
|
}
|
|
613
|
-
|
|
613
|
+
Be.set(r, e);
|
|
614
614
|
}, [e]), r;
|
|
615
615
|
}
|
|
616
|
-
function
|
|
616
|
+
function qr(e) {
|
|
617
617
|
return e;
|
|
618
618
|
}
|
|
619
|
-
function
|
|
620
|
-
t === void 0 && (t =
|
|
619
|
+
function Br(e, t) {
|
|
620
|
+
t === void 0 && (t = qr);
|
|
621
621
|
var r = [], o = !1, a = {
|
|
622
622
|
read: function() {
|
|
623
623
|
if (o)
|
|
@@ -653,11 +653,11 @@ function jr(e, t) {
|
|
|
653
653
|
var u = r;
|
|
654
654
|
r = [], u.forEach(n), i = r;
|
|
655
655
|
}
|
|
656
|
-
var
|
|
656
|
+
var p = function() {
|
|
657
657
|
var f = i;
|
|
658
658
|
i = [], f.forEach(n);
|
|
659
659
|
}, l = function() {
|
|
660
|
-
return Promise.resolve().then(
|
|
660
|
+
return Promise.resolve().then(p);
|
|
661
661
|
};
|
|
662
662
|
l(), r = {
|
|
663
663
|
push: function(f) {
|
|
@@ -671,78 +671,78 @@ function jr(e, t) {
|
|
|
671
671
|
};
|
|
672
672
|
return a;
|
|
673
673
|
}
|
|
674
|
-
function
|
|
674
|
+
function jr(e) {
|
|
675
675
|
e === void 0 && (e = {});
|
|
676
|
-
var t =
|
|
677
|
-
return t.options =
|
|
676
|
+
var t = Br(null);
|
|
677
|
+
return t.options = M({ async: !0, ssr: !1 }, e), t;
|
|
678
678
|
}
|
|
679
|
-
var
|
|
680
|
-
var t = e.sideCar, r =
|
|
679
|
+
var _t = function(e) {
|
|
680
|
+
var t = e.sideCar, r = gt(e, ["sideCar"]);
|
|
681
681
|
if (!t)
|
|
682
682
|
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
683
683
|
var o = t.read();
|
|
684
684
|
if (!o)
|
|
685
685
|
throw new Error("Sidecar medium not found");
|
|
686
|
-
return s.createElement(o,
|
|
686
|
+
return s.createElement(o, M({}, r));
|
|
687
687
|
};
|
|
688
|
-
|
|
689
|
-
function
|
|
690
|
-
return e.useMedium(t),
|
|
688
|
+
_t.isSideCarExport = !0;
|
|
689
|
+
function Ur(e, t) {
|
|
690
|
+
return e.useMedium(t), _t;
|
|
691
691
|
}
|
|
692
|
-
var
|
|
693
|
-
},
|
|
692
|
+
var yt = jr(), he = function() {
|
|
693
|
+
}, ce = s.forwardRef(function(e, t) {
|
|
694
694
|
var r = s.useRef(null), o = s.useState({
|
|
695
|
-
onScrollCapture:
|
|
696
|
-
onWheelCapture:
|
|
697
|
-
onTouchMoveCapture:
|
|
698
|
-
}), a = o[0], n = o[1], i = e.forwardProps, u = e.children,
|
|
695
|
+
onScrollCapture: he,
|
|
696
|
+
onWheelCapture: he,
|
|
697
|
+
onTouchMoveCapture: he
|
|
698
|
+
}), a = o[0], n = o[1], i = e.forwardProps, u = e.children, p = e.className, l = e.removeScrollBar, f = e.enabled, v = e.shards, h = e.sideCar, g = e.noIsolation, b = e.inert, c = e.allowPinchZoom, m = e.as, _ = m === void 0 ? "div" : m, S = e.gapMode, w = gt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = h, C = Wr([r, t]), P = M(M({}, w), a);
|
|
699
699
|
return s.createElement(
|
|
700
700
|
s.Fragment,
|
|
701
701
|
null,
|
|
702
|
-
f && s.createElement(E, { sideCar:
|
|
703
|
-
i ? s.cloneElement(s.Children.only(u),
|
|
702
|
+
f && s.createElement(E, { sideCar: yt, removeScrollBar: l, shards: v, noIsolation: g, inert: b, setCallbacks: n, allowPinchZoom: !!c, lockRef: r, gapMode: S }),
|
|
703
|
+
i ? s.cloneElement(s.Children.only(u), M(M({}, P), { ref: C })) : s.createElement(_, M({}, P, { className: p, ref: C }), u)
|
|
704
704
|
);
|
|
705
705
|
});
|
|
706
|
-
|
|
706
|
+
ce.defaultProps = {
|
|
707
707
|
enabled: !0,
|
|
708
708
|
removeScrollBar: !0,
|
|
709
709
|
inert: !1
|
|
710
710
|
};
|
|
711
|
-
|
|
712
|
-
fullWidth:
|
|
713
|
-
zeroRight:
|
|
711
|
+
ce.classNames = {
|
|
712
|
+
fullWidth: oe,
|
|
713
|
+
zeroRight: ne
|
|
714
714
|
};
|
|
715
|
-
var
|
|
715
|
+
var Vr = function() {
|
|
716
716
|
if (typeof __webpack_nonce__ < "u")
|
|
717
717
|
return __webpack_nonce__;
|
|
718
718
|
};
|
|
719
|
-
function
|
|
719
|
+
function Hr() {
|
|
720
720
|
if (!document)
|
|
721
721
|
return null;
|
|
722
722
|
var e = document.createElement("style");
|
|
723
723
|
e.type = "text/css";
|
|
724
|
-
var t =
|
|
724
|
+
var t = Vr();
|
|
725
725
|
return t && e.setAttribute("nonce", t), e;
|
|
726
726
|
}
|
|
727
|
-
function
|
|
727
|
+
function zr(e, t) {
|
|
728
728
|
e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
|
|
729
729
|
}
|
|
730
|
-
function
|
|
730
|
+
function Kr(e) {
|
|
731
731
|
var t = document.head || document.getElementsByTagName("head")[0];
|
|
732
732
|
t.appendChild(e);
|
|
733
733
|
}
|
|
734
|
-
var
|
|
734
|
+
var Gr = function() {
|
|
735
735
|
var e = 0, t = null;
|
|
736
736
|
return {
|
|
737
737
|
add: function(r) {
|
|
738
|
-
e == 0 && (t =
|
|
738
|
+
e == 0 && (t = Hr()) && (zr(t, r), Kr(t)), e++;
|
|
739
739
|
},
|
|
740
740
|
remove: function() {
|
|
741
741
|
e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
|
|
742
742
|
}
|
|
743
743
|
};
|
|
744
|
-
},
|
|
745
|
-
var e =
|
|
744
|
+
}, Yr = function() {
|
|
745
|
+
var e = Gr();
|
|
746
746
|
return function(t, r) {
|
|
747
747
|
s.useEffect(function() {
|
|
748
748
|
return e.add(t), function() {
|
|
@@ -750,36 +750,36 @@ var Yr = function() {
|
|
|
750
750
|
};
|
|
751
751
|
}, [t && r]);
|
|
752
752
|
};
|
|
753
|
-
},
|
|
754
|
-
var e =
|
|
753
|
+
}, bt = function() {
|
|
754
|
+
var e = Yr(), t = function(r) {
|
|
755
755
|
var o = r.styles, a = r.dynamic;
|
|
756
756
|
return e(o, a), null;
|
|
757
757
|
};
|
|
758
758
|
return t;
|
|
759
|
-
},
|
|
759
|
+
}, Xr = {
|
|
760
760
|
left: 0,
|
|
761
761
|
top: 0,
|
|
762
762
|
right: 0,
|
|
763
763
|
gap: 0
|
|
764
|
-
},
|
|
764
|
+
}, me = function(e) {
|
|
765
765
|
return parseInt(e || "", 10) || 0;
|
|
766
|
-
},
|
|
766
|
+
}, Zr = function(e) {
|
|
767
767
|
var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], o = t[e === "padding" ? "paddingTop" : "marginTop"], a = t[e === "padding" ? "paddingRight" : "marginRight"];
|
|
768
|
-
return [
|
|
769
|
-
},
|
|
768
|
+
return [me(r), me(o), me(a)];
|
|
769
|
+
}, Qr = function(e) {
|
|
770
770
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
771
|
-
return
|
|
772
|
-
var t =
|
|
771
|
+
return Xr;
|
|
772
|
+
var t = Zr(e), r = document.documentElement.clientWidth, o = window.innerWidth;
|
|
773
773
|
return {
|
|
774
774
|
left: t[0],
|
|
775
775
|
top: t[1],
|
|
776
776
|
right: t[2],
|
|
777
777
|
gap: Math.max(0, o - r + t[2] - t[0])
|
|
778
778
|
};
|
|
779
|
-
},
|
|
779
|
+
}, Jr = bt(), H = "data-scroll-locked", en = function(e, t, r, o) {
|
|
780
780
|
var a = e.left, n = e.top, i = e.right, u = e.gap;
|
|
781
781
|
return r === void 0 && (r = "margin"), `
|
|
782
|
-
.`.concat(
|
|
782
|
+
.`.concat(Ir, ` {
|
|
783
783
|
overflow: hidden `).concat(o, `;
|
|
784
784
|
padding-right: `).concat(u, "px ").concat(o, `;
|
|
785
785
|
}
|
|
@@ -800,136 +800,136 @@ var Yr = function() {
|
|
|
800
800
|
].filter(Boolean).join(""), `
|
|
801
801
|
}
|
|
802
802
|
|
|
803
|
-
.`).concat(
|
|
803
|
+
.`).concat(ne, ` {
|
|
804
804
|
right: `).concat(u, "px ").concat(o, `;
|
|
805
805
|
}
|
|
806
806
|
|
|
807
|
-
.`).concat(
|
|
807
|
+
.`).concat(oe, ` {
|
|
808
808
|
margin-right: `).concat(u, "px ").concat(o, `;
|
|
809
809
|
}
|
|
810
810
|
|
|
811
|
-
.`).concat(
|
|
811
|
+
.`).concat(ne, " .").concat(ne, ` {
|
|
812
812
|
right: 0 `).concat(o, `;
|
|
813
813
|
}
|
|
814
814
|
|
|
815
|
-
.`).concat(
|
|
815
|
+
.`).concat(oe, " .").concat(oe, ` {
|
|
816
816
|
margin-right: 0 `).concat(o, `;
|
|
817
817
|
}
|
|
818
818
|
|
|
819
819
|
body[`).concat(H, `] {
|
|
820
|
-
`).concat(
|
|
820
|
+
`).concat(Lr, ": ").concat(u, `px;
|
|
821
821
|
}
|
|
822
822
|
`);
|
|
823
|
-
},
|
|
823
|
+
}, je = function() {
|
|
824
824
|
var e = parseInt(document.body.getAttribute(H) || "0", 10);
|
|
825
825
|
return isFinite(e) ? e : 0;
|
|
826
|
-
},
|
|
826
|
+
}, tn = function() {
|
|
827
827
|
s.useEffect(function() {
|
|
828
|
-
return document.body.setAttribute(H, (
|
|
829
|
-
var e =
|
|
828
|
+
return document.body.setAttribute(H, (je() + 1).toString()), function() {
|
|
829
|
+
var e = je() - 1;
|
|
830
830
|
e <= 0 ? document.body.removeAttribute(H) : document.body.setAttribute(H, e.toString());
|
|
831
831
|
};
|
|
832
832
|
}, []);
|
|
833
|
-
},
|
|
833
|
+
}, rn = function(e) {
|
|
834
834
|
var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
|
|
835
|
-
|
|
835
|
+
tn();
|
|
836
836
|
var n = s.useMemo(function() {
|
|
837
|
-
return
|
|
837
|
+
return Qr(a);
|
|
838
838
|
}, [a]);
|
|
839
|
-
return s.createElement(
|
|
840
|
-
},
|
|
839
|
+
return s.createElement(Jr, { styles: en(n, !t, a, r ? "" : "!important") });
|
|
840
|
+
}, Se = !1;
|
|
841
841
|
if (typeof window < "u")
|
|
842
842
|
try {
|
|
843
|
-
var
|
|
843
|
+
var Z = Object.defineProperty({}, "passive", {
|
|
844
844
|
get: function() {
|
|
845
|
-
return
|
|
845
|
+
return Se = !0, !0;
|
|
846
846
|
}
|
|
847
847
|
});
|
|
848
|
-
window.addEventListener("test",
|
|
848
|
+
window.addEventListener("test", Z, Z), window.removeEventListener("test", Z, Z);
|
|
849
849
|
} catch {
|
|
850
|
-
|
|
850
|
+
Se = !1;
|
|
851
851
|
}
|
|
852
|
-
var j =
|
|
852
|
+
var j = Se ? { passive: !1 } : !1, nn = function(e) {
|
|
853
853
|
return e.tagName === "TEXTAREA";
|
|
854
|
-
},
|
|
854
|
+
}, wt = function(e, t) {
|
|
855
855
|
if (!(e instanceof Element))
|
|
856
856
|
return !1;
|
|
857
857
|
var r = window.getComputedStyle(e);
|
|
858
858
|
return (
|
|
859
859
|
// not-not-scrollable
|
|
860
860
|
r[t] !== "hidden" && // contains scroll inside self
|
|
861
|
-
!(r.overflowY === r.overflowX && !
|
|
861
|
+
!(r.overflowY === r.overflowX && !nn(e) && r[t] === "visible")
|
|
862
862
|
);
|
|
863
|
+
}, on = function(e) {
|
|
864
|
+
return wt(e, "overflowY");
|
|
863
865
|
}, an = function(e) {
|
|
864
|
-
return
|
|
865
|
-
},
|
|
866
|
-
return Et(e, "overflowX");
|
|
867
|
-
}, Ve = function(e, t) {
|
|
866
|
+
return wt(e, "overflowX");
|
|
867
|
+
}, Ue = function(e, t) {
|
|
868
868
|
var r = t.ownerDocument, o = t;
|
|
869
869
|
do {
|
|
870
870
|
typeof ShadowRoot < "u" && o instanceof ShadowRoot && (o = o.host);
|
|
871
|
-
var a =
|
|
871
|
+
var a = Et(e, o);
|
|
872
872
|
if (a) {
|
|
873
|
-
var n =
|
|
873
|
+
var n = Ct(e, o), i = n[1], u = n[2];
|
|
874
874
|
if (i > u)
|
|
875
875
|
return !0;
|
|
876
876
|
}
|
|
877
877
|
o = o.parentNode;
|
|
878
878
|
} while (o && o !== r.body);
|
|
879
879
|
return !1;
|
|
880
|
-
},
|
|
880
|
+
}, un = function(e) {
|
|
881
881
|
var t = e.scrollTop, r = e.scrollHeight, o = e.clientHeight;
|
|
882
882
|
return [
|
|
883
883
|
t,
|
|
884
884
|
r,
|
|
885
885
|
o
|
|
886
886
|
];
|
|
887
|
-
},
|
|
887
|
+
}, sn = function(e) {
|
|
888
888
|
var t = e.scrollLeft, r = e.scrollWidth, o = e.clientWidth;
|
|
889
889
|
return [
|
|
890
890
|
t,
|
|
891
891
|
r,
|
|
892
892
|
o
|
|
893
893
|
];
|
|
894
|
+
}, Et = function(e, t) {
|
|
895
|
+
return e === "v" ? on(t) : an(t);
|
|
894
896
|
}, Ct = function(e, t) {
|
|
895
|
-
return e === "v" ?
|
|
896
|
-
},
|
|
897
|
-
return e === "v" ? sn(t) : cn(t);
|
|
898
|
-
}, ln = function(e, t) {
|
|
897
|
+
return e === "v" ? un(t) : sn(t);
|
|
898
|
+
}, cn = function(e, t) {
|
|
899
899
|
return e === "h" && t === "rtl" ? -1 : 1;
|
|
900
|
-
},
|
|
901
|
-
var n =
|
|
900
|
+
}, ln = function(e, t, r, o, a) {
|
|
901
|
+
var n = cn(e, window.getComputedStyle(t).direction), i = n * o, u = r.target, p = t.contains(u), l = !1, f = i > 0, v = 0, h = 0;
|
|
902
902
|
do {
|
|
903
|
-
var g =
|
|
904
|
-
(b || _) &&
|
|
903
|
+
var g = Ct(e, u), b = g[0], c = g[1], m = g[2], _ = c - m - n * b;
|
|
904
|
+
(b || _) && Et(e, u) && (v += _, h += b), u instanceof ShadowRoot ? u = u.host : u = u.parentNode;
|
|
905
905
|
} while (
|
|
906
906
|
// portaled content
|
|
907
|
-
!
|
|
908
|
-
|
|
907
|
+
!p && u !== document.body || // self content
|
|
908
|
+
p && (t.contains(u) || t === u)
|
|
909
909
|
);
|
|
910
910
|
return (f && Math.abs(v) < 1 || !f && Math.abs(h) < 1) && (l = !0), l;
|
|
911
|
-
},
|
|
911
|
+
}, Q = function(e) {
|
|
912
912
|
return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
|
|
913
|
-
},
|
|
913
|
+
}, Ve = function(e) {
|
|
914
914
|
return [e.deltaX, e.deltaY];
|
|
915
|
-
},
|
|
915
|
+
}, He = function(e) {
|
|
916
916
|
return e && "current" in e ? e.current : e;
|
|
917
|
-
},
|
|
917
|
+
}, dn = function(e, t) {
|
|
918
918
|
return e[0] === t[0] && e[1] === t[1];
|
|
919
|
-
},
|
|
919
|
+
}, pn = function(e) {
|
|
920
920
|
return `
|
|
921
921
|
.block-interactivity-`.concat(e, ` {pointer-events: none;}
|
|
922
922
|
.allow-interactivity-`).concat(e, ` {pointer-events: all;}
|
|
923
923
|
`);
|
|
924
|
-
},
|
|
925
|
-
function
|
|
926
|
-
var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(
|
|
924
|
+
}, fn = 0, U = [];
|
|
925
|
+
function vn(e) {
|
|
926
|
+
var t = s.useRef([]), r = s.useRef([0, 0]), o = s.useRef(), a = s.useState(fn++)[0], n = s.useState(bt)[0], i = s.useRef(e);
|
|
927
927
|
s.useEffect(function() {
|
|
928
928
|
i.current = e;
|
|
929
929
|
}, [e]), s.useEffect(function() {
|
|
930
930
|
if (e.inert) {
|
|
931
931
|
document.body.classList.add("block-interactivity-".concat(a));
|
|
932
|
-
var c =
|
|
932
|
+
var c = $r([e.lockRef.current], (e.shards || []).map(He), !0).filter(Boolean);
|
|
933
933
|
return c.forEach(function(m) {
|
|
934
934
|
return m.classList.add("allow-interactivity-".concat(a));
|
|
935
935
|
}), function() {
|
|
@@ -942,127 +942,127 @@ function hn(e) {
|
|
|
942
942
|
var u = s.useCallback(function(c, m) {
|
|
943
943
|
if ("touches" in c && c.touches.length === 2 || c.type === "wheel" && c.ctrlKey)
|
|
944
944
|
return !i.current.allowPinchZoom;
|
|
945
|
-
var _ =
|
|
945
|
+
var _ = Q(c), S = r.current, w = "deltaX" in c ? c.deltaX : S[0] - _[0], E = "deltaY" in c ? c.deltaY : S[1] - _[1], C, P = c.target, y = Math.abs(w) > Math.abs(E) ? "h" : "v";
|
|
946
946
|
if ("touches" in c && y === "h" && P.type === "range")
|
|
947
947
|
return !1;
|
|
948
|
-
var x =
|
|
948
|
+
var x = Ue(y, P);
|
|
949
949
|
if (!x)
|
|
950
950
|
return !0;
|
|
951
|
-
if (x ? C = y : (C = y === "v" ? "h" : "v", x =
|
|
951
|
+
if (x ? C = y : (C = y === "v" ? "h" : "v", x = Ue(y, P)), !x)
|
|
952
952
|
return !1;
|
|
953
953
|
if (!o.current && "changedTouches" in c && (w || E) && (o.current = C), !C)
|
|
954
954
|
return !0;
|
|
955
955
|
var R = o.current || C;
|
|
956
|
-
return
|
|
957
|
-
}, []),
|
|
956
|
+
return ln(R, m, c, R === "h" ? w : E);
|
|
957
|
+
}, []), p = s.useCallback(function(c) {
|
|
958
958
|
var m = c;
|
|
959
959
|
if (!(!U.length || U[U.length - 1] !== n)) {
|
|
960
|
-
var _ = "deltaY" in m ?
|
|
961
|
-
return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) &&
|
|
960
|
+
var _ = "deltaY" in m ? Ve(m) : Q(m), S = t.current.filter(function(C) {
|
|
961
|
+
return C.name === m.type && (C.target === m.target || m.target === C.shadowParent) && dn(C.delta, _);
|
|
962
962
|
})[0];
|
|
963
963
|
if (S && S.should) {
|
|
964
964
|
m.cancelable && m.preventDefault();
|
|
965
965
|
return;
|
|
966
966
|
}
|
|
967
967
|
if (!S) {
|
|
968
|
-
var w = (i.current.shards || []).map(
|
|
968
|
+
var w = (i.current.shards || []).map(He).filter(Boolean).filter(function(C) {
|
|
969
969
|
return C.contains(m.target);
|
|
970
970
|
}), E = w.length > 0 ? u(m, w[0]) : !i.current.noIsolation;
|
|
971
971
|
E && m.cancelable && m.preventDefault();
|
|
972
972
|
}
|
|
973
973
|
}
|
|
974
974
|
}, []), l = s.useCallback(function(c, m, _, S) {
|
|
975
|
-
var w = { name: c, delta: m, target: _, should: S, shadowParent:
|
|
975
|
+
var w = { name: c, delta: m, target: _, should: S, shadowParent: hn(_) };
|
|
976
976
|
t.current.push(w), setTimeout(function() {
|
|
977
977
|
t.current = t.current.filter(function(E) {
|
|
978
978
|
return E !== w;
|
|
979
979
|
});
|
|
980
980
|
}, 1);
|
|
981
981
|
}, []), f = s.useCallback(function(c) {
|
|
982
|
-
r.current =
|
|
982
|
+
r.current = Q(c), o.current = void 0;
|
|
983
983
|
}, []), v = s.useCallback(function(c) {
|
|
984
|
-
l(c.type,
|
|
984
|
+
l(c.type, Ve(c), c.target, u(c, e.lockRef.current));
|
|
985
985
|
}, []), h = s.useCallback(function(c) {
|
|
986
|
-
l(c.type,
|
|
986
|
+
l(c.type, Q(c), c.target, u(c, e.lockRef.current));
|
|
987
987
|
}, []);
|
|
988
988
|
s.useEffect(function() {
|
|
989
989
|
return U.push(n), e.setCallbacks({
|
|
990
990
|
onScrollCapture: v,
|
|
991
991
|
onWheelCapture: v,
|
|
992
992
|
onTouchMoveCapture: h
|
|
993
|
-
}), document.addEventListener("wheel",
|
|
993
|
+
}), document.addEventListener("wheel", p, j), document.addEventListener("touchmove", p, j), document.addEventListener("touchstart", f, j), function() {
|
|
994
994
|
U = U.filter(function(c) {
|
|
995
995
|
return c !== n;
|
|
996
|
-
}), document.removeEventListener("wheel",
|
|
996
|
+
}), document.removeEventListener("wheel", p, j), document.removeEventListener("touchmove", p, j), document.removeEventListener("touchstart", f, j);
|
|
997
997
|
};
|
|
998
998
|
}, []);
|
|
999
999
|
var g = e.removeScrollBar, b = e.inert;
|
|
1000
1000
|
return s.createElement(
|
|
1001
1001
|
s.Fragment,
|
|
1002
1002
|
null,
|
|
1003
|
-
b ? s.createElement(n, { styles:
|
|
1004
|
-
g ? s.createElement(
|
|
1003
|
+
b ? s.createElement(n, { styles: pn(a) }) : null,
|
|
1004
|
+
g ? s.createElement(rn, { gapMode: e.gapMode }) : null
|
|
1005
1005
|
);
|
|
1006
1006
|
}
|
|
1007
|
-
function
|
|
1007
|
+
function hn(e) {
|
|
1008
1008
|
for (var t = null; e !== null; )
|
|
1009
1009
|
e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
|
|
1010
1010
|
return t;
|
|
1011
1011
|
}
|
|
1012
|
-
const
|
|
1013
|
-
var
|
|
1014
|
-
return s.createElement(
|
|
1012
|
+
const mn = Ur(yt, vn);
|
|
1013
|
+
var St = s.forwardRef(function(e, t) {
|
|
1014
|
+
return s.createElement(ce, M({}, e, { ref: t, sideCar: mn }));
|
|
1015
1015
|
});
|
|
1016
|
-
|
|
1017
|
-
var
|
|
1016
|
+
St.classNames = ce.classNames;
|
|
1017
|
+
var gn = function(e) {
|
|
1018
1018
|
if (typeof document > "u")
|
|
1019
1019
|
return null;
|
|
1020
1020
|
var t = Array.isArray(e) ? e[0] : e;
|
|
1021
1021
|
return t.ownerDocument.body;
|
|
1022
|
-
}, V = /* @__PURE__ */ new WeakMap(),
|
|
1023
|
-
return e && (e.host ||
|
|
1024
|
-
},
|
|
1022
|
+
}, V = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {}, ge = 0, Nt = function(e) {
|
|
1023
|
+
return e && (e.host || Nt(e.parentNode));
|
|
1024
|
+
}, _n = function(e, t) {
|
|
1025
1025
|
return t.map(function(r) {
|
|
1026
1026
|
if (e.contains(r))
|
|
1027
1027
|
return r;
|
|
1028
|
-
var o =
|
|
1028
|
+
var o = Nt(r);
|
|
1029
1029
|
return o && e.contains(o) ? o : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
|
|
1030
1030
|
}).filter(function(r) {
|
|
1031
1031
|
return !!r;
|
|
1032
1032
|
});
|
|
1033
|
-
},
|
|
1034
|
-
var a =
|
|
1035
|
-
|
|
1036
|
-
var n =
|
|
1033
|
+
}, yn = function(e, t, r, o) {
|
|
1034
|
+
var a = _n(t, Array.isArray(e) ? e : [e]);
|
|
1035
|
+
ee[r] || (ee[r] = /* @__PURE__ */ new WeakMap());
|
|
1036
|
+
var n = ee[r], i = [], u = /* @__PURE__ */ new Set(), p = new Set(a), l = function(v) {
|
|
1037
1037
|
!v || u.has(v) || (u.add(v), l(v.parentNode));
|
|
1038
1038
|
};
|
|
1039
1039
|
a.forEach(l);
|
|
1040
1040
|
var f = function(v) {
|
|
1041
|
-
!v ||
|
|
1041
|
+
!v || p.has(v) || Array.prototype.forEach.call(v.children, function(h) {
|
|
1042
1042
|
if (u.has(h))
|
|
1043
1043
|
f(h);
|
|
1044
1044
|
else
|
|
1045
1045
|
try {
|
|
1046
1046
|
var g = h.getAttribute(o), b = g !== null && g !== "false", c = (V.get(h) || 0) + 1, m = (n.get(h) || 0) + 1;
|
|
1047
|
-
V.set(h, c), n.set(h, m), i.push(h), c === 1 && b &&
|
|
1047
|
+
V.set(h, c), n.set(h, m), i.push(h), c === 1 && b && J.set(h, !0), m === 1 && h.setAttribute(r, "true"), b || h.setAttribute(o, "true");
|
|
1048
1048
|
} catch (_) {
|
|
1049
1049
|
console.error("aria-hidden: cannot operate on ", h, _);
|
|
1050
1050
|
}
|
|
1051
1051
|
});
|
|
1052
1052
|
};
|
|
1053
|
-
return f(t), u.clear(),
|
|
1053
|
+
return f(t), u.clear(), ge++, function() {
|
|
1054
1054
|
i.forEach(function(v) {
|
|
1055
1055
|
var h = V.get(v) - 1, g = n.get(v) - 1;
|
|
1056
|
-
V.set(v, h), n.set(v, g), h || (
|
|
1057
|
-
}),
|
|
1056
|
+
V.set(v, h), n.set(v, g), h || (J.has(v) || v.removeAttribute(o), J.delete(v)), g || v.removeAttribute(r);
|
|
1057
|
+
}), ge--, ge || (V = /* @__PURE__ */ new WeakMap(), V = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), ee = {});
|
|
1058
1058
|
};
|
|
1059
|
-
},
|
|
1059
|
+
}, bn = function(e, t, r) {
|
|
1060
1060
|
r === void 0 && (r = "data-aria-hidden");
|
|
1061
|
-
var o = Array.from(Array.isArray(e) ? e : [e]), a =
|
|
1062
|
-
return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))),
|
|
1061
|
+
var o = Array.from(Array.isArray(e) ? e : [e]), a = gn(e);
|
|
1062
|
+
return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), yn(o, a, r, "aria-hidden")) : function() {
|
|
1063
1063
|
return null;
|
|
1064
1064
|
};
|
|
1065
|
-
},
|
|
1065
|
+
}, Re = "Dialog", [Pt, Uo] = rr(Re), [wn, A] = Pt(Re), Ot = (e) => {
|
|
1066
1066
|
const {
|
|
1067
1067
|
__scopeDialog: t,
|
|
1068
1068
|
children: r,
|
|
@@ -1070,20 +1070,20 @@ var _n = function(e) {
|
|
|
1070
1070
|
defaultOpen: a,
|
|
1071
1071
|
onOpenChange: n,
|
|
1072
1072
|
modal: i = !0
|
|
1073
|
-
} = e, u = s.useRef(null),
|
|
1073
|
+
} = e, u = s.useRef(null), p = s.useRef(null), [l = !1, f] = ir({
|
|
1074
1074
|
prop: o,
|
|
1075
1075
|
defaultProp: a,
|
|
1076
1076
|
onChange: n
|
|
1077
1077
|
});
|
|
1078
|
-
return /* @__PURE__ */
|
|
1079
|
-
|
|
1078
|
+
return /* @__PURE__ */ d(
|
|
1079
|
+
wn,
|
|
1080
1080
|
{
|
|
1081
1081
|
scope: t,
|
|
1082
1082
|
triggerRef: u,
|
|
1083
|
-
contentRef:
|
|
1084
|
-
contentId:
|
|
1085
|
-
titleId:
|
|
1086
|
-
descriptionId:
|
|
1083
|
+
contentRef: p,
|
|
1084
|
+
contentId: le(),
|
|
1085
|
+
titleId: le(),
|
|
1086
|
+
descriptionId: le(),
|
|
1087
1087
|
open: l,
|
|
1088
1088
|
onOpenChange: f,
|
|
1089
1089
|
onOpenToggle: s.useCallback(() => f((v) => !v), [f]),
|
|
@@ -1092,50 +1092,50 @@ var _n = function(e) {
|
|
|
1092
1092
|
}
|
|
1093
1093
|
);
|
|
1094
1094
|
};
|
|
1095
|
-
|
|
1096
|
-
var
|
|
1095
|
+
Ot.displayName = Re;
|
|
1096
|
+
var Rt = "DialogTrigger", xt = s.forwardRef(
|
|
1097
1097
|
(e, t) => {
|
|
1098
|
-
const { __scopeDialog: r, ...o } = e, a = A(
|
|
1099
|
-
return /* @__PURE__ */
|
|
1100
|
-
|
|
1098
|
+
const { __scopeDialog: r, ...o } = e, a = A(Rt, r), n = q(t, a.triggerRef);
|
|
1099
|
+
return /* @__PURE__ */ d(
|
|
1100
|
+
$.button,
|
|
1101
1101
|
{
|
|
1102
1102
|
type: "button",
|
|
1103
1103
|
"aria-haspopup": "dialog",
|
|
1104
1104
|
"aria-expanded": a.open,
|
|
1105
1105
|
"aria-controls": a.contentId,
|
|
1106
|
-
"data-state":
|
|
1106
|
+
"data-state": De(a.open),
|
|
1107
1107
|
...o,
|
|
1108
1108
|
ref: n,
|
|
1109
|
-
onClick:
|
|
1109
|
+
onClick: L(e.onClick, a.onOpenToggle)
|
|
1110
1110
|
}
|
|
1111
1111
|
);
|
|
1112
1112
|
}
|
|
1113
1113
|
);
|
|
1114
|
-
|
|
1115
|
-
var
|
|
1114
|
+
xt.displayName = Rt;
|
|
1115
|
+
var xe = "DialogPortal", [En, At] = Pt(xe, {
|
|
1116
1116
|
forceMount: void 0
|
|
1117
|
-
}),
|
|
1118
|
-
const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(
|
|
1119
|
-
return /* @__PURE__ */
|
|
1117
|
+
}), Dt = (e) => {
|
|
1118
|
+
const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = A(xe, t);
|
|
1119
|
+
return /* @__PURE__ */ d(En, { scope: t, forceMount: r, children: s.Children.map(o, (i) => /* @__PURE__ */ d(se, { present: r || n.open, children: /* @__PURE__ */ d(mt, { asChild: !0, container: a, children: i }) })) });
|
|
1120
1120
|
};
|
|
1121
|
-
|
|
1122
|
-
var
|
|
1121
|
+
Dt.displayName = xe;
|
|
1122
|
+
var ue = "DialogOverlay", Tt = s.forwardRef(
|
|
1123
1123
|
(e, t) => {
|
|
1124
|
-
const r =
|
|
1125
|
-
return n.modal ? /* @__PURE__ */
|
|
1124
|
+
const r = At(ue, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(ue, e.__scopeDialog);
|
|
1125
|
+
return n.modal ? /* @__PURE__ */ d(se, { present: o || n.open, children: /* @__PURE__ */ d(Cn, { ...a, ref: t }) }) : null;
|
|
1126
1126
|
}
|
|
1127
1127
|
);
|
|
1128
|
-
|
|
1129
|
-
var
|
|
1128
|
+
Tt.displayName = ue;
|
|
1129
|
+
var Cn = s.forwardRef(
|
|
1130
1130
|
(e, t) => {
|
|
1131
|
-
const { __scopeDialog: r, ...o } = e, a = A(
|
|
1131
|
+
const { __scopeDialog: r, ...o } = e, a = A(ue, r);
|
|
1132
1132
|
return (
|
|
1133
1133
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
1134
1134
|
// ie. when `Overlay` and `Content` are siblings
|
|
1135
|
-
/* @__PURE__ */
|
|
1136
|
-
|
|
1135
|
+
/* @__PURE__ */ d(St, { as: Oe, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ d(
|
|
1136
|
+
$.div,
|
|
1137
1137
|
{
|
|
1138
|
-
"data-state":
|
|
1138
|
+
"data-state": De(a.open),
|
|
1139
1139
|
...o,
|
|
1140
1140
|
ref: t,
|
|
1141
1141
|
style: { pointerEvents: "auto", ...o.style }
|
|
@@ -1143,46 +1143,46 @@ var Sn = s.forwardRef(
|
|
|
1143
1143
|
) })
|
|
1144
1144
|
);
|
|
1145
1145
|
}
|
|
1146
|
-
), W = "DialogContent",
|
|
1146
|
+
), W = "DialogContent", Mt = s.forwardRef(
|
|
1147
1147
|
(e, t) => {
|
|
1148
|
-
const r =
|
|
1149
|
-
return /* @__PURE__ */
|
|
1148
|
+
const r = At(W, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = A(W, e.__scopeDialog);
|
|
1149
|
+
return /* @__PURE__ */ d(se, { present: o || n.open, children: n.modal ? /* @__PURE__ */ d(Sn, { ...a, ref: t }) : /* @__PURE__ */ d(Nn, { ...a, ref: t }) });
|
|
1150
1150
|
}
|
|
1151
1151
|
);
|
|
1152
|
-
|
|
1153
|
-
var
|
|
1152
|
+
Mt.displayName = W;
|
|
1153
|
+
var Sn = s.forwardRef(
|
|
1154
1154
|
(e, t) => {
|
|
1155
1155
|
const r = A(W, e.__scopeDialog), o = s.useRef(null), a = q(t, r.contentRef, o);
|
|
1156
1156
|
return s.useEffect(() => {
|
|
1157
1157
|
const n = o.current;
|
|
1158
|
-
if (n) return
|
|
1159
|
-
}, []), /* @__PURE__ */
|
|
1160
|
-
|
|
1158
|
+
if (n) return bn(n);
|
|
1159
|
+
}, []), /* @__PURE__ */ d(
|
|
1160
|
+
$t,
|
|
1161
1161
|
{
|
|
1162
1162
|
...e,
|
|
1163
1163
|
ref: a,
|
|
1164
1164
|
trapFocus: r.open,
|
|
1165
1165
|
disableOutsidePointerEvents: !0,
|
|
1166
|
-
onCloseAutoFocus:
|
|
1166
|
+
onCloseAutoFocus: L(e.onCloseAutoFocus, (n) => {
|
|
1167
1167
|
var i;
|
|
1168
1168
|
n.preventDefault(), (i = r.triggerRef.current) == null || i.focus();
|
|
1169
1169
|
}),
|
|
1170
|
-
onPointerDownOutside:
|
|
1170
|
+
onPointerDownOutside: L(e.onPointerDownOutside, (n) => {
|
|
1171
1171
|
const i = n.detail.originalEvent, u = i.button === 0 && i.ctrlKey === !0;
|
|
1172
1172
|
(i.button === 2 || u) && n.preventDefault();
|
|
1173
1173
|
}),
|
|
1174
|
-
onFocusOutside:
|
|
1174
|
+
onFocusOutside: L(
|
|
1175
1175
|
e.onFocusOutside,
|
|
1176
1176
|
(n) => n.preventDefault()
|
|
1177
1177
|
)
|
|
1178
1178
|
}
|
|
1179
1179
|
);
|
|
1180
1180
|
}
|
|
1181
|
-
),
|
|
1181
|
+
), Nn = s.forwardRef(
|
|
1182
1182
|
(e, t) => {
|
|
1183
1183
|
const r = A(W, e.__scopeDialog), o = s.useRef(!1), a = s.useRef(!1);
|
|
1184
|
-
return /* @__PURE__ */
|
|
1185
|
-
|
|
1184
|
+
return /* @__PURE__ */ d(
|
|
1185
|
+
$t,
|
|
1186
1186
|
{
|
|
1187
1187
|
...e,
|
|
1188
1188
|
ref: t,
|
|
@@ -1193,34 +1193,34 @@ var Nn = s.forwardRef(
|
|
|
1193
1193
|
(i = e.onCloseAutoFocus) == null || i.call(e, n), n.defaultPrevented || (o.current || (u = r.triggerRef.current) == null || u.focus(), n.preventDefault()), o.current = !1, a.current = !1;
|
|
1194
1194
|
},
|
|
1195
1195
|
onInteractOutside: (n) => {
|
|
1196
|
-
var
|
|
1197
|
-
(
|
|
1196
|
+
var p, l;
|
|
1197
|
+
(p = e.onInteractOutside) == null || p.call(e, n), n.defaultPrevented || (o.current = !0, n.detail.originalEvent.type === "pointerdown" && (a.current = !0));
|
|
1198
1198
|
const i = n.target;
|
|
1199
1199
|
((l = r.triggerRef.current) == null ? void 0 : l.contains(i)) && n.preventDefault(), n.detail.originalEvent.type === "focusin" && a.current && n.preventDefault();
|
|
1200
1200
|
}
|
|
1201
1201
|
}
|
|
1202
1202
|
);
|
|
1203
1203
|
}
|
|
1204
|
-
),
|
|
1204
|
+
), $t = s.forwardRef(
|
|
1205
1205
|
(e, t) => {
|
|
1206
|
-
const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = A(W, r),
|
|
1207
|
-
return
|
|
1208
|
-
/* @__PURE__ */
|
|
1209
|
-
|
|
1206
|
+
const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...i } = e, u = A(W, r), p = s.useRef(null), l = q(t, p);
|
|
1207
|
+
return Mr(), /* @__PURE__ */ T(ae, { children: [
|
|
1208
|
+
/* @__PURE__ */ d(
|
|
1209
|
+
vt,
|
|
1210
1210
|
{
|
|
1211
1211
|
asChild: !0,
|
|
1212
1212
|
loop: !0,
|
|
1213
1213
|
trapped: o,
|
|
1214
1214
|
onMountAutoFocus: a,
|
|
1215
1215
|
onUnmountAutoFocus: n,
|
|
1216
|
-
children: /* @__PURE__ */
|
|
1217
|
-
|
|
1216
|
+
children: /* @__PURE__ */ d(
|
|
1217
|
+
pt,
|
|
1218
1218
|
{
|
|
1219
1219
|
role: "dialog",
|
|
1220
1220
|
id: u.contentId,
|
|
1221
1221
|
"aria-describedby": u.descriptionId,
|
|
1222
1222
|
"aria-labelledby": u.titleId,
|
|
1223
|
-
"data-state":
|
|
1223
|
+
"data-state": De(u.open),
|
|
1224
1224
|
...i,
|
|
1225
1225
|
ref: l,
|
|
1226
1226
|
onDismiss: () => u.onOpenChange(!1)
|
|
@@ -1228,50 +1228,50 @@ var Nn = s.forwardRef(
|
|
|
1228
1228
|
)
|
|
1229
1229
|
}
|
|
1230
1230
|
),
|
|
1231
|
-
/* @__PURE__ */
|
|
1232
|
-
/* @__PURE__ */
|
|
1233
|
-
/* @__PURE__ */
|
|
1231
|
+
/* @__PURE__ */ T(ae, { children: [
|
|
1232
|
+
/* @__PURE__ */ d(Pn, { titleId: u.titleId }),
|
|
1233
|
+
/* @__PURE__ */ d(Rn, { contentRef: p, descriptionId: u.descriptionId })
|
|
1234
1234
|
] })
|
|
1235
1235
|
] });
|
|
1236
1236
|
}
|
|
1237
|
-
),
|
|
1237
|
+
), Ae = "DialogTitle", It = s.forwardRef(
|
|
1238
1238
|
(e, t) => {
|
|
1239
|
-
const { __scopeDialog: r, ...o } = e, a = A(
|
|
1240
|
-
return /* @__PURE__ */
|
|
1239
|
+
const { __scopeDialog: r, ...o } = e, a = A(Ae, r);
|
|
1240
|
+
return /* @__PURE__ */ d($.h2, { id: a.titleId, ...o, ref: t });
|
|
1241
1241
|
}
|
|
1242
1242
|
);
|
|
1243
|
-
|
|
1244
|
-
var
|
|
1243
|
+
It.displayName = Ae;
|
|
1244
|
+
var Lt = "DialogDescription", kt = s.forwardRef(
|
|
1245
1245
|
(e, t) => {
|
|
1246
|
-
const { __scopeDialog: r, ...o } = e, a = A(
|
|
1247
|
-
return /* @__PURE__ */
|
|
1246
|
+
const { __scopeDialog: r, ...o } = e, a = A(Lt, r);
|
|
1247
|
+
return /* @__PURE__ */ d($.p, { id: a.descriptionId, ...o, ref: t });
|
|
1248
1248
|
}
|
|
1249
1249
|
);
|
|
1250
|
-
|
|
1251
|
-
var
|
|
1250
|
+
kt.displayName = Lt;
|
|
1251
|
+
var Ft = "DialogClose", Wt = s.forwardRef(
|
|
1252
1252
|
(e, t) => {
|
|
1253
|
-
const { __scopeDialog: r, ...o } = e, a = A(
|
|
1254
|
-
return /* @__PURE__ */
|
|
1255
|
-
|
|
1253
|
+
const { __scopeDialog: r, ...o } = e, a = A(Ft, r);
|
|
1254
|
+
return /* @__PURE__ */ d(
|
|
1255
|
+
$.button,
|
|
1256
1256
|
{
|
|
1257
1257
|
type: "button",
|
|
1258
1258
|
...o,
|
|
1259
1259
|
ref: t,
|
|
1260
|
-
onClick:
|
|
1260
|
+
onClick: L(e.onClick, () => a.onOpenChange(!1))
|
|
1261
1261
|
}
|
|
1262
1262
|
);
|
|
1263
1263
|
}
|
|
1264
1264
|
);
|
|
1265
|
-
|
|
1266
|
-
function
|
|
1265
|
+
Wt.displayName = Ft;
|
|
1266
|
+
function De(e) {
|
|
1267
1267
|
return e ? "open" : "closed";
|
|
1268
1268
|
}
|
|
1269
|
-
var
|
|
1269
|
+
var qt = "DialogTitleWarning", [Vo, Bt] = tr(qt, {
|
|
1270
1270
|
contentName: W,
|
|
1271
|
-
titleName:
|
|
1271
|
+
titleName: Ae,
|
|
1272
1272
|
docsSlug: "dialog"
|
|
1273
|
-
}),
|
|
1274
|
-
const t =
|
|
1273
|
+
}), Pn = ({ titleId: e }) => {
|
|
1274
|
+
const t = Bt(qt), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
1275
1275
|
|
|
1276
1276
|
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
1277
1277
|
|
|
@@ -1279,50 +1279,50 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
1279
1279
|
return s.useEffect(() => {
|
|
1280
1280
|
e && (document.getElementById(e) || console.error(r));
|
|
1281
1281
|
}, [r, e]), null;
|
|
1282
|
-
},
|
|
1283
|
-
const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${
|
|
1282
|
+
}, On = "DialogDescriptionWarning", Rn = ({ contentRef: e, descriptionId: t }) => {
|
|
1283
|
+
const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Bt(On).contentName}}.`;
|
|
1284
1284
|
return s.useEffect(() => {
|
|
1285
1285
|
var n;
|
|
1286
1286
|
const a = (n = e.current) == null ? void 0 : n.getAttribute("aria-describedby");
|
|
1287
1287
|
t && a && (document.getElementById(t) || console.warn(o));
|
|
1288
1288
|
}, [o, e, t]), null;
|
|
1289
|
-
}, An =
|
|
1290
|
-
const
|
|
1289
|
+
}, xn = Ot, An = xt, Dn = Dt, Tn = Tt, Mn = Mt, $n = It, ze = kt, In = Wt;
|
|
1290
|
+
const Ln = {
|
|
1291
1291
|
LG: "lg"
|
|
1292
1292
|
};
|
|
1293
|
-
function
|
|
1293
|
+
function kn(e) {
|
|
1294
1294
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1295
1295
|
}
|
|
1296
|
-
var
|
|
1296
|
+
var Ke = { exports: {} };
|
|
1297
1297
|
/*!
|
|
1298
1298
|
Copyright (c) 2018 Jed Watson.
|
|
1299
1299
|
Licensed under the MIT License (MIT), see
|
|
1300
1300
|
http://jedwatson.github.io/classnames
|
|
1301
1301
|
*/
|
|
1302
|
-
var
|
|
1303
|
-
function
|
|
1304
|
-
return
|
|
1302
|
+
var Ge;
|
|
1303
|
+
function Fn() {
|
|
1304
|
+
return Ge || (Ge = 1, function(e) {
|
|
1305
1305
|
(function() {
|
|
1306
1306
|
var t = {}.hasOwnProperty;
|
|
1307
1307
|
function r() {
|
|
1308
1308
|
for (var n = "", i = 0; i < arguments.length; i++) {
|
|
1309
1309
|
var u = arguments[i];
|
|
1310
|
-
u && (n = a(n, o(u)));
|
|
1310
|
+
u && (n = a(n, o.call(this, u)));
|
|
1311
1311
|
}
|
|
1312
1312
|
return n;
|
|
1313
1313
|
}
|
|
1314
1314
|
function o(n) {
|
|
1315
1315
|
if (typeof n == "string" || typeof n == "number")
|
|
1316
|
-
return n;
|
|
1316
|
+
return this && this[n] || n;
|
|
1317
1317
|
if (typeof n != "object")
|
|
1318
1318
|
return "";
|
|
1319
1319
|
if (Array.isArray(n))
|
|
1320
|
-
return r.apply(
|
|
1320
|
+
return r.apply(this, n);
|
|
1321
1321
|
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1322
1322
|
return n.toString();
|
|
1323
1323
|
var i = "";
|
|
1324
1324
|
for (var u in n)
|
|
1325
|
-
t.call(n, u) && n[u] && (i = a(i, u));
|
|
1325
|
+
t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
|
|
1326
1326
|
return i;
|
|
1327
1327
|
}
|
|
1328
1328
|
function a(n, i) {
|
|
@@ -1330,10 +1330,10 @@ function Wn() {
|
|
|
1330
1330
|
}
|
|
1331
1331
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1332
1332
|
})();
|
|
1333
|
-
}(
|
|
1333
|
+
}(Ke)), Ke.exports;
|
|
1334
1334
|
}
|
|
1335
|
-
var
|
|
1336
|
-
const
|
|
1335
|
+
var Wn = Fn();
|
|
1336
|
+
const qn = /* @__PURE__ */ kn(Wn), Bn = "_rotate_12t9p_1", jn = "_dash_12t9p_1", Un = {
|
|
1337
1337
|
"purpur-spinner": "_purpur-spinner_12t9p_2",
|
|
1338
1338
|
rotate: Bn,
|
|
1339
1339
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
|
|
@@ -1345,46 +1345,37 @@ const Xe = /* @__PURE__ */ Fn(qn), Bn = "_rotate_12t9p_1", jn = "_dash_12t9p_1",
|
|
|
1345
1345
|
dash: jn,
|
|
1346
1346
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
|
|
1347
1347
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
|
|
1348
|
-
},
|
|
1348
|
+
}, Ye = qn.bind(Un), K = "purpur-spinner", Vn = {
|
|
1349
1349
|
SM: "sm"
|
|
1350
|
-
},
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
|
|
1357
|
-
"div",
|
|
1350
|
+
}, Hn = ({
|
|
1351
|
+
disabled: e = !1,
|
|
1352
|
+
negative: t = !1,
|
|
1353
|
+
size: r = Vn.SM,
|
|
1354
|
+
...o
|
|
1355
|
+
}) => /* @__PURE__ */ d("div", { className: Ye(K, `${K}--${r}`), ...o, children: /* @__PURE__ */ d("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ d(
|
|
1356
|
+
"circle",
|
|
1358
1357
|
{
|
|
1359
|
-
className:
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
[K[`${G}__circle--disabled`]]: t,
|
|
1367
|
-
[K[`${G}__circle--negative`]]: r
|
|
1368
|
-
}),
|
|
1369
|
-
cx: "25",
|
|
1370
|
-
cy: "25",
|
|
1371
|
-
r: "20"
|
|
1372
|
-
}
|
|
1373
|
-
) })
|
|
1358
|
+
className: Ye(`${K}__circle`, {
|
|
1359
|
+
[`${K}__circle--disabled`]: e,
|
|
1360
|
+
[`${K}__circle--negative`]: t
|
|
1361
|
+
}),
|
|
1362
|
+
cx: "25",
|
|
1363
|
+
cy: "25",
|
|
1364
|
+
r: "20"
|
|
1374
1365
|
}
|
|
1375
|
-
);
|
|
1376
|
-
function
|
|
1366
|
+
) }) });
|
|
1367
|
+
function zn(e) {
|
|
1377
1368
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1378
1369
|
}
|
|
1379
|
-
var
|
|
1370
|
+
var Xe = { exports: {} };
|
|
1380
1371
|
/*!
|
|
1381
1372
|
Copyright (c) 2018 Jed Watson.
|
|
1382
1373
|
Licensed under the MIT License (MIT), see
|
|
1383
1374
|
http://jedwatson.github.io/classnames
|
|
1384
1375
|
*/
|
|
1385
|
-
var
|
|
1386
|
-
function
|
|
1387
|
-
return
|
|
1376
|
+
var Ze;
|
|
1377
|
+
function Kn() {
|
|
1378
|
+
return Ze || (Ze = 1, function(e) {
|
|
1388
1379
|
(function() {
|
|
1389
1380
|
var t = {}.hasOwnProperty;
|
|
1390
1381
|
function r() {
|
|
@@ -1413,10 +1404,10 @@ function zn() {
|
|
|
1413
1404
|
}
|
|
1414
1405
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1415
1406
|
})();
|
|
1416
|
-
}(
|
|
1407
|
+
}(Xe)), Xe.exports;
|
|
1417
1408
|
}
|
|
1418
|
-
var
|
|
1419
|
-
const
|
|
1409
|
+
var Gn = Kn();
|
|
1410
|
+
const Yn = /* @__PURE__ */ zn(Gn), Xn = {
|
|
1420
1411
|
"purpur-button": "_purpur-button_w455q_1",
|
|
1421
1412
|
"purpur-button--xs": "_purpur-button--xs_w455q_33",
|
|
1422
1413
|
"purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
|
|
@@ -1438,70 +1429,77 @@ const Gn = /* @__PURE__ */ Hn(Kn), Yn = {
|
|
|
1438
1429
|
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
|
|
1439
1430
|
"purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
|
|
1440
1431
|
"purpur-button--text": "_purpur-button--text_w455q_181"
|
|
1441
|
-
},
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
},
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1432
|
+
}, Zn = Yn.bind(Xn), k = "purpur-button", jt = Pe(
|
|
1433
|
+
({
|
|
1434
|
+
children: e,
|
|
1435
|
+
className: t,
|
|
1436
|
+
disabled: r = !1,
|
|
1437
|
+
fullWidth: o = !1,
|
|
1438
|
+
iconOnly: a,
|
|
1439
|
+
loading: n = !1,
|
|
1440
|
+
negative: i = !1,
|
|
1441
|
+
onClick: u,
|
|
1442
|
+
size: p = "md",
|
|
1443
|
+
variant: l,
|
|
1444
|
+
type: f = "button",
|
|
1445
|
+
...v
|
|
1446
|
+
}, h) => {
|
|
1447
|
+
if (a && l === "destructive")
|
|
1448
|
+
return null;
|
|
1449
|
+
const g = Zn(
|
|
1450
|
+
[
|
|
1451
|
+
k,
|
|
1452
|
+
`${k}--${i ? `${l}-negative` : l}`,
|
|
1453
|
+
`${k}--${p}`
|
|
1454
|
+
],
|
|
1455
|
+
{
|
|
1456
|
+
[`${k}--icon-only`]: a,
|
|
1457
|
+
[`${k}--negative`]: i,
|
|
1458
|
+
[`${k}--full-width`]: o,
|
|
1459
|
+
[`${k}--disabled`]: r || n
|
|
1460
|
+
},
|
|
1461
|
+
t
|
|
1462
|
+
), b = (m) => {
|
|
1463
|
+
r || n ? m.preventDefault() : u && u(m);
|
|
1464
|
+
}, c = !!v["aria-disabled"] || r || n;
|
|
1465
|
+
return /* @__PURE__ */ T(
|
|
1466
|
+
"button",
|
|
1467
|
+
{
|
|
1468
|
+
className: g,
|
|
1469
|
+
type: f,
|
|
1470
|
+
ref: h,
|
|
1471
|
+
"aria-disabled": c,
|
|
1472
|
+
onClick: b,
|
|
1473
|
+
...v,
|
|
1474
|
+
children: [
|
|
1475
|
+
n && /* @__PURE__ */ d(
|
|
1476
|
+
Hn,
|
|
1477
|
+
{
|
|
1478
|
+
size: p === Ln.LG ? "xs" : "xxs",
|
|
1479
|
+
negative: i,
|
|
1480
|
+
disabled: c
|
|
1481
|
+
}
|
|
1482
|
+
),
|
|
1483
|
+
" ",
|
|
1484
|
+
e
|
|
1485
|
+
]
|
|
1486
|
+
}
|
|
1487
|
+
);
|
|
1488
|
+
}
|
|
1489
|
+
);
|
|
1490
|
+
jt.displayName = "Button";
|
|
1493
1491
|
function Qn(e) {
|
|
1494
1492
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1495
1493
|
}
|
|
1496
|
-
var
|
|
1494
|
+
var Qe = { exports: {} };
|
|
1497
1495
|
/*!
|
|
1498
1496
|
Copyright (c) 2018 Jed Watson.
|
|
1499
1497
|
Licensed under the MIT License (MIT), see
|
|
1500
1498
|
http://jedwatson.github.io/classnames
|
|
1501
1499
|
*/
|
|
1502
|
-
var
|
|
1500
|
+
var Je;
|
|
1503
1501
|
function Jn() {
|
|
1504
|
-
return
|
|
1502
|
+
return Je || (Je = 1, function(e) {
|
|
1505
1503
|
(function() {
|
|
1506
1504
|
var t = {}.hasOwnProperty;
|
|
1507
1505
|
function r() {
|
|
@@ -1530,10 +1528,10 @@ function Jn() {
|
|
|
1530
1528
|
}
|
|
1531
1529
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1532
1530
|
})();
|
|
1533
|
-
}(
|
|
1531
|
+
}(Qe)), Qe.exports;
|
|
1534
1532
|
}
|
|
1535
1533
|
var eo = Jn();
|
|
1536
|
-
const to = /* @__PURE__ */ Qn(eo),
|
|
1534
|
+
const to = /* @__PURE__ */ Qn(eo), te = {
|
|
1537
1535
|
"purpur-heading": "_purpur-heading_k9fhq_1",
|
|
1538
1536
|
"purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
|
|
1539
1537
|
"purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
|
|
@@ -1551,7 +1549,7 @@ const to = /* @__PURE__ */ Qn(eo), re = {
|
|
|
1551
1549
|
"purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
|
|
1552
1550
|
}, ro = {
|
|
1553
1551
|
TITLE100: "title-100"
|
|
1554
|
-
},
|
|
1552
|
+
}, re = "purpur-heading", Ut = ({
|
|
1555
1553
|
children: e,
|
|
1556
1554
|
className: t = "",
|
|
1557
1555
|
enableHyphenation: r = !1,
|
|
@@ -1560,30 +1558,30 @@ const to = /* @__PURE__ */ Qn(eo), re = {
|
|
|
1560
1558
|
variant: n = ro.TITLE100,
|
|
1561
1559
|
...i
|
|
1562
1560
|
}) => {
|
|
1563
|
-
const u = a,
|
|
1561
|
+
const u = a, p = to([
|
|
1564
1562
|
t,
|
|
1565
|
-
re
|
|
1566
|
-
|
|
1563
|
+
te[re],
|
|
1564
|
+
te[`${re}--${n}`],
|
|
1567
1565
|
{
|
|
1568
|
-
[
|
|
1569
|
-
[
|
|
1566
|
+
[te[`${re}--hyphens`]]: r,
|
|
1567
|
+
[te[`${re}--negative`]]: o
|
|
1570
1568
|
}
|
|
1571
1569
|
]);
|
|
1572
|
-
return /* @__PURE__ */
|
|
1570
|
+
return /* @__PURE__ */ d(u, { className: p, ...i, children: e });
|
|
1573
1571
|
};
|
|
1574
|
-
|
|
1572
|
+
Ut.displayName = "Heading";
|
|
1575
1573
|
function no(e) {
|
|
1576
1574
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1577
1575
|
}
|
|
1578
|
-
var
|
|
1576
|
+
var et = { exports: {} };
|
|
1579
1577
|
/*!
|
|
1580
1578
|
Copyright (c) 2018 Jed Watson.
|
|
1581
1579
|
Licensed under the MIT License (MIT), see
|
|
1582
1580
|
http://jedwatson.github.io/classnames
|
|
1583
1581
|
*/
|
|
1584
|
-
var
|
|
1582
|
+
var tt;
|
|
1585
1583
|
function oo() {
|
|
1586
|
-
return
|
|
1584
|
+
return tt || (tt = 1, function(e) {
|
|
1587
1585
|
(function() {
|
|
1588
1586
|
var t = {}.hasOwnProperty;
|
|
1589
1587
|
function r() {
|
|
@@ -1612,7 +1610,7 @@ function oo() {
|
|
|
1612
1610
|
}
|
|
1613
1611
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1614
1612
|
})();
|
|
1615
|
-
}(
|
|
1613
|
+
}(et)), et.exports;
|
|
1616
1614
|
}
|
|
1617
1615
|
var ao = oo();
|
|
1618
1616
|
const io = /* @__PURE__ */ no(ao), uo = {
|
|
@@ -1623,7 +1621,7 @@ const io = /* @__PURE__ */ no(ao), uo = {
|
|
|
1623
1621
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
1624
1622
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
1625
1623
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
1626
|
-
}, so = io.bind(uo),
|
|
1624
|
+
}, so = io.bind(uo), rt = "purpur-icon", co = "md", lo = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), po = ({ content: e = "", title: t } = {}) => {
|
|
1627
1625
|
const r = [
|
|
1628
1626
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
1629
1627
|
{ name: "fill", value: "currentColor" },
|
|
@@ -1631,69 +1629,54 @@ const io = /* @__PURE__ */ no(ao), uo = {
|
|
|
1631
1629
|
t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
1632
1630
|
], o = t ? `<title>${t}</title>` : "";
|
|
1633
1631
|
return `<svg ${lo(r)}>${o}${e}</svg>`;
|
|
1634
|
-
}, fo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(),
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
...n
|
|
1641
|
-
}) => {
|
|
1642
|
-
const i = po({
|
|
1643
|
-
content: fo(t.svg),
|
|
1644
|
-
title: r
|
|
1645
|
-
}), u = so(o, nt, `${nt}--${a}`);
|
|
1646
|
-
return /* @__PURE__ */ p(
|
|
1647
|
-
"span",
|
|
1648
|
-
{
|
|
1649
|
-
className: u,
|
|
1650
|
-
"data-testid": e,
|
|
1651
|
-
dangerouslySetInnerHTML: { __html: i },
|
|
1652
|
-
...n
|
|
1653
|
-
}
|
|
1654
|
-
);
|
|
1632
|
+
}, fo = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Vt = ({ svg: e, allyTitle: t, className: r, size: o = co, ...a }) => {
|
|
1633
|
+
const n = po({
|
|
1634
|
+
content: fo(e.svg),
|
|
1635
|
+
title: t
|
|
1636
|
+
}), i = so(r, rt, `${rt}--${o}`);
|
|
1637
|
+
return /* @__PURE__ */ d("span", { className: i, dangerouslySetInnerHTML: { __html: n }, ...a });
|
|
1655
1638
|
};
|
|
1656
|
-
|
|
1639
|
+
Vt.displayName = "Icon";
|
|
1657
1640
|
const vo = {
|
|
1658
1641
|
name: "close",
|
|
1659
1642
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.864 4.864a.9.9 0 0 1 1.273 0L12 10.727l5.864-5.863a.9.9 0 0 1 1.272 1.272L13.273 12l5.863 5.864a.9.9 0 1 1-1.272 1.272L12 13.273l-5.863 5.863a.9.9 0 0 1-1.273-1.272L10.727 12 4.864 6.136a.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
|
|
1660
1643
|
keywords: ["close"],
|
|
1661
1644
|
category: "utility"
|
|
1662
|
-
},
|
|
1663
|
-
|
|
1645
|
+
}, Ht = (e) => /* @__PURE__ */ d(Vt, { ...e, svg: vo });
|
|
1646
|
+
Ht.displayName = "IconClose";
|
|
1664
1647
|
function ho(e) {
|
|
1665
1648
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1666
1649
|
}
|
|
1667
|
-
var
|
|
1650
|
+
var nt = { exports: {} };
|
|
1668
1651
|
/*!
|
|
1669
1652
|
Copyright (c) 2018 Jed Watson.
|
|
1670
1653
|
Licensed under the MIT License (MIT), see
|
|
1671
1654
|
http://jedwatson.github.io/classnames
|
|
1672
1655
|
*/
|
|
1673
|
-
var
|
|
1656
|
+
var ot;
|
|
1674
1657
|
function mo() {
|
|
1675
|
-
return
|
|
1658
|
+
return ot || (ot = 1, function(e) {
|
|
1676
1659
|
(function() {
|
|
1677
1660
|
var t = {}.hasOwnProperty;
|
|
1678
1661
|
function r() {
|
|
1679
1662
|
for (var n = "", i = 0; i < arguments.length; i++) {
|
|
1680
1663
|
var u = arguments[i];
|
|
1681
|
-
u && (n = a(n, o(u)));
|
|
1664
|
+
u && (n = a(n, o.call(this, u)));
|
|
1682
1665
|
}
|
|
1683
1666
|
return n;
|
|
1684
1667
|
}
|
|
1685
1668
|
function o(n) {
|
|
1686
1669
|
if (typeof n == "string" || typeof n == "number")
|
|
1687
|
-
return n;
|
|
1670
|
+
return this && this[n] || n;
|
|
1688
1671
|
if (typeof n != "object")
|
|
1689
1672
|
return "";
|
|
1690
1673
|
if (Array.isArray(n))
|
|
1691
|
-
return r.apply(
|
|
1674
|
+
return r.apply(this, n);
|
|
1692
1675
|
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1693
1676
|
return n.toString();
|
|
1694
1677
|
var i = "";
|
|
1695
1678
|
for (var u in n)
|
|
1696
|
-
t.call(n, u) && n[u] && (i = a(i, u));
|
|
1679
|
+
t.call(n, u) && n[u] && (i = a(i, this && this[u] || u));
|
|
1697
1680
|
return i;
|
|
1698
1681
|
}
|
|
1699
1682
|
function a(n, i) {
|
|
@@ -1701,10 +1684,10 @@ function mo() {
|
|
|
1701
1684
|
}
|
|
1702
1685
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1703
1686
|
})();
|
|
1704
|
-
}(
|
|
1687
|
+
}(nt)), nt.exports;
|
|
1705
1688
|
}
|
|
1706
1689
|
var go = mo();
|
|
1707
|
-
const _o = /* @__PURE__ */ ho(go),
|
|
1690
|
+
const _o = /* @__PURE__ */ ho(go), yo = {
|
|
1708
1691
|
"purpur-paragraph": "_purpur-paragraph_1rh57_1",
|
|
1709
1692
|
"purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
|
|
1710
1693
|
"purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
|
|
@@ -1719,75 +1702,69 @@ const _o = /* @__PURE__ */ ho(go), Y = {
|
|
|
1719
1702
|
"purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
|
|
1720
1703
|
"purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
|
|
1721
1704
|
"purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
|
|
1722
|
-
}, yo = {
|
|
1705
|
+
}, bo = _o.bind(yo), wo = {
|
|
1723
1706
|
PARAGRAPH100: "paragraph-100"
|
|
1724
|
-
},
|
|
1725
|
-
|
|
1726
|
-
|
|
1727
|
-
|
|
1728
|
-
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
...u
|
|
1707
|
+
}, G = "purpur-paragraph", zt = ({
|
|
1708
|
+
children: e,
|
|
1709
|
+
className: t,
|
|
1710
|
+
disabled: r,
|
|
1711
|
+
enableHyphenation: o = !1,
|
|
1712
|
+
negative: a = !1,
|
|
1713
|
+
variant: n = wo.PARAGRAPH100,
|
|
1714
|
+
...i
|
|
1733
1715
|
}) => {
|
|
1734
|
-
const
|
|
1735
|
-
|
|
1736
|
-
|
|
1737
|
-
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
[Y[`${X}--disabled`]]: o,
|
|
1741
|
-
[Y[`${X}--negative`]]: n
|
|
1742
|
-
}
|
|
1743
|
-
]);
|
|
1744
|
-
return /* @__PURE__ */ p("p", { ...u, className: d, "data-testid": e, children: t });
|
|
1716
|
+
const u = bo(t, G, `${G}--${n}`, {
|
|
1717
|
+
[`${G}--hyphens`]: o,
|
|
1718
|
+
[`${G}--disabled`]: r,
|
|
1719
|
+
[`${G}--negative`]: a
|
|
1720
|
+
});
|
|
1721
|
+
return /* @__PURE__ */ d("p", { ...i, className: u, children: e });
|
|
1745
1722
|
};
|
|
1746
|
-
|
|
1747
|
-
function
|
|
1723
|
+
zt.displayName = "Paragraph";
|
|
1724
|
+
function at(e, t) {
|
|
1748
1725
|
if (typeof e == "function")
|
|
1749
1726
|
return e(t);
|
|
1750
1727
|
e != null && (e.current = t);
|
|
1751
1728
|
}
|
|
1752
|
-
function
|
|
1729
|
+
function Eo(...e) {
|
|
1753
1730
|
return (t) => {
|
|
1754
1731
|
let r = !1;
|
|
1755
1732
|
const o = e.map((a) => {
|
|
1756
|
-
const n =
|
|
1733
|
+
const n = at(a, t);
|
|
1757
1734
|
return !r && typeof n == "function" && (r = !0), n;
|
|
1758
1735
|
});
|
|
1759
1736
|
if (r)
|
|
1760
1737
|
return () => {
|
|
1761
1738
|
for (let a = 0; a < o.length; a++) {
|
|
1762
1739
|
const n = o[a];
|
|
1763
|
-
typeof n == "function" ? n() :
|
|
1740
|
+
typeof n == "function" ? n() : at(e[a], null);
|
|
1764
1741
|
}
|
|
1765
1742
|
};
|
|
1766
1743
|
};
|
|
1767
1744
|
}
|
|
1768
|
-
var
|
|
1769
|
-
const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(
|
|
1745
|
+
var Kt = s.forwardRef((e, t) => {
|
|
1746
|
+
const { children: r, ...o } = e, a = s.Children.toArray(r), n = a.find(So);
|
|
1770
1747
|
if (n) {
|
|
1771
|
-
const i = n.props.children, u = a.map((
|
|
1772
|
-
return /* @__PURE__ */
|
|
1748
|
+
const i = n.props.children, u = a.map((p) => p === n ? s.Children.count(i) > 1 ? s.Children.only(null) : s.isValidElement(i) ? i.props.children : null : p);
|
|
1749
|
+
return /* @__PURE__ */ d(Ne, { ...o, ref: t, children: s.isValidElement(i) ? s.cloneElement(i, void 0, u) : null });
|
|
1773
1750
|
}
|
|
1774
|
-
return /* @__PURE__ */
|
|
1751
|
+
return /* @__PURE__ */ d(Ne, { ...o, ref: t, children: r });
|
|
1775
1752
|
});
|
|
1776
|
-
|
|
1777
|
-
var
|
|
1753
|
+
Kt.displayName = "Slot";
|
|
1754
|
+
var Ne = s.forwardRef((e, t) => {
|
|
1778
1755
|
const { children: r, ...o } = e;
|
|
1779
1756
|
if (s.isValidElement(r)) {
|
|
1780
|
-
const a =
|
|
1781
|
-
return r.type !== s.Fragment && (n.ref = t ?
|
|
1757
|
+
const a = Po(r), n = No(o, r.props);
|
|
1758
|
+
return r.type !== s.Fragment && (n.ref = t ? Eo(t, a) : a), s.cloneElement(r, n);
|
|
1782
1759
|
}
|
|
1783
1760
|
return s.Children.count(r) > 1 ? s.Children.only(null) : null;
|
|
1784
1761
|
});
|
|
1785
|
-
|
|
1786
|
-
var
|
|
1787
|
-
function
|
|
1788
|
-
return s.isValidElement(e) && e.type ===
|
|
1762
|
+
Ne.displayName = "SlotClone";
|
|
1763
|
+
var Co = ({ children: e }) => /* @__PURE__ */ d(ae, { children: e });
|
|
1764
|
+
function So(e) {
|
|
1765
|
+
return s.isValidElement(e) && e.type === Co;
|
|
1789
1766
|
}
|
|
1790
|
-
function
|
|
1767
|
+
function No(e, t) {
|
|
1791
1768
|
const r = { ...t };
|
|
1792
1769
|
for (const o in t) {
|
|
1793
1770
|
const a = e[o], n = t[o];
|
|
@@ -1797,12 +1774,12 @@ function Co(e, t) {
|
|
|
1797
1774
|
}
|
|
1798
1775
|
return { ...e, ...r };
|
|
1799
1776
|
}
|
|
1800
|
-
function
|
|
1777
|
+
function Po(e) {
|
|
1801
1778
|
var t, r;
|
|
1802
1779
|
let o = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = o && "isReactWarning" in o && o.isReactWarning;
|
|
1803
1780
|
return a ? e.ref : (o = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, a = o && "isReactWarning" in o && o.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
|
|
1804
1781
|
}
|
|
1805
|
-
var
|
|
1782
|
+
var Oo = [
|
|
1806
1783
|
"a",
|
|
1807
1784
|
"button",
|
|
1808
1785
|
"div",
|
|
@@ -1819,15 +1796,15 @@ var No = [
|
|
|
1819
1796
|
"span",
|
|
1820
1797
|
"svg",
|
|
1821
1798
|
"ul"
|
|
1822
|
-
],
|
|
1799
|
+
], Ro = Oo.reduce((e, t) => {
|
|
1823
1800
|
const r = s.forwardRef((o, a) => {
|
|
1824
|
-
const { asChild: n, ...i } = o, u = n ?
|
|
1825
|
-
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */
|
|
1801
|
+
const { asChild: n, ...i } = o, u = n ? Kt : t;
|
|
1802
|
+
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d(u, { ...i, ref: a });
|
|
1826
1803
|
});
|
|
1827
1804
|
return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
|
|
1828
|
-
}, {}),
|
|
1829
|
-
(e, t) => /* @__PURE__ */
|
|
1830
|
-
|
|
1805
|
+
}, {}), xo = "VisuallyHidden", Gt = s.forwardRef(
|
|
1806
|
+
(e, t) => /* @__PURE__ */ d(
|
|
1807
|
+
Ro.span,
|
|
1831
1808
|
{
|
|
1832
1809
|
...e,
|
|
1833
1810
|
ref: t,
|
|
@@ -1848,26 +1825,21 @@ var No = [
|
|
|
1848
1825
|
}
|
|
1849
1826
|
)
|
|
1850
1827
|
);
|
|
1851
|
-
|
|
1852
|
-
var
|
|
1853
|
-
const
|
|
1854
|
-
|
|
1855
|
-
children: t,
|
|
1856
|
-
className: r = "",
|
|
1857
|
-
["data-testid"]: o
|
|
1858
|
-
}) => /* @__PURE__ */ p(Ro, { asChild: e, "data-testid": o, className: r, children: t });
|
|
1859
|
-
function Ao(e) {
|
|
1828
|
+
Gt.displayName = xo;
|
|
1829
|
+
var Ao = Gt;
|
|
1830
|
+
const Do = ({ asChild: e, children: t, ...r }) => /* @__PURE__ */ d(Ao, { asChild: e, ...r, children: t });
|
|
1831
|
+
function To(e) {
|
|
1860
1832
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1861
1833
|
}
|
|
1862
|
-
var
|
|
1834
|
+
var _e = { exports: {} };
|
|
1863
1835
|
/*!
|
|
1864
1836
|
Copyright (c) 2018 Jed Watson.
|
|
1865
1837
|
Licensed under the MIT License (MIT), see
|
|
1866
1838
|
http://jedwatson.github.io/classnames
|
|
1867
1839
|
*/
|
|
1868
|
-
var
|
|
1869
|
-
function
|
|
1870
|
-
return
|
|
1840
|
+
var it;
|
|
1841
|
+
function Mo() {
|
|
1842
|
+
return it || (it = 1, function(e) {
|
|
1871
1843
|
(function() {
|
|
1872
1844
|
var t = {}.hasOwnProperty;
|
|
1873
1845
|
function r() {
|
|
@@ -1896,12 +1868,12 @@ function Do() {
|
|
|
1896
1868
|
}
|
|
1897
1869
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1898
1870
|
})();
|
|
1899
|
-
}(
|
|
1871
|
+
}(_e)), _e.exports;
|
|
1900
1872
|
}
|
|
1901
|
-
var
|
|
1902
|
-
const
|
|
1873
|
+
var $o = Mo();
|
|
1874
|
+
const Io = /* @__PURE__ */ To($o), Lo = "_fadeIn_4aird_1", ko = {
|
|
1903
1875
|
"purpur-modal-content": "_purpur-modal-content_4aird_1",
|
|
1904
|
-
fadeIn:
|
|
1876
|
+
fadeIn: Lo,
|
|
1905
1877
|
"purpur-modal-content__overlay": "_purpur-modal-content__overlay_4aird_30",
|
|
1906
1878
|
"purpur-modal-content__close-button": "_purpur-modal-content__close-button_4aird_37",
|
|
1907
1879
|
"purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_4aird_47",
|
|
@@ -1919,7 +1891,7 @@ const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
|
|
|
1919
1891
|
"purpur-modal-content__actions": "_purpur-modal-content__actions_4aird_123",
|
|
1920
1892
|
"purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_4aird_175",
|
|
1921
1893
|
"purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_4aird_185"
|
|
1922
|
-
},
|
|
1894
|
+
}, ut = (e) => e.showCloseButton === !0, O = Io.bind(ko), N = "purpur-modal-content", Fo = Pe(
|
|
1923
1895
|
({
|
|
1924
1896
|
["data-testid"]: e,
|
|
1925
1897
|
actions: t,
|
|
@@ -1929,39 +1901,47 @@ const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
|
|
|
1929
1901
|
disableCloseOnClickOutside: n,
|
|
1930
1902
|
hideDescription: i,
|
|
1931
1903
|
image: u,
|
|
1932
|
-
stickyButtons:
|
|
1904
|
+
stickyButtons: p = !0,
|
|
1933
1905
|
title: l,
|
|
1934
1906
|
notification: f = void 0,
|
|
1935
1907
|
zIndex: v,
|
|
1936
1908
|
onCloseAutoFocus: h,
|
|
1937
1909
|
...g
|
|
1938
1910
|
}, b) => {
|
|
1939
|
-
const { closeButtonAriaLabel: c, showCloseButton: m, ..._ } = g, [S, w] =
|
|
1911
|
+
const { closeButtonAriaLabel: c, showCloseButton: m, ..._ } = g, [S, w] = ye(!1), [E, C] = ye(0), P = be(null), y = be(null), x = O(
|
|
1940
1912
|
N,
|
|
1941
1913
|
{ [`${N}--with-image`]: !!u },
|
|
1942
1914
|
{ [`${N}--overflow`]: S },
|
|
1943
|
-
{ [`${N}--sticky-footer`]:
|
|
1915
|
+
{ [`${N}--sticky-footer`]: p },
|
|
1944
1916
|
o
|
|
1945
|
-
|
|
1946
|
-
n &&
|
|
1947
|
-
}, B =
|
|
1917
|
+
), R = (D) => e ? `${e} ${D}` : void 0, z = (D) => {
|
|
1918
|
+
n && D.preventDefault();
|
|
1919
|
+
}, B = Qt(() => {
|
|
1948
1920
|
if (!P.current || !y.current)
|
|
1949
1921
|
return;
|
|
1950
|
-
const
|
|
1951
|
-
w(
|
|
1922
|
+
const D = window.getComputedStyle(P.current, null), Y = parseFloat(D.getPropertyValue("height")), Zt = y.current.offsetHeight;
|
|
1923
|
+
w(Y < Zt), C(
|
|
1952
1924
|
(P.current.offsetWidth ?? 0) - (P.current.clientWidth ?? 0)
|
|
1953
1925
|
);
|
|
1954
|
-
}, []),
|
|
1955
|
-
|
|
1926
|
+
}, []), Yt = () => {
|
|
1927
|
+
const D = y.current;
|
|
1928
|
+
if (D) {
|
|
1929
|
+
const Y = D.querySelector("h2");
|
|
1930
|
+
Y && setTimeout(() => {
|
|
1931
|
+
Y.focus();
|
|
1932
|
+
});
|
|
1933
|
+
}
|
|
1934
|
+
}, Xt = (D) => {
|
|
1935
|
+
n && !m && D.preventDefault();
|
|
1956
1936
|
};
|
|
1957
|
-
return
|
|
1937
|
+
return we(() => (window.addEventListener("resize", B), () => {
|
|
1958
1938
|
window.removeEventListener("resize", B);
|
|
1959
|
-
}), [B]),
|
|
1939
|
+
}), [B]), we(() => {
|
|
1960
1940
|
B();
|
|
1961
|
-
}, [f, r, B]), /* @__PURE__ */
|
|
1962
|
-
/* @__PURE__ */
|
|
1963
|
-
/* @__PURE__ */
|
|
1964
|
-
|
|
1941
|
+
}, [f, r, B]), /* @__PURE__ */ T(Dn, { children: [
|
|
1942
|
+
/* @__PURE__ */ d(Tn, { className: O(`${N}__overlay`), style: { zIndex: v } }),
|
|
1943
|
+
/* @__PURE__ */ T(
|
|
1944
|
+
Mn,
|
|
1965
1945
|
{
|
|
1966
1946
|
..._,
|
|
1967
1947
|
className: x,
|
|
@@ -1969,14 +1949,16 @@ const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
|
|
|
1969
1949
|
ref: b,
|
|
1970
1950
|
...!a && { "aria-describedby": void 0 },
|
|
1971
1951
|
onPointerDownOutside: z,
|
|
1972
|
-
onOpenAutoFocus:
|
|
1952
|
+
onOpenAutoFocus: () => {
|
|
1953
|
+
B(), Yt();
|
|
1954
|
+
},
|
|
1973
1955
|
onEscapeKeyDown: Xt,
|
|
1974
1956
|
onCloseAutoFocus: h,
|
|
1975
1957
|
style: { zIndex: `calc(${v} + 1)` },
|
|
1976
1958
|
children: [
|
|
1977
|
-
/* @__PURE__ */
|
|
1978
|
-
|
|
1979
|
-
|
|
1959
|
+
/* @__PURE__ */ T("div", { ref: P, className: O(`${N}__wrapper`), children: [
|
|
1960
|
+
ut(g) && c && u && /* @__PURE__ */ d(
|
|
1961
|
+
st,
|
|
1980
1962
|
{
|
|
1981
1963
|
"aria-label": c,
|
|
1982
1964
|
hasImage: !0,
|
|
@@ -1984,26 +1966,26 @@ const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
|
|
|
1984
1966
|
"data-testid": R("close-button")
|
|
1985
1967
|
}
|
|
1986
1968
|
),
|
|
1987
|
-
/* @__PURE__ */
|
|
1988
|
-
/* @__PURE__ */
|
|
1989
|
-
|
|
1990
|
-
|
|
1969
|
+
/* @__PURE__ */ T("div", { ref: y, className: O(`${N}__wrapper-inner`), children: [
|
|
1970
|
+
/* @__PURE__ */ T("div", { className: O(`${N}__header`), children: [
|
|
1971
|
+
ut(g) && c && !u && /* @__PURE__ */ d(
|
|
1972
|
+
st,
|
|
1991
1973
|
{
|
|
1992
1974
|
"aria-label": c,
|
|
1993
1975
|
"data-testid": R("close-button")
|
|
1994
1976
|
}
|
|
1995
1977
|
),
|
|
1996
|
-
/* @__PURE__ */
|
|
1997
|
-
|
|
1978
|
+
/* @__PURE__ */ d(
|
|
1979
|
+
$n,
|
|
1998
1980
|
{
|
|
1999
1981
|
asChild: !0,
|
|
2000
1982
|
className: O(`${N}__title`),
|
|
2001
1983
|
"data-testid": R("title"),
|
|
2002
|
-
children: /* @__PURE__ */
|
|
1984
|
+
children: /* @__PURE__ */ d(Ut, { tag: "h2", variant: "title-200", tabIndex: -1, children: l })
|
|
2003
1985
|
}
|
|
2004
1986
|
)
|
|
2005
1987
|
] }),
|
|
2006
|
-
u && /* @__PURE__ */
|
|
1988
|
+
u && /* @__PURE__ */ d(
|
|
2007
1989
|
"div",
|
|
2008
1990
|
{
|
|
2009
1991
|
className: O(`${N}__image-wrapper`),
|
|
@@ -2011,35 +1993,35 @@ const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
|
|
|
2011
1993
|
children: u
|
|
2012
1994
|
}
|
|
2013
1995
|
),
|
|
2014
|
-
/* @__PURE__ */
|
|
2015
|
-
a && i && /* @__PURE__ */
|
|
2016
|
-
a && !i && /* @__PURE__ */
|
|
2017
|
-
|
|
1996
|
+
/* @__PURE__ */ d("div", { className: O(`${N}__body`), children: /* @__PURE__ */ T("div", { className: O(`${N}__body-inner`), children: [
|
|
1997
|
+
a && i && /* @__PURE__ */ d(Do, { asChild: !0, children: /* @__PURE__ */ d(ze, { "data-testid": R("description"), children: a }) }),
|
|
1998
|
+
a && !i && /* @__PURE__ */ d(
|
|
1999
|
+
ze,
|
|
2018
2000
|
{
|
|
2019
2001
|
asChild: !0,
|
|
2020
2002
|
className: O(`${N}__description`),
|
|
2021
2003
|
"data-testid": R("description"),
|
|
2022
|
-
children: /* @__PURE__ */
|
|
2004
|
+
children: /* @__PURE__ */ d(zt, { variant: "paragraph-100", children: a })
|
|
2023
2005
|
}
|
|
2024
2006
|
),
|
|
2025
|
-
/* @__PURE__ */
|
|
2026
|
-
!
|
|
2007
|
+
/* @__PURE__ */ d("div", { children: r }),
|
|
2008
|
+
!p && /* @__PURE__ */ d(ct, { actions: t, notification: f })
|
|
2027
2009
|
] }) })
|
|
2028
2010
|
] })
|
|
2029
2011
|
] }),
|
|
2030
|
-
|
|
2012
|
+
p && /* @__PURE__ */ d(ct, { actions: t, notification: f })
|
|
2031
2013
|
]
|
|
2032
2014
|
}
|
|
2033
2015
|
)
|
|
2034
2016
|
] });
|
|
2035
2017
|
}
|
|
2036
|
-
),
|
|
2018
|
+
), st = ({
|
|
2037
2019
|
["aria-label"]: e,
|
|
2038
2020
|
hasImage: t,
|
|
2039
2021
|
scrollbarWidth: r,
|
|
2040
2022
|
["data-testid"]: o
|
|
2041
|
-
}) => /* @__PURE__ */
|
|
2042
|
-
|
|
2023
|
+
}) => /* @__PURE__ */ d(In, { asChild: !0, children: /* @__PURE__ */ d(
|
|
2024
|
+
jt,
|
|
2043
2025
|
{
|
|
2044
2026
|
variant: t ? "primary" : "tertiary-purple",
|
|
2045
2027
|
negative: t,
|
|
@@ -2049,33 +2031,33 @@ const Mo = /* @__PURE__ */ Ao(To), $o = "_fadeIn_4aird_1", Io = {
|
|
|
2049
2031
|
className: O(`${N}__close-button`),
|
|
2050
2032
|
style: { right: `calc(var(--purpur-spacing-100) + ${r || 0}px)` },
|
|
2051
2033
|
"data-testid": o,
|
|
2052
|
-
children: /* @__PURE__ */
|
|
2034
|
+
children: /* @__PURE__ */ d(Ht, {})
|
|
2053
2035
|
}
|
|
2054
|
-
) }),
|
|
2036
|
+
) }), ct = ({
|
|
2055
2037
|
actions: e,
|
|
2056
2038
|
notification: t
|
|
2057
2039
|
}) => {
|
|
2058
|
-
const r =
|
|
2059
|
-
return
|
|
2040
|
+
const r = be(null);
|
|
2041
|
+
return we(() => {
|
|
2060
2042
|
var o, a;
|
|
2061
2043
|
t && ((a = (o = r == null ? void 0 : r.current) == null ? void 0 : o.scrollIntoView) == null || a.call(o, !1));
|
|
2062
|
-
}, [t]), e ? /* @__PURE__ */
|
|
2063
|
-
/* @__PURE__ */
|
|
2064
|
-
t && /* @__PURE__ */
|
|
2065
|
-
/* @__PURE__ */
|
|
2044
|
+
}, [t]), e ? /* @__PURE__ */ T("div", { className: O(`${N}__actions`), children: [
|
|
2045
|
+
/* @__PURE__ */ d("div", { className: O(`${N}__actions-buttons`), "data-testid": "modal actions", children: e }),
|
|
2046
|
+
t && /* @__PURE__ */ d("div", { className: O(`${N}__notification`), ref: r, children: t }),
|
|
2047
|
+
/* @__PURE__ */ d("span", { className: O(`${N}__actions-separator`) })
|
|
2066
2048
|
] }) : null;
|
|
2067
|
-
},
|
|
2068
|
-
({
|
|
2069
|
-
),
|
|
2049
|
+
}, Wo = Pe(
|
|
2050
|
+
({ children: e, ...t }, r) => /* @__PURE__ */ d(An, { asChild: !0, ref: r, ...t, children: e })
|
|
2051
|
+
), Te = ({
|
|
2070
2052
|
["data-testid"]: e,
|
|
2071
2053
|
children: t,
|
|
2072
2054
|
open: r,
|
|
2073
2055
|
onOpenChange: o
|
|
2074
|
-
}) => /* @__PURE__ */
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2056
|
+
}) => /* @__PURE__ */ d(xn, { open: r, onOpenChange: o, "data-testid": e, children: t });
|
|
2057
|
+
Te.Trigger = Wo;
|
|
2058
|
+
Te.Content = Fo;
|
|
2059
|
+
Te.displayName = "Modal";
|
|
2078
2060
|
export {
|
|
2079
|
-
|
|
2061
|
+
Te as Modal
|
|
2080
2062
|
};
|
|
2081
2063
|
//# sourceMappingURL=modal.es.js.map
|