@purpurds/modal 4.3.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +6 -6
- package/dist/modal-content.d.ts +2 -1
- package/dist/modal-trigger.d.ts +2 -1
- package/dist/modal.cjs.js +9 -9
- package/dist/modal.cjs.js.map +1 -1
- package/dist/modal.d.ts +6 -5
- package/dist/modal.es.js +161 -162
- package/dist/modal.es.js.map +1 -1
- package/package.json +15 -15
package/dist/modal.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as j, jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import * as g from "react";
|
|
3
|
-
import { useCallback as Q, createContext as xe, useMemo as ge, createElement as m, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as
|
|
4
|
-
import
|
|
3
|
+
import { useCallback as Q, createContext as xe, useMemo as ge, createElement as m, useContext as tt, useLayoutEffect as Tt, useRef as O, useEffect as A, useState as V, forwardRef as C, Children as M, isValidElement as W, cloneElement as re, Fragment as Ie, useReducer as Dt } from "react";
|
|
4
|
+
import It, { flushSync as nt } from "react-dom";
|
|
5
5
|
function P() {
|
|
6
6
|
return P = Object.assign ? Object.assign.bind() : function(e) {
|
|
7
7
|
for (var n = 1; n < arguments.length; n++) {
|
|
@@ -18,12 +18,12 @@ function B(e, n, { checkForDefaultPrevented: t = !0 } = {}) {
|
|
|
18
18
|
return n == null ? void 0 : n(a);
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
|
-
function
|
|
21
|
+
function Rt(e, n) {
|
|
22
22
|
typeof e == "function" ? e(n) : e != null && (e.current = n);
|
|
23
23
|
}
|
|
24
24
|
function rt(...e) {
|
|
25
25
|
return (n) => e.forEach(
|
|
26
|
-
(t) =>
|
|
26
|
+
(t) => Rt(t, n)
|
|
27
27
|
);
|
|
28
28
|
}
|
|
29
29
|
function J(...e) {
|
|
@@ -127,7 +127,7 @@ function be(e) {
|
|
|
127
127
|
e
|
|
128
128
|
]), e || (n ? `radix-${n}` : "");
|
|
129
129
|
}
|
|
130
|
-
function
|
|
130
|
+
function G(e) {
|
|
131
131
|
const n = O(e);
|
|
132
132
|
return A(() => {
|
|
133
133
|
n.current = e;
|
|
@@ -144,7 +144,7 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
|
|
|
144
144
|
const [o, a] = Bt({
|
|
145
145
|
defaultProp: n,
|
|
146
146
|
onChange: t
|
|
147
|
-
}), r = e !== void 0, i = r ? e : o, u =
|
|
147
|
+
}), r = e !== void 0, i = r ? e : o, u = G(t), s = Q((d) => {
|
|
148
148
|
if (r) {
|
|
149
149
|
const l = typeof d == "function" ? d(e) : d;
|
|
150
150
|
l !== e && u(l);
|
|
@@ -162,7 +162,7 @@ function jt({ prop: e, defaultProp: n, onChange: t = () => {
|
|
|
162
162
|
];
|
|
163
163
|
}
|
|
164
164
|
function Bt({ defaultProp: e, onChange: n }) {
|
|
165
|
-
const t =
|
|
165
|
+
const t = V(e), [o] = t, a = O(o), r = G(n);
|
|
166
166
|
return A(() => {
|
|
167
167
|
a.current !== o && (r(o), a.current = o);
|
|
168
168
|
}, [
|
|
@@ -171,7 +171,7 @@ function Bt({ defaultProp: e, onChange: n }) {
|
|
|
171
171
|
r
|
|
172
172
|
]), t;
|
|
173
173
|
}
|
|
174
|
-
const
|
|
174
|
+
const Re = /* @__PURE__ */ C((e, n) => {
|
|
175
175
|
const { children: t, ...o } = e, a = M.toArray(t), r = a.find(Ut);
|
|
176
176
|
if (r) {
|
|
177
177
|
const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : s);
|
|
@@ -183,7 +183,7 @@ const Ie = /* @__PURE__ */ C((e, n) => {
|
|
|
183
183
|
ref: n
|
|
184
184
|
}), t);
|
|
185
185
|
});
|
|
186
|
-
|
|
186
|
+
Re.displayName = "Slot";
|
|
187
187
|
const Pe = /* @__PURE__ */ C((e, n) => {
|
|
188
188
|
const { children: t, ...o } = e;
|
|
189
189
|
return /* @__PURE__ */ W(t) ? /* @__PURE__ */ re(t, {
|
|
@@ -192,7 +192,7 @@ const Pe = /* @__PURE__ */ C((e, n) => {
|
|
|
192
192
|
}) : M.count(t) > 1 ? M.only(null) : null;
|
|
193
193
|
});
|
|
194
194
|
Pe.displayName = "SlotClone";
|
|
195
|
-
const Wt = ({ children: e }) => /* @__PURE__ */ m(
|
|
195
|
+
const Wt = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
|
|
196
196
|
function Ut(e) {
|
|
197
197
|
return /* @__PURE__ */ W(e) && e.type === Wt;
|
|
198
198
|
}
|
|
@@ -236,7 +236,7 @@ const qt = [
|
|
|
236
236
|
"ul"
|
|
237
237
|
], U = qt.reduce((e, n) => {
|
|
238
238
|
const t = /* @__PURE__ */ C((o, a) => {
|
|
239
|
-
const { asChild: r, ...i } = o, u = r ?
|
|
239
|
+
const { asChild: r, ...i } = o, u = r ? Re : n;
|
|
240
240
|
return A(() => {
|
|
241
241
|
window[Symbol.for("radix-ui")] = !0;
|
|
242
242
|
}, []), /* @__PURE__ */ m(u, P({}, i, {
|
|
@@ -253,8 +253,8 @@ function Ht(e, n) {
|
|
|
253
253
|
() => e.dispatchEvent(n)
|
|
254
254
|
);
|
|
255
255
|
}
|
|
256
|
-
function
|
|
257
|
-
const t =
|
|
256
|
+
function Vt(e, n = globalThis == null ? void 0 : globalThis.document) {
|
|
257
|
+
const t = G(e);
|
|
258
258
|
A(() => {
|
|
259
259
|
const o = (a) => {
|
|
260
260
|
a.key === "Escape" && t(a);
|
|
@@ -265,7 +265,7 @@ function Gt(e, n = globalThis == null ? void 0 : globalThis.document) {
|
|
|
265
265
|
n
|
|
266
266
|
]);
|
|
267
267
|
}
|
|
268
|
-
const Ne = "dismissableLayer.update",
|
|
268
|
+
const Ne = "dismissableLayer.update", Gt = "dismissableLayer.pointerDownOutside", Kt = "dismissableLayer.focusOutside";
|
|
269
269
|
let ke;
|
|
270
270
|
const Xt = /* @__PURE__ */ xe({
|
|
271
271
|
layers: /* @__PURE__ */ new Set(),
|
|
@@ -273,27 +273,27 @@ const Xt = /* @__PURE__ */ xe({
|
|
|
273
273
|
branches: /* @__PURE__ */ new Set()
|
|
274
274
|
}), Yt = /* @__PURE__ */ C((e, n) => {
|
|
275
275
|
var t;
|
|
276
|
-
const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = tt(Xt), [l, h] =
|
|
276
|
+
const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: a, onPointerDownOutside: r, onFocusOutside: i, onInteractOutside: u, onDismiss: s, ...d } = e, p = tt(Xt), [l, h] = V(null), f = (t = l == null ? void 0 : l.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, E] = V({}), c = J(
|
|
277
277
|
n,
|
|
278
278
|
(w) => h(w)
|
|
279
279
|
), v = Array.from(p.layers), [b] = [
|
|
280
280
|
...p.layersWithOutsidePointerEventsDisabled
|
|
281
281
|
].slice(-1), x = v.indexOf(b), $ = l ? v.indexOf(l) : -1, y = p.layersWithOutsidePointerEventsDisabled.size > 0, S = $ >= x, z = Zt((w) => {
|
|
282
|
-
const
|
|
282
|
+
const I = w.target, oe = [
|
|
283
283
|
...p.branches
|
|
284
284
|
].some(
|
|
285
|
-
(
|
|
285
|
+
(R) => R.contains(I)
|
|
286
286
|
);
|
|
287
287
|
!S || oe || (r == null || r(w), u == null || u(w), w.defaultPrevented || s == null || s());
|
|
288
288
|
}, f), T = Qt((w) => {
|
|
289
|
-
const
|
|
289
|
+
const I = w.target;
|
|
290
290
|
[
|
|
291
291
|
...p.branches
|
|
292
292
|
].some(
|
|
293
|
-
(
|
|
293
|
+
(R) => R.contains(I)
|
|
294
294
|
) || (i == null || i(w), u == null || u(w), w.defaultPrevented || s == null || s());
|
|
295
295
|
}, f);
|
|
296
|
-
return
|
|
296
|
+
return Vt((w) => {
|
|
297
297
|
$ === p.layers.size - 1 && (a == null || a(w), !w.defaultPrevented && s && (w.preventDefault(), s()));
|
|
298
298
|
}, f), A(() => {
|
|
299
299
|
if (l)
|
|
@@ -325,13 +325,13 @@ const Xt = /* @__PURE__ */ xe({
|
|
|
325
325
|
}));
|
|
326
326
|
});
|
|
327
327
|
function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
|
|
328
|
-
const t =
|
|
328
|
+
const t = G(e), o = O(!1), a = O(() => {
|
|
329
329
|
});
|
|
330
330
|
return A(() => {
|
|
331
331
|
const r = (u) => {
|
|
332
332
|
if (u.target && !o.current) {
|
|
333
333
|
let d = function() {
|
|
334
|
-
ot(
|
|
334
|
+
ot(Gt, t, s, {
|
|
335
335
|
discrete: !0
|
|
336
336
|
});
|
|
337
337
|
};
|
|
@@ -359,7 +359,7 @@ function Zt(e, n = globalThis == null ? void 0 : globalThis.document) {
|
|
|
359
359
|
};
|
|
360
360
|
}
|
|
361
361
|
function Qt(e, n = globalThis == null ? void 0 : globalThis.document) {
|
|
362
|
-
const t =
|
|
362
|
+
const t = G(e), o = O(!1);
|
|
363
363
|
return A(() => {
|
|
364
364
|
const a = (r) => {
|
|
365
365
|
r.target && !o.current && ot(Kt, t, {
|
|
@@ -395,7 +395,7 @@ const $e = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount",
|
|
|
395
395
|
bubbles: !1,
|
|
396
396
|
cancelable: !0
|
|
397
397
|
}, Jt = /* @__PURE__ */ C((e, n) => {
|
|
398
|
-
const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] =
|
|
398
|
+
const { loop: t = !1, trapped: o = !1, onMountAutoFocus: a, onUnmountAutoFocus: r, ...i } = e, [u, s] = V(null), d = G(a), p = G(r), l = O(null), h = J(
|
|
399
399
|
n,
|
|
400
400
|
(c) => s(c)
|
|
401
401
|
), f = O({
|
|
@@ -574,7 +574,7 @@ function an(e) {
|
|
|
574
574
|
const un = /* @__PURE__ */ C((e, n) => {
|
|
575
575
|
var t;
|
|
576
576
|
const { container: o = globalThis == null || (t = globalThis.document) === null || t === void 0 ? void 0 : t.body, ...a } = e;
|
|
577
|
-
return o ? /* @__PURE__ */
|
|
577
|
+
return o ? /* @__PURE__ */ It.createPortal(/* @__PURE__ */ m(U.div, P({}, a, {
|
|
578
578
|
ref: n
|
|
579
579
|
})), o) : null;
|
|
580
580
|
});
|
|
@@ -594,7 +594,7 @@ const me = (e) => {
|
|
|
594
594
|
};
|
|
595
595
|
me.displayName = "Presence";
|
|
596
596
|
function sn(e) {
|
|
597
|
-
const [n, t] =
|
|
597
|
+
const [n, t] = V(), o = O({}), a = O(e), r = O("none"), i = e ? "mounted" : "unmounted", [u, s] = cn(i, {
|
|
598
598
|
mounted: {
|
|
599
599
|
UNMOUNT: "unmounted",
|
|
600
600
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -698,7 +698,7 @@ function vn(e, n) {
|
|
|
698
698
|
return typeof e == "function" ? e(n) : e && (e.current = n), e;
|
|
699
699
|
}
|
|
700
700
|
function hn(e, n) {
|
|
701
|
-
var t =
|
|
701
|
+
var t = V(function() {
|
|
702
702
|
return {
|
|
703
703
|
// value
|
|
704
704
|
value: e,
|
|
@@ -719,7 +719,7 @@ function hn(e, n) {
|
|
|
719
719
|
return t.callback = n, t.facade;
|
|
720
720
|
}
|
|
721
721
|
function gn(e, n) {
|
|
722
|
-
return hn(
|
|
722
|
+
return hn(null, function(t) {
|
|
723
723
|
return e.forEach(function(o) {
|
|
724
724
|
return vn(o, t);
|
|
725
725
|
});
|
|
@@ -949,16 +949,16 @@ if (typeof window < "u")
|
|
|
949
949
|
} catch {
|
|
950
950
|
Ae = !1;
|
|
951
951
|
}
|
|
952
|
-
var K = Ae ? { passive: !1 } : !1,
|
|
952
|
+
var K = Ae ? { passive: !1 } : !1, In = function(e) {
|
|
953
953
|
return e.tagName === "TEXTAREA";
|
|
954
954
|
}, lt = function(e, n) {
|
|
955
955
|
var t = window.getComputedStyle(e);
|
|
956
956
|
return (
|
|
957
957
|
// not-not-scrollable
|
|
958
958
|
t[n] !== "hidden" && // contains scroll inside self
|
|
959
|
-
!(t.overflowY === t.overflowX && !
|
|
959
|
+
!(t.overflowY === t.overflowX && !In(e) && t[n] === "visible")
|
|
960
960
|
);
|
|
961
|
-
},
|
|
961
|
+
}, Rn = function(e) {
|
|
962
962
|
return lt(e, "overflowY");
|
|
963
963
|
}, Mn = function(e) {
|
|
964
964
|
return lt(e, "overflowX");
|
|
@@ -990,7 +990,7 @@ var K = Ae ? { passive: !1 } : !1, Rn = function(e) {
|
|
|
990
990
|
o
|
|
991
991
|
];
|
|
992
992
|
}, dt = function(e, n) {
|
|
993
|
-
return e === "v" ?
|
|
993
|
+
return e === "v" ? Rn(n) : Mn(n);
|
|
994
994
|
}, pt = function(e, n) {
|
|
995
995
|
return e === "v" ? Ln(n) : Fn(n);
|
|
996
996
|
}, kn = function(e, n) {
|
|
@@ -1005,12 +1005,12 @@ var K = Ae ? { passive: !1 } : !1, Rn = function(e) {
|
|
|
1005
1005
|
!s && u !== document.body || // self content
|
|
1006
1006
|
s && (n.contains(u) || n === u)
|
|
1007
1007
|
);
|
|
1008
|
-
return (p && (
|
|
1008
|
+
return (p && (l === 0 || !a) || !p && (h === 0 || !a)) && (d = !0), d;
|
|
1009
1009
|
}, ue = function(e) {
|
|
1010
1010
|
return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
|
|
1011
|
-
}, Ge = function(e) {
|
|
1012
|
-
return [e.deltaX, e.deltaY];
|
|
1013
1011
|
}, Ve = function(e) {
|
|
1012
|
+
return [e.deltaX, e.deltaY];
|
|
1013
|
+
}, Ge = function(e) {
|
|
1014
1014
|
return e && "current" in e ? e.current : e;
|
|
1015
1015
|
}, Bn = function(e, n) {
|
|
1016
1016
|
return e[0] === n[0] && e[1] === n[1];
|
|
@@ -1029,7 +1029,7 @@ function zn(e) {
|
|
|
1029
1029
|
}, [e]), g.useEffect(function() {
|
|
1030
1030
|
if (e.inert) {
|
|
1031
1031
|
document.body.classList.add("block-interactivity-".concat(a));
|
|
1032
|
-
var c = dn([e.lockRef.current], (e.shards || []).map(
|
|
1032
|
+
var c = dn([e.lockRef.current], (e.shards || []).map(Ge), !0).filter(Boolean);
|
|
1033
1033
|
return c.forEach(function(v) {
|
|
1034
1034
|
return v.classList.add("allow-interactivity-".concat(a));
|
|
1035
1035
|
}), function() {
|
|
@@ -1052,12 +1052,12 @@ function zn(e) {
|
|
|
1052
1052
|
return !1;
|
|
1053
1053
|
if (!o.current && "changedTouches" in c && ($ || y) && (o.current = S), !S)
|
|
1054
1054
|
return !0;
|
|
1055
|
-
var
|
|
1056
|
-
return jn(
|
|
1055
|
+
var I = o.current || S;
|
|
1056
|
+
return jn(I, v, c, I === "h" ? $ : y, !0);
|
|
1057
1057
|
}, []), s = g.useCallback(function(c) {
|
|
1058
1058
|
var v = c;
|
|
1059
1059
|
if (!(!X.length || X[X.length - 1] !== r)) {
|
|
1060
|
-
var b = "deltaY" in v ?
|
|
1060
|
+
var b = "deltaY" in v ? Ve(v) : ue(v), x = n.current.filter(function(S) {
|
|
1061
1061
|
return S.name === v.type && S.target === v.target && Bn(S.delta, b);
|
|
1062
1062
|
})[0];
|
|
1063
1063
|
if (x && x.should) {
|
|
@@ -1065,7 +1065,7 @@ function zn(e) {
|
|
|
1065
1065
|
return;
|
|
1066
1066
|
}
|
|
1067
1067
|
if (!x) {
|
|
1068
|
-
var $ = (i.current.shards || []).map(
|
|
1068
|
+
var $ = (i.current.shards || []).map(Ge).filter(Boolean).filter(function(S) {
|
|
1069
1069
|
return S.contains(v.target);
|
|
1070
1070
|
}), y = $.length > 0 ? u(v, $[0]) : !i.current.noIsolation;
|
|
1071
1071
|
y && v.cancelable && v.preventDefault();
|
|
@@ -1081,7 +1081,7 @@ function zn(e) {
|
|
|
1081
1081
|
}, []), p = g.useCallback(function(c) {
|
|
1082
1082
|
t.current = ue(c), o.current = void 0;
|
|
1083
1083
|
}, []), l = g.useCallback(function(c) {
|
|
1084
|
-
d(c.type,
|
|
1084
|
+
d(c.type, Ve(c), c.target, u(c, e.lockRef.current));
|
|
1085
1085
|
}, []), h = g.useCallback(function(c) {
|
|
1086
1086
|
d(c.type, ue(c), c.target, u(c, e.lockRef.current));
|
|
1087
1087
|
}, []);
|
|
@@ -1109,8 +1109,7 @@ var ft = g.forwardRef(function(e, n) {
|
|
|
1109
1109
|
return g.createElement(_e, F({}, e, { ref: n, sideCar: qn }));
|
|
1110
1110
|
});
|
|
1111
1111
|
ft.classNames = _e.classNames;
|
|
1112
|
-
|
|
1113
|
-
var Gn = function(e) {
|
|
1112
|
+
var Hn = function(e) {
|
|
1114
1113
|
if (typeof document > "u")
|
|
1115
1114
|
return null;
|
|
1116
1115
|
var n = Array.isArray(e) ? e[0] : e;
|
|
@@ -1126,7 +1125,7 @@ var Gn = function(e) {
|
|
|
1126
1125
|
}).filter(function(t) {
|
|
1127
1126
|
return !!t;
|
|
1128
1127
|
});
|
|
1129
|
-
},
|
|
1128
|
+
}, Gn = function(e, n, t, o) {
|
|
1130
1129
|
var a = Vn(n, Array.isArray(e) ? e : [e]);
|
|
1131
1130
|
se[t] || (se[t] = /* @__PURE__ */ new WeakMap());
|
|
1132
1131
|
var r = se[t], i = [], u = /* @__PURE__ */ new Set(), s = new Set(a), d = function(l) {
|
|
@@ -1149,20 +1148,20 @@ var Gn = function(e) {
|
|
|
1149
1148
|
Y.set(l, h), r.set(l, f), h || (ce.has(l) || l.removeAttribute(o), ce.delete(l)), f || l.removeAttribute(t);
|
|
1150
1149
|
}), Ce--, Ce || (Y = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), ce = /* @__PURE__ */ new WeakMap(), se = {});
|
|
1151
1150
|
};
|
|
1152
|
-
},
|
|
1151
|
+
}, Kn = function(e, n, t) {
|
|
1153
1152
|
t === void 0 && (t = "data-aria-hidden");
|
|
1154
|
-
var o = Array.from(Array.isArray(e) ? e : [e]), a =
|
|
1155
|
-
return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))),
|
|
1153
|
+
var o = Array.from(Array.isArray(e) ? e : [e]), a = Hn(e);
|
|
1154
|
+
return a ? (o.push.apply(o, Array.from(a.querySelectorAll("[aria-live]"))), Gn(o, a, t, "aria-hidden")) : function() {
|
|
1156
1155
|
return null;
|
|
1157
1156
|
};
|
|
1158
1157
|
};
|
|
1159
|
-
const ht = "Dialog", [gt,
|
|
1158
|
+
const ht = "Dialog", [gt, $o] = Mt(ht), [Xn, L] = gt(ht), Yn = (e) => {
|
|
1160
1159
|
const { __scopeDialog: n, children: t, open: o, defaultOpen: a, onOpenChange: r, modal: i = !0 } = e, u = O(null), s = O(null), [d = !1, p] = jt({
|
|
1161
1160
|
prop: o,
|
|
1162
1161
|
defaultProp: a,
|
|
1163
1162
|
onChange: r
|
|
1164
1163
|
});
|
|
1165
|
-
return /* @__PURE__ */ m(
|
|
1164
|
+
return /* @__PURE__ */ m(Xn, {
|
|
1166
1165
|
scope: n,
|
|
1167
1166
|
triggerRef: u,
|
|
1168
1167
|
contentRef: s,
|
|
@@ -1181,8 +1180,8 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1181
1180
|
),
|
|
1182
1181
|
modal: i
|
|
1183
1182
|
}, t);
|
|
1184
|
-
},
|
|
1185
|
-
const { __scopeDialog: t, ...o } = e, a = L(
|
|
1183
|
+
}, Zn = "DialogTrigger", Qn = /* @__PURE__ */ C((e, n) => {
|
|
1184
|
+
const { __scopeDialog: t, ...o } = e, a = L(Zn, t), r = J(n, a.triggerRef);
|
|
1186
1185
|
return /* @__PURE__ */ m(U.button, P({
|
|
1187
1186
|
type: "button",
|
|
1188
1187
|
"aria-haspopup": "dialog",
|
|
@@ -1193,11 +1192,11 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1193
1192
|
ref: r,
|
|
1194
1193
|
onClick: B(e.onClick, a.onOpenToggle)
|
|
1195
1194
|
}));
|
|
1196
|
-
}), mt = "DialogPortal", [
|
|
1195
|
+
}), mt = "DialogPortal", [Jn, _t] = gt(mt, {
|
|
1197
1196
|
forceMount: void 0
|
|
1198
|
-
}),
|
|
1197
|
+
}), er = (e) => {
|
|
1199
1198
|
const { __scopeDialog: n, forceMount: t, children: o, container: a } = e, r = L(mt, n);
|
|
1200
|
-
return /* @__PURE__ */ m(
|
|
1199
|
+
return /* @__PURE__ */ m(Jn, {
|
|
1201
1200
|
scope: n,
|
|
1202
1201
|
forceMount: t
|
|
1203
1202
|
}, M.map(
|
|
@@ -1209,20 +1208,20 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1209
1208
|
container: a
|
|
1210
1209
|
}, i))
|
|
1211
1210
|
));
|
|
1212
|
-
}, Te = "DialogOverlay",
|
|
1211
|
+
}, Te = "DialogOverlay", tr = /* @__PURE__ */ C((e, n) => {
|
|
1213
1212
|
const t = _t(Te, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(Te, e.__scopeDialog);
|
|
1214
1213
|
return r.modal ? /* @__PURE__ */ m(me, {
|
|
1215
1214
|
present: o || r.open
|
|
1216
|
-
}, /* @__PURE__ */ m(
|
|
1215
|
+
}, /* @__PURE__ */ m(nr, P({}, a, {
|
|
1217
1216
|
ref: n
|
|
1218
1217
|
}))) : null;
|
|
1219
|
-
}),
|
|
1218
|
+
}), nr = /* @__PURE__ */ C((e, n) => {
|
|
1220
1219
|
const { __scopeDialog: t, ...o } = e, a = L(Te, t);
|
|
1221
1220
|
return (
|
|
1222
1221
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
1223
1222
|
// ie. when `Overlay` and `Content` are siblings
|
|
1224
|
-
/* @__PURE__ */ m(
|
|
1225
|
-
as:
|
|
1223
|
+
/* @__PURE__ */ m(ft, {
|
|
1224
|
+
as: Re,
|
|
1226
1225
|
allowPinchZoom: !0,
|
|
1227
1226
|
shards: [
|
|
1228
1227
|
a.contentRef
|
|
@@ -1237,21 +1236,21 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1237
1236
|
}
|
|
1238
1237
|
})))
|
|
1239
1238
|
);
|
|
1240
|
-
}), ne = "DialogContent",
|
|
1239
|
+
}), ne = "DialogContent", rr = /* @__PURE__ */ C((e, n) => {
|
|
1241
1240
|
const t = _t(ne, e.__scopeDialog), { forceMount: o = t.forceMount, ...a } = e, r = L(ne, e.__scopeDialog);
|
|
1242
1241
|
return /* @__PURE__ */ m(me, {
|
|
1243
1242
|
present: o || r.open
|
|
1244
|
-
}, r.modal ? /* @__PURE__ */ m(
|
|
1243
|
+
}, r.modal ? /* @__PURE__ */ m(or, P({}, a, {
|
|
1245
1244
|
ref: n
|
|
1246
|
-
})) : /* @__PURE__ */ m(
|
|
1245
|
+
})) : /* @__PURE__ */ m(ar, P({}, a, {
|
|
1247
1246
|
ref: n
|
|
1248
1247
|
})));
|
|
1249
|
-
}),
|
|
1248
|
+
}), or = /* @__PURE__ */ C((e, n) => {
|
|
1250
1249
|
const t = L(ne, e.__scopeDialog), o = O(null), a = J(n, t.contentRef, o);
|
|
1251
1250
|
return A(() => {
|
|
1252
1251
|
const r = o.current;
|
|
1253
1252
|
if (r)
|
|
1254
|
-
return
|
|
1253
|
+
return Kn(r);
|
|
1255
1254
|
}, []), /* @__PURE__ */ m(bt, P({}, e, {
|
|
1256
1255
|
ref: a,
|
|
1257
1256
|
trapFocus: t.open,
|
|
@@ -1269,7 +1268,7 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1269
1268
|
(r) => r.preventDefault()
|
|
1270
1269
|
)
|
|
1271
1270
|
}));
|
|
1272
|
-
}),
|
|
1271
|
+
}), ar = /* @__PURE__ */ C((e, n) => {
|
|
1273
1272
|
const t = L(ne, e.__scopeDialog), o = O(!1), a = O(!1);
|
|
1274
1273
|
return /* @__PURE__ */ m(bt, P({}, e, {
|
|
1275
1274
|
ref: n,
|
|
@@ -1292,7 +1291,7 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1292
1291
|
}));
|
|
1293
1292
|
}), bt = /* @__PURE__ */ C((e, n) => {
|
|
1294
1293
|
const { __scopeDialog: t, trapFocus: o, onOpenAutoFocus: a, onCloseAutoFocus: r, ...i } = e, u = L(ne, t), s = O(null), d = J(n, s);
|
|
1295
|
-
return ln(), /* @__PURE__ */ m(
|
|
1294
|
+
return ln(), /* @__PURE__ */ m(Ie, null, /* @__PURE__ */ m(Jt, {
|
|
1296
1295
|
asChild: !0,
|
|
1297
1296
|
loop: !0,
|
|
1298
1297
|
trapped: o,
|
|
@@ -1308,22 +1307,22 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1308
1307
|
ref: d,
|
|
1309
1308
|
onDismiss: () => u.onOpenChange(!1)
|
|
1310
1309
|
}))), !1);
|
|
1311
|
-
}),
|
|
1312
|
-
const { __scopeDialog: t, ...o } = e, a = L(
|
|
1310
|
+
}), ir = "DialogTitle", ur = /* @__PURE__ */ C((e, n) => {
|
|
1311
|
+
const { __scopeDialog: t, ...o } = e, a = L(ir, t);
|
|
1313
1312
|
return /* @__PURE__ */ m(U.h2, P({
|
|
1314
1313
|
id: a.titleId
|
|
1315
1314
|
}, o, {
|
|
1316
1315
|
ref: n
|
|
1317
1316
|
}));
|
|
1318
|
-
}),
|
|
1319
|
-
const { __scopeDialog: t, ...o } = e, a = L(
|
|
1317
|
+
}), cr = "DialogDescription", sr = /* @__PURE__ */ C((e, n) => {
|
|
1318
|
+
const { __scopeDialog: t, ...o } = e, a = L(cr, t);
|
|
1320
1319
|
return /* @__PURE__ */ m(U.p, P({
|
|
1321
1320
|
id: a.descriptionId
|
|
1322
1321
|
}, o, {
|
|
1323
1322
|
ref: n
|
|
1324
1323
|
}));
|
|
1325
|
-
}),
|
|
1326
|
-
const { __scopeDialog: t, ...o } = e, a = L(
|
|
1324
|
+
}), lr = "DialogClose", dr = /* @__PURE__ */ C((e, n) => {
|
|
1325
|
+
const { __scopeDialog: t, ...o } = e, a = L(lr, t);
|
|
1327
1326
|
return /* @__PURE__ */ m(U.button, P({
|
|
1328
1327
|
type: "button"
|
|
1329
1328
|
}, o, {
|
|
@@ -1337,12 +1336,12 @@ const ht = "Dialog", [gt, yo] = Mt(ht), [Yn, L] = gt(ht), Zn = (e) => {
|
|
|
1337
1336
|
function Me(e) {
|
|
1338
1337
|
return e ? "open" : "closed";
|
|
1339
1338
|
}
|
|
1340
|
-
const fr =
|
|
1339
|
+
const pr = Yn, fr = Qn, vr = er, hr = tr, gr = rr, mr = ur, Ke = sr, _r = dr, Xe = {
|
|
1341
1340
|
SM: "sm",
|
|
1342
1341
|
MD: "md",
|
|
1343
1342
|
LG: "lg"
|
|
1344
1343
|
};
|
|
1345
|
-
function
|
|
1344
|
+
function br(e) {
|
|
1346
1345
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1347
1346
|
}
|
|
1348
1347
|
var $t = { exports: {} };
|
|
@@ -1381,35 +1380,35 @@ var $t = { exports: {} };
|
|
|
1381
1380
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
1382
1381
|
})();
|
|
1383
1382
|
})($t);
|
|
1384
|
-
var
|
|
1385
|
-
const Ye = /* @__PURE__ */ $r
|
|
1383
|
+
var $r = $t.exports;
|
|
1384
|
+
const Ye = /* @__PURE__ */ br($r), yr = "_rotate_7s2g1_1", Er = "_dash_7s2g1_1", le = {
|
|
1386
1385
|
"purpur-spinner": "_purpur-spinner_7s2g1_1",
|
|
1387
|
-
rotate:
|
|
1386
|
+
rotate: yr,
|
|
1388
1387
|
"purpur-spinner--xxs": "_purpur-spinner--xxs_7s2g1_4",
|
|
1389
1388
|
"purpur-spinner--xs": "_purpur-spinner--xs_7s2g1_8",
|
|
1390
1389
|
"purpur-spinner--sm": "_purpur-spinner--sm_7s2g1_12",
|
|
1391
1390
|
"purpur-spinner--md": "_purpur-spinner--md_7s2g1_16",
|
|
1392
1391
|
"purpur-spinner--lg": "_purpur-spinner--lg_7s2g1_20",
|
|
1393
1392
|
"purpur-spinner__circle": "_purpur-spinner__circle_7s2g1_24",
|
|
1394
|
-
dash:
|
|
1393
|
+
dash: Er,
|
|
1395
1394
|
"purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_7s2g1_33",
|
|
1396
1395
|
"purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_7s2g1_36",
|
|
1397
1396
|
"purpur-spinner__circle--negative-disabled": "_purpur-spinner__circle--negative-disabled_7s2g1_39"
|
|
1398
|
-
}, de = "purpur-spinner",
|
|
1397
|
+
}, de = "purpur-spinner", wr = {
|
|
1399
1398
|
PRIMARY: "primary",
|
|
1400
1399
|
DISABLED: "disabled",
|
|
1401
1400
|
NEGATIVE: "negative",
|
|
1402
1401
|
NEGATIVE_DISABLED: "negative-disabled"
|
|
1403
|
-
},
|
|
1402
|
+
}, Sr = {
|
|
1404
1403
|
XXS: "xxs",
|
|
1405
1404
|
XS: "xs",
|
|
1406
1405
|
SM: "sm",
|
|
1407
1406
|
MD: "md",
|
|
1408
1407
|
LG: "lg"
|
|
1409
|
-
},
|
|
1408
|
+
}, Cr = ({
|
|
1410
1409
|
["data-testid"]: e,
|
|
1411
|
-
size: n =
|
|
1412
|
-
variant: t =
|
|
1410
|
+
size: n = Sr.SM,
|
|
1411
|
+
variant: t = wr.PRIMARY,
|
|
1413
1412
|
...o
|
|
1414
1413
|
}) => /* @__PURE__ */ _(
|
|
1415
1414
|
"div",
|
|
@@ -1431,7 +1430,7 @@ const Ye = /* @__PURE__ */ $r(yr), Er = "_rotate_7s2g1_1", wr = "_dash_7s2g1_1",
|
|
|
1431
1430
|
) })
|
|
1432
1431
|
}
|
|
1433
1432
|
);
|
|
1434
|
-
function
|
|
1433
|
+
function xr(e) {
|
|
1435
1434
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1436
1435
|
}
|
|
1437
1436
|
var yt = { exports: {} };
|
|
@@ -1470,8 +1469,8 @@ var yt = { exports: {} };
|
|
|
1470
1469
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
1471
1470
|
})();
|
|
1472
1471
|
})(yt);
|
|
1473
|
-
var
|
|
1474
|
-
const
|
|
1472
|
+
var Or = yt.exports;
|
|
1473
|
+
const Pr = /* @__PURE__ */ xr(Or), q = {
|
|
1475
1474
|
"purpur-button": "_purpur-button_1fna2_1",
|
|
1476
1475
|
"purpur-button--sm": "_purpur-button--sm_1fna2_33",
|
|
1477
1476
|
"purpur-button--icon-only": "_purpur-button--icon-only_1fna2_36",
|
|
@@ -1492,7 +1491,7 @@ const Nr = /* @__PURE__ */ Or(Pr), q = {
|
|
|
1492
1491
|
"purpur-button--tertiary-purple-negative": "_purpur-button--tertiary-purple-negative_1fna2_160",
|
|
1493
1492
|
"purpur-button--text-negative": "_purpur-button--text-negative_1fna2_175",
|
|
1494
1493
|
"purpur-button--text": "_purpur-button--text_1fna2_175"
|
|
1495
|
-
}, H = "purpur-button",
|
|
1494
|
+
}, H = "purpur-button", Nr = ({
|
|
1496
1495
|
children: e,
|
|
1497
1496
|
className: n,
|
|
1498
1497
|
["data-testid"]: t,
|
|
@@ -1508,7 +1507,7 @@ const Nr = /* @__PURE__ */ Or(Pr), q = {
|
|
|
1508
1507
|
}, h) => {
|
|
1509
1508
|
if (r && d === "destructive")
|
|
1510
1509
|
return null;
|
|
1511
|
-
const f =
|
|
1510
|
+
const f = Pr(
|
|
1512
1511
|
[
|
|
1513
1512
|
q[H],
|
|
1514
1513
|
q[`${H}--${d}`],
|
|
@@ -1535,15 +1534,15 @@ const Nr = /* @__PURE__ */ Or(Pr), q = {
|
|
|
1535
1534
|
onClick: E,
|
|
1536
1535
|
...l,
|
|
1537
1536
|
children: [
|
|
1538
|
-
i && /* @__PURE__ */ _(
|
|
1537
|
+
i && /* @__PURE__ */ _(Cr, { size: s === Xe.LG ? "xs" : "xxs", variant: c() }),
|
|
1539
1538
|
" ",
|
|
1540
1539
|
e
|
|
1541
1540
|
]
|
|
1542
1541
|
}
|
|
1543
1542
|
);
|
|
1544
|
-
}, Le = C(
|
|
1543
|
+
}, Le = C(Nr);
|
|
1545
1544
|
Le.displayName = "Button";
|
|
1546
|
-
function
|
|
1545
|
+
function Ar(e) {
|
|
1547
1546
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1548
1547
|
}
|
|
1549
1548
|
var Et = { exports: {} };
|
|
@@ -1582,8 +1581,8 @@ var Et = { exports: {} };
|
|
|
1582
1581
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
1583
1582
|
})();
|
|
1584
1583
|
})(Et);
|
|
1585
|
-
var
|
|
1586
|
-
const
|
|
1584
|
+
var Tr = Et.exports;
|
|
1585
|
+
const Dr = /* @__PURE__ */ Ar(Tr), pe = {
|
|
1587
1586
|
"purpur-heading": "_purpur-heading_1g237_1",
|
|
1588
1587
|
"purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
|
|
1589
1588
|
"purpur-heading--negative": "_purpur-heading--negative_1g237_11",
|
|
@@ -1608,7 +1607,7 @@ const Rr = /* @__PURE__ */ Tr(Dr), pe = {
|
|
|
1608
1607
|
TITLE600: "title-600",
|
|
1609
1608
|
TITLE700: "title-700",
|
|
1610
1609
|
SUBSECTION100: "subsection-100"
|
|
1611
|
-
}, fe = "purpur-heading",
|
|
1610
|
+
}, fe = "purpur-heading", Rr = ({
|
|
1612
1611
|
["data-testid"]: e,
|
|
1613
1612
|
children: n,
|
|
1614
1613
|
className: t = "",
|
|
@@ -1618,7 +1617,7 @@ const Rr = /* @__PURE__ */ Tr(Dr), pe = {
|
|
|
1618
1617
|
variant: i = Ir.TITLE100,
|
|
1619
1618
|
...u
|
|
1620
1619
|
}) => {
|
|
1621
|
-
const s = r, d =
|
|
1620
|
+
const s = r, d = Dr([
|
|
1622
1621
|
t,
|
|
1623
1622
|
pe[fe],
|
|
1624
1623
|
pe[`${fe}--${i}`],
|
|
@@ -1629,7 +1628,7 @@ const Rr = /* @__PURE__ */ Tr(Dr), pe = {
|
|
|
1629
1628
|
]);
|
|
1630
1629
|
return /* @__PURE__ */ _(s, { ...u, className: d, "data-testid": e, children: n });
|
|
1631
1630
|
};
|
|
1632
|
-
function
|
|
1631
|
+
function Mr(e) {
|
|
1633
1632
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1634
1633
|
}
|
|
1635
1634
|
var wt = { exports: {} };
|
|
@@ -1668,8 +1667,8 @@ var wt = { exports: {} };
|
|
|
1668
1667
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
1669
1668
|
})();
|
|
1670
1669
|
})(wt);
|
|
1671
|
-
var
|
|
1672
|
-
const
|
|
1670
|
+
var Lr = wt.exports;
|
|
1671
|
+
const Fr = /* @__PURE__ */ Mr(Lr), kr = {
|
|
1673
1672
|
"purpur-icon": "_purpur-icon_8u1lq_1",
|
|
1674
1673
|
"purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
|
|
1675
1674
|
"purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
|
|
@@ -1677,39 +1676,39 @@ const kr = /* @__PURE__ */ Lr(Fr), jr = {
|
|
|
1677
1676
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
1678
1677
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
1679
1678
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
1680
|
-
},
|
|
1679
|
+
}, jr = {
|
|
1681
1680
|
name: "close",
|
|
1682
1681
|
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>',
|
|
1683
1682
|
keywords: ["close"],
|
|
1684
1683
|
category: "utility"
|
|
1685
1684
|
}, St = (e) => /* @__PURE__ */ _(
|
|
1686
|
-
|
|
1685
|
+
Hr,
|
|
1687
1686
|
{
|
|
1688
1687
|
...e,
|
|
1689
|
-
svg:
|
|
1688
|
+
svg: jr
|
|
1690
1689
|
}
|
|
1691
1690
|
);
|
|
1692
1691
|
St.displayName = "IconClose";
|
|
1693
|
-
const
|
|
1692
|
+
const Br = Fr.bind(kr), Ze = "purpur-icon", Wr = "md", Ur = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), zr = ({ content: e = "", title: n } = {}) => {
|
|
1694
1693
|
const t = [
|
|
1695
1694
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
1696
1695
|
{ name: "fill", value: "currentColor" },
|
|
1697
1696
|
{ name: "viewBox", value: "0 0 24 24" },
|
|
1698
1697
|
n ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
1699
1698
|
], o = n ? `<title>${n}</title>` : "";
|
|
1700
|
-
return `<svg ${
|
|
1701
|
-
},
|
|
1699
|
+
return `<svg ${Ur(t)}>${o}${e}</svg>`;
|
|
1700
|
+
}, qr = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), Hr = ({
|
|
1702
1701
|
["data-testid"]: e,
|
|
1703
1702
|
svg: n,
|
|
1704
1703
|
allyTitle: t,
|
|
1705
1704
|
className: o = "",
|
|
1706
|
-
size: a =
|
|
1705
|
+
size: a = Wr,
|
|
1707
1706
|
...r
|
|
1708
1707
|
}) => {
|
|
1709
|
-
const i =
|
|
1710
|
-
content:
|
|
1708
|
+
const i = zr({
|
|
1709
|
+
content: qr(n.svg),
|
|
1711
1710
|
title: t
|
|
1712
|
-
}), u =
|
|
1711
|
+
}), u = Br(o, Ze, `${Ze}--${a}`);
|
|
1713
1712
|
return /* @__PURE__ */ _(
|
|
1714
1713
|
"span",
|
|
1715
1714
|
{
|
|
@@ -1760,8 +1759,8 @@ var Ct = { exports: {} };
|
|
|
1760
1759
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
1761
1760
|
})();
|
|
1762
1761
|
})(Ct);
|
|
1763
|
-
var
|
|
1764
|
-
const
|
|
1762
|
+
var Gr = Ct.exports;
|
|
1763
|
+
const Kr = /* @__PURE__ */ Vr(Gr), ee = {
|
|
1765
1764
|
"purpur-paragraph": "_purpur-paragraph_15yuz_1",
|
|
1766
1765
|
"purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
|
|
1767
1766
|
"purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
|
|
@@ -1776,7 +1775,7 @@ const Xr = /* @__PURE__ */ Vr(Kr), ee = {
|
|
|
1776
1775
|
"purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
|
|
1777
1776
|
"purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
|
|
1778
1777
|
"purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
|
|
1779
|
-
},
|
|
1778
|
+
}, Xr = {
|
|
1780
1779
|
PARAGRAPH100: "paragraph-100",
|
|
1781
1780
|
PARAGRAPH100MEDIUM: "paragraph-100-medium",
|
|
1782
1781
|
PARAGRAPH100BOLD: "paragraph-100-bold",
|
|
@@ -1787,17 +1786,17 @@ const Xr = /* @__PURE__ */ Vr(Kr), ee = {
|
|
|
1787
1786
|
ADDITIONAL100MEDIUM: "additional-100-medium",
|
|
1788
1787
|
OVERLINE100: "overline-100",
|
|
1789
1788
|
OVERLINE200: "overline-200"
|
|
1790
|
-
}, te = "purpur-paragraph",
|
|
1789
|
+
}, te = "purpur-paragraph", Yr = ({
|
|
1791
1790
|
["data-testid"]: e,
|
|
1792
1791
|
children: n,
|
|
1793
1792
|
className: t = "",
|
|
1794
1793
|
disabled: o,
|
|
1795
1794
|
enableHyphenation: a = !1,
|
|
1796
1795
|
negative: r = !1,
|
|
1797
|
-
variant: i =
|
|
1796
|
+
variant: i = Xr.PARAGRAPH100,
|
|
1798
1797
|
...u
|
|
1799
1798
|
}) => {
|
|
1800
|
-
const s =
|
|
1799
|
+
const s = Kr([
|
|
1801
1800
|
t,
|
|
1802
1801
|
ee[te],
|
|
1803
1802
|
ee[`${te}--${i}`],
|
|
@@ -1808,7 +1807,7 @@ const Xr = /* @__PURE__ */ Vr(Kr), ee = {
|
|
|
1808
1807
|
}
|
|
1809
1808
|
]);
|
|
1810
1809
|
return /* @__PURE__ */ _("p", { ...u, className: s, "data-testid": e, children: n });
|
|
1811
|
-
},
|
|
1810
|
+
}, Zr = "600px";
|
|
1812
1811
|
function Z() {
|
|
1813
1812
|
return Z = Object.assign ? Object.assign.bind() : function(e) {
|
|
1814
1813
|
for (var n = 1; n < arguments.length; n++) {
|
|
@@ -1819,16 +1818,16 @@ function Z() {
|
|
|
1819
1818
|
return e;
|
|
1820
1819
|
}, Z.apply(this, arguments);
|
|
1821
1820
|
}
|
|
1822
|
-
function
|
|
1821
|
+
function Qr(e, n) {
|
|
1823
1822
|
typeof e == "function" ? e(n) : e != null && (e.current = n);
|
|
1824
1823
|
}
|
|
1825
|
-
function
|
|
1824
|
+
function Jr(...e) {
|
|
1826
1825
|
return (n) => e.forEach(
|
|
1827
|
-
(t) =>
|
|
1826
|
+
(t) => Qr(t, n)
|
|
1828
1827
|
);
|
|
1829
1828
|
}
|
|
1830
1829
|
const xt = /* @__PURE__ */ C((e, n) => {
|
|
1831
|
-
const { children: t, ...o } = e, a = M.toArray(t), r = a.find(
|
|
1830
|
+
const { children: t, ...o } = e, a = M.toArray(t), r = a.find(to);
|
|
1832
1831
|
if (r) {
|
|
1833
1832
|
const i = r.props.children, u = a.map((s) => s === r ? M.count(i) > 1 ? M.only(null) : /* @__PURE__ */ W(i) ? i.props.children : null : s);
|
|
1834
1833
|
return /* @__PURE__ */ m(De, Z({}, o, {
|
|
@@ -1843,16 +1842,16 @@ xt.displayName = "Slot";
|
|
|
1843
1842
|
const De = /* @__PURE__ */ C((e, n) => {
|
|
1844
1843
|
const { children: t, ...o } = e;
|
|
1845
1844
|
return /* @__PURE__ */ W(t) ? /* @__PURE__ */ re(t, {
|
|
1846
|
-
...
|
|
1847
|
-
ref: n ?
|
|
1845
|
+
...no(o, t.props),
|
|
1846
|
+
ref: n ? Jr(n, t.ref) : t.ref
|
|
1848
1847
|
}) : M.count(t) > 1 ? M.only(null) : null;
|
|
1849
1848
|
});
|
|
1850
1849
|
De.displayName = "SlotClone";
|
|
1851
|
-
const
|
|
1852
|
-
function
|
|
1853
|
-
return /* @__PURE__ */ W(e) && e.type ===
|
|
1850
|
+
const eo = ({ children: e }) => /* @__PURE__ */ m(Ie, null, e);
|
|
1851
|
+
function to(e) {
|
|
1852
|
+
return /* @__PURE__ */ W(e) && e.type === eo;
|
|
1854
1853
|
}
|
|
1855
|
-
function
|
|
1854
|
+
function no(e, n) {
|
|
1856
1855
|
const t = {
|
|
1857
1856
|
...n
|
|
1858
1857
|
};
|
|
@@ -1873,7 +1872,7 @@ function ro(e, n) {
|
|
|
1873
1872
|
...t
|
|
1874
1873
|
};
|
|
1875
1874
|
}
|
|
1876
|
-
const
|
|
1875
|
+
const ro = [
|
|
1877
1876
|
"a",
|
|
1878
1877
|
"button",
|
|
1879
1878
|
"div",
|
|
@@ -1890,7 +1889,7 @@ const oo = [
|
|
|
1890
1889
|
"span",
|
|
1891
1890
|
"svg",
|
|
1892
1891
|
"ul"
|
|
1893
|
-
],
|
|
1892
|
+
], oo = ro.reduce((e, n) => {
|
|
1894
1893
|
const t = /* @__PURE__ */ C((o, a) => {
|
|
1895
1894
|
const { asChild: r, ...i } = o, u = r ? xt : n;
|
|
1896
1895
|
return A(() => {
|
|
@@ -1903,7 +1902,7 @@ const oo = [
|
|
|
1903
1902
|
...e,
|
|
1904
1903
|
[n]: t
|
|
1905
1904
|
};
|
|
1906
|
-
}, {}),
|
|
1905
|
+
}, {}), ao = /* @__PURE__ */ C((e, n) => /* @__PURE__ */ m(oo.span, Z({}, e, {
|
|
1907
1906
|
ref: n,
|
|
1908
1907
|
style: {
|
|
1909
1908
|
// See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
|
|
@@ -1919,13 +1918,13 @@ const oo = [
|
|
|
1919
1918
|
wordWrap: "normal",
|
|
1920
1919
|
...e.style
|
|
1921
1920
|
}
|
|
1922
|
-
}))),
|
|
1921
|
+
}))), io = ao, uo = ({
|
|
1923
1922
|
asChild: e,
|
|
1924
1923
|
children: n,
|
|
1925
1924
|
className: t = "",
|
|
1926
1925
|
["data-testid"]: o
|
|
1927
|
-
}) => /* @__PURE__ */ _(
|
|
1928
|
-
function
|
|
1926
|
+
}) => /* @__PURE__ */ _(io, { asChild: e, "data-testid": o, className: t, children: n });
|
|
1927
|
+
function co(e) {
|
|
1929
1928
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
1930
1929
|
}
|
|
1931
1930
|
var Ot = { exports: {} };
|
|
@@ -1964,10 +1963,10 @@ var Ot = { exports: {} };
|
|
|
1964
1963
|
e.exports ? (t.default = t, e.exports = t) : window.classNames = t;
|
|
1965
1964
|
})();
|
|
1966
1965
|
})(Ot);
|
|
1967
|
-
var
|
|
1968
|
-
const
|
|
1966
|
+
var so = Ot.exports;
|
|
1967
|
+
const lo = /* @__PURE__ */ co(so), po = "_fadeIn_1qmv6_1", fo = {
|
|
1969
1968
|
"purpur-modal-content": "_purpur-modal-content_1qmv6_1",
|
|
1970
|
-
fadeIn:
|
|
1969
|
+
fadeIn: po,
|
|
1971
1970
|
"purpur-modal-content__overlay": "_purpur-modal-content__overlay_1qmv6_30",
|
|
1972
1971
|
"purpur-modal-content__close-button": "_purpur-modal-content__close-button_1qmv6_37",
|
|
1973
1972
|
"purpur-modal-content__wrapper": "_purpur-modal-content__wrapper_1qmv6_48",
|
|
@@ -1985,7 +1984,7 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
1985
1984
|
"purpur-modal-content__actions": "_purpur-modal-content__actions_1qmv6_132",
|
|
1986
1985
|
"purpur-modal-content__actions-separator": "_purpur-modal-content__actions-separator_1qmv6_186",
|
|
1987
1986
|
"purpur-modal-content--sticky-footer": "_purpur-modal-content--sticky-footer_1qmv6_196"
|
|
1988
|
-
}, Qe = (e) => e.showCloseButton === !0, D =
|
|
1987
|
+
}, Qe = (e) => e.showCloseButton === !0, D = lo.bind(fo), N = "purpur-modal-content", vo = C(
|
|
1989
1988
|
({
|
|
1990
1989
|
["data-testid"]: e,
|
|
1991
1990
|
actions: n,
|
|
@@ -2000,31 +1999,31 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2000
1999
|
title: p,
|
|
2001
2000
|
...l
|
|
2002
2001
|
}, h) => {
|
|
2003
|
-
const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] =
|
|
2002
|
+
const { closeButtonAllyLabel: f, showCloseButton: E, ...c } = l, [v, b] = V(!1), x = O(null), $ = O(null), y = O(null), S = O(null), z = D([
|
|
2004
2003
|
N,
|
|
2005
2004
|
{ [`${N}--with-image`]: !!u },
|
|
2006
2005
|
{ [`${N}--overflow`]: v },
|
|
2007
2006
|
{ [`${N}--sticky-footer`]: d },
|
|
2008
2007
|
o
|
|
2009
|
-
]), T = (
|
|
2010
|
-
r &&
|
|
2011
|
-
},
|
|
2008
|
+
]), T = (R) => e ? `${e} ${R}` : void 0, w = (R) => {
|
|
2009
|
+
r && R.preventDefault();
|
|
2010
|
+
}, I = Q(() => {
|
|
2012
2011
|
if (!x.current || !$.current || !y.current || !S.current)
|
|
2013
2012
|
return;
|
|
2014
|
-
const
|
|
2015
|
-
|
|
2013
|
+
const R = window.innerWidth < parseInt(Zr), Pt = window.getComputedStyle(
|
|
2014
|
+
R ? x.current : y.current,
|
|
2016
2015
|
null
|
|
2017
|
-
), Nt = parseFloat(Pt.getPropertyValue("height")), At =
|
|
2016
|
+
), Nt = parseFloat(Pt.getPropertyValue("height")), At = R ? $.current.offsetHeight : S.current.offsetHeight;
|
|
2018
2017
|
b(Nt < At);
|
|
2019
|
-
}, []), oe = (
|
|
2020
|
-
r && !E &&
|
|
2018
|
+
}, []), oe = (R) => {
|
|
2019
|
+
r && !E && R.preventDefault();
|
|
2021
2020
|
};
|
|
2022
|
-
return A(() => (window.addEventListener("resize",
|
|
2023
|
-
window.removeEventListener("resize",
|
|
2024
|
-
}), [
|
|
2025
|
-
/* @__PURE__ */ _(
|
|
2021
|
+
return A(() => (window.addEventListener("resize", I), () => {
|
|
2022
|
+
window.removeEventListener("resize", I);
|
|
2023
|
+
}), [I]), /* @__PURE__ */ j(vr, { children: [
|
|
2024
|
+
/* @__PURE__ */ _(hr, { className: D(`${N}__overlay`) }),
|
|
2026
2025
|
/* @__PURE__ */ j(
|
|
2027
|
-
|
|
2026
|
+
gr,
|
|
2028
2027
|
{
|
|
2029
2028
|
...c,
|
|
2030
2029
|
className: z,
|
|
@@ -2032,7 +2031,7 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2032
2031
|
ref: h,
|
|
2033
2032
|
...!a && { "aria-describedby": void 0 },
|
|
2034
2033
|
onPointerDownOutside: w,
|
|
2035
|
-
onOpenAutoFocus:
|
|
2034
|
+
onOpenAutoFocus: I,
|
|
2036
2035
|
onEscapeKeyDown: oe,
|
|
2037
2036
|
children: [
|
|
2038
2037
|
/* @__PURE__ */ j("div", { ref: x, className: D(`${N}__wrapper`), children: [
|
|
@@ -2054,12 +2053,12 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2054
2053
|
}
|
|
2055
2054
|
),
|
|
2056
2055
|
/* @__PURE__ */ _(
|
|
2057
|
-
|
|
2056
|
+
mr,
|
|
2058
2057
|
{
|
|
2059
2058
|
asChild: !0,
|
|
2060
2059
|
className: D(`${N}__title`),
|
|
2061
2060
|
"data-testid": T("title"),
|
|
2062
|
-
children: /* @__PURE__ */ _(
|
|
2061
|
+
children: /* @__PURE__ */ _(Rr, { tag: "h2", variant: "title-200", children: p })
|
|
2063
2062
|
}
|
|
2064
2063
|
)
|
|
2065
2064
|
] }),
|
|
@@ -2072,14 +2071,14 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2072
2071
|
}
|
|
2073
2072
|
),
|
|
2074
2073
|
/* @__PURE__ */ _("div", { ref: y, className: D(`${N}__body`), children: /* @__PURE__ */ j("div", { ref: S, className: D(`${N}__body-inner`), children: [
|
|
2075
|
-
a && i && /* @__PURE__ */ _(
|
|
2074
|
+
a && i && /* @__PURE__ */ _(uo, { asChild: !0, children: /* @__PURE__ */ _(Ke, { "data-testid": T("description"), children: a }) }),
|
|
2076
2075
|
a && !i && /* @__PURE__ */ _(
|
|
2077
2076
|
Ke,
|
|
2078
2077
|
{
|
|
2079
2078
|
asChild: !0,
|
|
2080
2079
|
className: D(`${N}__description`),
|
|
2081
2080
|
"data-testid": T("description"),
|
|
2082
|
-
children: /* @__PURE__ */ _(
|
|
2081
|
+
children: /* @__PURE__ */ _(Yr, { variant: "paragraph-100", children: a })
|
|
2083
2082
|
}
|
|
2084
2083
|
),
|
|
2085
2084
|
/* @__PURE__ */ _("div", { children: t }),
|
|
@@ -2097,7 +2096,7 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2097
2096
|
allyLabel: e,
|
|
2098
2097
|
hasImage: n,
|
|
2099
2098
|
["data-testid"]: t
|
|
2100
|
-
}) => /* @__PURE__ */ _(
|
|
2099
|
+
}) => /* @__PURE__ */ _(_r, { asChild: !0, children: /* @__PURE__ */ _(
|
|
2101
2100
|
Le,
|
|
2102
2101
|
{
|
|
2103
2102
|
variant: n ? "primary-negative" : "tertiary-purple",
|
|
@@ -2108,13 +2107,13 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2108
2107
|
"data-testid": t,
|
|
2109
2108
|
children: /* @__PURE__ */ _(St, {})
|
|
2110
2109
|
}
|
|
2111
|
-
) }),
|
|
2110
|
+
) }), ho = 3, et = ({
|
|
2112
2111
|
actions: e,
|
|
2113
2112
|
primaryActionVariant: n
|
|
2114
2113
|
}) => {
|
|
2115
2114
|
const t = [n, "secondary", "text"];
|
|
2116
2115
|
return e && e.length > 0 ? /* @__PURE__ */ j("div", { className: D(`${N}__actions`), children: [
|
|
2117
|
-
/* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0,
|
|
2116
|
+
/* @__PURE__ */ _("div", { className: D(`${N}__actions-buttons`), "data-testid": "modal actions", children: e.slice(0, ho).map(({ label: o, onClick: a }, r) => /* @__PURE__ */ _(
|
|
2118
2117
|
Le,
|
|
2119
2118
|
{
|
|
2120
2119
|
"data-testid": "modal actions button",
|
|
@@ -2127,9 +2126,9 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2127
2126
|
)) }),
|
|
2128
2127
|
/* @__PURE__ */ _("span", { className: D(`${N}__actions-separator`) })
|
|
2129
2128
|
] }) : null;
|
|
2130
|
-
},
|
|
2129
|
+
}, go = C(
|
|
2131
2130
|
({ ["data-testid"]: e, children: n, className: t, ...o }, a) => /* @__PURE__ */ _(
|
|
2132
|
-
|
|
2131
|
+
fr,
|
|
2133
2132
|
{
|
|
2134
2133
|
asChild: !0,
|
|
2135
2134
|
ref: a,
|
|
@@ -2144,9 +2143,9 @@ const po = /* @__PURE__ */ so(lo), fo = "_fadeIn_1qmv6_1", vo = {
|
|
|
2144
2143
|
children: n,
|
|
2145
2144
|
open: t,
|
|
2146
2145
|
onOpenChange: o
|
|
2147
|
-
}) => /* @__PURE__ */ _(
|
|
2148
|
-
Fe.Trigger =
|
|
2149
|
-
Fe.Content =
|
|
2146
|
+
}) => /* @__PURE__ */ _(pr, { open: t, onOpenChange: o, "data-testid": e, children: n });
|
|
2147
|
+
Fe.Trigger = go;
|
|
2148
|
+
Fe.Content = vo;
|
|
2150
2149
|
Fe.displayName = "Modal";
|
|
2151
2150
|
export {
|
|
2152
2151
|
Fe as Modal
|