@purpurds/drawer 6.2.0 → 6.3.1
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 +4 -4
- package/dist/drawer.cjs.js +15 -15
- package/dist/drawer.cjs.js.map +1 -1
- package/dist/drawer.es.js +734 -738
- package/dist/drawer.es.js.map +1 -1
- package/package.json +11 -11
- package/src/drawer.stories.tsx +18 -3
package/dist/drawer.es.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
import { jsx as f, Fragment as ie, jsxs as L } from "react/jsx-runtime";
|
|
2
2
|
import * as c from "react";
|
|
3
|
-
import
|
|
4
|
-
import * as
|
|
5
|
-
import
|
|
3
|
+
import $e, { useState as Pr, createContext as xr, forwardRef as q, useRef as Nr, useContext as Ar, useEffect as Rr } from "react";
|
|
4
|
+
import * as Dr from "react-dom";
|
|
5
|
+
import Tr from "react-dom";
|
|
6
6
|
function R(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 Je(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 xt(...e) {
|
|
18
18
|
return (t) => {
|
|
19
19
|
let r = !1;
|
|
20
20
|
const o = e.map((a) => {
|
|
21
|
-
const n =
|
|
21
|
+
const n = Je(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() : Je(e[a], null);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
function O(...e) {
|
|
34
|
-
return c.useCallback(
|
|
34
|
+
return c.useCallback(xt(...e), e);
|
|
35
35
|
}
|
|
36
|
-
function
|
|
36
|
+
function Or(e, t) {
|
|
37
37
|
const r = c.createContext(t), o = (n) => {
|
|
38
38
|
const { children: s, ...i } = n, u = c.useMemo(() => i, Object.values(i));
|
|
39
39
|
return /* @__PURE__ */ f(r.Provider, { value: u, children: s });
|
|
@@ -47,23 +47,23 @@ function Nr(e, t) {
|
|
|
47
47
|
}
|
|
48
48
|
return [o, a];
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function Nt(e, t = []) {
|
|
51
51
|
let r = [];
|
|
52
52
|
function o(n, s) {
|
|
53
53
|
const i = c.createContext(s), u = r.length;
|
|
54
54
|
r = [...r, s];
|
|
55
|
-
const l = (
|
|
55
|
+
const l = (v) => {
|
|
56
56
|
var w;
|
|
57
|
-
const { scope: p, children: m, ..._ } =
|
|
58
|
-
return /* @__PURE__ */ f(
|
|
57
|
+
const { scope: p, children: m, ..._ } = v, h = ((w = p == null ? void 0 : p[e]) == null ? void 0 : w[u]) || i, g = c.useMemo(() => _, Object.values(_));
|
|
58
|
+
return /* @__PURE__ */ f(h.Provider, { value: g, children: m });
|
|
59
59
|
};
|
|
60
60
|
l.displayName = n + "Provider";
|
|
61
|
-
function d(
|
|
62
|
-
var
|
|
63
|
-
const m = ((
|
|
61
|
+
function d(v, p) {
|
|
62
|
+
var h;
|
|
63
|
+
const m = ((h = p == null ? void 0 : p[e]) == null ? void 0 : h[u]) || i, _ = c.useContext(m);
|
|
64
64
|
if (_) return _;
|
|
65
65
|
if (s !== void 0) return s;
|
|
66
|
-
throw new Error(`\`${
|
|
66
|
+
throw new Error(`\`${v}\` must be used within \`${n}\``);
|
|
67
67
|
}
|
|
68
68
|
return [l, d];
|
|
69
69
|
}
|
|
@@ -77,9 +77,9 @@ function gt(e, t = []) {
|
|
|
77
77
|
);
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
|
-
return a.scopeName = e, [o,
|
|
80
|
+
return a.scopeName = e, [o, Lr(a, ...t)];
|
|
81
81
|
}
|
|
82
|
-
function
|
|
82
|
+
function Lr(...e) {
|
|
83
83
|
const t = e[0];
|
|
84
84
|
if (e.length === 1) return t;
|
|
85
85
|
const r = () => {
|
|
@@ -89,8 +89,8 @@ function Ar(...e) {
|
|
|
89
89
|
}));
|
|
90
90
|
return function(n) {
|
|
91
91
|
const s = o.reduce((i, { useScope: u, scopeName: l }) => {
|
|
92
|
-
const
|
|
93
|
-
return { ...i, ...
|
|
92
|
+
const v = u(n)[`__scope${l}`];
|
|
93
|
+
return { ...i, ...v };
|
|
94
94
|
}, {});
|
|
95
95
|
return c.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
|
|
96
96
|
};
|
|
@@ -98,15 +98,15 @@ function Ar(...e) {
|
|
|
98
98
|
return r.scopeName = t.scopeName, r;
|
|
99
99
|
}
|
|
100
100
|
var se = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
|
|
101
|
-
},
|
|
102
|
-
}),
|
|
101
|
+
}, Mr = c.useId || (() => {
|
|
102
|
+
}), $r = 0;
|
|
103
103
|
function Ce(e) {
|
|
104
|
-
const [t, r] = c.useState(
|
|
104
|
+
const [t, r] = c.useState(Mr());
|
|
105
105
|
return se(() => {
|
|
106
|
-
|
|
106
|
+
r((o) => o ?? String($r++));
|
|
107
107
|
}, [e]), e || (t ? `radix-${t}` : "");
|
|
108
108
|
}
|
|
109
|
-
function
|
|
109
|
+
function D(e) {
|
|
110
110
|
const t = c.useRef(e);
|
|
111
111
|
return c.useEffect(() => {
|
|
112
112
|
t.current = e;
|
|
@@ -115,17 +115,17 @@ function T(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] = kr({ defaultProp: t, onChange: r }), n = e !== void 0, s = n ? e : o, i = D(r), u = c.useCallback(
|
|
125
125
|
(l) => {
|
|
126
126
|
if (n) {
|
|
127
|
-
const
|
|
128
|
-
|
|
127
|
+
const v = typeof l == "function" ? l(e) : l;
|
|
128
|
+
v !== e && i(v);
|
|
129
129
|
} else
|
|
130
130
|
a(l);
|
|
131
131
|
},
|
|
@@ -133,38 +133,38 @@ function Dr({
|
|
|
133
133
|
);
|
|
134
134
|
return [s, u];
|
|
135
135
|
}
|
|
136
|
-
function
|
|
136
|
+
function kr({
|
|
137
137
|
defaultProp: e,
|
|
138
138
|
onChange: t
|
|
139
139
|
}) {
|
|
140
|
-
const r = c.useState(e), [o] = r, a = c.useRef(o), n =
|
|
140
|
+
const r = c.useState(e), [o] = r, a = c.useRef(o), n = D(t);
|
|
141
141
|
return c.useEffect(() => {
|
|
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 = c.Children.toArray(r), n = a.find(
|
|
145
|
+
var ze = c.forwardRef((e, t) => {
|
|
146
|
+
const { children: r, ...o } = e, a = c.Children.toArray(r), n = a.find(Fr);
|
|
147
147
|
if (n) {
|
|
148
148
|
const s = n.props.children, i = a.map((u) => u === n ? c.Children.count(s) > 1 ? c.Children.only(null) : c.isValidElement(s) ? s.props.children : null : u);
|
|
149
|
-
return /* @__PURE__ */ f(
|
|
149
|
+
return /* @__PURE__ */ f(Ie, { ...o, ref: t, children: c.isValidElement(s) ? c.cloneElement(s, void 0, i) : null });
|
|
150
150
|
}
|
|
151
|
-
return /* @__PURE__ */ f(
|
|
151
|
+
return /* @__PURE__ */ f(Ie, { ...o, ref: t, children: r });
|
|
152
152
|
});
|
|
153
|
-
|
|
154
|
-
var
|
|
153
|
+
ze.displayName = "Slot";
|
|
154
|
+
var Ie = c.forwardRef((e, t) => {
|
|
155
155
|
const { children: r, ...o } = e;
|
|
156
156
|
if (c.isValidElement(r)) {
|
|
157
|
-
const a =
|
|
158
|
-
return r.type !== c.Fragment && (n.ref = t ?
|
|
157
|
+
const a = qr(r), n = jr(o, r.props);
|
|
158
|
+
return r.type !== c.Fragment && (n.ref = t ? xt(t, a) : a), c.cloneElement(r, n);
|
|
159
159
|
}
|
|
160
160
|
return c.Children.count(r) > 1 ? c.Children.only(null) : null;
|
|
161
161
|
});
|
|
162
|
-
|
|
163
|
-
var
|
|
164
|
-
function
|
|
165
|
-
return c.isValidElement(e) && e.type ===
|
|
162
|
+
Ie.displayName = "SlotClone";
|
|
163
|
+
var Wr = ({ children: e }) => /* @__PURE__ */ f(ie, { children: e });
|
|
164
|
+
function Fr(e) {
|
|
165
|
+
return c.isValidElement(e) && e.type === Wr;
|
|
166
166
|
}
|
|
167
|
-
function
|
|
167
|
+
function jr(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 $r(e, t) {
|
|
|
174
174
|
}
|
|
175
175
|
return { ...e, ...r };
|
|
176
176
|
}
|
|
177
|
-
function
|
|
177
|
+
function qr(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 Ur = [
|
|
183
183
|
"a",
|
|
184
184
|
"button",
|
|
185
185
|
"div",
|
|
@@ -196,18 +196,18 @@ var kr = [
|
|
|
196
196
|
"span",
|
|
197
197
|
"svg",
|
|
198
198
|
"ul"
|
|
199
|
-
],
|
|
199
|
+
], T = Ur.reduce((e, t) => {
|
|
200
200
|
const r = c.forwardRef((o, a) => {
|
|
201
|
-
const { asChild: n, ...s } = o, i = n ?
|
|
201
|
+
const { asChild: n, ...s } = o, i = n ? ze : t;
|
|
202
202
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f(i, { ...s, ref: a });
|
|
203
203
|
});
|
|
204
204
|
return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
|
|
205
205
|
}, {});
|
|
206
|
-
function
|
|
207
|
-
e &&
|
|
206
|
+
function zr(e, t) {
|
|
207
|
+
e && Dr.flushSync(() => e.dispatchEvent(t));
|
|
208
208
|
}
|
|
209
|
-
function
|
|
210
|
-
const r =
|
|
209
|
+
function Hr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
210
|
+
const r = D(e);
|
|
211
211
|
c.useEffect(() => {
|
|
212
212
|
const o = (a) => {
|
|
213
213
|
a.key === "Escape" && r(a);
|
|
@@ -215,11 +215,11 @@ function Fr(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 Br = "DismissableLayer", ke = "dismissableLayer.update", Yr = "dismissableLayer.pointerDownOutside", Vr = "dismissableLayer.focusOutside", et, At = c.createContext({
|
|
219
219
|
layers: /* @__PURE__ */ new Set(),
|
|
220
220
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
221
221
|
branches: /* @__PURE__ */ new Set()
|
|
222
|
-
}),
|
|
222
|
+
}), Rt = c.forwardRef(
|
|
223
223
|
(e, t) => {
|
|
224
224
|
const {
|
|
225
225
|
disableOutsidePointerEvents: r = !1,
|
|
@@ -229,27 +229,27 @@ var jr = "DismissableLayer", Ie = "dismissableLayer.update", qr = "dismissableLa
|
|
|
229
229
|
onInteractOutside: s,
|
|
230
230
|
onDismiss: i,
|
|
231
231
|
...u
|
|
232
|
-
} = e, l = c.useContext(
|
|
232
|
+
} = e, l = c.useContext(At), [d, v] = c.useState(null), p = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = c.useState({}), _ = O(t, (b) => v(b)), h = Array.from(l.layers), [g] = [...l.layersWithOutsidePointerEventsDisabled].slice(-1), w = h.indexOf(g), E = d ? h.indexOf(d) : -1, S = l.layersWithOutsidePointerEventsDisabled.size > 0, y = E >= w, C = Kr((b) => {
|
|
233
233
|
const N = b.target, P = [...l.branches].some((A) => A.contains(N));
|
|
234
234
|
!y || P || (a == null || a(b), s == null || s(b), b.defaultPrevented || i == null || i());
|
|
235
|
-
}, p), x =
|
|
235
|
+
}, p), x = Zr((b) => {
|
|
236
236
|
const N = b.target;
|
|
237
237
|
[...l.branches].some((A) => A.contains(N)) || (n == null || n(b), s == null || s(b), b.defaultPrevented || i == null || i());
|
|
238
238
|
}, p);
|
|
239
|
-
return
|
|
239
|
+
return Hr((b) => {
|
|
240
240
|
E === l.layers.size - 1 && (o == null || o(b), !b.defaultPrevented && i && (b.preventDefault(), i()));
|
|
241
241
|
}, p), c.useEffect(() => {
|
|
242
242
|
if (d)
|
|
243
|
-
return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (
|
|
244
|
-
r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents =
|
|
243
|
+
return r && (l.layersWithOutsidePointerEventsDisabled.size === 0 && (et = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), l.layersWithOutsidePointerEventsDisabled.add(d)), l.layers.add(d), tt(), () => {
|
|
244
|
+
r && l.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = et);
|
|
245
245
|
};
|
|
246
246
|
}, [d, p, r, l]), c.useEffect(() => () => {
|
|
247
|
-
d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d),
|
|
247
|
+
d && (l.layers.delete(d), l.layersWithOutsidePointerEventsDisabled.delete(d), tt());
|
|
248
248
|
}, [d, l]), c.useEffect(() => {
|
|
249
249
|
const b = () => m({});
|
|
250
|
-
return document.addEventListener(
|
|
250
|
+
return document.addEventListener(ke, b), () => document.removeEventListener(ke, b);
|
|
251
251
|
}, []), /* @__PURE__ */ f(
|
|
252
|
-
|
|
252
|
+
T.div,
|
|
253
253
|
{
|
|
254
254
|
...u,
|
|
255
255
|
ref: _,
|
|
@@ -267,27 +267,27 @@ var jr = "DismissableLayer", Ie = "dismissableLayer.update", qr = "dismissableLa
|
|
|
267
267
|
);
|
|
268
268
|
}
|
|
269
269
|
);
|
|
270
|
-
|
|
271
|
-
var
|
|
272
|
-
const r = c.useContext(
|
|
270
|
+
Rt.displayName = Br;
|
|
271
|
+
var Xr = "DismissableLayerBranch", Gr = c.forwardRef((e, t) => {
|
|
272
|
+
const r = c.useContext(At), o = c.useRef(null), a = O(t, o);
|
|
273
273
|
return c.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__ */ f(
|
|
279
|
+
}, [r.branches]), /* @__PURE__ */ f(T.div, { ...e, ref: a });
|
|
280
280
|
});
|
|
281
|
-
|
|
282
|
-
function
|
|
283
|
-
const r =
|
|
281
|
+
Gr.displayName = Xr;
|
|
282
|
+
function Kr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
283
|
+
const r = D(e), o = c.useRef(!1), a = c.useRef(() => {
|
|
284
284
|
});
|
|
285
285
|
return c.useEffect(() => {
|
|
286
286
|
const n = (i) => {
|
|
287
287
|
if (i.target && !o.current) {
|
|
288
288
|
let u = function() {
|
|
289
|
-
|
|
290
|
-
|
|
289
|
+
Dt(
|
|
290
|
+
Yr,
|
|
291
291
|
r,
|
|
292
292
|
l,
|
|
293
293
|
{ discrete: !0 }
|
|
@@ -309,11 +309,11 @@ function Br(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
309
309
|
onPointerDownCapture: () => o.current = !0
|
|
310
310
|
};
|
|
311
311
|
}
|
|
312
|
-
function
|
|
313
|
-
const r =
|
|
312
|
+
function Zr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
313
|
+
const r = D(e), o = c.useRef(!1);
|
|
314
314
|
return c.useEffect(() => {
|
|
315
315
|
const a = (n) => {
|
|
316
|
-
n.target && !o.current &&
|
|
316
|
+
n.target && !o.current && Dt(Vr, r, { originalEvent: n }, {
|
|
317
317
|
discrete: !1
|
|
318
318
|
});
|
|
319
319
|
};
|
|
@@ -323,22 +323,22 @@ function Yr(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 tt() {
|
|
327
|
+
const e = new CustomEvent(ke);
|
|
328
328
|
document.dispatchEvent(e);
|
|
329
329
|
}
|
|
330
|
-
function
|
|
330
|
+
function Dt(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 ? zr(a, n) : a.dispatchEvent(n);
|
|
333
333
|
}
|
|
334
|
-
var Pe = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount",
|
|
334
|
+
var Pe = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", rt = { bubbles: !1, cancelable: !0 }, Qr = "FocusScope", Tt = c.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
|
...s
|
|
341
|
-
} = e, [i, u] = c.useState(null), l =
|
|
341
|
+
} = e, [i, u] = c.useState(null), l = D(a), d = D(n), v = c.useRef(null), p = O(t, (h) => u(h)), m = c.useRef({
|
|
342
342
|
paused: !1,
|
|
343
343
|
pause() {
|
|
344
344
|
this.paused = !0;
|
|
@@ -349,65 +349,65 @@ var Pe = "focusScope.autoFocusOnMount", xe = "focusScope.autoFocusOnUnmount", tt
|
|
|
349
349
|
}).current;
|
|
350
350
|
c.useEffect(() => {
|
|
351
351
|
if (o) {
|
|
352
|
-
let
|
|
352
|
+
let h = function(S) {
|
|
353
353
|
if (m.paused || !i) return;
|
|
354
354
|
const y = S.target;
|
|
355
|
-
i.contains(y) ?
|
|
355
|
+
i.contains(y) ? v.current = y : j(v.current, { select: !0 });
|
|
356
356
|
}, g = function(S) {
|
|
357
357
|
if (m.paused || !i) return;
|
|
358
358
|
const y = S.relatedTarget;
|
|
359
|
-
y !== null && (i.contains(y) || j(
|
|
359
|
+
y !== null && (i.contains(y) || j(v.current, { select: !0 }));
|
|
360
360
|
}, w = function(S) {
|
|
361
361
|
if (document.activeElement === document.body)
|
|
362
362
|
for (const C of S)
|
|
363
363
|
C.removedNodes.length > 0 && j(i);
|
|
364
364
|
};
|
|
365
|
-
document.addEventListener("focusin",
|
|
365
|
+
document.addEventListener("focusin", h), document.addEventListener("focusout", g);
|
|
366
366
|
const E = new MutationObserver(w);
|
|
367
367
|
return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
|
|
368
|
-
document.removeEventListener("focusin",
|
|
368
|
+
document.removeEventListener("focusin", h), document.removeEventListener("focusout", g), E.disconnect();
|
|
369
369
|
};
|
|
370
370
|
}
|
|
371
371
|
}, [o, i, m.paused]), c.useEffect(() => {
|
|
372
372
|
if (i) {
|
|
373
|
-
|
|
374
|
-
const
|
|
375
|
-
if (!i.contains(
|
|
376
|
-
const w = new CustomEvent(Pe,
|
|
377
|
-
i.addEventListener(Pe, l), i.dispatchEvent(w), w.defaultPrevented || (
|
|
373
|
+
ot.add(m);
|
|
374
|
+
const h = document.activeElement;
|
|
375
|
+
if (!i.contains(h)) {
|
|
376
|
+
const w = new CustomEvent(Pe, rt);
|
|
377
|
+
i.addEventListener(Pe, l), i.dispatchEvent(w), w.defaultPrevented || (Jr(on(Ot(i)), { select: !0 }), document.activeElement === h && j(i));
|
|
378
378
|
}
|
|
379
379
|
return () => {
|
|
380
380
|
i.removeEventListener(Pe, l), setTimeout(() => {
|
|
381
|
-
const w = new CustomEvent(xe,
|
|
382
|
-
i.addEventListener(xe, d), i.dispatchEvent(w), w.defaultPrevented || j(
|
|
381
|
+
const w = new CustomEvent(xe, rt);
|
|
382
|
+
i.addEventListener(xe, d), i.dispatchEvent(w), w.defaultPrevented || j(h ?? document.body, { select: !0 }), i.removeEventListener(xe, d), ot.remove(m);
|
|
383
383
|
}, 0);
|
|
384
384
|
};
|
|
385
385
|
}
|
|
386
386
|
}, [i, l, d, m]);
|
|
387
387
|
const _ = c.useCallback(
|
|
388
|
-
(
|
|
388
|
+
(h) => {
|
|
389
389
|
if (!r && !o || m.paused) return;
|
|
390
|
-
const g =
|
|
390
|
+
const g = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, w = document.activeElement;
|
|
391
391
|
if (g && w) {
|
|
392
|
-
const E =
|
|
393
|
-
S && y ? !
|
|
392
|
+
const E = h.currentTarget, [S, y] = en(E);
|
|
393
|
+
S && y ? !h.shiftKey && w === y ? (h.preventDefault(), r && j(S, { select: !0 })) : h.shiftKey && w === S && (h.preventDefault(), r && j(y, { select: !0 })) : w === E && h.preventDefault();
|
|
394
394
|
}
|
|
395
395
|
},
|
|
396
396
|
[r, o, m.paused]
|
|
397
397
|
);
|
|
398
|
-
return /* @__PURE__ */ f(
|
|
398
|
+
return /* @__PURE__ */ f(T.div, { tabIndex: -1, ...s, ref: p, onKeyDown: _ });
|
|
399
399
|
});
|
|
400
|
-
|
|
401
|
-
function
|
|
400
|
+
Tt.displayName = Qr;
|
|
401
|
+
function Jr(e, { select: t = !1 } = {}) {
|
|
402
402
|
const r = document.activeElement;
|
|
403
403
|
for (const o of e)
|
|
404
404
|
if (j(o, { select: t }), document.activeElement !== r) return;
|
|
405
405
|
}
|
|
406
|
-
function
|
|
407
|
-
const t =
|
|
406
|
+
function en(e) {
|
|
407
|
+
const t = Ot(e), r = nt(t, e), o = nt(t.reverse(), e);
|
|
408
408
|
return [r, o];
|
|
409
409
|
}
|
|
410
|
-
function
|
|
410
|
+
function Ot(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 St(e) {
|
|
|
417
417
|
for (; r.nextNode(); ) t.push(r.currentNode);
|
|
418
418
|
return t;
|
|
419
419
|
}
|
|
420
|
-
function
|
|
420
|
+
function nt(e, t) {
|
|
421
421
|
for (const r of e)
|
|
422
|
-
if (!
|
|
422
|
+
if (!tn(r, { upTo: t })) return r;
|
|
423
423
|
}
|
|
424
|
-
function
|
|
424
|
+
function tn(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 Kr(e, { upTo: t }) {
|
|
|
430
430
|
}
|
|
431
431
|
return !1;
|
|
432
432
|
}
|
|
433
|
-
function
|
|
433
|
+
function rn(e) {
|
|
434
434
|
return e instanceof HTMLInputElement && "select" in e;
|
|
435
435
|
}
|
|
436
436
|
function j(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 && rn(e) && t && e.select();
|
|
440
440
|
}
|
|
441
441
|
}
|
|
442
|
-
var
|
|
443
|
-
function
|
|
442
|
+
var ot = nn();
|
|
443
|
+
function nn() {
|
|
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 = at(e, t), e.unshift(t);
|
|
449
449
|
},
|
|
450
450
|
remove(t) {
|
|
451
451
|
var r;
|
|
452
|
-
e =
|
|
452
|
+
e = at(e, t), (r = e[0]) == null || r.resume();
|
|
453
453
|
}
|
|
454
454
|
};
|
|
455
455
|
}
|
|
456
|
-
function
|
|
456
|
+
function at(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 on(e) {
|
|
461
461
|
return e.filter((t) => t.tagName !== "A");
|
|
462
462
|
}
|
|
463
|
-
var
|
|
463
|
+
var an = "Portal", Lt = c.forwardRef((e, t) => {
|
|
464
464
|
var i;
|
|
465
465
|
const { container: r, ...o } = e, [a, n] = c.useState(!1);
|
|
466
466
|
se(() => n(!0), []);
|
|
467
467
|
const s = r || a && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
|
|
468
|
-
return s ?
|
|
468
|
+
return s ? Tr.createPortal(/* @__PURE__ */ f(T.div, { ...o, ref: t }), s) : null;
|
|
469
469
|
});
|
|
470
|
-
|
|
471
|
-
function
|
|
470
|
+
Lt.displayName = an;
|
|
471
|
+
function sn(e, t) {
|
|
472
472
|
return c.useReducer((r, o) => t[r][o] ?? r, e);
|
|
473
473
|
}
|
|
474
474
|
var U = (e) => {
|
|
475
|
-
const { present: t, children: r } = e, o =
|
|
475
|
+
const { present: t, children: r } = e, o = cn(t), a = typeof r == "function" ? r({ present: o.isPresent }) : c.Children.only(r), n = O(o.ref, ln(a));
|
|
476
476
|
return typeof r == "function" || o.isPresent ? c.cloneElement(a, { ref: n }) : null;
|
|
477
477
|
};
|
|
478
478
|
U.displayName = "Presence";
|
|
479
|
-
function
|
|
480
|
-
const [t, r] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] =
|
|
479
|
+
function cn(e) {
|
|
480
|
+
const [t, r] = c.useState(), o = c.useRef({}), a = c.useRef(e), n = c.useRef("none"), s = e ? "mounted" : "unmounted", [i, u] = sn(s, {
|
|
481
481
|
mounted: {
|
|
482
482
|
UNMOUNT: "unmounted",
|
|
483
483
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -502,9 +502,9 @@ function rn(e) {
|
|
|
502
502
|
}, [e, u]), se(() => {
|
|
503
503
|
if (t) {
|
|
504
504
|
let l;
|
|
505
|
-
const d = t.ownerDocument.defaultView ?? window,
|
|
506
|
-
const
|
|
507
|
-
if (m.target === t &&
|
|
505
|
+
const d = t.ownerDocument.defaultView ?? window, v = (m) => {
|
|
506
|
+
const h = ce(o.current).includes(m.animationName);
|
|
507
|
+
if (m.target === t && h && (u("ANIMATION_END"), !a.current)) {
|
|
508
508
|
const g = t.style.animationFillMode;
|
|
509
509
|
t.style.animationFillMode = "forwards", l = d.setTimeout(() => {
|
|
510
510
|
t.style.animationFillMode === "forwards" && (t.style.animationFillMode = g);
|
|
@@ -513,8 +513,8 @@ function rn(e) {
|
|
|
513
513
|
}, p = (m) => {
|
|
514
514
|
m.target === t && (n.current = ce(o.current));
|
|
515
515
|
};
|
|
516
|
-
return t.addEventListener("animationstart", p), t.addEventListener("animationcancel",
|
|
517
|
-
d.clearTimeout(l), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel",
|
|
516
|
+
return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", v), t.addEventListener("animationend", v), () => {
|
|
517
|
+
d.clearTimeout(l), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", v), t.removeEventListener("animationend", v);
|
|
518
518
|
};
|
|
519
519
|
} else
|
|
520
520
|
u("ANIMATION_END");
|
|
@@ -528,21 +528,21 @@ function rn(e) {
|
|
|
528
528
|
function ce(e) {
|
|
529
529
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
530
530
|
}
|
|
531
|
-
function
|
|
531
|
+
function ln(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
536
|
var Ne = 0;
|
|
537
|
-
function
|
|
537
|
+
function un() {
|
|
538
538
|
c.useEffect(() => {
|
|
539
539
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
540
|
-
return document.body.insertAdjacentElement("afterbegin", e[0] ??
|
|
540
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? it()), document.body.insertAdjacentElement("beforeend", e[1] ?? it()), Ne++, () => {
|
|
541
541
|
Ne === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), Ne--;
|
|
542
542
|
};
|
|
543
543
|
}, []);
|
|
544
544
|
}
|
|
545
|
-
function
|
|
545
|
+
function it() {
|
|
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
|
}
|
|
@@ -555,7 +555,7 @@ var I = function() {
|
|
|
555
555
|
return t;
|
|
556
556
|
}, I.apply(this, arguments);
|
|
557
557
|
};
|
|
558
|
-
function
|
|
558
|
+
function Mt(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 Ct(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 dn(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 me = "right-scroll-bar-position", ge = "width-before-scroll-bar",
|
|
571
|
+
var me = "right-scroll-bar-position", ge = "width-before-scroll-bar", fn = "with-scroll-bars-hidden", pn = "--removed-body-scroll-bar-size";
|
|
572
572
|
function Ae(e, t) {
|
|
573
573
|
return typeof e == "function" ? e(t) : e && (e.current = t), e;
|
|
574
574
|
}
|
|
575
|
-
function
|
|
576
|
-
var r =
|
|
575
|
+
function vn(e, t) {
|
|
576
|
+
var r = Pr(function() {
|
|
577
577
|
return {
|
|
578
578
|
// value
|
|
579
579
|
value: e,
|
|
@@ -593,15 +593,15 @@ function ln(e, t) {
|
|
|
593
593
|
})[0];
|
|
594
594
|
return r.callback = t, r.facade;
|
|
595
595
|
}
|
|
596
|
-
var
|
|
597
|
-
function
|
|
598
|
-
var r =
|
|
596
|
+
var hn = typeof window < "u" ? c.useLayoutEffect : c.useEffect, st = /* @__PURE__ */ new WeakMap();
|
|
597
|
+
function mn(e, t) {
|
|
598
|
+
var r = vn(null, function(o) {
|
|
599
599
|
return e.forEach(function(a) {
|
|
600
600
|
return Ae(a, o);
|
|
601
601
|
});
|
|
602
602
|
});
|
|
603
|
-
return
|
|
604
|
-
var o =
|
|
603
|
+
return hn(function() {
|
|
604
|
+
var o = st.get(r);
|
|
605
605
|
if (o) {
|
|
606
606
|
var a = new Set(o), n = new Set(e), s = r.current;
|
|
607
607
|
a.forEach(function(i) {
|
|
@@ -610,14 +610,14 @@ function dn(e, t) {
|
|
|
610
610
|
a.has(i) || Ae(i, s);
|
|
611
611
|
});
|
|
612
612
|
}
|
|
613
|
-
|
|
613
|
+
st.set(r, e);
|
|
614
614
|
}, [e]), r;
|
|
615
615
|
}
|
|
616
|
-
function
|
|
616
|
+
function gn(e) {
|
|
617
617
|
return e;
|
|
618
618
|
}
|
|
619
|
-
function
|
|
620
|
-
t === void 0 && (t =
|
|
619
|
+
function _n(e, t) {
|
|
620
|
+
t === void 0 && (t = gn);
|
|
621
621
|
var r = [], o = !1, a = {
|
|
622
622
|
read: function() {
|
|
623
623
|
if (o)
|
|
@@ -671,13 +671,13 @@ function pn(e, t) {
|
|
|
671
671
|
};
|
|
672
672
|
return a;
|
|
673
673
|
}
|
|
674
|
-
function
|
|
674
|
+
function wn(e) {
|
|
675
675
|
e === void 0 && (e = {});
|
|
676
|
-
var t =
|
|
676
|
+
var t = _n(null);
|
|
677
677
|
return t.options = I({ 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 = Mt(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();
|
|
@@ -685,21 +685,21 @@ var Pt = function(e) {
|
|
|
685
685
|
throw new Error("Sidecar medium not found");
|
|
686
686
|
return c.createElement(o, I({}, r));
|
|
687
687
|
};
|
|
688
|
-
|
|
689
|
-
function
|
|
690
|
-
return e.useMedium(t),
|
|
688
|
+
$t.isSideCarExport = !0;
|
|
689
|
+
function bn(e, t) {
|
|
690
|
+
return e.useMedium(t), $t;
|
|
691
691
|
}
|
|
692
|
-
var
|
|
692
|
+
var It = wn(), Re = function() {
|
|
693
693
|
}, ye = c.forwardRef(function(e, t) {
|
|
694
694
|
var r = c.useRef(null), o = c.useState({
|
|
695
695
|
onScrollCapture: Re,
|
|
696
696
|
onWheelCapture: Re,
|
|
697
697
|
onTouchMoveCapture: Re
|
|
698
|
-
}), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled,
|
|
698
|
+
}), a = o[0], n = o[1], s = e.forwardProps, i = e.children, u = e.className, l = e.removeScrollBar, d = e.enabled, v = e.shards, p = e.sideCar, m = e.noIsolation, _ = e.inert, h = e.allowPinchZoom, g = e.as, w = g === void 0 ? "div" : g, E = e.gapMode, S = Mt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), y = p, C = mn([r, t]), x = I(I({}, S), a);
|
|
699
699
|
return c.createElement(
|
|
700
700
|
c.Fragment,
|
|
701
701
|
null,
|
|
702
|
-
d && c.createElement(y, { sideCar:
|
|
702
|
+
d && c.createElement(y, { sideCar: It, removeScrollBar: l, shards: v, noIsolation: m, inert: _, setCallbacks: n, allowPinchZoom: !!h, lockRef: r, gapMode: E }),
|
|
703
703
|
s ? c.cloneElement(c.Children.only(i), I(I({}, x), { ref: C })) : c.createElement(w, I({}, x, { className: u, ref: C }), i)
|
|
704
704
|
);
|
|
705
705
|
});
|
|
@@ -712,37 +712,37 @@ ye.classNames = {
|
|
|
712
712
|
fullWidth: ge,
|
|
713
713
|
zeroRight: me
|
|
714
714
|
};
|
|
715
|
-
var
|
|
715
|
+
var yn = function() {
|
|
716
716
|
if (typeof __webpack_nonce__ < "u")
|
|
717
717
|
return __webpack_nonce__;
|
|
718
718
|
};
|
|
719
|
-
function
|
|
719
|
+
function Sn() {
|
|
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 = yn();
|
|
725
725
|
return t && e.setAttribute("nonce", t), e;
|
|
726
726
|
}
|
|
727
|
-
function
|
|
727
|
+
function En(e, t) {
|
|
728
728
|
e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
|
|
729
729
|
}
|
|
730
|
-
function
|
|
730
|
+
function Cn(e) {
|
|
731
731
|
var t = document.head || document.getElementsByTagName("head")[0];
|
|
732
732
|
t.appendChild(e);
|
|
733
733
|
}
|
|
734
|
-
var
|
|
734
|
+
var Pn = function() {
|
|
735
735
|
var e = 0, t = null;
|
|
736
736
|
return {
|
|
737
737
|
add: function(r) {
|
|
738
|
-
e == 0 && (t =
|
|
738
|
+
e == 0 && (t = Sn()) && (En(t, r), Cn(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
|
+
}, xn = function() {
|
|
745
|
+
var e = Pn();
|
|
746
746
|
return function(t, r) {
|
|
747
747
|
c.useEffect(function() {
|
|
748
748
|
return e.add(t), function() {
|
|
@@ -750,36 +750,36 @@ var bn = function() {
|
|
|
750
750
|
};
|
|
751
751
|
}, [t && r]);
|
|
752
752
|
};
|
|
753
|
-
},
|
|
754
|
-
var e =
|
|
753
|
+
}, kt = function() {
|
|
754
|
+
var e = xn(), 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
|
+
}, Nn = {
|
|
760
760
|
left: 0,
|
|
761
761
|
top: 0,
|
|
762
762
|
right: 0,
|
|
763
763
|
gap: 0
|
|
764
|
-
},
|
|
764
|
+
}, De = function(e) {
|
|
765
765
|
return parseInt(e || "", 10) || 0;
|
|
766
|
-
},
|
|
766
|
+
}, An = 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 [De(r), De(o), De(a)];
|
|
769
|
+
}, Rn = function(e) {
|
|
770
770
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
771
|
-
return
|
|
772
|
-
var t =
|
|
771
|
+
return Nn;
|
|
772
|
+
var t = An(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
|
+
}, Dn = kt(), J = "data-scroll-locked", Tn = function(e, t, r, o) {
|
|
780
780
|
var a = e.left, n = e.top, s = e.right, i = e.gap;
|
|
781
781
|
return r === void 0 && (r = "margin"), `
|
|
782
|
-
.`.concat(
|
|
782
|
+
.`.concat(fn, ` {
|
|
783
783
|
overflow: hidden `).concat(o, `;
|
|
784
784
|
padding-right: `).concat(i, "px ").concat(o, `;
|
|
785
785
|
}
|
|
@@ -817,182 +817,182 @@ var bn = function() {
|
|
|
817
817
|
}
|
|
818
818
|
|
|
819
819
|
body[`).concat(J, `] {
|
|
820
|
-
`).concat(
|
|
820
|
+
`).concat(pn, ": ").concat(i, `px;
|
|
821
821
|
}
|
|
822
822
|
`);
|
|
823
|
-
},
|
|
823
|
+
}, ct = function() {
|
|
824
824
|
var e = parseInt(document.body.getAttribute(J) || "0", 10);
|
|
825
825
|
return isFinite(e) ? e : 0;
|
|
826
|
-
},
|
|
826
|
+
}, On = function() {
|
|
827
827
|
c.useEffect(function() {
|
|
828
|
-
return document.body.setAttribute(J, (
|
|
829
|
-
var e =
|
|
828
|
+
return document.body.setAttribute(J, (ct() + 1).toString()), function() {
|
|
829
|
+
var e = ct() - 1;
|
|
830
830
|
e <= 0 ? document.body.removeAttribute(J) : document.body.setAttribute(J, e.toString());
|
|
831
831
|
};
|
|
832
832
|
}, []);
|
|
833
|
-
},
|
|
833
|
+
}, Ln = function(e) {
|
|
834
834
|
var t = e.noRelative, r = e.noImportant, o = e.gapMode, a = o === void 0 ? "margin" : o;
|
|
835
|
-
|
|
835
|
+
On();
|
|
836
836
|
var n = c.useMemo(function() {
|
|
837
|
-
return
|
|
837
|
+
return Rn(a);
|
|
838
838
|
}, [a]);
|
|
839
|
-
return c.createElement(
|
|
840
|
-
},
|
|
839
|
+
return c.createElement(Dn, { styles: Tn(n, !t, a, r ? "" : "!important") });
|
|
840
|
+
}, We = !1;
|
|
841
841
|
if (typeof window < "u")
|
|
842
842
|
try {
|
|
843
843
|
var le = Object.defineProperty({}, "passive", {
|
|
844
844
|
get: function() {
|
|
845
|
-
return
|
|
845
|
+
return We = !0, !0;
|
|
846
846
|
}
|
|
847
847
|
});
|
|
848
848
|
window.addEventListener("test", le, le), window.removeEventListener("test", le, le);
|
|
849
849
|
} catch {
|
|
850
|
-
|
|
850
|
+
We = !1;
|
|
851
851
|
}
|
|
852
|
-
var X =
|
|
852
|
+
var X = We ? { passive: !1 } : !1, Mn = 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 && !Mn(e) && r[t] === "visible")
|
|
862
862
|
);
|
|
863
|
-
},
|
|
864
|
-
return
|
|
865
|
-
},
|
|
866
|
-
return
|
|
867
|
-
},
|
|
863
|
+
}, $n = function(e) {
|
|
864
|
+
return Wt(e, "overflowY");
|
|
865
|
+
}, In = function(e) {
|
|
866
|
+
return Wt(e, "overflowX");
|
|
867
|
+
}, lt = 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 = Ft(e, o);
|
|
872
872
|
if (a) {
|
|
873
|
-
var n =
|
|
873
|
+
var n = jt(e, o), s = n[1], i = n[2];
|
|
874
874
|
if (s > i)
|
|
875
875
|
return !0;
|
|
876
876
|
}
|
|
877
877
|
o = o.parentNode;
|
|
878
878
|
} while (o && o !== r.body);
|
|
879
879
|
return !1;
|
|
880
|
-
},
|
|
880
|
+
}, kn = 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
|
+
}, Wn = 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
|
-
},
|
|
895
|
-
return e === "v" ?
|
|
896
|
-
},
|
|
897
|
-
return e === "v" ?
|
|
898
|
-
},
|
|
894
|
+
}, Ft = function(e, t) {
|
|
895
|
+
return e === "v" ? $n(t) : In(t);
|
|
896
|
+
}, jt = function(e, t) {
|
|
897
|
+
return e === "v" ? kn(t) : Wn(t);
|
|
898
|
+
}, Fn = function(e, t) {
|
|
899
899
|
return e === "h" && t === "rtl" ? -1 : 1;
|
|
900
|
-
},
|
|
901
|
-
var n =
|
|
900
|
+
}, jn = function(e, t, r, o, a) {
|
|
901
|
+
var n = Fn(e, window.getComputedStyle(t).direction), s = n * o, i = r.target, u = t.contains(i), l = !1, d = s > 0, v = 0, p = 0;
|
|
902
902
|
do {
|
|
903
|
-
var m =
|
|
904
|
-
(_ || w) &&
|
|
903
|
+
var m = jt(e, i), _ = m[0], h = m[1], g = m[2], w = h - g - n * _;
|
|
904
|
+
(_ || w) && Ft(e, i) && (v += w, p += _), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
|
|
905
905
|
} while (
|
|
906
906
|
// portaled content
|
|
907
907
|
!u && i !== document.body || // self content
|
|
908
908
|
u && (t.contains(i) || t === i)
|
|
909
909
|
);
|
|
910
|
-
return (d && Math.abs(
|
|
910
|
+
return (d && Math.abs(v) < 1 || !d && Math.abs(p) < 1) && (l = !0), l;
|
|
911
911
|
}, ue = function(e) {
|
|
912
912
|
return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
|
|
913
|
-
}, lt = function(e) {
|
|
914
|
-
return [e.deltaX, e.deltaY];
|
|
915
913
|
}, ut = function(e) {
|
|
914
|
+
return [e.deltaX, e.deltaY];
|
|
915
|
+
}, dt = function(e) {
|
|
916
916
|
return e && "current" in e ? e.current : e;
|
|
917
|
-
},
|
|
917
|
+
}, qn = function(e, t) {
|
|
918
918
|
return e[0] === t[0] && e[1] === t[1];
|
|
919
|
-
},
|
|
919
|
+
}, Un = 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 = c.useRef([]), r = c.useRef([0, 0]), o = c.useRef(), a = c.useState(
|
|
924
|
+
}, zn = 0, G = [];
|
|
925
|
+
function Hn(e) {
|
|
926
|
+
var t = c.useRef([]), r = c.useRef([0, 0]), o = c.useRef(), a = c.useState(zn++)[0], n = c.useState(kt)[0], s = c.useRef(e);
|
|
927
927
|
c.useEffect(function() {
|
|
928
928
|
s.current = e;
|
|
929
929
|
}, [e]), c.useEffect(function() {
|
|
930
930
|
if (e.inert) {
|
|
931
931
|
document.body.classList.add("block-interactivity-".concat(a));
|
|
932
|
-
var
|
|
933
|
-
return
|
|
932
|
+
var h = dn([e.lockRef.current], (e.shards || []).map(dt), !0).filter(Boolean);
|
|
933
|
+
return h.forEach(function(g) {
|
|
934
934
|
return g.classList.add("allow-interactivity-".concat(a));
|
|
935
935
|
}), function() {
|
|
936
|
-
document.body.classList.remove("block-interactivity-".concat(a)),
|
|
936
|
+
document.body.classList.remove("block-interactivity-".concat(a)), h.forEach(function(g) {
|
|
937
937
|
return g.classList.remove("allow-interactivity-".concat(a));
|
|
938
938
|
});
|
|
939
939
|
};
|
|
940
940
|
}
|
|
941
941
|
}, [e.inert, e.lockRef.current, e.shards]);
|
|
942
|
-
var i = c.useCallback(function(
|
|
943
|
-
if ("touches" in
|
|
942
|
+
var i = c.useCallback(function(h, g) {
|
|
943
|
+
if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
|
|
944
944
|
return !s.current.allowPinchZoom;
|
|
945
|
-
var w = ue(
|
|
946
|
-
if ("touches" in
|
|
945
|
+
var w = ue(h), E = r.current, S = "deltaX" in h ? h.deltaX : E[0] - w[0], y = "deltaY" in h ? h.deltaY : E[1] - w[1], C, x = h.target, b = Math.abs(S) > Math.abs(y) ? "h" : "v";
|
|
946
|
+
if ("touches" in h && b === "h" && x.type === "range")
|
|
947
947
|
return !1;
|
|
948
|
-
var N =
|
|
948
|
+
var N = lt(b, x);
|
|
949
949
|
if (!N)
|
|
950
950
|
return !0;
|
|
951
|
-
if (N ? C = b : (C = b === "v" ? "h" : "v", N =
|
|
951
|
+
if (N ? C = b : (C = b === "v" ? "h" : "v", N = lt(b, x)), !N)
|
|
952
952
|
return !1;
|
|
953
|
-
if (!o.current && "changedTouches" in
|
|
953
|
+
if (!o.current && "changedTouches" in h && (S || y) && (o.current = C), !C)
|
|
954
954
|
return !0;
|
|
955
955
|
var P = o.current || C;
|
|
956
|
-
return
|
|
957
|
-
}, []), u = c.useCallback(function(
|
|
958
|
-
var g =
|
|
956
|
+
return jn(P, g, h, P === "h" ? S : y);
|
|
957
|
+
}, []), u = c.useCallback(function(h) {
|
|
958
|
+
var g = h;
|
|
959
959
|
if (!(!G.length || G[G.length - 1] !== n)) {
|
|
960
|
-
var w = "deltaY" in g ?
|
|
961
|
-
return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) &&
|
|
960
|
+
var w = "deltaY" in g ? ut(g) : ue(g), E = t.current.filter(function(C) {
|
|
961
|
+
return C.name === g.type && (C.target === g.target || g.target === C.shadowParent) && qn(C.delta, w);
|
|
962
962
|
})[0];
|
|
963
963
|
if (E && E.should) {
|
|
964
964
|
g.cancelable && g.preventDefault();
|
|
965
965
|
return;
|
|
966
966
|
}
|
|
967
967
|
if (!E) {
|
|
968
|
-
var S = (s.current.shards || []).map(
|
|
968
|
+
var S = (s.current.shards || []).map(dt).filter(Boolean).filter(function(C) {
|
|
969
969
|
return C.contains(g.target);
|
|
970
970
|
}), y = S.length > 0 ? i(g, S[0]) : !s.current.noIsolation;
|
|
971
971
|
y && g.cancelable && g.preventDefault();
|
|
972
972
|
}
|
|
973
973
|
}
|
|
974
|
-
}, []), l = c.useCallback(function(
|
|
975
|
-
var S = { name:
|
|
974
|
+
}, []), l = c.useCallback(function(h, g, w, E) {
|
|
975
|
+
var S = { name: h, delta: g, target: w, should: E, shadowParent: Bn(w) };
|
|
976
976
|
t.current.push(S), setTimeout(function() {
|
|
977
977
|
t.current = t.current.filter(function(y) {
|
|
978
978
|
return y !== S;
|
|
979
979
|
});
|
|
980
980
|
}, 1);
|
|
981
|
-
}, []), d = c.useCallback(function(
|
|
982
|
-
r.current = ue(
|
|
983
|
-
}, []),
|
|
984
|
-
l(
|
|
985
|
-
}, []), p = c.useCallback(function(
|
|
986
|
-
l(
|
|
981
|
+
}, []), d = c.useCallback(function(h) {
|
|
982
|
+
r.current = ue(h), o.current = void 0;
|
|
983
|
+
}, []), v = c.useCallback(function(h) {
|
|
984
|
+
l(h.type, ut(h), h.target, i(h, e.lockRef.current));
|
|
985
|
+
}, []), p = c.useCallback(function(h) {
|
|
986
|
+
l(h.type, ue(h), h.target, i(h, e.lockRef.current));
|
|
987
987
|
}, []);
|
|
988
988
|
c.useEffect(function() {
|
|
989
989
|
return G.push(n), e.setCallbacks({
|
|
990
|
-
onScrollCapture:
|
|
991
|
-
onWheelCapture:
|
|
990
|
+
onScrollCapture: v,
|
|
991
|
+
onWheelCapture: v,
|
|
992
992
|
onTouchMoveCapture: p
|
|
993
993
|
}), document.addEventListener("wheel", u, X), document.addEventListener("touchmove", u, X), document.addEventListener("touchstart", d, X), function() {
|
|
994
|
-
G = G.filter(function(
|
|
995
|
-
return
|
|
994
|
+
G = G.filter(function(h) {
|
|
995
|
+
return h !== n;
|
|
996
996
|
}), document.removeEventListener("wheel", u, X), document.removeEventListener("touchmove", u, X), document.removeEventListener("touchstart", d, X);
|
|
997
997
|
};
|
|
998
998
|
}, []);
|
|
@@ -1000,69 +1000,69 @@ function Fn(e) {
|
|
|
1000
1000
|
return c.createElement(
|
|
1001
1001
|
c.Fragment,
|
|
1002
1002
|
null,
|
|
1003
|
-
_ ? c.createElement(n, { styles:
|
|
1004
|
-
m ? c.createElement(
|
|
1003
|
+
_ ? c.createElement(n, { styles: Un(a) }) : null,
|
|
1004
|
+
m ? c.createElement(Ln, { gapMode: e.gapMode }) : null
|
|
1005
1005
|
);
|
|
1006
1006
|
}
|
|
1007
|
-
function
|
|
1007
|
+
function Bn(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 c.createElement(ye, I({}, e, { ref: t, sideCar:
|
|
1012
|
+
const Yn = bn(It, Hn);
|
|
1013
|
+
var qt = c.forwardRef(function(e, t) {
|
|
1014
|
+
return c.createElement(ye, I({}, e, { ref: t, sideCar: Yn }));
|
|
1015
1015
|
});
|
|
1016
|
-
|
|
1017
|
-
var
|
|
1016
|
+
qt.classNames = ye.classNames;
|
|
1017
|
+
var Vn = 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
|
-
}, K = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), fe = {},
|
|
1023
|
-
return e && (e.host ||
|
|
1024
|
-
},
|
|
1022
|
+
}, K = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), fe = {}, Te = 0, Ut = function(e) {
|
|
1023
|
+
return e && (e.host || Ut(e.parentNode));
|
|
1024
|
+
}, Xn = 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 = Ut(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 =
|
|
1033
|
+
}, Gn = function(e, t, r, o) {
|
|
1034
|
+
var a = Xn(t, Array.isArray(e) ? e : [e]);
|
|
1035
1035
|
fe[r] || (fe[r] = /* @__PURE__ */ new WeakMap());
|
|
1036
|
-
var n = fe[r], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(
|
|
1037
|
-
!
|
|
1036
|
+
var n = fe[r], s = [], i = /* @__PURE__ */ new Set(), u = new Set(a), l = function(v) {
|
|
1037
|
+
!v || i.has(v) || (i.add(v), l(v.parentNode));
|
|
1038
1038
|
};
|
|
1039
1039
|
a.forEach(l);
|
|
1040
|
-
var d = function(
|
|
1041
|
-
!
|
|
1040
|
+
var d = function(v) {
|
|
1041
|
+
!v || u.has(v) || Array.prototype.forEach.call(v.children, function(p) {
|
|
1042
1042
|
if (i.has(p))
|
|
1043
1043
|
d(p);
|
|
1044
1044
|
else
|
|
1045
1045
|
try {
|
|
1046
|
-
var m = p.getAttribute(o), _ = m !== null && m !== "false",
|
|
1047
|
-
K.set(p,
|
|
1046
|
+
var m = p.getAttribute(o), _ = m !== null && m !== "false", h = (K.get(p) || 0) + 1, g = (n.get(p) || 0) + 1;
|
|
1047
|
+
K.set(p, h), n.set(p, g), s.push(p), h === 1 && _ && de.set(p, !0), g === 1 && p.setAttribute(r, "true"), _ || p.setAttribute(o, "true");
|
|
1048
1048
|
} catch (w) {
|
|
1049
1049
|
console.error("aria-hidden: cannot operate on ", p, w);
|
|
1050
1050
|
}
|
|
1051
1051
|
});
|
|
1052
1052
|
};
|
|
1053
|
-
return d(t), i.clear(),
|
|
1054
|
-
s.forEach(function(
|
|
1055
|
-
var p = K.get(
|
|
1056
|
-
K.set(
|
|
1057
|
-
}),
|
|
1053
|
+
return d(t), i.clear(), Te++, function() {
|
|
1054
|
+
s.forEach(function(v) {
|
|
1055
|
+
var p = K.get(v) - 1, m = n.get(v) - 1;
|
|
1056
|
+
K.set(v, p), n.set(v, m), p || (de.has(v) || v.removeAttribute(o), de.delete(v)), m || v.removeAttribute(r);
|
|
1057
|
+
}), Te--, Te || (K = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new WeakMap(), de = /* @__PURE__ */ new WeakMap(), fe = {});
|
|
1058
1058
|
};
|
|
1059
|
-
},
|
|
1059
|
+
}, Kn = 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 = Vn(e);
|
|
1062
|
+
return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Gn(o, a, r, "aria-hidden")) : function() {
|
|
1063
1063
|
return null;
|
|
1064
1064
|
};
|
|
1065
|
-
},
|
|
1065
|
+
}, He = "Dialog", [zt, Ma] = Nt(He), [Zn, $] = zt(He), Ht = (e) => {
|
|
1066
1066
|
const {
|
|
1067
1067
|
__scopeDialog: t,
|
|
1068
1068
|
children: r,
|
|
@@ -1070,13 +1070,13 @@ var Un = function(e) {
|
|
|
1070
1070
|
defaultOpen: a,
|
|
1071
1071
|
onOpenChange: n,
|
|
1072
1072
|
modal: s = !0
|
|
1073
|
-
} = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] =
|
|
1073
|
+
} = e, i = c.useRef(null), u = c.useRef(null), [l = !1, d] = Ir({
|
|
1074
1074
|
prop: o,
|
|
1075
1075
|
defaultProp: a,
|
|
1076
1076
|
onChange: n
|
|
1077
1077
|
});
|
|
1078
1078
|
return /* @__PURE__ */ f(
|
|
1079
|
-
|
|
1079
|
+
Zn,
|
|
1080
1080
|
{
|
|
1081
1081
|
scope: t,
|
|
1082
1082
|
triggerRef: i,
|
|
@@ -1086,24 +1086,24 @@ var Un = function(e) {
|
|
|
1086
1086
|
descriptionId: Ce(),
|
|
1087
1087
|
open: l,
|
|
1088
1088
|
onOpenChange: d,
|
|
1089
|
-
onOpenToggle: c.useCallback(() => d((
|
|
1089
|
+
onOpenToggle: c.useCallback(() => d((v) => !v), [d]),
|
|
1090
1090
|
modal: s,
|
|
1091
1091
|
children: r
|
|
1092
1092
|
}
|
|
1093
1093
|
);
|
|
1094
1094
|
};
|
|
1095
|
-
|
|
1096
|
-
var
|
|
1095
|
+
Ht.displayName = He;
|
|
1096
|
+
var Bt = "DialogTrigger", Yt = c.forwardRef(
|
|
1097
1097
|
(e, t) => {
|
|
1098
|
-
const { __scopeDialog: r, ...o } = e, a = $(
|
|
1098
|
+
const { __scopeDialog: r, ...o } = e, a = $(Bt, r), n = O(t, a.triggerRef);
|
|
1099
1099
|
return /* @__PURE__ */ f(
|
|
1100
|
-
|
|
1100
|
+
T.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": Ve(a.open),
|
|
1107
1107
|
...o,
|
|
1108
1108
|
ref: n,
|
|
1109
1109
|
onClick: R(e.onClick, a.onOpenToggle)
|
|
@@ -1111,31 +1111,31 @@ var $t = "DialogTrigger", It = c.forwardRef(
|
|
|
1111
1111
|
);
|
|
1112
1112
|
}
|
|
1113
1113
|
);
|
|
1114
|
-
|
|
1115
|
-
var
|
|
1114
|
+
Yt.displayName = Bt;
|
|
1115
|
+
var Be = "DialogPortal", [Qn, Vt] = zt(Be, {
|
|
1116
1116
|
forceMount: void 0
|
|
1117
|
-
}),
|
|
1118
|
-
const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = $(
|
|
1119
|
-
return /* @__PURE__ */ f(
|
|
1117
|
+
}), Xt = (e) => {
|
|
1118
|
+
const { __scopeDialog: t, forceMount: r, children: o, container: a } = e, n = $(Be, t);
|
|
1119
|
+
return /* @__PURE__ */ f(Qn, { scope: t, forceMount: r, children: c.Children.map(o, (s) => /* @__PURE__ */ f(U, { present: r || n.open, children: /* @__PURE__ */ f(Lt, { asChild: !0, container: a, children: s }) })) });
|
|
1120
1120
|
};
|
|
1121
|
-
|
|
1122
|
-
var _e = "DialogOverlay",
|
|
1121
|
+
Xt.displayName = Be;
|
|
1122
|
+
var _e = "DialogOverlay", Gt = c.forwardRef(
|
|
1123
1123
|
(e, t) => {
|
|
1124
|
-
const r =
|
|
1125
|
-
return n.modal ? /* @__PURE__ */ f(U, { present: o || n.open, children: /* @__PURE__ */ f(
|
|
1124
|
+
const r = Vt(_e, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = $(_e, e.__scopeDialog);
|
|
1125
|
+
return n.modal ? /* @__PURE__ */ f(U, { present: o || n.open, children: /* @__PURE__ */ f(Jn, { ...a, ref: t }) }) : null;
|
|
1126
1126
|
}
|
|
1127
1127
|
);
|
|
1128
|
-
|
|
1129
|
-
var
|
|
1128
|
+
Gt.displayName = _e;
|
|
1129
|
+
var Jn = c.forwardRef(
|
|
1130
1130
|
(e, t) => {
|
|
1131
1131
|
const { __scopeDialog: r, ...o } = e, a = $(_e, 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__ */ f(
|
|
1136
|
-
|
|
1135
|
+
/* @__PURE__ */ f(qt, { as: ze, allowPinchZoom: !0, shards: [a.contentRef], children: /* @__PURE__ */ f(
|
|
1136
|
+
T.div,
|
|
1137
1137
|
{
|
|
1138
|
-
"data-state":
|
|
1138
|
+
"data-state": Ve(a.open),
|
|
1139
1139
|
...o,
|
|
1140
1140
|
ref: t,
|
|
1141
1141
|
style: { pointerEvents: "auto", ...o.style }
|
|
@@ -1143,21 +1143,21 @@ var Xn = c.forwardRef(
|
|
|
1143
1143
|
) })
|
|
1144
1144
|
);
|
|
1145
1145
|
}
|
|
1146
|
-
), B = "DialogContent",
|
|
1146
|
+
), B = "DialogContent", Kt = c.forwardRef(
|
|
1147
1147
|
(e, t) => {
|
|
1148
|
-
const r =
|
|
1149
|
-
return /* @__PURE__ */ f(U, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(
|
|
1148
|
+
const r = Vt(B, e.__scopeDialog), { forceMount: o = r.forceMount, ...a } = e, n = $(B, e.__scopeDialog);
|
|
1149
|
+
return /* @__PURE__ */ f(U, { present: o || n.open, children: n.modal ? /* @__PURE__ */ f(eo, { ...a, ref: t }) : /* @__PURE__ */ f(to, { ...a, ref: t }) });
|
|
1150
1150
|
}
|
|
1151
1151
|
);
|
|
1152
|
-
|
|
1153
|
-
var
|
|
1152
|
+
Kt.displayName = B;
|
|
1153
|
+
var eo = c.forwardRef(
|
|
1154
1154
|
(e, t) => {
|
|
1155
1155
|
const r = $(B, e.__scopeDialog), o = c.useRef(null), a = O(t, r.contentRef, o);
|
|
1156
1156
|
return c.useEffect(() => {
|
|
1157
1157
|
const n = o.current;
|
|
1158
|
-
if (n) return
|
|
1158
|
+
if (n) return Kn(n);
|
|
1159
1159
|
}, []), /* @__PURE__ */ f(
|
|
1160
|
-
|
|
1160
|
+
Zt,
|
|
1161
1161
|
{
|
|
1162
1162
|
...e,
|
|
1163
1163
|
ref: a,
|
|
@@ -1178,11 +1178,11 @@ var Gn = c.forwardRef(
|
|
|
1178
1178
|
}
|
|
1179
1179
|
);
|
|
1180
1180
|
}
|
|
1181
|
-
),
|
|
1181
|
+
), to = c.forwardRef(
|
|
1182
1182
|
(e, t) => {
|
|
1183
1183
|
const r = $(B, e.__scopeDialog), o = c.useRef(!1), a = c.useRef(!1);
|
|
1184
1184
|
return /* @__PURE__ */ f(
|
|
1185
|
-
|
|
1185
|
+
Zt,
|
|
1186
1186
|
{
|
|
1187
1187
|
...e,
|
|
1188
1188
|
ref: t,
|
|
@@ -1201,12 +1201,12 @@ var Gn = c.forwardRef(
|
|
|
1201
1201
|
}
|
|
1202
1202
|
);
|
|
1203
1203
|
}
|
|
1204
|
-
),
|
|
1204
|
+
), Zt = c.forwardRef(
|
|
1205
1205
|
(e, t) => {
|
|
1206
1206
|
const { __scopeDialog: r, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: n, ...s } = e, i = $(B, r), u = c.useRef(null), l = O(t, u);
|
|
1207
|
-
return
|
|
1207
|
+
return un(), /* @__PURE__ */ L(ie, { children: [
|
|
1208
1208
|
/* @__PURE__ */ f(
|
|
1209
|
-
|
|
1209
|
+
Tt,
|
|
1210
1210
|
{
|
|
1211
1211
|
asChild: !0,
|
|
1212
1212
|
loop: !0,
|
|
@@ -1214,13 +1214,13 @@ var Gn = c.forwardRef(
|
|
|
1214
1214
|
onMountAutoFocus: a,
|
|
1215
1215
|
onUnmountAutoFocus: n,
|
|
1216
1216
|
children: /* @__PURE__ */ f(
|
|
1217
|
-
|
|
1217
|
+
Rt,
|
|
1218
1218
|
{
|
|
1219
1219
|
role: "dialog",
|
|
1220
1220
|
id: i.contentId,
|
|
1221
1221
|
"aria-describedby": i.descriptionId,
|
|
1222
1222
|
"aria-labelledby": i.titleId,
|
|
1223
|
-
"data-state":
|
|
1223
|
+
"data-state": Ve(i.open),
|
|
1224
1224
|
...s,
|
|
1225
1225
|
ref: l,
|
|
1226
1226
|
onDismiss: () => i.onOpenChange(!1)
|
|
@@ -1229,30 +1229,30 @@ var Gn = c.forwardRef(
|
|
|
1229
1229
|
}
|
|
1230
1230
|
),
|
|
1231
1231
|
/* @__PURE__ */ L(ie, { children: [
|
|
1232
|
-
/* @__PURE__ */ f(
|
|
1233
|
-
/* @__PURE__ */ f(
|
|
1232
|
+
/* @__PURE__ */ f(ro, { titleId: i.titleId }),
|
|
1233
|
+
/* @__PURE__ */ f(oo, { contentRef: u, descriptionId: i.descriptionId })
|
|
1234
1234
|
] })
|
|
1235
1235
|
] });
|
|
1236
1236
|
}
|
|
1237
|
-
),
|
|
1237
|
+
), Ye = "DialogTitle", Qt = c.forwardRef(
|
|
1238
1238
|
(e, t) => {
|
|
1239
|
-
const { __scopeDialog: r, ...o } = e, a = $(
|
|
1240
|
-
return /* @__PURE__ */ f(
|
|
1239
|
+
const { __scopeDialog: r, ...o } = e, a = $(Ye, r);
|
|
1240
|
+
return /* @__PURE__ */ f(T.h2, { id: a.titleId, ...o, ref: t });
|
|
1241
1241
|
}
|
|
1242
1242
|
);
|
|
1243
|
-
|
|
1244
|
-
var
|
|
1243
|
+
Qt.displayName = Ye;
|
|
1244
|
+
var Jt = "DialogDescription", er = c.forwardRef(
|
|
1245
1245
|
(e, t) => {
|
|
1246
|
-
const { __scopeDialog: r, ...o } = e, a = $(
|
|
1247
|
-
return /* @__PURE__ */ f(
|
|
1246
|
+
const { __scopeDialog: r, ...o } = e, a = $(Jt, r);
|
|
1247
|
+
return /* @__PURE__ */ f(T.p, { id: a.descriptionId, ...o, ref: t });
|
|
1248
1248
|
}
|
|
1249
1249
|
);
|
|
1250
|
-
|
|
1251
|
-
var
|
|
1250
|
+
er.displayName = Jt;
|
|
1251
|
+
var tr = "DialogClose", rr = c.forwardRef(
|
|
1252
1252
|
(e, t) => {
|
|
1253
|
-
const { __scopeDialog: r, ...o } = e, a = $(
|
|
1253
|
+
const { __scopeDialog: r, ...o } = e, a = $(tr, r);
|
|
1254
1254
|
return /* @__PURE__ */ f(
|
|
1255
|
-
|
|
1255
|
+
T.button,
|
|
1256
1256
|
{
|
|
1257
1257
|
type: "button",
|
|
1258
1258
|
...o,
|
|
@@ -1262,16 +1262,16 @@ var Bt = "DialogClose", Yt = c.forwardRef(
|
|
|
1262
1262
|
);
|
|
1263
1263
|
}
|
|
1264
1264
|
);
|
|
1265
|
-
|
|
1266
|
-
function
|
|
1265
|
+
rr.displayName = tr;
|
|
1266
|
+
function Ve(e) {
|
|
1267
1267
|
return e ? "open" : "closed";
|
|
1268
1268
|
}
|
|
1269
|
-
var
|
|
1269
|
+
var nr = "DialogTitleWarning", [$a, or] = Or(nr, {
|
|
1270
1270
|
contentName: B,
|
|
1271
|
-
titleName:
|
|
1271
|
+
titleName: Ye,
|
|
1272
1272
|
docsSlug: "dialog"
|
|
1273
|
-
}),
|
|
1274
|
-
const t =
|
|
1273
|
+
}), ro = ({ titleId: e }) => {
|
|
1274
|
+
const t = or(nr), 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,70 +1279,73 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
1279
1279
|
return c.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
|
+
}, no = "DialogDescriptionWarning", oo = ({ contentRef: e, descriptionId: t }) => {
|
|
1283
|
+
const o = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${or(no).contentName}}.`;
|
|
1284
1284
|
return c.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
|
-
},
|
|
1290
|
-
function
|
|
1289
|
+
}, ao = Ht, io = Yt, so = Xt, co = Gt, lo = Kt, ft = Qt, uo = er, fo = rr;
|
|
1290
|
+
function po(e) {
|
|
1291
1291
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1292
1292
|
}
|
|
1293
|
-
var
|
|
1293
|
+
var Oe = { exports: {} };
|
|
1294
1294
|
/*!
|
|
1295
1295
|
Copyright (c) 2018 Jed Watson.
|
|
1296
1296
|
Licensed under the MIT License (MIT), see
|
|
1297
1297
|
http://jedwatson.github.io/classnames
|
|
1298
1298
|
*/
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
function
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1299
|
+
var pt;
|
|
1300
|
+
function vo() {
|
|
1301
|
+
return pt || (pt = 1, function(e) {
|
|
1302
|
+
(function() {
|
|
1303
|
+
var t = {}.hasOwnProperty;
|
|
1304
|
+
function r() {
|
|
1305
|
+
for (var n = "", s = 0; s < arguments.length; s++) {
|
|
1306
|
+
var i = arguments[s];
|
|
1307
|
+
i && (n = a(n, o.call(this, i)));
|
|
1308
|
+
}
|
|
1309
|
+
return n;
|
|
1306
1310
|
}
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
}
|
|
1326
|
-
|
|
1327
|
-
|
|
1328
|
-
|
|
1329
|
-
|
|
1330
|
-
const Y = /* @__PURE__ */ so(co), Kt = yr(null), lo = {}, uo = "_drawerSmallScreenAnimation_1qg14_1", fo = "_drawerLargeScreenAnimation_1qg14_1", po = "_slideDown_1qg14_1", ho = "_overlayAnimation_1qg14_1", vo = {
|
|
1311
|
+
function o(n) {
|
|
1312
|
+
if (typeof n == "string" || typeof n == "number")
|
|
1313
|
+
return this && this[n] || n;
|
|
1314
|
+
if (typeof n != "object")
|
|
1315
|
+
return "";
|
|
1316
|
+
if (Array.isArray(n))
|
|
1317
|
+
return r.apply(this, n);
|
|
1318
|
+
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1319
|
+
return n.toString();
|
|
1320
|
+
var s = "";
|
|
1321
|
+
for (var i in n)
|
|
1322
|
+
t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
|
|
1323
|
+
return s;
|
|
1324
|
+
}
|
|
1325
|
+
function a(n, s) {
|
|
1326
|
+
return s ? n ? n + " " + s : n + s : n;
|
|
1327
|
+
}
|
|
1328
|
+
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1329
|
+
})();
|
|
1330
|
+
}(Oe)), Oe.exports;
|
|
1331
|
+
}
|
|
1332
|
+
var ho = vo();
|
|
1333
|
+
const Y = /* @__PURE__ */ po(ho), ar = xr(null), mo = {}, go = "_drawerSmallScreenAnimation_1qg14_1", _o = "_drawerLargeScreenAnimation_1qg14_1", wo = "_slideDown_1qg14_1", bo = "_overlayAnimation_1qg14_1", yo = {
|
|
1331
1334
|
"purpur-drawer-content": "_purpur-drawer-content_1qg14_1",
|
|
1332
|
-
drawerSmallScreenAnimation:
|
|
1333
|
-
drawerLargeScreenAnimation:
|
|
1335
|
+
drawerSmallScreenAnimation: go,
|
|
1336
|
+
drawerLargeScreenAnimation: _o,
|
|
1334
1337
|
"purpur-drawer-content__content-container": "_purpur-drawer-content__content-container_1qg14_24",
|
|
1335
1338
|
"purpur-drawer-content__drawer-frame": "_purpur-drawer-content__drawer-frame_1qg14_29",
|
|
1336
|
-
slideDown:
|
|
1339
|
+
slideDown: wo,
|
|
1337
1340
|
"purpur-drawer-content__description": "_purpur-drawer-content__description_1qg14_39",
|
|
1338
1341
|
"purpur-drawer-overlay": "_purpur-drawer-overlay_1qg14_50",
|
|
1339
|
-
overlayAnimation:
|
|
1340
|
-
},
|
|
1342
|
+
overlayAnimation: bo
|
|
1343
|
+
}, So = {
|
|
1341
1344
|
"purpur-drawer-container--header": "_purpur-drawer-container--header_1r6tb_1",
|
|
1342
1345
|
"purpur-drawer-container--body": "_purpur-drawer-container--body_1r6tb_5",
|
|
1343
1346
|
"purpur-drawer-container--sticky": "_purpur-drawer-container--sticky_1r6tb_8",
|
|
1344
1347
|
"purpur-drawer-container--footer": "_purpur-drawer-container--footer_1r6tb_11"
|
|
1345
|
-
},
|
|
1348
|
+
}, Eo = Y.bind(So), Le = "purpur-drawer-container", Q = q(
|
|
1346
1349
|
({
|
|
1347
1350
|
["data-testid"]: e = "purpur-drawer-container",
|
|
1348
1351
|
children: t,
|
|
@@ -1351,21 +1354,21 @@ const Y = /* @__PURE__ */ so(co), Kt = yr(null), lo = {}, uo = "_drawerSmallScre
|
|
|
1351
1354
|
stickyFooter: a,
|
|
1352
1355
|
...n
|
|
1353
1356
|
}, s) => {
|
|
1354
|
-
const i =
|
|
1357
|
+
const i = Eo([
|
|
1355
1358
|
r,
|
|
1356
|
-
|
|
1359
|
+
Le,
|
|
1357
1360
|
{
|
|
1358
|
-
[`${
|
|
1361
|
+
[`${Le}--${o}`]: o
|
|
1359
1362
|
},
|
|
1360
1363
|
{
|
|
1361
|
-
[`${
|
|
1364
|
+
[`${Le}--sticky`]: a
|
|
1362
1365
|
}
|
|
1363
1366
|
]);
|
|
1364
1367
|
return /* @__PURE__ */ f("div", { className: i, "data-testid": e, ref: s, ...n, children: t });
|
|
1365
1368
|
}
|
|
1366
1369
|
);
|
|
1367
1370
|
Q.displayName = "DrawerContainer";
|
|
1368
|
-
const
|
|
1371
|
+
const Co = {
|
|
1369
1372
|
"purpur-drawer-frame": "_purpur-drawer-frame_jj7dt_1",
|
|
1370
1373
|
"purpur-drawer-frame--sticky-footer": "_purpur-drawer-frame--sticky-footer_jj7dt_17",
|
|
1371
1374
|
"purpur-drawer-frame__header": "_purpur-drawer-frame__header_jj7dt_20",
|
|
@@ -1373,28 +1376,28 @@ const _o = {
|
|
|
1373
1376
|
"purpur-drawer-frame__footer": "_purpur-drawer-frame__footer_jj7dt_27",
|
|
1374
1377
|
"purpur-drawer-frame__content-container": "_purpur-drawer-frame__content-container_jj7dt_30",
|
|
1375
1378
|
"purpur-drawer-frame__content-container--no-footer": "_purpur-drawer-frame__content-container--no-footer_jj7dt_35"
|
|
1376
|
-
},
|
|
1379
|
+
}, Po = {
|
|
1377
1380
|
"purpur-drawer-handle": "_purpur-drawer-handle_3n0ew_1"
|
|
1378
|
-
},
|
|
1381
|
+
}, xo = (e, t, r, o, a, n) => ({
|
|
1379
1382
|
onPointerDown: (l) => {
|
|
1380
1383
|
e.current = { y: l.clientY };
|
|
1381
1384
|
},
|
|
1382
1385
|
onPointerMove: (l) => {
|
|
1383
1386
|
if (!e.current)
|
|
1384
1387
|
return;
|
|
1385
|
-
const d = l.clientY - e.current.y,
|
|
1386
|
-
|
|
1388
|
+
const d = l.clientY - e.current.y, v = !!t.current, p = Math.max(0, d), m = l.pointerType === "touch" ? 10 : 2, _ = { y: p }, h = { originalEvent: l, delta: _ };
|
|
1389
|
+
v ? (t.current = _, o(h)) : vt(_, 0) ? (t.current = _, r(), l.target.setPointerCapture(l.pointerId)) : Math.abs(d) > m && (e.current = null);
|
|
1387
1390
|
},
|
|
1388
1391
|
onPointerUp: (l) => {
|
|
1389
|
-
const d = t.current,
|
|
1390
|
-
if (
|
|
1392
|
+
const d = t.current, v = l.target;
|
|
1393
|
+
if (v.hasPointerCapture(l.pointerId) && v.releasePointerCapture(l.pointerId), t.current = null, e.current = null, d) {
|
|
1391
1394
|
const p = l.currentTarget, m = { originalEvent: l, delta: d };
|
|
1392
|
-
|
|
1395
|
+
vt(d, 0) && d.y > 200 ? n(m) : a(), p.addEventListener("click", (_) => _.preventDefault(), {
|
|
1393
1396
|
once: !0
|
|
1394
1397
|
});
|
|
1395
1398
|
}
|
|
1396
1399
|
}
|
|
1397
|
-
}),
|
|
1400
|
+
}), vt = (e, t = 0) => Math.abs(e.y) > t, No = Y.bind(Po), Ao = "purpur-drawer-handle", ir = q(
|
|
1398
1401
|
({
|
|
1399
1402
|
["data-testid"]: e = "purpur-drawer-handle",
|
|
1400
1403
|
className: t,
|
|
@@ -1404,7 +1407,7 @@ const _o = {
|
|
|
1404
1407
|
onSwipeEnd: n,
|
|
1405
1408
|
...s
|
|
1406
1409
|
}, i) => {
|
|
1407
|
-
const u =
|
|
1410
|
+
const u = No([t, Ao]), l = $e.useRef(null), d = $e.useRef(null), { onPointerDown: v, onPointerMove: p, onPointerUp: m } = xo(
|
|
1408
1411
|
d,
|
|
1409
1412
|
l,
|
|
1410
1413
|
r,
|
|
@@ -1417,7 +1420,7 @@ const _o = {
|
|
|
1417
1420
|
{
|
|
1418
1421
|
className: u,
|
|
1419
1422
|
"data-testid": e,
|
|
1420
|
-
onPointerDown:
|
|
1423
|
+
onPointerDown: v,
|
|
1421
1424
|
onPointerMove: p,
|
|
1422
1425
|
onPointerUp: m,
|
|
1423
1426
|
ref: i,
|
|
@@ -1426,91 +1429,83 @@ const _o = {
|
|
|
1426
1429
|
);
|
|
1427
1430
|
}
|
|
1428
1431
|
);
|
|
1429
|
-
|
|
1430
|
-
const
|
|
1431
|
-
PRIMARY: "primary",
|
|
1432
|
-
SECONDARY: "secondary",
|
|
1433
|
-
EXPRESSIVE: "expressive"
|
|
1434
|
-
}, Co = {
|
|
1435
|
-
XS: "xs",
|
|
1436
|
-
SM: "sm",
|
|
1437
|
-
MD: "md",
|
|
1432
|
+
ir.displayName = "DrawerHandle";
|
|
1433
|
+
const Ro = {
|
|
1438
1434
|
LG: "lg"
|
|
1439
1435
|
};
|
|
1440
|
-
function
|
|
1436
|
+
function Do(e) {
|
|
1441
1437
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1442
1438
|
}
|
|
1443
|
-
var
|
|
1439
|
+
var ht = { exports: {} };
|
|
1444
1440
|
/*!
|
|
1445
1441
|
Copyright (c) 2018 Jed Watson.
|
|
1446
1442
|
Licensed under the MIT License (MIT), see
|
|
1447
1443
|
http://jedwatson.github.io/classnames
|
|
1448
1444
|
*/
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
function
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
function o(n) {
|
|
1460
|
-
if (typeof n == "string" || typeof n == "number")
|
|
1445
|
+
var mt;
|
|
1446
|
+
function To() {
|
|
1447
|
+
return mt || (mt = 1, function(e) {
|
|
1448
|
+
(function() {
|
|
1449
|
+
var t = {}.hasOwnProperty;
|
|
1450
|
+
function r() {
|
|
1451
|
+
for (var n = "", s = 0; s < arguments.length; s++) {
|
|
1452
|
+
var i = arguments[s];
|
|
1453
|
+
i && (n = a(n, o(i)));
|
|
1454
|
+
}
|
|
1461
1455
|
return n;
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1456
|
+
}
|
|
1457
|
+
function o(n) {
|
|
1458
|
+
if (typeof n == "string" || typeof n == "number")
|
|
1459
|
+
return n;
|
|
1460
|
+
if (typeof n != "object")
|
|
1461
|
+
return "";
|
|
1462
|
+
if (Array.isArray(n))
|
|
1463
|
+
return r.apply(null, n);
|
|
1464
|
+
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1465
|
+
return n.toString();
|
|
1466
|
+
var s = "";
|
|
1467
|
+
for (var i in n)
|
|
1468
|
+
t.call(n, i) && n[i] && (s = a(s, i));
|
|
1469
|
+
return s;
|
|
1470
|
+
}
|
|
1471
|
+
function a(n, s) {
|
|
1472
|
+
return s ? n ? n + " " + s : n + s : n;
|
|
1473
|
+
}
|
|
1474
|
+
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1475
|
+
})();
|
|
1476
|
+
}(ht)), ht.exports;
|
|
1477
|
+
}
|
|
1478
|
+
var Oo = To();
|
|
1479
|
+
const gt = /* @__PURE__ */ Do(Oo), Lo = "_rotate_1xozj_1", Mo = "_dash_1xozj_1", te = {
|
|
1481
1480
|
"purpur-spinner": "_purpur-spinner_1xozj_1",
|
|
1482
|
-
rotate:
|
|
1481
|
+
rotate: Lo,
|
|
1483
1482
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_1xozj_4",
|
|
1484
1483
|
"purpur-spinner--xs": "_purpur-spinner--xs_1xozj_8",
|
|
1485
1484
|
"purpur-spinner--sm": "_purpur-spinner--sm_1xozj_12",
|
|
1486
1485
|
"purpur-spinner--md": "_purpur-spinner--md_1xozj_16",
|
|
1487
1486
|
"purpur-spinner--lg": "_purpur-spinner--lg_1xozj_20",
|
|
1488
1487
|
"purpur-spinner__circle": "_purpur-spinner__circle_1xozj_24",
|
|
1489
|
-
dash:
|
|
1488
|
+
dash: Mo,
|
|
1490
1489
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_1xozj_33",
|
|
1491
1490
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_1xozj_36"
|
|
1492
|
-
}, re = "purpur-spinner",
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
SM: "sm",
|
|
1496
|
-
MD: "md",
|
|
1497
|
-
LG: "lg"
|
|
1498
|
-
}, To = ({
|
|
1491
|
+
}, re = "purpur-spinner", $o = {
|
|
1492
|
+
SM: "sm"
|
|
1493
|
+
}, Io = ({
|
|
1499
1494
|
["data-testid"]: e,
|
|
1500
1495
|
disabled: t = !1,
|
|
1501
1496
|
negative: r = !1,
|
|
1502
|
-
size: o =
|
|
1497
|
+
size: o = $o.SM,
|
|
1503
1498
|
...a
|
|
1504
1499
|
}) => /* @__PURE__ */ f(
|
|
1505
1500
|
"div",
|
|
1506
1501
|
{
|
|
1507
|
-
className:
|
|
1502
|
+
className: gt([te[re], te[`${re}--${o}`]]),
|
|
1508
1503
|
"data-testid": e,
|
|
1509
1504
|
...a,
|
|
1510
1505
|
children: /* @__PURE__ */ f("svg", { viewBox: "0 0 50 50", children: /* @__PURE__ */ f(
|
|
1511
1506
|
"circle",
|
|
1512
1507
|
{
|
|
1513
|
-
className:
|
|
1508
|
+
className: gt(te[`${re}__circle`], {
|
|
1514
1509
|
[te[`${re}__circle--disabled`]]: t,
|
|
1515
1510
|
[te[`${re}__circle--negative`]]: r
|
|
1516
1511
|
}),
|
|
@@ -1521,47 +1516,50 @@ const pt = /* @__PURE__ */ Po(xo), No = "_rotate_1xozj_1", Ao = "_dash_1xozj_1",
|
|
|
1521
1516
|
) })
|
|
1522
1517
|
}
|
|
1523
1518
|
);
|
|
1524
|
-
function
|
|
1519
|
+
function ko(e) {
|
|
1525
1520
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1526
1521
|
}
|
|
1527
|
-
var
|
|
1522
|
+
var _t = { exports: {} };
|
|
1528
1523
|
/*!
|
|
1529
1524
|
Copyright (c) 2018 Jed Watson.
|
|
1530
1525
|
Licensed under the MIT License (MIT), see
|
|
1531
1526
|
http://jedwatson.github.io/classnames
|
|
1532
1527
|
*/
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
function
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1528
|
+
var wt;
|
|
1529
|
+
function Wo() {
|
|
1530
|
+
return wt || (wt = 1, function(e) {
|
|
1531
|
+
(function() {
|
|
1532
|
+
var t = {}.hasOwnProperty;
|
|
1533
|
+
function r() {
|
|
1534
|
+
for (var n = "", s = 0; s < arguments.length; s++) {
|
|
1535
|
+
var i = arguments[s];
|
|
1536
|
+
i && (n = a(n, o.call(this, i)));
|
|
1537
|
+
}
|
|
1538
|
+
return n;
|
|
1540
1539
|
}
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
}
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
const Lo = /* @__PURE__ */ Do(Oo), Mo = {
|
|
1540
|
+
function o(n) {
|
|
1541
|
+
if (typeof n == "string" || typeof n == "number")
|
|
1542
|
+
return this && this[n] || n;
|
|
1543
|
+
if (typeof n != "object")
|
|
1544
|
+
return "";
|
|
1545
|
+
if (Array.isArray(n))
|
|
1546
|
+
return r.apply(this, n);
|
|
1547
|
+
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1548
|
+
return n.toString();
|
|
1549
|
+
var s = "";
|
|
1550
|
+
for (var i in n)
|
|
1551
|
+
t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
|
|
1552
|
+
return s;
|
|
1553
|
+
}
|
|
1554
|
+
function a(n, s) {
|
|
1555
|
+
return s ? n ? n + " " + s : n + s : n;
|
|
1556
|
+
}
|
|
1557
|
+
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1558
|
+
})();
|
|
1559
|
+
}(_t)), _t.exports;
|
|
1560
|
+
}
|
|
1561
|
+
var Fo = Wo();
|
|
1562
|
+
const jo = /* @__PURE__ */ ko(Fo), qo = {
|
|
1565
1563
|
"purpur-button": "_purpur-button_w455q_1",
|
|
1566
1564
|
"purpur-button--xs": "_purpur-button--xs_w455q_33",
|
|
1567
1565
|
"purpur-button--icon-only": "_purpur-button--icon-only_w455q_36",
|
|
@@ -1583,12 +1581,10 @@ const Lo = /* @__PURE__ */ Do(Oo), Mo = {
|
|
|
1583
1581
|
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_w455q_166",
|
|
1584
1582
|
"purpur-button--text-negative": "_purpur-button--text-negative_w455q_181",
|
|
1585
1583
|
"purpur-button--text": "_purpur-button--text_w455q_181"
|
|
1586
|
-
},
|
|
1587
|
-
...Eo,
|
|
1588
|
-
DESTRUCTIVE: "destructive",
|
|
1584
|
+
}, Me = {
|
|
1589
1585
|
TERTIARY_PURPLE: "tertiary-purple",
|
|
1590
1586
|
TEXT: "text"
|
|
1591
|
-
},
|
|
1587
|
+
}, Uo = jo.bind(qo), z = "purpur-button", zo = ({
|
|
1592
1588
|
children: e,
|
|
1593
1589
|
className: t,
|
|
1594
1590
|
["data-testid"]: r,
|
|
@@ -1600,12 +1596,12 @@ const Lo = /* @__PURE__ */ Do(Oo), Mo = {
|
|
|
1600
1596
|
onClick: u,
|
|
1601
1597
|
size: l = "md",
|
|
1602
1598
|
variant: d,
|
|
1603
|
-
type:
|
|
1599
|
+
type: v = "button",
|
|
1604
1600
|
...p
|
|
1605
1601
|
}, m) => {
|
|
1606
1602
|
if (n && d === "destructive")
|
|
1607
1603
|
return null;
|
|
1608
|
-
const _ =
|
|
1604
|
+
const _ = Uo(
|
|
1609
1605
|
[
|
|
1610
1606
|
z,
|
|
1611
1607
|
`${z}--${i ? `${d}-negative` : d}`,
|
|
@@ -1618,7 +1614,7 @@ const Lo = /* @__PURE__ */ Do(Oo), Mo = {
|
|
|
1618
1614
|
[`${z}--disabled`]: o || s
|
|
1619
1615
|
},
|
|
1620
1616
|
t
|
|
1621
|
-
),
|
|
1617
|
+
), h = (w) => {
|
|
1622
1618
|
o || s ? w.preventDefault() : u && u(w);
|
|
1623
1619
|
}, g = !!p["aria-disabled"] || o || s;
|
|
1624
1620
|
return /* @__PURE__ */ L(
|
|
@@ -1626,61 +1622,64 @@ const Lo = /* @__PURE__ */ Do(Oo), Mo = {
|
|
|
1626
1622
|
{
|
|
1627
1623
|
className: _,
|
|
1628
1624
|
"data-testid": r,
|
|
1629
|
-
type:
|
|
1625
|
+
type: v,
|
|
1630
1626
|
ref: m,
|
|
1631
1627
|
"aria-disabled": g,
|
|
1632
|
-
onClick:
|
|
1628
|
+
onClick: h,
|
|
1633
1629
|
...p,
|
|
1634
1630
|
children: [
|
|
1635
|
-
s && /* @__PURE__ */ f(
|
|
1631
|
+
s && /* @__PURE__ */ f(Io, { size: l === Ro.LG ? "xs" : "xxs", negative: i, disabled: g }),
|
|
1636
1632
|
" ",
|
|
1637
1633
|
e
|
|
1638
1634
|
]
|
|
1639
1635
|
}
|
|
1640
1636
|
);
|
|
1641
|
-
},
|
|
1642
|
-
|
|
1643
|
-
function
|
|
1637
|
+
}, Fe = q(zo);
|
|
1638
|
+
Fe.displayName = "Button";
|
|
1639
|
+
function Ho(e) {
|
|
1644
1640
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1645
1641
|
}
|
|
1646
|
-
var
|
|
1642
|
+
var bt = { exports: {} };
|
|
1647
1643
|
/*!
|
|
1648
1644
|
Copyright (c) 2018 Jed Watson.
|
|
1649
1645
|
Licensed under the MIT License (MIT), see
|
|
1650
1646
|
http://jedwatson.github.io/classnames
|
|
1651
1647
|
*/
|
|
1652
|
-
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
function
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
function o(n) {
|
|
1663
|
-
if (typeof n == "string" || typeof n == "number")
|
|
1648
|
+
var yt;
|
|
1649
|
+
function Bo() {
|
|
1650
|
+
return yt || (yt = 1, function(e) {
|
|
1651
|
+
(function() {
|
|
1652
|
+
var t = {}.hasOwnProperty;
|
|
1653
|
+
function r() {
|
|
1654
|
+
for (var n = "", s = 0; s < arguments.length; s++) {
|
|
1655
|
+
var i = arguments[s];
|
|
1656
|
+
i && (n = a(n, o(i)));
|
|
1657
|
+
}
|
|
1664
1658
|
return n;
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1676
|
-
|
|
1677
|
-
|
|
1678
|
-
|
|
1679
|
-
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1659
|
+
}
|
|
1660
|
+
function o(n) {
|
|
1661
|
+
if (typeof n == "string" || typeof n == "number")
|
|
1662
|
+
return n;
|
|
1663
|
+
if (typeof n != "object")
|
|
1664
|
+
return "";
|
|
1665
|
+
if (Array.isArray(n))
|
|
1666
|
+
return r.apply(null, n);
|
|
1667
|
+
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1668
|
+
return n.toString();
|
|
1669
|
+
var s = "";
|
|
1670
|
+
for (var i in n)
|
|
1671
|
+
t.call(n, i) && n[i] && (s = a(s, i));
|
|
1672
|
+
return s;
|
|
1673
|
+
}
|
|
1674
|
+
function a(n, s) {
|
|
1675
|
+
return s ? n ? n + " " + s : n + s : n;
|
|
1676
|
+
}
|
|
1677
|
+
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1678
|
+
})();
|
|
1679
|
+
}(bt)), bt.exports;
|
|
1680
|
+
}
|
|
1681
|
+
var Yo = Bo();
|
|
1682
|
+
const Vo = /* @__PURE__ */ Ho(Yo), pe = {
|
|
1684
1683
|
"purpur-heading": "_purpur-heading_k9fhq_1",
|
|
1685
1684
|
"purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
|
|
1686
1685
|
"purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
|
|
@@ -1696,78 +1695,75 @@ const Fo = /* @__PURE__ */ ko(Wo), pe = {
|
|
|
1696
1695
|
"purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
|
|
1697
1696
|
"purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
|
|
1698
1697
|
"purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
|
|
1699
|
-
},
|
|
1698
|
+
}, je = {
|
|
1700
1699
|
TITLE100: "title-100",
|
|
1701
|
-
TITLE200: "title-200"
|
|
1702
|
-
|
|
1703
|
-
TITLE400: "title-400",
|
|
1704
|
-
TITLE500: "title-500",
|
|
1705
|
-
TITLE600: "title-600",
|
|
1706
|
-
TITLE700: "title-700",
|
|
1707
|
-
SUBSECTION100: "subsection-100"
|
|
1708
|
-
}, he = "purpur-heading", je = ({
|
|
1700
|
+
TITLE200: "title-200"
|
|
1701
|
+
}, ve = "purpur-heading", qe = ({
|
|
1709
1702
|
["data-testid"]: e,
|
|
1710
1703
|
children: t,
|
|
1711
1704
|
className: r = "",
|
|
1712
1705
|
enableHyphenation: o = !1,
|
|
1713
1706
|
negative: a = !1,
|
|
1714
1707
|
tag: n,
|
|
1715
|
-
variant: s =
|
|
1708
|
+
variant: s = je.TITLE100,
|
|
1716
1709
|
...i
|
|
1717
1710
|
}) => {
|
|
1718
|
-
const u = n, l =
|
|
1711
|
+
const u = n, l = Vo([
|
|
1719
1712
|
r,
|
|
1720
|
-
pe[
|
|
1721
|
-
pe[`${
|
|
1713
|
+
pe[ve],
|
|
1714
|
+
pe[`${ve}--${s}`],
|
|
1722
1715
|
{
|
|
1723
|
-
[pe[`${
|
|
1724
|
-
[pe[`${
|
|
1716
|
+
[pe[`${ve}--hyphens`]]: o,
|
|
1717
|
+
[pe[`${ve}--negative`]]: a
|
|
1725
1718
|
}
|
|
1726
1719
|
]);
|
|
1727
1720
|
return /* @__PURE__ */ f(u, { ...i, className: l, "data-testid": e, children: t });
|
|
1728
1721
|
};
|
|
1729
|
-
|
|
1730
|
-
function
|
|
1722
|
+
qe.displayName = "Heading";
|
|
1723
|
+
function Xo(e) {
|
|
1731
1724
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1732
1725
|
}
|
|
1733
|
-
var
|
|
1726
|
+
var St = { exports: {} };
|
|
1734
1727
|
/*!
|
|
1735
1728
|
Copyright (c) 2018 Jed Watson.
|
|
1736
1729
|
Licensed under the MIT License (MIT), see
|
|
1737
1730
|
http://jedwatson.github.io/classnames
|
|
1738
1731
|
*/
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
function
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1732
|
+
var Et;
|
|
1733
|
+
function Go() {
|
|
1734
|
+
return Et || (Et = 1, function(e) {
|
|
1735
|
+
(function() {
|
|
1736
|
+
var t = {}.hasOwnProperty;
|
|
1737
|
+
function r() {
|
|
1738
|
+
for (var n = "", s = 0; s < arguments.length; s++) {
|
|
1739
|
+
var i = arguments[s];
|
|
1740
|
+
i && (n = a(n, o.call(this, i)));
|
|
1741
|
+
}
|
|
1742
|
+
return n;
|
|
1746
1743
|
}
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
|
|
1765
|
-
}
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
const Uo = /* @__PURE__ */ jo(qo), zo = {
|
|
1744
|
+
function o(n) {
|
|
1745
|
+
if (typeof n == "string" || typeof n == "number")
|
|
1746
|
+
return this && this[n] || n;
|
|
1747
|
+
if (typeof n != "object")
|
|
1748
|
+
return "";
|
|
1749
|
+
if (Array.isArray(n))
|
|
1750
|
+
return r.apply(this, n);
|
|
1751
|
+
if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
|
|
1752
|
+
return n.toString();
|
|
1753
|
+
var s = "";
|
|
1754
|
+
for (var i in n)
|
|
1755
|
+
t.call(n, i) && n[i] && (s = a(s, this && this[i] || i));
|
|
1756
|
+
return s;
|
|
1757
|
+
}
|
|
1758
|
+
function a(n, s) {
|
|
1759
|
+
return s ? n ? n + " " + s : n + s : n;
|
|
1760
|
+
}
|
|
1761
|
+
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
1762
|
+
})();
|
|
1763
|
+
}(St)), St.exports;
|
|
1764
|
+
}
|
|
1765
|
+
var Ko = Go();
|
|
1766
|
+
const Zo = /* @__PURE__ */ Xo(Ko), Qo = {
|
|
1771
1767
|
"purpur-icon": "_purpur-icon_8u1lq_1",
|
|
1772
1768
|
"purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
|
|
1773
1769
|
"purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
|
|
@@ -1775,26 +1771,26 @@ const Uo = /* @__PURE__ */ jo(qo), zo = {
|
|
|
1775
1771
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
1776
1772
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
1777
1773
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
1778
|
-
},
|
|
1774
|
+
}, Jo = Zo.bind(Qo), Ct = "purpur-icon", ea = "md", ta = (e) => e.filter((t) => Object.keys(t).length >= 1).map((t) => `${t.name}="${t.value}"`).join(" "), ra = ({ content: e = "", title: t } = {}) => {
|
|
1779
1775
|
const r = [
|
|
1780
1776
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
1781
1777
|
{ name: "fill", value: "currentColor" },
|
|
1782
1778
|
{ name: "viewBox", value: "0 0 24 24" },
|
|
1783
1779
|
t ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
1784
1780
|
], o = t ? `<title>${t}</title>` : "";
|
|
1785
|
-
return `<svg ${
|
|
1786
|
-
},
|
|
1781
|
+
return `<svg ${ta(r)}>${o}${e}</svg>`;
|
|
1782
|
+
}, na = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Xe = ({
|
|
1787
1783
|
["data-testid"]: e,
|
|
1788
1784
|
svg: t,
|
|
1789
1785
|
allyTitle: r,
|
|
1790
1786
|
className: o,
|
|
1791
|
-
size: a =
|
|
1787
|
+
size: a = ea,
|
|
1792
1788
|
...n
|
|
1793
1789
|
}) => {
|
|
1794
|
-
const s =
|
|
1795
|
-
content:
|
|
1790
|
+
const s = ra({
|
|
1791
|
+
content: na(t.svg),
|
|
1796
1792
|
title: r
|
|
1797
|
-
}), i =
|
|
1793
|
+
}), i = Jo(o, Ct, `${Ct}--${a}`);
|
|
1798
1794
|
return /* @__PURE__ */ f(
|
|
1799
1795
|
"span",
|
|
1800
1796
|
{
|
|
@@ -1806,29 +1802,29 @@ const Uo = /* @__PURE__ */ jo(qo), zo = {
|
|
|
1806
1802
|
}
|
|
1807
1803
|
);
|
|
1808
1804
|
};
|
|
1809
|
-
|
|
1810
|
-
const
|
|
1805
|
+
Xe.displayName = "Icon";
|
|
1806
|
+
const oa = {
|
|
1811
1807
|
name: "arrow-left",
|
|
1812
1808
|
svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
|
|
1813
1809
|
keywords: ["arrow-left"],
|
|
1814
1810
|
category: "utility"
|
|
1815
|
-
},
|
|
1816
|
-
|
|
1817
|
-
const
|
|
1811
|
+
}, sr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: oa });
|
|
1812
|
+
sr.displayName = "IconArrowLeft";
|
|
1813
|
+
const aa = {
|
|
1818
1814
|
name: "close",
|
|
1819
1815
|
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>',
|
|
1820
1816
|
keywords: ["close"],
|
|
1821
1817
|
category: "utility"
|
|
1822
|
-
},
|
|
1823
|
-
|
|
1824
|
-
const
|
|
1818
|
+
}, cr = (e) => /* @__PURE__ */ f(Xe, { ...e, svg: aa });
|
|
1819
|
+
cr.displayName = "IconClose";
|
|
1820
|
+
const ia = {
|
|
1825
1821
|
"purpur-drawer-header__row": "_purpur-drawer-header__row_1yg5w_1",
|
|
1826
1822
|
"purpur-drawer-header__row--with-back-button": "_purpur-drawer-header__row--with-back-button_1yg5w_6",
|
|
1827
1823
|
"purpur-drawer-header__left": "_purpur-drawer-header__left_1yg5w_9",
|
|
1828
1824
|
"purpur-drawer-header__right": "_purpur-drawer-header__right_1yg5w_12",
|
|
1829
1825
|
"purpur-drawer-header__close-button": "_purpur-drawer-header__close-button_1yg5w_15",
|
|
1830
1826
|
"purpur-drawer-header__back-button--only-icon": "_purpur-drawer-header__back-button--only-icon_1yg5w_18"
|
|
1831
|
-
}, H = Y.bind(
|
|
1827
|
+
}, H = Y.bind(ia), W = "purpur-drawer-header", lr = q(
|
|
1832
1828
|
({
|
|
1833
1829
|
["data-testid"]: e = "purpur-drawer-header",
|
|
1834
1830
|
backButton: t,
|
|
@@ -1854,7 +1850,7 @@ const Zo = {
|
|
|
1854
1850
|
"data-testid": `${e}-row`,
|
|
1855
1851
|
children: [
|
|
1856
1852
|
/* @__PURE__ */ f("div", { className: H(`${W}__left`), children: t && r && s ? /* @__PURE__ */ L(
|
|
1857
|
-
|
|
1853
|
+
Fe,
|
|
1858
1854
|
{
|
|
1859
1855
|
"aria-label": o ? r : "",
|
|
1860
1856
|
className: H([
|
|
@@ -1867,61 +1863,61 @@ const Zo = {
|
|
|
1867
1863
|
iconOnly: o,
|
|
1868
1864
|
onClick: s,
|
|
1869
1865
|
size: "sm",
|
|
1870
|
-
variant: o ?
|
|
1866
|
+
variant: o ? Me.TERTIARY_PURPLE : Me.TEXT,
|
|
1871
1867
|
children: [
|
|
1872
|
-
/* @__PURE__ */ f(
|
|
1868
|
+
/* @__PURE__ */ f(sr, { size: "sm" }),
|
|
1873
1869
|
!o && r
|
|
1874
1870
|
]
|
|
1875
1871
|
}
|
|
1876
|
-
) : /* @__PURE__ */ f(
|
|
1877
|
-
|
|
1872
|
+
) : /* @__PURE__ */ f(ft, { asChild: !0, children: /* @__PURE__ */ f(
|
|
1873
|
+
qe,
|
|
1878
1874
|
{
|
|
1879
1875
|
"data-testid": `${e}-title`,
|
|
1880
1876
|
tag: "h2",
|
|
1881
|
-
variant:
|
|
1877
|
+
variant: je.TITLE200,
|
|
1882
1878
|
children: i
|
|
1883
1879
|
}
|
|
1884
1880
|
) }) }),
|
|
1885
|
-
/* @__PURE__ */ f("div", { className: H(`${W}__right`), children: /* @__PURE__ */ f(
|
|
1886
|
-
|
|
1881
|
+
/* @__PURE__ */ f("div", { className: H(`${W}__right`), children: /* @__PURE__ */ f(fo, { asChild: !0, children: /* @__PURE__ */ f(
|
|
1882
|
+
Fe,
|
|
1887
1883
|
{
|
|
1888
1884
|
"aria-label": n,
|
|
1889
1885
|
className: H(`${W}__close-button`),
|
|
1890
1886
|
iconOnly: !0,
|
|
1891
1887
|
size: "sm",
|
|
1892
|
-
variant:
|
|
1893
|
-
children: /* @__PURE__ */ f(
|
|
1888
|
+
variant: Me.TERTIARY_PURPLE,
|
|
1889
|
+
children: /* @__PURE__ */ f(cr, { size: "sm" })
|
|
1894
1890
|
}
|
|
1895
1891
|
) }) })
|
|
1896
1892
|
]
|
|
1897
1893
|
}
|
|
1898
1894
|
),
|
|
1899
|
-
t && r && s && /* @__PURE__ */ f(
|
|
1900
|
-
|
|
1895
|
+
t && r && s && /* @__PURE__ */ f(ft, { asChild: !0, children: /* @__PURE__ */ f(
|
|
1896
|
+
qe,
|
|
1901
1897
|
{
|
|
1902
1898
|
className: H(`${W}__heading`),
|
|
1903
1899
|
"data-testid": `${e}-title-with-back-button`,
|
|
1904
1900
|
tag: "h2",
|
|
1905
|
-
variant:
|
|
1901
|
+
variant: je.TITLE200,
|
|
1906
1902
|
children: i
|
|
1907
1903
|
}
|
|
1908
1904
|
) })
|
|
1909
1905
|
] });
|
|
1910
1906
|
}
|
|
1911
1907
|
);
|
|
1912
|
-
|
|
1913
|
-
var
|
|
1914
|
-
function
|
|
1915
|
-
const t = c.useContext(
|
|
1908
|
+
lr.displayName = "DrawerHeader";
|
|
1909
|
+
var sa = c.createContext(void 0);
|
|
1910
|
+
function ca(e) {
|
|
1911
|
+
const t = c.useContext(sa);
|
|
1916
1912
|
return e || t || "ltr";
|
|
1917
1913
|
}
|
|
1918
|
-
function
|
|
1914
|
+
function la(e, [t, r]) {
|
|
1919
1915
|
return Math.min(r, Math.max(t, e));
|
|
1920
1916
|
}
|
|
1921
|
-
function
|
|
1917
|
+
function ua(e, t) {
|
|
1922
1918
|
return c.useReducer((r, o) => t[r][o] ?? r, e);
|
|
1923
1919
|
}
|
|
1924
|
-
var
|
|
1920
|
+
var Ge = "ScrollArea", [ur, Ia] = Nt(Ge), [da, M] = ur(Ge), dr = c.forwardRef(
|
|
1925
1921
|
(e, t) => {
|
|
1926
1922
|
const {
|
|
1927
1923
|
__scopeScrollArea: r,
|
|
@@ -1929,9 +1925,9 @@ var Xe = "ScrollArea", [ar, Na] = gt(Xe), [ra, M] = ar(Xe), ir = c.forwardRef(
|
|
|
1929
1925
|
dir: a,
|
|
1930
1926
|
scrollHideDelay: n = 600,
|
|
1931
1927
|
...s
|
|
1932
|
-
} = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [
|
|
1928
|
+
} = e, [i, u] = c.useState(null), [l, d] = c.useState(null), [v, p] = c.useState(null), [m, _] = c.useState(null), [h, g] = c.useState(null), [w, E] = c.useState(0), [S, y] = c.useState(0), [C, x] = c.useState(!1), [b, N] = c.useState(!1), P = O(t, (V) => u(V)), A = ca(a);
|
|
1933
1929
|
return /* @__PURE__ */ f(
|
|
1934
|
-
|
|
1930
|
+
da,
|
|
1935
1931
|
{
|
|
1936
1932
|
scope: r,
|
|
1937
1933
|
type: o,
|
|
@@ -1940,20 +1936,20 @@ var Xe = "ScrollArea", [ar, Na] = gt(Xe), [ra, M] = ar(Xe), ir = c.forwardRef(
|
|
|
1940
1936
|
scrollArea: i,
|
|
1941
1937
|
viewport: l,
|
|
1942
1938
|
onViewportChange: d,
|
|
1943
|
-
content:
|
|
1939
|
+
content: v,
|
|
1944
1940
|
onContentChange: p,
|
|
1945
1941
|
scrollbarX: m,
|
|
1946
1942
|
onScrollbarXChange: _,
|
|
1947
1943
|
scrollbarXEnabled: C,
|
|
1948
1944
|
onScrollbarXEnabledChange: x,
|
|
1949
|
-
scrollbarY:
|
|
1945
|
+
scrollbarY: h,
|
|
1950
1946
|
onScrollbarYChange: g,
|
|
1951
1947
|
scrollbarYEnabled: b,
|
|
1952
1948
|
onScrollbarYEnabledChange: N,
|
|
1953
1949
|
onCornerWidthChange: E,
|
|
1954
1950
|
onCornerHeightChange: y,
|
|
1955
1951
|
children: /* @__PURE__ */ f(
|
|
1956
|
-
|
|
1952
|
+
T.div,
|
|
1957
1953
|
{
|
|
1958
1954
|
dir: A,
|
|
1959
1955
|
...s,
|
|
@@ -1971,10 +1967,10 @@ var Xe = "ScrollArea", [ar, Na] = gt(Xe), [ra, M] = ar(Xe), ir = c.forwardRef(
|
|
|
1971
1967
|
);
|
|
1972
1968
|
}
|
|
1973
1969
|
);
|
|
1974
|
-
|
|
1975
|
-
var
|
|
1970
|
+
dr.displayName = Ge;
|
|
1971
|
+
var fr = "ScrollAreaViewport", pr = c.forwardRef(
|
|
1976
1972
|
(e, t) => {
|
|
1977
|
-
const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(
|
|
1973
|
+
const { __scopeScrollArea: r, children: o, nonce: a, ...n } = e, s = M(fr, r), i = c.useRef(null), u = O(t, i, s.onViewportChange);
|
|
1978
1974
|
return /* @__PURE__ */ L(ie, { children: [
|
|
1979
1975
|
/* @__PURE__ */ f(
|
|
1980
1976
|
"style",
|
|
@@ -1986,7 +1982,7 @@ var sr = "ScrollAreaViewport", cr = c.forwardRef(
|
|
|
1986
1982
|
}
|
|
1987
1983
|
),
|
|
1988
1984
|
/* @__PURE__ */ f(
|
|
1989
|
-
|
|
1985
|
+
T.div,
|
|
1990
1986
|
{
|
|
1991
1987
|
"data-radix-scroll-area-viewport": "",
|
|
1992
1988
|
...n,
|
|
@@ -2013,17 +2009,17 @@ var sr = "ScrollAreaViewport", cr = c.forwardRef(
|
|
|
2013
2009
|
] });
|
|
2014
2010
|
}
|
|
2015
2011
|
);
|
|
2016
|
-
|
|
2017
|
-
var k = "ScrollAreaScrollbar",
|
|
2012
|
+
pr.displayName = fr;
|
|
2013
|
+
var k = "ScrollAreaScrollbar", vr = c.forwardRef(
|
|
2018
2014
|
(e, t) => {
|
|
2019
2015
|
const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = a, i = e.orientation === "horizontal";
|
|
2020
2016
|
return c.useEffect(() => (i ? n(!0) : s(!0), () => {
|
|
2021
2017
|
i ? n(!1) : s(!1);
|
|
2022
|
-
}), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(
|
|
2018
|
+
}), [i, n, s]), a.type === "hover" ? /* @__PURE__ */ f(fa, { ...o, ref: t, forceMount: r }) : a.type === "scroll" ? /* @__PURE__ */ f(pa, { ...o, ref: t, forceMount: r }) : a.type === "auto" ? /* @__PURE__ */ f(hr, { ...o, ref: t, forceMount: r }) : a.type === "always" ? /* @__PURE__ */ f(Ke, { ...o, ref: t }) : null;
|
|
2023
2019
|
}
|
|
2024
2020
|
);
|
|
2025
|
-
|
|
2026
|
-
var
|
|
2021
|
+
vr.displayName = k;
|
|
2022
|
+
var fa = c.forwardRef((e, t) => {
|
|
2027
2023
|
const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), [n, s] = c.useState(!1);
|
|
2028
2024
|
return c.useEffect(() => {
|
|
2029
2025
|
const i = a.scrollArea;
|
|
@@ -2039,15 +2035,15 @@ var na = c.forwardRef((e, t) => {
|
|
|
2039
2035
|
};
|
|
2040
2036
|
}
|
|
2041
2037
|
}, [a.scrollArea, a.scrollHideDelay]), /* @__PURE__ */ f(U, { present: r || n, children: /* @__PURE__ */ f(
|
|
2042
|
-
|
|
2038
|
+
hr,
|
|
2043
2039
|
{
|
|
2044
2040
|
"data-state": n ? "visible" : "hidden",
|
|
2045
2041
|
...o,
|
|
2046
2042
|
ref: t
|
|
2047
2043
|
}
|
|
2048
2044
|
) });
|
|
2049
|
-
}),
|
|
2050
|
-
const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ee(() => u("SCROLL_END"), 100), [i, u] =
|
|
2045
|
+
}), pa = c.forwardRef((e, t) => {
|
|
2046
|
+
const { forceMount: r, ...o } = e, a = M(k, e.__scopeScrollArea), n = e.orientation === "horizontal", s = Ee(() => u("SCROLL_END"), 100), [i, u] = ua("hidden", {
|
|
2051
2047
|
hidden: {
|
|
2052
2048
|
SCROLL: "scrolling"
|
|
2053
2049
|
},
|
|
@@ -2073,15 +2069,15 @@ var na = c.forwardRef((e, t) => {
|
|
|
2073
2069
|
}, [i, a.scrollHideDelay, u]), c.useEffect(() => {
|
|
2074
2070
|
const l = a.viewport, d = n ? "scrollLeft" : "scrollTop";
|
|
2075
2071
|
if (l) {
|
|
2076
|
-
let
|
|
2072
|
+
let v = l[d];
|
|
2077
2073
|
const p = () => {
|
|
2078
2074
|
const m = l[d];
|
|
2079
|
-
|
|
2075
|
+
v !== m && (u("SCROLL"), s()), v = m;
|
|
2080
2076
|
};
|
|
2081
2077
|
return l.addEventListener("scroll", p), () => l.removeEventListener("scroll", p);
|
|
2082
2078
|
}
|
|
2083
2079
|
}, [a.viewport, n, u, s]), /* @__PURE__ */ f(U, { present: r || i !== "hidden", children: /* @__PURE__ */ f(
|
|
2084
|
-
|
|
2080
|
+
Ke,
|
|
2085
2081
|
{
|
|
2086
2082
|
"data-state": i === "hidden" ? "hidden" : "visible",
|
|
2087
2083
|
...o,
|
|
@@ -2090,7 +2086,7 @@ var na = c.forwardRef((e, t) => {
|
|
|
2090
2086
|
onPointerLeave: R(e.onPointerLeave, () => u("POINTER_LEAVE"))
|
|
2091
2087
|
}
|
|
2092
2088
|
) });
|
|
2093
|
-
}),
|
|
2089
|
+
}), hr = c.forwardRef((e, t) => {
|
|
2094
2090
|
const r = M(k, e.__scopeScrollArea), { forceMount: o, ...a } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", u = Ee(() => {
|
|
2095
2091
|
if (r.viewport) {
|
|
2096
2092
|
const l = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
|
|
@@ -2098,19 +2094,19 @@ var na = c.forwardRef((e, t) => {
|
|
|
2098
2094
|
}
|
|
2099
2095
|
}, 10);
|
|
2100
2096
|
return ee(r.viewport, u), ee(r.content, u), /* @__PURE__ */ f(U, { present: o || n, children: /* @__PURE__ */ f(
|
|
2101
|
-
|
|
2097
|
+
Ke,
|
|
2102
2098
|
{
|
|
2103
2099
|
"data-state": n ? "visible" : "hidden",
|
|
2104
2100
|
...a,
|
|
2105
2101
|
ref: t
|
|
2106
2102
|
}
|
|
2107
2103
|
) });
|
|
2108
|
-
}),
|
|
2104
|
+
}), Ke = c.forwardRef((e, t) => {
|
|
2109
2105
|
const { orientation: r = "vertical", ...o } = e, a = M(k, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, u] = c.useState({
|
|
2110
2106
|
content: 0,
|
|
2111
2107
|
viewport: 0,
|
|
2112
2108
|
scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
|
|
2113
|
-
}), l =
|
|
2109
|
+
}), l = wr(i.viewport, i.content), d = {
|
|
2114
2110
|
...o,
|
|
2115
2111
|
sizes: i,
|
|
2116
2112
|
onSizesChange: u,
|
|
@@ -2119,17 +2115,17 @@ var na = c.forwardRef((e, t) => {
|
|
|
2119
2115
|
onThumbPointerUp: () => s.current = 0,
|
|
2120
2116
|
onThumbPointerDown: (p) => s.current = p
|
|
2121
2117
|
};
|
|
2122
|
-
function
|
|
2123
|
-
return
|
|
2118
|
+
function v(p, m) {
|
|
2119
|
+
return ba(p, s.current, i, m);
|
|
2124
2120
|
}
|
|
2125
2121
|
return r === "horizontal" ? /* @__PURE__ */ f(
|
|
2126
|
-
|
|
2122
|
+
va,
|
|
2127
2123
|
{
|
|
2128
2124
|
...d,
|
|
2129
2125
|
ref: t,
|
|
2130
2126
|
onThumbPositionChange: () => {
|
|
2131
2127
|
if (a.viewport && n.current) {
|
|
2132
|
-
const p = a.viewport.scrollLeft, m =
|
|
2128
|
+
const p = a.viewport.scrollLeft, m = Pt(p, i, a.dir);
|
|
2133
2129
|
n.current.style.transform = `translate3d(${m}px, 0, 0)`;
|
|
2134
2130
|
}
|
|
2135
2131
|
},
|
|
@@ -2137,17 +2133,17 @@ var na = c.forwardRef((e, t) => {
|
|
|
2137
2133
|
a.viewport && (a.viewport.scrollLeft = p);
|
|
2138
2134
|
},
|
|
2139
2135
|
onDragScroll: (p) => {
|
|
2140
|
-
a.viewport && (a.viewport.scrollLeft =
|
|
2136
|
+
a.viewport && (a.viewport.scrollLeft = v(p, a.dir));
|
|
2141
2137
|
}
|
|
2142
2138
|
}
|
|
2143
2139
|
) : r === "vertical" ? /* @__PURE__ */ f(
|
|
2144
|
-
|
|
2140
|
+
ha,
|
|
2145
2141
|
{
|
|
2146
2142
|
...d,
|
|
2147
2143
|
ref: t,
|
|
2148
2144
|
onThumbPositionChange: () => {
|
|
2149
2145
|
if (a.viewport && n.current) {
|
|
2150
|
-
const p = a.viewport.scrollTop, m =
|
|
2146
|
+
const p = a.viewport.scrollTop, m = Pt(p, i);
|
|
2151
2147
|
n.current.style.transform = `translate3d(0, ${m}px, 0)`;
|
|
2152
2148
|
}
|
|
2153
2149
|
},
|
|
@@ -2155,16 +2151,16 @@ var na = c.forwardRef((e, t) => {
|
|
|
2155
2151
|
a.viewport && (a.viewport.scrollTop = p);
|
|
2156
2152
|
},
|
|
2157
2153
|
onDragScroll: (p) => {
|
|
2158
|
-
a.viewport && (a.viewport.scrollTop =
|
|
2154
|
+
a.viewport && (a.viewport.scrollTop = v(p));
|
|
2159
2155
|
}
|
|
2160
2156
|
}
|
|
2161
2157
|
) : null;
|
|
2162
|
-
}),
|
|
2158
|
+
}), va = c.forwardRef((e, t) => {
|
|
2163
2159
|
const { sizes: r, onSizesChange: o, ...a } = e, n = M(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(t, u, n.onScrollbarXChange);
|
|
2164
2160
|
return c.useEffect(() => {
|
|
2165
2161
|
u.current && i(getComputedStyle(u.current));
|
|
2166
2162
|
}, [u]), /* @__PURE__ */ f(
|
|
2167
|
-
|
|
2163
|
+
gr,
|
|
2168
2164
|
{
|
|
2169
2165
|
"data-orientation": "horizontal",
|
|
2170
2166
|
...a,
|
|
@@ -2179,10 +2175,10 @@ var na = c.forwardRef((e, t) => {
|
|
|
2179
2175
|
},
|
|
2180
2176
|
onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
|
|
2181
2177
|
onDragScroll: (d) => e.onDragScroll(d.x),
|
|
2182
|
-
onWheelScroll: (d,
|
|
2178
|
+
onWheelScroll: (d, v) => {
|
|
2183
2179
|
if (n.viewport) {
|
|
2184
2180
|
const p = n.viewport.scrollLeft + d.deltaX;
|
|
2185
|
-
e.onWheelScroll(p),
|
|
2181
|
+
e.onWheelScroll(p), yr(p, v) && d.preventDefault();
|
|
2186
2182
|
}
|
|
2187
2183
|
},
|
|
2188
2184
|
onResize: () => {
|
|
@@ -2198,12 +2194,12 @@ var na = c.forwardRef((e, t) => {
|
|
|
2198
2194
|
}
|
|
2199
2195
|
}
|
|
2200
2196
|
);
|
|
2201
|
-
}),
|
|
2197
|
+
}), ha = c.forwardRef((e, t) => {
|
|
2202
2198
|
const { sizes: r, onSizesChange: o, ...a } = e, n = M(k, e.__scopeScrollArea), [s, i] = c.useState(), u = c.useRef(null), l = O(t, u, n.onScrollbarYChange);
|
|
2203
2199
|
return c.useEffect(() => {
|
|
2204
2200
|
u.current && i(getComputedStyle(u.current));
|
|
2205
2201
|
}, [u]), /* @__PURE__ */ f(
|
|
2206
|
-
|
|
2202
|
+
gr,
|
|
2207
2203
|
{
|
|
2208
2204
|
"data-orientation": "vertical",
|
|
2209
2205
|
...a,
|
|
@@ -2219,10 +2215,10 @@ var na = c.forwardRef((e, t) => {
|
|
|
2219
2215
|
},
|
|
2220
2216
|
onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
|
|
2221
2217
|
onDragScroll: (d) => e.onDragScroll(d.y),
|
|
2222
|
-
onWheelScroll: (d,
|
|
2218
|
+
onWheelScroll: (d, v) => {
|
|
2223
2219
|
if (n.viewport) {
|
|
2224
2220
|
const p = n.viewport.scrollTop + d.deltaY;
|
|
2225
|
-
e.onWheelScroll(p),
|
|
2221
|
+
e.onWheelScroll(p), yr(p, v) && d.preventDefault();
|
|
2226
2222
|
}
|
|
2227
2223
|
},
|
|
2228
2224
|
onResize: () => {
|
|
@@ -2238,7 +2234,7 @@ var na = c.forwardRef((e, t) => {
|
|
|
2238
2234
|
}
|
|
2239
2235
|
}
|
|
2240
2236
|
);
|
|
2241
|
-
}), [
|
|
2237
|
+
}), [ma, mr] = ur(k), gr = c.forwardRef((e, t) => {
|
|
2242
2238
|
const {
|
|
2243
2239
|
__scopeScrollArea: r,
|
|
2244
2240
|
sizes: o,
|
|
@@ -2249,9 +2245,9 @@ var na = c.forwardRef((e, t) => {
|
|
|
2249
2245
|
onThumbPositionChange: u,
|
|
2250
2246
|
onDragScroll: l,
|
|
2251
2247
|
onWheelScroll: d,
|
|
2252
|
-
onResize:
|
|
2248
|
+
onResize: v,
|
|
2253
2249
|
...p
|
|
2254
|
-
} = e, m = M(k, r), [_,
|
|
2250
|
+
} = e, m = M(k, r), [_, h] = c.useState(null), g = O(t, (P) => h(P)), w = c.useRef(null), E = c.useRef(""), S = m.viewport, y = o.content - o.viewport, C = D(d), x = D(u), b = Ee(v, 10);
|
|
2255
2251
|
function N(P) {
|
|
2256
2252
|
if (w.current) {
|
|
2257
2253
|
const A = P.clientX - w.current.left, V = P.clientY - w.current.top;
|
|
@@ -2265,17 +2261,17 @@ var na = c.forwardRef((e, t) => {
|
|
|
2265
2261
|
};
|
|
2266
2262
|
return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
|
|
2267
2263
|
}, [S, _, y, C]), c.useEffect(x, [o, x]), ee(_, b), ee(m.content, b), /* @__PURE__ */ f(
|
|
2268
|
-
|
|
2264
|
+
ma,
|
|
2269
2265
|
{
|
|
2270
2266
|
scope: r,
|
|
2271
2267
|
scrollbar: _,
|
|
2272
2268
|
hasThumb: a,
|
|
2273
|
-
onThumbChange:
|
|
2274
|
-
onThumbPointerUp:
|
|
2269
|
+
onThumbChange: D(n),
|
|
2270
|
+
onThumbPointerUp: D(s),
|
|
2275
2271
|
onThumbPositionChange: x,
|
|
2276
|
-
onThumbPointerDown:
|
|
2272
|
+
onThumbPointerDown: D(i),
|
|
2277
2273
|
children: /* @__PURE__ */ f(
|
|
2278
|
-
|
|
2274
|
+
T.div,
|
|
2279
2275
|
{
|
|
2280
2276
|
...p,
|
|
2281
2277
|
ref: g,
|
|
@@ -2292,32 +2288,32 @@ var na = c.forwardRef((e, t) => {
|
|
|
2292
2288
|
)
|
|
2293
2289
|
}
|
|
2294
2290
|
);
|
|
2295
|
-
}), we = "ScrollAreaThumb",
|
|
2291
|
+
}), we = "ScrollAreaThumb", _r = c.forwardRef(
|
|
2296
2292
|
(e, t) => {
|
|
2297
|
-
const { forceMount: r, ...o } = e, a =
|
|
2298
|
-
return /* @__PURE__ */ f(U, { present: r || a.hasThumb, children: /* @__PURE__ */ f(
|
|
2293
|
+
const { forceMount: r, ...o } = e, a = mr(we, e.__scopeScrollArea);
|
|
2294
|
+
return /* @__PURE__ */ f(U, { present: r || a.hasThumb, children: /* @__PURE__ */ f(ga, { ref: t, ...o }) });
|
|
2299
2295
|
}
|
|
2300
|
-
),
|
|
2296
|
+
), ga = c.forwardRef(
|
|
2301
2297
|
(e, t) => {
|
|
2302
|
-
const { __scopeScrollArea: r, style: o, ...a } = e, n = M(we, r), s =
|
|
2298
|
+
const { __scopeScrollArea: r, style: o, ...a } = e, n = M(we, r), s = mr(we, r), { onThumbPositionChange: i } = s, u = O(
|
|
2303
2299
|
t,
|
|
2304
|
-
(
|
|
2300
|
+
(v) => s.onThumbChange(v)
|
|
2305
2301
|
), l = c.useRef(void 0), d = Ee(() => {
|
|
2306
2302
|
l.current && (l.current(), l.current = void 0);
|
|
2307
2303
|
}, 100);
|
|
2308
2304
|
return c.useEffect(() => {
|
|
2309
|
-
const
|
|
2310
|
-
if (
|
|
2305
|
+
const v = n.viewport;
|
|
2306
|
+
if (v) {
|
|
2311
2307
|
const p = () => {
|
|
2312
2308
|
if (d(), !l.current) {
|
|
2313
|
-
const m =
|
|
2309
|
+
const m = ya(v, i);
|
|
2314
2310
|
l.current = m, i();
|
|
2315
2311
|
}
|
|
2316
2312
|
};
|
|
2317
|
-
return i(),
|
|
2313
|
+
return i(), v.addEventListener("scroll", p), () => v.removeEventListener("scroll", p);
|
|
2318
2314
|
}
|
|
2319
2315
|
}, [n.viewport, d, i]), /* @__PURE__ */ f(
|
|
2320
|
-
|
|
2316
|
+
T.div,
|
|
2321
2317
|
{
|
|
2322
2318
|
"data-state": s.hasThumb ? "visible" : "hidden",
|
|
2323
2319
|
...a,
|
|
@@ -2327,35 +2323,35 @@ var na = c.forwardRef((e, t) => {
|
|
|
2327
2323
|
height: "var(--radix-scroll-area-thumb-height)",
|
|
2328
2324
|
...o
|
|
2329
2325
|
},
|
|
2330
|
-
onPointerDownCapture: R(e.onPointerDownCapture, (
|
|
2331
|
-
const m =
|
|
2332
|
-
s.onThumbPointerDown({ x: _, y:
|
|
2326
|
+
onPointerDownCapture: R(e.onPointerDownCapture, (v) => {
|
|
2327
|
+
const m = v.target.getBoundingClientRect(), _ = v.clientX - m.left, h = v.clientY - m.top;
|
|
2328
|
+
s.onThumbPointerDown({ x: _, y: h });
|
|
2333
2329
|
}),
|
|
2334
2330
|
onPointerUp: R(e.onPointerUp, s.onThumbPointerUp)
|
|
2335
2331
|
}
|
|
2336
2332
|
);
|
|
2337
2333
|
}
|
|
2338
2334
|
);
|
|
2339
|
-
|
|
2340
|
-
var
|
|
2335
|
+
_r.displayName = we;
|
|
2336
|
+
var Ze = "ScrollAreaCorner", _a = c.forwardRef(
|
|
2341
2337
|
(e, t) => {
|
|
2342
|
-
const r = M(
|
|
2343
|
-
return r.type !== "scroll" && o ? /* @__PURE__ */ f(
|
|
2338
|
+
const r = M(Ze, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
|
|
2339
|
+
return r.type !== "scroll" && o ? /* @__PURE__ */ f(wa, { ...e, ref: t }) : null;
|
|
2344
2340
|
}
|
|
2345
2341
|
);
|
|
2346
|
-
|
|
2347
|
-
var
|
|
2348
|
-
const { __scopeScrollArea: r, ...o } = e, a = M(
|
|
2342
|
+
_a.displayName = Ze;
|
|
2343
|
+
var wa = c.forwardRef((e, t) => {
|
|
2344
|
+
const { __scopeScrollArea: r, ...o } = e, a = M(Ze, r), [n, s] = c.useState(0), [i, u] = c.useState(0), l = !!(n && i);
|
|
2349
2345
|
return ee(a.scrollbarX, () => {
|
|
2350
|
-
var
|
|
2351
|
-
const d = ((
|
|
2346
|
+
var v;
|
|
2347
|
+
const d = ((v = a.scrollbarX) == null ? void 0 : v.offsetHeight) || 0;
|
|
2352
2348
|
a.onCornerHeightChange(d), u(d);
|
|
2353
2349
|
}), ee(a.scrollbarY, () => {
|
|
2354
|
-
var
|
|
2355
|
-
const d = ((
|
|
2350
|
+
var v;
|
|
2351
|
+
const d = ((v = a.scrollbarY) == null ? void 0 : v.offsetWidth) || 0;
|
|
2356
2352
|
a.onCornerWidthChange(d), s(d);
|
|
2357
2353
|
}), l ? /* @__PURE__ */ f(
|
|
2358
|
-
|
|
2354
|
+
T.div,
|
|
2359
2355
|
{
|
|
2360
2356
|
...o,
|
|
2361
2357
|
ref: t,
|
|
@@ -2374,33 +2370,33 @@ var ua = c.forwardRef((e, t) => {
|
|
|
2374
2370
|
function be(e) {
|
|
2375
2371
|
return e ? parseInt(e, 10) : 0;
|
|
2376
2372
|
}
|
|
2377
|
-
function
|
|
2373
|
+
function wr(e, t) {
|
|
2378
2374
|
const r = e / t;
|
|
2379
2375
|
return isNaN(r) ? 0 : r;
|
|
2380
2376
|
}
|
|
2381
2377
|
function Se(e) {
|
|
2382
|
-
const t =
|
|
2378
|
+
const t = wr(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
|
|
2383
2379
|
return Math.max(o, 18);
|
|
2384
2380
|
}
|
|
2385
|
-
function
|
|
2386
|
-
const a = Se(r), n = a / 2, s = t || n, i = a - s, u = r.scrollbar.paddingStart + s, l = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport,
|
|
2387
|
-
return
|
|
2381
|
+
function ba(e, t, r, o = "ltr") {
|
|
2382
|
+
const a = Se(r), n = a / 2, s = t || n, i = a - s, u = r.scrollbar.paddingStart + s, l = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport, v = o === "ltr" ? [0, d] : [d * -1, 0];
|
|
2383
|
+
return br([u, l], v)(e);
|
|
2388
2384
|
}
|
|
2389
|
-
function
|
|
2390
|
-
const o = Se(t), a = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - a, s = t.content - t.viewport, i = n - o, u = r === "ltr" ? [0, s] : [s * -1, 0], l =
|
|
2391
|
-
return
|
|
2385
|
+
function Pt(e, t, r = "ltr") {
|
|
2386
|
+
const o = Se(t), a = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - a, s = t.content - t.viewport, i = n - o, u = r === "ltr" ? [0, s] : [s * -1, 0], l = la(e, u);
|
|
2387
|
+
return br([0, s], [0, i])(l);
|
|
2392
2388
|
}
|
|
2393
|
-
function
|
|
2389
|
+
function br(e, t) {
|
|
2394
2390
|
return (r) => {
|
|
2395
2391
|
if (e[0] === e[1] || t[0] === t[1]) return t[0];
|
|
2396
2392
|
const o = (t[1] - t[0]) / (e[1] - e[0]);
|
|
2397
2393
|
return t[0] + o * (r - e[0]);
|
|
2398
2394
|
};
|
|
2399
2395
|
}
|
|
2400
|
-
function
|
|
2396
|
+
function yr(e, t) {
|
|
2401
2397
|
return e > 0 && e < t;
|
|
2402
2398
|
}
|
|
2403
|
-
var
|
|
2399
|
+
var ya = (e, t = () => {
|
|
2404
2400
|
}) => {
|
|
2405
2401
|
let r = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
|
|
2406
2402
|
return function a() {
|
|
@@ -2409,13 +2405,13 @@ var fa = (e, t = () => {
|
|
|
2409
2405
|
}(), () => window.cancelAnimationFrame(o);
|
|
2410
2406
|
};
|
|
2411
2407
|
function Ee(e, t) {
|
|
2412
|
-
const r =
|
|
2408
|
+
const r = D(e), o = c.useRef(0);
|
|
2413
2409
|
return c.useEffect(() => () => window.clearTimeout(o.current), []), c.useCallback(() => {
|
|
2414
2410
|
window.clearTimeout(o.current), o.current = window.setTimeout(r, t);
|
|
2415
2411
|
}, [r, t]);
|
|
2416
2412
|
}
|
|
2417
2413
|
function ee(e, t) {
|
|
2418
|
-
const r =
|
|
2414
|
+
const r = D(t);
|
|
2419
2415
|
se(() => {
|
|
2420
2416
|
let o = 0;
|
|
2421
2417
|
if (e) {
|
|
@@ -2428,13 +2424,13 @@ function ee(e, t) {
|
|
|
2428
2424
|
}
|
|
2429
2425
|
}, [e, r]);
|
|
2430
2426
|
}
|
|
2431
|
-
var
|
|
2432
|
-
const
|
|
2427
|
+
var Sa = dr, Ea = pr, Ca = vr, Pa = _r;
|
|
2428
|
+
const xa = {
|
|
2433
2429
|
"purpur-drawer-scroll-area__root": "_purpur-drawer-scroll-area__root_1p63i_1",
|
|
2434
2430
|
"purpur-drawer-scroll-area__viewport": "_purpur-drawer-scroll-area__viewport_1p63i_4",
|
|
2435
2431
|
"purpur-drawer-scroll-area__scrollbar": "_purpur-drawer-scroll-area__scrollbar_1p63i_7",
|
|
2436
2432
|
"purpur-drawer-scroll-area__thumb": "_purpur-drawer-scroll-area__thumb_1p63i_18"
|
|
2437
|
-
}, ne = Y.bind(
|
|
2433
|
+
}, ne = Y.bind(xa), oe = "purpur-drawer-scroll-area", Ue = q(
|
|
2438
2434
|
({
|
|
2439
2435
|
["data-testid"]: e = "purpur-drawer-scroll-area",
|
|
2440
2436
|
children: t,
|
|
@@ -2442,21 +2438,21 @@ const ga = {
|
|
|
2442
2438
|
...o
|
|
2443
2439
|
}, a) => {
|
|
2444
2440
|
const n = ne([r, oe]);
|
|
2445
|
-
return /* @__PURE__ */ f("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ L(
|
|
2446
|
-
/* @__PURE__ */ f(
|
|
2441
|
+
return /* @__PURE__ */ f("div", { className: n, "data-testid": e, ref: a, ...o, children: /* @__PURE__ */ L(Sa, { className: ne(`${oe}__root`), children: [
|
|
2442
|
+
/* @__PURE__ */ f(Ea, { className: ne(`${oe}__viewport`), children: t }),
|
|
2447
2443
|
/* @__PURE__ */ f(
|
|
2448
|
-
|
|
2444
|
+
Ca,
|
|
2449
2445
|
{
|
|
2450
2446
|
className: ne(`${oe}__scrollbar`),
|
|
2451
2447
|
orientation: "vertical",
|
|
2452
|
-
children: /* @__PURE__ */ f(
|
|
2448
|
+
children: /* @__PURE__ */ f(Pa, { className: ne(`${oe}__thumb`) })
|
|
2453
2449
|
}
|
|
2454
2450
|
)
|
|
2455
2451
|
] }) });
|
|
2456
2452
|
}
|
|
2457
2453
|
);
|
|
2458
|
-
|
|
2459
|
-
const Z = Y.bind(
|
|
2454
|
+
Ue.displayName = "DrawerScrollArea";
|
|
2455
|
+
const Z = Y.bind(Co), F = "purpur-drawer-frame", Sr = q(
|
|
2460
2456
|
({
|
|
2461
2457
|
["data-testid"]: e = "purpur-drawer-frame",
|
|
2462
2458
|
backButton: t,
|
|
@@ -2469,18 +2465,18 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2469
2465
|
onAnimationEnd: u,
|
|
2470
2466
|
onBackButtonClick: l,
|
|
2471
2467
|
onSwipeStart: d,
|
|
2472
|
-
onSwipeMove:
|
|
2468
|
+
onSwipeMove: v,
|
|
2473
2469
|
onSwipeCancel: p,
|
|
2474
2470
|
onSwipeEnd: m,
|
|
2475
2471
|
title: _,
|
|
2476
|
-
stickyFooter:
|
|
2472
|
+
stickyFooter: h,
|
|
2477
2473
|
...g
|
|
2478
2474
|
}, w) => {
|
|
2479
2475
|
const E = Z([
|
|
2480
2476
|
n,
|
|
2481
2477
|
F,
|
|
2482
2478
|
{
|
|
2483
|
-
[`${F}--sticky-footer`]:
|
|
2479
|
+
[`${F}--sticky-footer`]: h
|
|
2484
2480
|
}
|
|
2485
2481
|
]);
|
|
2486
2482
|
return /* @__PURE__ */ L(
|
|
@@ -2493,10 +2489,10 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2493
2489
|
...g,
|
|
2494
2490
|
children: [
|
|
2495
2491
|
/* @__PURE__ */ f(
|
|
2496
|
-
|
|
2492
|
+
ir,
|
|
2497
2493
|
{
|
|
2498
2494
|
onSwipeStart: d,
|
|
2499
|
-
onSwipeMove:
|
|
2495
|
+
onSwipeMove: v,
|
|
2500
2496
|
onSwipeCancel: p,
|
|
2501
2497
|
onSwipeEnd: m
|
|
2502
2498
|
}
|
|
@@ -2506,9 +2502,9 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2506
2502
|
{
|
|
2507
2503
|
className: Z(`${F}__header`),
|
|
2508
2504
|
variant: "header",
|
|
2509
|
-
stickyFooter:
|
|
2505
|
+
stickyFooter: h,
|
|
2510
2506
|
children: /* @__PURE__ */ f(
|
|
2511
|
-
|
|
2507
|
+
lr,
|
|
2512
2508
|
{
|
|
2513
2509
|
title: _,
|
|
2514
2510
|
backButtonOnlyIcon: o,
|
|
@@ -2520,9 +2516,9 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2520
2516
|
)
|
|
2521
2517
|
}
|
|
2522
2518
|
),
|
|
2523
|
-
|
|
2519
|
+
h ? /* @__PURE__ */ L(ie, { children: [
|
|
2524
2520
|
/* @__PURE__ */ f(
|
|
2525
|
-
|
|
2521
|
+
Ue,
|
|
2526
2522
|
{
|
|
2527
2523
|
className: Z(`${F}__body`),
|
|
2528
2524
|
"data-testid": `${e}-sticky-footer-scroll-area`,
|
|
@@ -2535,12 +2531,12 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2535
2531
|
className: Z(`${F}__footer`),
|
|
2536
2532
|
"data-testid": `${e}-sticky-footer`,
|
|
2537
2533
|
variant: "footer",
|
|
2538
|
-
stickyFooter:
|
|
2534
|
+
stickyFooter: h,
|
|
2539
2535
|
children: i
|
|
2540
2536
|
}
|
|
2541
2537
|
)
|
|
2542
2538
|
] }) : /* @__PURE__ */ f(
|
|
2543
|
-
|
|
2539
|
+
Ue,
|
|
2544
2540
|
{
|
|
2545
2541
|
className: Z(`${F}__body`),
|
|
2546
2542
|
"data-testid": `${e}-scroll-area`,
|
|
@@ -2552,12 +2548,12 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2552
2548
|
{ [`${F}__content-container--no-footer`]: !i }
|
|
2553
2549
|
]),
|
|
2554
2550
|
children: [
|
|
2555
|
-
/* @__PURE__ */ f(Q, { stickyFooter:
|
|
2551
|
+
/* @__PURE__ */ f(Q, { stickyFooter: h, children: a }),
|
|
2556
2552
|
i && /* @__PURE__ */ f(
|
|
2557
2553
|
Q,
|
|
2558
2554
|
{
|
|
2559
2555
|
"data-testid": `${e}-footer`,
|
|
2560
|
-
stickyFooter:
|
|
2556
|
+
stickyFooter: h,
|
|
2561
2557
|
variant: "footer",
|
|
2562
2558
|
children: i
|
|
2563
2559
|
}
|
|
@@ -2572,8 +2568,8 @@ const Z = Y.bind(_o), F = "purpur-drawer-frame", gr = q(
|
|
|
2572
2568
|
);
|
|
2573
2569
|
}
|
|
2574
2570
|
);
|
|
2575
|
-
|
|
2576
|
-
const
|
|
2571
|
+
Sr.displayName = "DrawerFrame";
|
|
2572
|
+
const Na = (e, t) => ({
|
|
2577
2573
|
onAnimationEnd: (i) => {
|
|
2578
2574
|
i.currentTarget.getAttribute("data-swipe") === "end" && t(!1);
|
|
2579
2575
|
},
|
|
@@ -2595,7 +2591,7 @@ const _a = (e, t) => ({
|
|
|
2595
2591
|
const { y: u } = i.delta;
|
|
2596
2592
|
e.current.setAttribute("data-swipe", "end"), e.current.style.removeProperty("--purpur-drawer-swipe-move-y"), e.current.style.setProperty("--purpur-drawer-swipe-end-y", `${u}px`);
|
|
2597
2593
|
}
|
|
2598
|
-
}), ae = Y.bind(
|
|
2594
|
+
}), ae = Y.bind(yo), he = "purpur-drawer-content", Er = q(
|
|
2599
2595
|
({
|
|
2600
2596
|
["data-testid"]: e = "purpur-drawer-content",
|
|
2601
2597
|
backButton: t = !1,
|
|
@@ -2608,36 +2604,36 @@ const _a = (e, t) => ({
|
|
|
2608
2604
|
disableCloseOnClickOutside: u = !1,
|
|
2609
2605
|
footerContent: l,
|
|
2610
2606
|
onBackButtonClick: d,
|
|
2611
|
-
stickyFooter:
|
|
2607
|
+
stickyFooter: v = !1,
|
|
2612
2608
|
title: p,
|
|
2613
2609
|
zIndex: m,
|
|
2614
2610
|
..._
|
|
2615
|
-
},
|
|
2616
|
-
const g = ae([s,
|
|
2611
|
+
}, h) => {
|
|
2612
|
+
const g = ae([s, he]), w = Nr(null), E = Ar(ar), { onAnimationEnd: S, onSwipeStart: y, onSwipeMove: C, onSwipeCancel: x, onSwipeEnd: b } = Na(w, E), N = (P) => {
|
|
2617
2613
|
u && P.preventDefault();
|
|
2618
2614
|
};
|
|
2619
|
-
return /* @__PURE__ */ f(
|
|
2620
|
-
|
|
2615
|
+
return /* @__PURE__ */ f(so, { children: /* @__PURE__ */ f(
|
|
2616
|
+
co,
|
|
2621
2617
|
{
|
|
2622
2618
|
className: ae("purpur-drawer-overlay"),
|
|
2623
2619
|
style: m ? { zIndex: m } : void 0,
|
|
2624
2620
|
"data-testid": `${e}-overlay`,
|
|
2625
2621
|
children: /* @__PURE__ */ f(
|
|
2626
|
-
|
|
2622
|
+
lo,
|
|
2627
2623
|
{
|
|
2628
2624
|
onPointerDownOutside: N,
|
|
2629
2625
|
className: g,
|
|
2630
2626
|
"data-testid": e,
|
|
2631
|
-
ref:
|
|
2627
|
+
ref: h,
|
|
2632
2628
|
..._,
|
|
2633
2629
|
children: /* @__PURE__ */ f(
|
|
2634
|
-
|
|
2630
|
+
Sr,
|
|
2635
2631
|
{
|
|
2636
2632
|
backButton: t,
|
|
2637
2633
|
backButtonText: r,
|
|
2638
2634
|
backButtonOnlyIcon: o,
|
|
2639
2635
|
closeButtonText: i,
|
|
2640
|
-
className: ae(`${
|
|
2636
|
+
className: ae(`${he}__drawer-frame`),
|
|
2641
2637
|
footerContent: l,
|
|
2642
2638
|
ref: w,
|
|
2643
2639
|
onAnimationEnd: S,
|
|
@@ -2646,13 +2642,13 @@ const _a = (e, t) => ({
|
|
|
2646
2642
|
onSwipeMove: C,
|
|
2647
2643
|
onSwipeCancel: x,
|
|
2648
2644
|
onSwipeEnd: b,
|
|
2649
|
-
stickyFooter:
|
|
2645
|
+
stickyFooter: v,
|
|
2650
2646
|
title: p,
|
|
2651
|
-
children: a ? /* @__PURE__ */ L("div", { className: ae(`${
|
|
2647
|
+
children: a ? /* @__PURE__ */ L("div", { className: ae(`${he}__content-container`), children: [
|
|
2652
2648
|
/* @__PURE__ */ f(
|
|
2653
|
-
|
|
2649
|
+
uo,
|
|
2654
2650
|
{
|
|
2655
|
-
className: ae(`${
|
|
2651
|
+
className: ae(`${he}__description`),
|
|
2656
2652
|
"data-testid": `${e}-description`,
|
|
2657
2653
|
children: a
|
|
2658
2654
|
}
|
|
@@ -2667,15 +2663,15 @@ const _a = (e, t) => ({
|
|
|
2667
2663
|
) });
|
|
2668
2664
|
}
|
|
2669
2665
|
);
|
|
2670
|
-
|
|
2671
|
-
const
|
|
2666
|
+
Er.displayName = "DrawerContent";
|
|
2667
|
+
const Cr = q(
|
|
2672
2668
|
({
|
|
2673
2669
|
["data-testid"]: e = "purpur-drawer-trigger",
|
|
2674
2670
|
children: t,
|
|
2675
2671
|
className: r,
|
|
2676
2672
|
...o
|
|
2677
2673
|
}, a) => /* @__PURE__ */ f(
|
|
2678
|
-
|
|
2674
|
+
io,
|
|
2679
2675
|
{
|
|
2680
2676
|
asChild: !0,
|
|
2681
2677
|
className: r,
|
|
@@ -2686,8 +2682,8 @@ const wr = q(
|
|
|
2686
2682
|
}
|
|
2687
2683
|
)
|
|
2688
2684
|
);
|
|
2689
|
-
|
|
2690
|
-
const
|
|
2685
|
+
Cr.displayName = "DrawerTrigger";
|
|
2686
|
+
const Aa = Y.bind(mo), Ra = "purpur-drawer", Qe = ({
|
|
2691
2687
|
["data-testid"]: e = "purpur-drawer",
|
|
2692
2688
|
children: t,
|
|
2693
2689
|
className: r,
|
|
@@ -2695,17 +2691,17 @@ const wa = Y.bind(lo), ba = "purpur-drawer", Ze = ({
|
|
|
2695
2691
|
open: a = !1,
|
|
2696
2692
|
...n
|
|
2697
2693
|
}) => {
|
|
2698
|
-
const [s, i] =
|
|
2694
|
+
const [s, i] = $e.useState(a), u = Aa([r, Ra]), l = (d) => {
|
|
2699
2695
|
i(d), o == null || o(d);
|
|
2700
2696
|
};
|
|
2701
|
-
return
|
|
2697
|
+
return Rr(() => {
|
|
2702
2698
|
i(a);
|
|
2703
|
-
}, [a]), /* @__PURE__ */ f(
|
|
2699
|
+
}, [a]), /* @__PURE__ */ f(ar.Provider, { value: l, children: /* @__PURE__ */ f("div", { className: u, "data-testid": e, ...n, children: /* @__PURE__ */ f(ao, { open: s, onOpenChange: l, children: t }) }) });
|
|
2704
2700
|
};
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2701
|
+
Qe.Trigger = Cr;
|
|
2702
|
+
Qe.Content = Er;
|
|
2703
|
+
Qe.displayName = "Drawer";
|
|
2708
2704
|
export {
|
|
2709
|
-
|
|
2705
|
+
Qe as Drawer
|
|
2710
2706
|
};
|
|
2711
2707
|
//# sourceMappingURL=drawer.es.js.map
|