@kvell-group/ui 1.6.0 → 1.6.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/main.d.ts +1 -0
- package/dist/main.js +814 -810
- package/package.json +1 -1
package/dist/main.js
CHANGED
|
@@ -1,39 +1,42 @@
|
|
|
1
|
-
import { jsx as p, jsxs as z, Fragment as
|
|
2
|
-
import { useState as
|
|
3
|
-
import
|
|
4
|
-
import './assets/main.css';
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
function
|
|
8
|
-
return
|
|
9
|
-
}
|
|
10
|
-
function
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
1
|
+
import { jsx as p, jsxs as z, Fragment as pt } from "react/jsx-runtime";
|
|
2
|
+
import { useState as rt, useRef as W, useEffect as A, useLayoutEffect as Wr, createContext as Dt, useContext as $t, useMemo as zr, useCallback as Lt, useId as Yr, forwardRef as _ } from "react";
|
|
3
|
+
import Gr from "react-dom";
|
|
4
|
+
import './assets/main.css';const _e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
5
|
+
__proto__: null
|
|
6
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
7
|
+
function M(t) {
|
|
8
|
+
return Object.keys(t);
|
|
9
|
+
}
|
|
10
|
+
function it(t) {
|
|
11
|
+
return t && typeof t == "object" && !Array.isArray(t);
|
|
12
|
+
}
|
|
13
|
+
function vt(t, r) {
|
|
14
|
+
const e = { ...t }, n = r;
|
|
15
|
+
return it(t) && it(r) && Object.keys(r).forEach((a) => {
|
|
16
|
+
it(n[a]) && a in t ? e[a] = vt(e[a], n[a]) : e[a] = n[a];
|
|
14
17
|
}), e;
|
|
15
18
|
}
|
|
16
|
-
function
|
|
17
|
-
return
|
|
19
|
+
function Dr(t) {
|
|
20
|
+
return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
|
|
18
21
|
}
|
|
19
|
-
function
|
|
20
|
-
var
|
|
21
|
-
return typeof
|
|
22
|
+
function Xr(t) {
|
|
23
|
+
var r;
|
|
24
|
+
return typeof t != "string" || !t.includes("var(--mantine-scale)") ? t : (r = t.match(/^calc\((.*?)\)$/)) == null ? void 0 : r[1].split("*")[0].trim();
|
|
22
25
|
}
|
|
23
|
-
function
|
|
24
|
-
const
|
|
25
|
-
return typeof
|
|
26
|
+
function Ur(t) {
|
|
27
|
+
const r = Xr(t);
|
|
28
|
+
return typeof r == "number" ? r : typeof r == "string" ? r.includes("calc") || r.includes("var") ? r : r.includes("px") ? Number(r.replace("px", "")) : r.includes("rem") ? Number(r.replace("rem", "")) * 16 : r.includes("em") ? Number(r.replace("em", "")) * 16 : Number(r) : NaN;
|
|
26
29
|
}
|
|
27
|
-
function
|
|
28
|
-
return
|
|
30
|
+
function st(t) {
|
|
31
|
+
return t === "0rem" ? "0rem" : `calc(${t} * var(--mantine-scale))`;
|
|
29
32
|
}
|
|
30
|
-
function
|
|
33
|
+
function Xt(t, { shouldScale: r = !1 } = {}) {
|
|
31
34
|
function e(n) {
|
|
32
35
|
if (n === 0 || n === "0")
|
|
33
|
-
return `0${
|
|
36
|
+
return `0${t}`;
|
|
34
37
|
if (typeof n == "number") {
|
|
35
|
-
const a = `${n / 16}${
|
|
36
|
-
return
|
|
38
|
+
const a = `${n / 16}${t}`;
|
|
39
|
+
return r ? st(a) : a;
|
|
37
40
|
}
|
|
38
41
|
if (typeof n == "string") {
|
|
39
42
|
if (n === "" || n.startsWith("calc(") || n.startsWith("clamp(") || n.includes("rgba("))
|
|
@@ -42,66 +45,66 @@ function Xr(r, { shouldScale: t = !1 } = {}) {
|
|
|
42
45
|
return n.split(",").map((o) => e(o)).join(",");
|
|
43
46
|
if (n.includes(" "))
|
|
44
47
|
return n.split(" ").map((o) => e(o)).join(" ");
|
|
45
|
-
if (n.includes(
|
|
46
|
-
return
|
|
48
|
+
if (n.includes(t))
|
|
49
|
+
return r ? st(n) : n;
|
|
47
50
|
const a = n.replace("px", "");
|
|
48
51
|
if (!Number.isNaN(Number(a))) {
|
|
49
|
-
const o = `${Number(a) / 16}${
|
|
50
|
-
return
|
|
52
|
+
const o = `${Number(a) / 16}${t}`;
|
|
53
|
+
return r ? st(o) : o;
|
|
51
54
|
}
|
|
52
55
|
}
|
|
53
56
|
return n;
|
|
54
57
|
}
|
|
55
58
|
return e;
|
|
56
59
|
}
|
|
57
|
-
const c =
|
|
58
|
-
function
|
|
59
|
-
return Object.keys(
|
|
60
|
+
const c = Xt("rem", { shouldScale: !0 }), Et = Xt("em");
|
|
61
|
+
function St(t) {
|
|
62
|
+
return Object.keys(t).reduce((r, e) => (t[e] !== void 0 && (r[e] = t[e]), r), {});
|
|
60
63
|
}
|
|
61
|
-
function
|
|
62
|
-
if (typeof
|
|
64
|
+
function Ut(t) {
|
|
65
|
+
if (typeof t == "number")
|
|
63
66
|
return !0;
|
|
64
|
-
if (typeof
|
|
65
|
-
if (
|
|
67
|
+
if (typeof t == "string") {
|
|
68
|
+
if (t.startsWith("calc(") || t.startsWith("var(") || t.includes(" ") && t.trim() !== "")
|
|
66
69
|
return !0;
|
|
67
|
-
const
|
|
68
|
-
return
|
|
70
|
+
const r = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
|
|
71
|
+
return t.trim().split(/\s+/).every((n) => r.test(n));
|
|
69
72
|
}
|
|
70
73
|
return !1;
|
|
71
74
|
}
|
|
72
|
-
function O(
|
|
73
|
-
if (
|
|
74
|
-
return
|
|
75
|
+
function O(t, r = "size", e = !0) {
|
|
76
|
+
if (t !== void 0)
|
|
77
|
+
return Ut(t) ? e ? c(t) : t : `var(--${r}-${t})`;
|
|
75
78
|
}
|
|
76
|
-
function
|
|
77
|
-
return
|
|
79
|
+
function qt(t) {
|
|
80
|
+
return t === void 0 ? "var(--mantine-radius-default)" : O(t, "mantine-radius");
|
|
78
81
|
}
|
|
79
|
-
function
|
|
80
|
-
return O(
|
|
82
|
+
function nt(t) {
|
|
83
|
+
return O(t, "mantine-font-size");
|
|
81
84
|
}
|
|
82
|
-
function
|
|
85
|
+
function qr(t, r) {
|
|
83
86
|
try {
|
|
84
|
-
return
|
|
87
|
+
return t.addEventListener("change", r), () => t.removeEventListener("change", r);
|
|
85
88
|
} catch {
|
|
86
|
-
return
|
|
89
|
+
return t.addListener(r), () => t.removeListener(r);
|
|
87
90
|
}
|
|
88
91
|
}
|
|
89
|
-
function
|
|
90
|
-
return typeof window < "u" && "matchMedia" in window ? window.matchMedia(
|
|
92
|
+
function Qr(t, r) {
|
|
93
|
+
return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
|
|
91
94
|
}
|
|
92
|
-
function
|
|
95
|
+
function Kr(t, r, { getInitialValueInEffect: e } = {
|
|
93
96
|
getInitialValueInEffect: !0
|
|
94
97
|
}) {
|
|
95
|
-
const [n, a] =
|
|
96
|
-
e ?
|
|
98
|
+
const [n, a] = rt(
|
|
99
|
+
e ? r : Qr(t)
|
|
97
100
|
), o = W(null);
|
|
98
101
|
return A(() => {
|
|
99
102
|
if ("matchMedia" in window)
|
|
100
|
-
return o.current = window.matchMedia(
|
|
101
|
-
}, [
|
|
103
|
+
return o.current = window.matchMedia(t), a(o.current.matches), qr(o.current, (i) => a(i.matches));
|
|
104
|
+
}, [t]), n;
|
|
102
105
|
}
|
|
103
|
-
const
|
|
104
|
-
function
|
|
106
|
+
const Qt = typeof document < "u" ? Wr : A;
|
|
107
|
+
function Zr(t, r) {
|
|
105
108
|
const e = W(!1);
|
|
106
109
|
A(
|
|
107
110
|
() => () => {
|
|
@@ -110,50 +113,50 @@ function Zt(r, t) {
|
|
|
110
113
|
[]
|
|
111
114
|
), A(() => {
|
|
112
115
|
if (e.current)
|
|
113
|
-
return
|
|
116
|
+
return t();
|
|
114
117
|
e.current = !0;
|
|
115
|
-
},
|
|
116
|
-
}
|
|
117
|
-
function
|
|
118
|
-
return
|
|
119
|
-
}
|
|
120
|
-
function
|
|
121
|
-
var
|
|
122
|
-
if (typeof
|
|
123
|
-
else if (typeof
|
|
124
|
-
var a =
|
|
125
|
-
for (
|
|
126
|
-
} else for (e in
|
|
118
|
+
}, r);
|
|
119
|
+
}
|
|
120
|
+
function Jr(t, r) {
|
|
121
|
+
return Kr("(prefers-reduced-motion: reduce)", t, r);
|
|
122
|
+
}
|
|
123
|
+
function Kt(t) {
|
|
124
|
+
var r, e, n = "";
|
|
125
|
+
if (typeof t == "string" || typeof t == "number") n += t;
|
|
126
|
+
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
127
|
+
var a = t.length;
|
|
128
|
+
for (r = 0; r < a; r++) t[r] && (e = Kt(t[r])) && (n && (n += " "), n += e);
|
|
129
|
+
} else for (e in t) t[e] && (n && (n += " "), n += e);
|
|
127
130
|
return n;
|
|
128
131
|
}
|
|
129
|
-
function
|
|
130
|
-
for (var
|
|
132
|
+
function j() {
|
|
133
|
+
for (var t, r, e = 0, n = "", a = arguments.length; e < a; e++) (t = arguments[e]) && (r = Kt(t)) && (n && (n += " "), n += r);
|
|
131
134
|
return n;
|
|
132
135
|
}
|
|
133
|
-
const
|
|
134
|
-
function
|
|
135
|
-
const
|
|
136
|
-
return
|
|
136
|
+
const tn = {};
|
|
137
|
+
function rn(t) {
|
|
138
|
+
const r = {};
|
|
139
|
+
return t.forEach((e) => {
|
|
137
140
|
Object.entries(e).forEach(([n, a]) => {
|
|
138
|
-
|
|
141
|
+
r[n] ? r[n] = j(r[n], a) : r[n] = a;
|
|
139
142
|
});
|
|
140
|
-
}),
|
|
143
|
+
}), r;
|
|
141
144
|
}
|
|
142
|
-
function
|
|
143
|
-
const o = (Array.isArray(
|
|
144
|
-
(i) => typeof i == "function" ? i(
|
|
145
|
+
function wt({ theme: t, classNames: r, props: e, stylesCtx: n }) {
|
|
146
|
+
const o = (Array.isArray(r) ? r : [r]).map(
|
|
147
|
+
(i) => typeof i == "function" ? i(t, e, n) : i || tn
|
|
145
148
|
);
|
|
146
|
-
return
|
|
149
|
+
return rn(o);
|
|
147
150
|
}
|
|
148
|
-
function
|
|
149
|
-
return (Array.isArray(
|
|
151
|
+
function yt({ theme: t, styles: r, props: e, stylesCtx: n }) {
|
|
152
|
+
return (Array.isArray(r) ? r : [r]).reduce((o, i) => typeof i == "function" ? { ...o, ...i(t, e, n) } : { ...o, ...i }, {});
|
|
150
153
|
}
|
|
151
|
-
const
|
|
154
|
+
const Zt = Dt(null);
|
|
152
155
|
function P() {
|
|
153
|
-
const
|
|
154
|
-
if (!
|
|
156
|
+
const t = $t(Zt);
|
|
157
|
+
if (!t)
|
|
155
158
|
throw new Error("[@mantine/core] MantineProvider was not found in tree");
|
|
156
|
-
return
|
|
159
|
+
return t;
|
|
157
160
|
}
|
|
158
161
|
function nn() {
|
|
159
162
|
return P().cssVariablesResolver;
|
|
@@ -161,7 +164,7 @@ function nn() {
|
|
|
161
164
|
function en() {
|
|
162
165
|
return P().classNamesPrefix;
|
|
163
166
|
}
|
|
164
|
-
function
|
|
167
|
+
function Ct() {
|
|
165
168
|
return P().getStyleNonce;
|
|
166
169
|
}
|
|
167
170
|
function on() {
|
|
@@ -171,24 +174,24 @@ function an() {
|
|
|
171
174
|
return P().headless;
|
|
172
175
|
}
|
|
173
176
|
function sn() {
|
|
174
|
-
var
|
|
175
|
-
return (
|
|
177
|
+
var t;
|
|
178
|
+
return (t = P().stylesTransform) == null ? void 0 : t.sx;
|
|
176
179
|
}
|
|
177
180
|
function cn() {
|
|
178
|
-
var
|
|
179
|
-
return (
|
|
181
|
+
var t;
|
|
182
|
+
return (t = P().stylesTransform) == null ? void 0 : t.styles;
|
|
180
183
|
}
|
|
181
184
|
function ln() {
|
|
182
185
|
return P().env || "default";
|
|
183
186
|
}
|
|
184
|
-
function dn(
|
|
185
|
-
return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(
|
|
187
|
+
function dn(t) {
|
|
188
|
+
return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(t);
|
|
186
189
|
}
|
|
187
|
-
function fn(
|
|
188
|
-
let
|
|
189
|
-
if (
|
|
190
|
-
const i =
|
|
191
|
-
|
|
190
|
+
function fn(t) {
|
|
191
|
+
let r = t.replace("#", "");
|
|
192
|
+
if (r.length === 3) {
|
|
193
|
+
const i = r.split("");
|
|
194
|
+
r = [
|
|
192
195
|
i[0],
|
|
193
196
|
i[0],
|
|
194
197
|
i[1],
|
|
@@ -197,16 +200,16 @@ function fn(r) {
|
|
|
197
200
|
i[2]
|
|
198
201
|
].join("");
|
|
199
202
|
}
|
|
200
|
-
if (
|
|
201
|
-
const i = parseInt(
|
|
203
|
+
if (r.length === 8) {
|
|
204
|
+
const i = parseInt(r.slice(6, 8), 16) / 255;
|
|
202
205
|
return {
|
|
203
|
-
r: parseInt(
|
|
204
|
-
g: parseInt(
|
|
205
|
-
b: parseInt(
|
|
206
|
+
r: parseInt(r.slice(0, 2), 16),
|
|
207
|
+
g: parseInt(r.slice(2, 4), 16),
|
|
208
|
+
b: parseInt(r.slice(4, 6), 16),
|
|
206
209
|
a: i
|
|
207
210
|
};
|
|
208
211
|
}
|
|
209
|
-
const e = parseInt(
|
|
212
|
+
const e = parseInt(r, 16), n = e >> 16 & 255, a = e >> 8 & 255, o = e & 255;
|
|
210
213
|
return {
|
|
211
214
|
r: n,
|
|
212
215
|
g: a,
|
|
@@ -214,12 +217,12 @@ function fn(r) {
|
|
|
214
217
|
a: 1
|
|
215
218
|
};
|
|
216
219
|
}
|
|
217
|
-
function un(
|
|
218
|
-
const [
|
|
219
|
-
return { r
|
|
220
|
+
function un(t) {
|
|
221
|
+
const [r, e, n, a] = t.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
|
|
222
|
+
return { r, g: e, b: n, a: a || 1 };
|
|
220
223
|
}
|
|
221
|
-
function mn(
|
|
222
|
-
const
|
|
224
|
+
function mn(t) {
|
|
225
|
+
const r = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, e = t.match(r);
|
|
223
226
|
if (!e)
|
|
224
227
|
return {
|
|
225
228
|
r: 0,
|
|
@@ -228,150 +231,150 @@ function mn(r) {
|
|
|
228
231
|
a: 1
|
|
229
232
|
};
|
|
230
233
|
const n = parseInt(e[1], 10), a = parseInt(e[2], 10) / 100, o = parseInt(e[3], 10) / 100, i = e[5] ? parseFloat(e[5]) : void 0, s = (1 - Math.abs(2 * o - 1)) * a, l = n / 60, d = s * (1 - Math.abs(l % 2 - 1)), u = o - s / 2;
|
|
231
|
-
let f, m,
|
|
232
|
-
return l >= 0 && l < 1 ? (f = s, m = d,
|
|
234
|
+
let f, m, y;
|
|
235
|
+
return l >= 0 && l < 1 ? (f = s, m = d, y = 0) : l >= 1 && l < 2 ? (f = d, m = s, y = 0) : l >= 2 && l < 3 ? (f = 0, m = s, y = d) : l >= 3 && l < 4 ? (f = 0, m = d, y = s) : l >= 4 && l < 5 ? (f = d, m = 0, y = s) : (f = s, m = 0, y = d), {
|
|
233
236
|
r: Math.round((f + u) * 255),
|
|
234
237
|
g: Math.round((m + u) * 255),
|
|
235
|
-
b: Math.round((
|
|
238
|
+
b: Math.round((y + u) * 255),
|
|
236
239
|
a: i || 1
|
|
237
240
|
};
|
|
238
241
|
}
|
|
239
|
-
function
|
|
240
|
-
return dn(
|
|
242
|
+
function xt(t) {
|
|
243
|
+
return dn(t) ? fn(t) : t.startsWith("rgb") ? un(t) : t.startsWith("hsl") ? mn(t) : {
|
|
241
244
|
r: 0,
|
|
242
245
|
g: 0,
|
|
243
246
|
b: 0,
|
|
244
247
|
a: 1
|
|
245
248
|
};
|
|
246
249
|
}
|
|
247
|
-
function Z(
|
|
248
|
-
if (
|
|
249
|
-
return `color-mix(in srgb, ${
|
|
250
|
-
const { r: e, g: n, b: a, a: o } =
|
|
250
|
+
function Z(t, r) {
|
|
251
|
+
if (t.startsWith("var("))
|
|
252
|
+
return `color-mix(in srgb, ${t}, black ${r * 100}%)`;
|
|
253
|
+
const { r: e, g: n, b: a, a: o } = xt(t), i = 1 - r, s = (l) => Math.round(l * i);
|
|
251
254
|
return `rgba(${s(e)}, ${s(n)}, ${s(a)}, ${o})`;
|
|
252
255
|
}
|
|
253
|
-
function U(
|
|
254
|
-
return typeof
|
|
256
|
+
function U(t, r) {
|
|
257
|
+
return typeof t.primaryShade == "number" ? t.primaryShade : r === "dark" ? t.primaryShade.dark : t.primaryShade.light;
|
|
255
258
|
}
|
|
256
|
-
function
|
|
257
|
-
return
|
|
259
|
+
function ct(t) {
|
|
260
|
+
return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
|
|
258
261
|
}
|
|
259
|
-
function pn(
|
|
260
|
-
const
|
|
261
|
-
return
|
|
262
|
+
function pn(t) {
|
|
263
|
+
const r = t.match(/oklch\((.*?)%\s/);
|
|
264
|
+
return r ? parseFloat(r[1]) : null;
|
|
262
265
|
}
|
|
263
|
-
function
|
|
264
|
-
if (
|
|
265
|
-
return (pn(
|
|
266
|
-
const { r
|
|
266
|
+
function yn(t) {
|
|
267
|
+
if (t.startsWith("oklch("))
|
|
268
|
+
return (pn(t) || 0) / 100;
|
|
269
|
+
const { r, g: e, b: n } = xt(t), a = r / 255, o = e / 255, i = n / 255, s = ct(a), l = ct(o), d = ct(i);
|
|
267
270
|
return 0.2126 * s + 0.7152 * l + 0.0722 * d;
|
|
268
271
|
}
|
|
269
|
-
function G(
|
|
270
|
-
return
|
|
272
|
+
function G(t, r = 0.179) {
|
|
273
|
+
return t.startsWith("var(") ? !1 : yn(t) > r;
|
|
271
274
|
}
|
|
272
275
|
function q({
|
|
273
|
-
color:
|
|
274
|
-
theme:
|
|
276
|
+
color: t,
|
|
277
|
+
theme: r,
|
|
275
278
|
colorScheme: e
|
|
276
279
|
}) {
|
|
277
|
-
if (typeof
|
|
280
|
+
if (typeof t != "string")
|
|
278
281
|
throw new Error(
|
|
279
|
-
`[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof
|
|
282
|
+
`[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof t}`
|
|
280
283
|
);
|
|
281
|
-
if (
|
|
284
|
+
if (t === "bright")
|
|
282
285
|
return {
|
|
283
|
-
color:
|
|
284
|
-
value: e === "dark" ?
|
|
286
|
+
color: t,
|
|
287
|
+
value: e === "dark" ? r.white : r.black,
|
|
285
288
|
shade: void 0,
|
|
286
289
|
isThemeColor: !1,
|
|
287
290
|
isLight: G(
|
|
288
|
-
e === "dark" ?
|
|
289
|
-
|
|
291
|
+
e === "dark" ? r.white : r.black,
|
|
292
|
+
r.luminanceThreshold
|
|
290
293
|
),
|
|
291
294
|
variable: "--mantine-color-bright"
|
|
292
295
|
};
|
|
293
|
-
if (
|
|
296
|
+
if (t === "dimmed")
|
|
294
297
|
return {
|
|
295
|
-
color:
|
|
296
|
-
value: e === "dark" ?
|
|
298
|
+
color: t,
|
|
299
|
+
value: e === "dark" ? r.colors.dark[2] : r.colors.gray[7],
|
|
297
300
|
shade: void 0,
|
|
298
301
|
isThemeColor: !1,
|
|
299
302
|
isLight: G(
|
|
300
|
-
e === "dark" ?
|
|
301
|
-
|
|
303
|
+
e === "dark" ? r.colors.dark[2] : r.colors.gray[6],
|
|
304
|
+
r.luminanceThreshold
|
|
302
305
|
),
|
|
303
306
|
variable: "--mantine-color-dimmed"
|
|
304
307
|
};
|
|
305
|
-
if (
|
|
308
|
+
if (t === "white" || t === "black")
|
|
306
309
|
return {
|
|
307
|
-
color:
|
|
308
|
-
value:
|
|
310
|
+
color: t,
|
|
311
|
+
value: t === "white" ? r.white : r.black,
|
|
309
312
|
shade: void 0,
|
|
310
313
|
isThemeColor: !1,
|
|
311
314
|
isLight: G(
|
|
312
|
-
|
|
313
|
-
|
|
315
|
+
t === "white" ? r.white : r.black,
|
|
316
|
+
r.luminanceThreshold
|
|
314
317
|
),
|
|
315
|
-
variable: `--mantine-color-${
|
|
318
|
+
variable: `--mantine-color-${t}`
|
|
316
319
|
};
|
|
317
|
-
const [n, a] =
|
|
320
|
+
const [n, a] = t.split("."), o = a ? Number(a) : void 0, i = n in r.colors;
|
|
318
321
|
if (i) {
|
|
319
|
-
const s = o !== void 0 ?
|
|
322
|
+
const s = o !== void 0 ? r.colors[n][o] : r.colors[n][U(r, e || "light")];
|
|
320
323
|
return {
|
|
321
324
|
color: n,
|
|
322
325
|
value: s,
|
|
323
326
|
shade: o,
|
|
324
327
|
isThemeColor: i,
|
|
325
|
-
isLight: G(s,
|
|
328
|
+
isLight: G(s, r.luminanceThreshold),
|
|
326
329
|
variable: a ? `--mantine-color-${n}-${o}` : `--mantine-color-${n}-filled`
|
|
327
330
|
};
|
|
328
331
|
}
|
|
329
332
|
return {
|
|
330
|
-
color:
|
|
331
|
-
value:
|
|
333
|
+
color: t,
|
|
334
|
+
value: t,
|
|
332
335
|
isThemeColor: i,
|
|
333
|
-
isLight: G(
|
|
336
|
+
isLight: G(t, r.luminanceThreshold),
|
|
334
337
|
shade: o,
|
|
335
338
|
variable: void 0
|
|
336
339
|
};
|
|
337
340
|
}
|
|
338
|
-
function
|
|
339
|
-
const e = q({ color:
|
|
340
|
-
return e.variable ? `var(${e.variable})` :
|
|
341
|
+
function gt(t, r) {
|
|
342
|
+
const e = q({ color: t || r.primaryColor, theme: r });
|
|
343
|
+
return e.variable ? `var(${e.variable})` : t;
|
|
341
344
|
}
|
|
342
|
-
function
|
|
345
|
+
function At(t, r) {
|
|
343
346
|
const e = {
|
|
344
|
-
from: (
|
|
345
|
-
to: (
|
|
346
|
-
deg: (
|
|
347
|
-
}, n =
|
|
347
|
+
from: (t == null ? void 0 : t.from) || r.defaultGradient.from,
|
|
348
|
+
to: (t == null ? void 0 : t.to) || r.defaultGradient.to,
|
|
349
|
+
deg: (t == null ? void 0 : t.deg) ?? r.defaultGradient.deg ?? 0
|
|
350
|
+
}, n = gt(e.from, r), a = gt(e.to, r);
|
|
348
351
|
return `linear-gradient(${e.deg}deg, ${n} 0%, ${a} 100%)`;
|
|
349
352
|
}
|
|
350
|
-
function R(
|
|
351
|
-
if (typeof
|
|
353
|
+
function R(t, r) {
|
|
354
|
+
if (typeof t != "string" || r > 1 || r < 0)
|
|
352
355
|
return "rgba(0, 0, 0, 1)";
|
|
353
|
-
if (
|
|
354
|
-
const o = (1 -
|
|
355
|
-
return `color-mix(in srgb, ${
|
|
356
|
+
if (t.startsWith("var(")) {
|
|
357
|
+
const o = (1 - r) * 100;
|
|
358
|
+
return `color-mix(in srgb, ${t}, transparent ${o}%)`;
|
|
356
359
|
}
|
|
357
|
-
if (
|
|
358
|
-
return
|
|
359
|
-
const { r: e, g: n, b: a } =
|
|
360
|
-
return `rgba(${e}, ${n}, ${a}, ${
|
|
360
|
+
if (t.startsWith("oklch"))
|
|
361
|
+
return t.includes("/") ? t.replace(/\/\s*[\d.]+\s*\)/, `/ ${r})`) : t.replace(")", ` / ${r})`);
|
|
362
|
+
const { r: e, g: n, b: a } = xt(t);
|
|
363
|
+
return `rgba(${e}, ${n}, ${a}, ${r})`;
|
|
361
364
|
}
|
|
362
|
-
const
|
|
363
|
-
color:
|
|
364
|
-
theme:
|
|
365
|
+
const V = R, gn = ({
|
|
366
|
+
color: t,
|
|
367
|
+
theme: r,
|
|
365
368
|
variant: e,
|
|
366
369
|
gradient: n,
|
|
367
370
|
autoContrast: a
|
|
368
371
|
}) => {
|
|
369
|
-
const o = q({ color:
|
|
372
|
+
const o = q({ color: t, theme: r }), i = typeof a == "boolean" ? a : r.autoContrast;
|
|
370
373
|
if (e === "filled") {
|
|
371
374
|
const s = i && o.isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
|
|
372
375
|
return o.isThemeColor ? o.shade === void 0 ? {
|
|
373
|
-
background: `var(--mantine-color-${
|
|
374
|
-
hover: `var(--mantine-color-${
|
|
376
|
+
background: `var(--mantine-color-${t}-filled)`,
|
|
377
|
+
hover: `var(--mantine-color-${t}-filled-hover)`,
|
|
375
378
|
color: s,
|
|
376
379
|
border: `${c(1)} solid transparent`
|
|
377
380
|
} : {
|
|
@@ -380,8 +383,8 @@ const j = R, yn = ({
|
|
|
380
383
|
color: s,
|
|
381
384
|
border: `${c(1)} solid transparent`
|
|
382
385
|
} : {
|
|
383
|
-
background:
|
|
384
|
-
hover: Z(
|
|
386
|
+
background: t,
|
|
387
|
+
hover: Z(t, 0.1),
|
|
385
388
|
color: s,
|
|
386
389
|
border: `${c(1)} solid transparent`
|
|
387
390
|
};
|
|
@@ -390,12 +393,12 @@ const j = R, yn = ({
|
|
|
390
393
|
if (o.isThemeColor) {
|
|
391
394
|
if (o.shade === void 0)
|
|
392
395
|
return {
|
|
393
|
-
background: `var(--mantine-color-${
|
|
394
|
-
hover: `var(--mantine-color-${
|
|
395
|
-
color: `var(--mantine-color-${
|
|
396
|
+
background: `var(--mantine-color-${t}-light)`,
|
|
397
|
+
hover: `var(--mantine-color-${t}-light-hover)`,
|
|
398
|
+
color: `var(--mantine-color-${t}-light-color)`,
|
|
396
399
|
border: `${c(1)} solid transparent`
|
|
397
400
|
};
|
|
398
|
-
const s =
|
|
401
|
+
const s = r.colors[o.color][o.shade];
|
|
399
402
|
return {
|
|
400
403
|
background: R(s, 0.1),
|
|
401
404
|
hover: R(s, 0.12),
|
|
@@ -404,39 +407,39 @@ const j = R, yn = ({
|
|
|
404
407
|
};
|
|
405
408
|
}
|
|
406
409
|
return {
|
|
407
|
-
background: R(
|
|
408
|
-
hover: R(
|
|
409
|
-
color:
|
|
410
|
+
background: R(t, 0.1),
|
|
411
|
+
hover: R(t, 0.12),
|
|
412
|
+
color: t,
|
|
410
413
|
border: `${c(1)} solid transparent`
|
|
411
414
|
};
|
|
412
415
|
}
|
|
413
416
|
if (e === "outline")
|
|
414
417
|
return o.isThemeColor ? o.shade === void 0 ? {
|
|
415
418
|
background: "transparent",
|
|
416
|
-
hover: `var(--mantine-color-${
|
|
417
|
-
color: `var(--mantine-color-${
|
|
418
|
-
border: `${c(1)} solid var(--mantine-color-${
|
|
419
|
+
hover: `var(--mantine-color-${t}-outline-hover)`,
|
|
420
|
+
color: `var(--mantine-color-${t}-outline)`,
|
|
421
|
+
border: `${c(1)} solid var(--mantine-color-${t}-outline)`
|
|
419
422
|
} : {
|
|
420
423
|
background: "transparent",
|
|
421
|
-
hover: R(
|
|
424
|
+
hover: R(r.colors[o.color][o.shade], 0.05),
|
|
422
425
|
color: `var(--mantine-color-${o.color}-${o.shade})`,
|
|
423
426
|
border: `${c(1)} solid var(--mantine-color-${o.color}-${o.shade})`
|
|
424
427
|
} : {
|
|
425
428
|
background: "transparent",
|
|
426
|
-
hover: R(
|
|
427
|
-
color:
|
|
428
|
-
border: `${c(1)} solid ${
|
|
429
|
+
hover: R(t, 0.05),
|
|
430
|
+
color: t,
|
|
431
|
+
border: `${c(1)} solid ${t}`
|
|
429
432
|
};
|
|
430
433
|
if (e === "subtle") {
|
|
431
434
|
if (o.isThemeColor) {
|
|
432
435
|
if (o.shade === void 0)
|
|
433
436
|
return {
|
|
434
437
|
background: "transparent",
|
|
435
|
-
hover: `var(--mantine-color-${
|
|
436
|
-
color: `var(--mantine-color-${
|
|
438
|
+
hover: `var(--mantine-color-${t}-light-hover)`,
|
|
439
|
+
color: `var(--mantine-color-${t}-light-color)`,
|
|
437
440
|
border: `${c(1)} solid transparent`
|
|
438
441
|
};
|
|
439
|
-
const s =
|
|
442
|
+
const s = r.colors[o.color][o.shade];
|
|
440
443
|
return {
|
|
441
444
|
background: "transparent",
|
|
442
445
|
hover: R(s, 0.12),
|
|
@@ -446,15 +449,15 @@ const j = R, yn = ({
|
|
|
446
449
|
}
|
|
447
450
|
return {
|
|
448
451
|
background: "transparent",
|
|
449
|
-
hover: R(
|
|
450
|
-
color:
|
|
452
|
+
hover: R(t, 0.12),
|
|
453
|
+
color: t,
|
|
451
454
|
border: `${c(1)} solid transparent`
|
|
452
455
|
};
|
|
453
456
|
}
|
|
454
457
|
return e === "transparent" ? o.isThemeColor ? o.shade === void 0 ? {
|
|
455
458
|
background: "transparent",
|
|
456
459
|
hover: "transparent",
|
|
457
|
-
color: `var(--mantine-color-${
|
|
460
|
+
color: `var(--mantine-color-${t}-light-color)`,
|
|
458
461
|
border: `${c(1)} solid transparent`
|
|
459
462
|
} : {
|
|
460
463
|
background: "transparent",
|
|
@@ -464,26 +467,26 @@ const j = R, yn = ({
|
|
|
464
467
|
} : {
|
|
465
468
|
background: "transparent",
|
|
466
469
|
hover: "transparent",
|
|
467
|
-
color:
|
|
470
|
+
color: t,
|
|
468
471
|
border: `${c(1)} solid transparent`
|
|
469
472
|
} : e === "white" ? o.isThemeColor ? o.shade === void 0 ? {
|
|
470
473
|
background: "var(--mantine-color-white)",
|
|
471
|
-
hover: Z(
|
|
472
|
-
color: `var(--mantine-color-${
|
|
474
|
+
hover: Z(r.white, 0.01),
|
|
475
|
+
color: `var(--mantine-color-${t}-filled)`,
|
|
473
476
|
border: `${c(1)} solid transparent`
|
|
474
477
|
} : {
|
|
475
478
|
background: "var(--mantine-color-white)",
|
|
476
|
-
hover: Z(
|
|
479
|
+
hover: Z(r.white, 0.01),
|
|
477
480
|
color: `var(--mantine-color-${o.color}-${o.shade})`,
|
|
478
481
|
border: `${c(1)} solid transparent`
|
|
479
482
|
} : {
|
|
480
483
|
background: "var(--mantine-color-white)",
|
|
481
|
-
hover: Z(
|
|
482
|
-
color:
|
|
484
|
+
hover: Z(r.white, 0.01),
|
|
485
|
+
color: t,
|
|
483
486
|
border: `${c(1)} solid transparent`
|
|
484
487
|
} : e === "gradient" ? {
|
|
485
|
-
background:
|
|
486
|
-
hover:
|
|
488
|
+
background: At(n, r),
|
|
489
|
+
hover: At(n, r),
|
|
487
490
|
color: "var(--mantine-color-white)",
|
|
488
491
|
border: "none"
|
|
489
492
|
} : e === "default" ? {
|
|
@@ -661,7 +664,7 @@ const j = R, yn = ({
|
|
|
661
664
|
"#e8590c",
|
|
662
665
|
"#d9480f"
|
|
663
666
|
]
|
|
664
|
-
},
|
|
667
|
+
}, Ot = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", kt = {
|
|
665
668
|
scale: 1,
|
|
666
669
|
fontSmoothing: !0,
|
|
667
670
|
focusRing: "auto",
|
|
@@ -670,10 +673,10 @@ const j = R, yn = ({
|
|
|
670
673
|
colors: bn,
|
|
671
674
|
primaryShade: { light: 6, dark: 8 },
|
|
672
675
|
primaryColor: "blue",
|
|
673
|
-
variantColorResolver:
|
|
676
|
+
variantColorResolver: gn,
|
|
674
677
|
autoContrast: !1,
|
|
675
678
|
luminanceThreshold: 0.3,
|
|
676
|
-
fontFamily:
|
|
679
|
+
fontFamily: Ot,
|
|
677
680
|
fontFamilyMonospace: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
|
|
678
681
|
respectReducedMotion: !1,
|
|
679
682
|
cursorType: "default",
|
|
@@ -682,7 +685,7 @@ const j = R, yn = ({
|
|
|
682
685
|
activeClassName: "mantine-active",
|
|
683
686
|
focusClassName: "",
|
|
684
687
|
headings: {
|
|
685
|
-
fontFamily:
|
|
688
|
+
fontFamily: Ot,
|
|
686
689
|
fontWeight: "700",
|
|
687
690
|
textWrap: "wrap",
|
|
688
691
|
sizes: {
|
|
@@ -747,27 +750,27 @@ const j = R, yn = ({
|
|
|
747
750
|
other: {},
|
|
748
751
|
components: {}
|
|
749
752
|
};
|
|
750
|
-
function
|
|
751
|
-
return
|
|
753
|
+
function It(t) {
|
|
754
|
+
return t === "auto" || t === "dark" || t === "light";
|
|
752
755
|
}
|
|
753
756
|
function hn({
|
|
754
|
-
key:
|
|
757
|
+
key: t = "mantine-color-scheme-value"
|
|
755
758
|
} = {}) {
|
|
756
|
-
let
|
|
759
|
+
let r;
|
|
757
760
|
return {
|
|
758
761
|
get: (e) => {
|
|
759
762
|
if (typeof window > "u")
|
|
760
763
|
return e;
|
|
761
764
|
try {
|
|
762
|
-
const n = window.localStorage.getItem(
|
|
763
|
-
return
|
|
765
|
+
const n = window.localStorage.getItem(t);
|
|
766
|
+
return It(n) ? n : e;
|
|
764
767
|
} catch {
|
|
765
768
|
return e;
|
|
766
769
|
}
|
|
767
770
|
},
|
|
768
771
|
set: (e) => {
|
|
769
772
|
try {
|
|
770
|
-
window.localStorage.setItem(
|
|
773
|
+
window.localStorage.setItem(t, e);
|
|
771
774
|
} catch (n) {
|
|
772
775
|
console.warn(
|
|
773
776
|
"[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
|
|
@@ -776,199 +779,199 @@ function hn({
|
|
|
776
779
|
}
|
|
777
780
|
},
|
|
778
781
|
subscribe: (e) => {
|
|
779
|
-
|
|
780
|
-
n.storageArea === window.localStorage && n.key ===
|
|
781
|
-
}, window.addEventListener("storage",
|
|
782
|
+
r = (n) => {
|
|
783
|
+
n.storageArea === window.localStorage && n.key === t && It(n.newValue) && e(n.newValue);
|
|
784
|
+
}, window.addEventListener("storage", r);
|
|
782
785
|
},
|
|
783
786
|
unsubscribe: () => {
|
|
784
|
-
window.removeEventListener("storage",
|
|
787
|
+
window.removeEventListener("storage", r);
|
|
785
788
|
},
|
|
786
789
|
clear: () => {
|
|
787
|
-
window.localStorage.removeItem(
|
|
790
|
+
window.localStorage.removeItem(t);
|
|
788
791
|
}
|
|
789
792
|
};
|
|
790
793
|
}
|
|
791
|
-
const $n = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color",
|
|
792
|
-
function
|
|
793
|
-
return
|
|
794
|
+
const $n = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", jt = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
|
|
795
|
+
function lt(t) {
|
|
796
|
+
return t < 0 || t > 9 ? !1 : parseInt(t.toString(), 10) === t;
|
|
794
797
|
}
|
|
795
|
-
function
|
|
796
|
-
if (!(
|
|
798
|
+
function Bt(t) {
|
|
799
|
+
if (!(t.primaryColor in t.colors))
|
|
797
800
|
throw new Error($n);
|
|
798
|
-
if (typeof
|
|
799
|
-
throw new Error(
|
|
800
|
-
if (typeof
|
|
801
|
-
throw new Error(
|
|
801
|
+
if (typeof t.primaryShade == "object" && (!lt(t.primaryShade.dark) || !lt(t.primaryShade.light)))
|
|
802
|
+
throw new Error(jt);
|
|
803
|
+
if (typeof t.primaryShade == "number" && !lt(t.primaryShade))
|
|
804
|
+
throw new Error(jt);
|
|
802
805
|
}
|
|
803
|
-
function vn(
|
|
806
|
+
function vn(t, r) {
|
|
804
807
|
var n;
|
|
805
|
-
if (!t)
|
|
806
|
-
return Vr(r), r;
|
|
807
|
-
const e = vr(r, t);
|
|
808
|
-
return t.fontFamily && !((n = t.headings) != null && n.fontFamily) && (e.headings.fontFamily = t.fontFamily), Vr(e), e;
|
|
809
|
-
}
|
|
810
|
-
const Nr = Dr(null), Sn = () => $r(Nr) || kr;
|
|
811
|
-
function V() {
|
|
812
|
-
const r = $r(Nr);
|
|
813
808
|
if (!r)
|
|
809
|
+
return Bt(t), t;
|
|
810
|
+
const e = vt(t, r);
|
|
811
|
+
return r.fontFamily && !((n = r.headings) != null && n.fontFamily) && (e.headings.fontFamily = r.fontFamily), Bt(e), e;
|
|
812
|
+
}
|
|
813
|
+
const Nt = Dt(null), Sn = () => $t(Nt) || kt;
|
|
814
|
+
function B() {
|
|
815
|
+
const t = $t(Nt);
|
|
816
|
+
if (!t)
|
|
814
817
|
throw new Error(
|
|
815
818
|
"@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app"
|
|
816
819
|
);
|
|
817
|
-
return
|
|
820
|
+
return t;
|
|
818
821
|
}
|
|
819
|
-
function
|
|
820
|
-
theme:
|
|
821
|
-
children:
|
|
822
|
+
function Jt({
|
|
823
|
+
theme: t,
|
|
824
|
+
children: r,
|
|
822
825
|
inherit: e = !0
|
|
823
826
|
}) {
|
|
824
|
-
const n = Sn(), a =
|
|
825
|
-
() => vn(e ? n :
|
|
826
|
-
[
|
|
827
|
+
const n = Sn(), a = zr(
|
|
828
|
+
() => vn(e ? n : kt, t),
|
|
829
|
+
[t, n, e]
|
|
827
830
|
);
|
|
828
|
-
return /* @__PURE__ */ p(
|
|
831
|
+
return /* @__PURE__ */ p(Nt.Provider, { value: a, children: r });
|
|
829
832
|
}
|
|
830
|
-
|
|
833
|
+
Jt.displayName = "@mantine/core/MantineThemeProvider";
|
|
831
834
|
function wn() {
|
|
832
|
-
const
|
|
833
|
-
const o =
|
|
835
|
+
const t = B(), r = Ct(), e = M(t.breakpoints).reduce((n, a) => {
|
|
836
|
+
const o = t.breakpoints[a].includes("px"), i = Ur(t.breakpoints[a]), s = o ? `${i - 0.1}px` : Et(i - 0.1), l = o ? `${i}px` : Et(i);
|
|
834
837
|
return `${n}@media (max-width: ${s}) {.mantine-visible-from-${a} {display: none !important;}}@media (min-width: ${l}) {.mantine-hidden-from-${a} {display: none !important;}}`;
|
|
835
838
|
}, "");
|
|
836
839
|
return /* @__PURE__ */ p(
|
|
837
840
|
"style",
|
|
838
841
|
{
|
|
839
842
|
"data-mantine-styles": "classes",
|
|
840
|
-
nonce:
|
|
843
|
+
nonce: r == null ? void 0 : r(),
|
|
841
844
|
dangerouslySetInnerHTML: { __html: e }
|
|
842
845
|
}
|
|
843
846
|
);
|
|
844
847
|
}
|
|
845
|
-
function
|
|
846
|
-
return Object.entries(
|
|
848
|
+
function dt(t) {
|
|
849
|
+
return Object.entries(t).map(([r, e]) => `${r}: ${e};`).join("");
|
|
847
850
|
}
|
|
848
|
-
function D(
|
|
849
|
-
return (Array.isArray(
|
|
851
|
+
function D(t, r) {
|
|
852
|
+
return (Array.isArray(t) ? t : [t]).reduce((n, a) => `${a}{${n}}`, r);
|
|
850
853
|
}
|
|
851
|
-
function Cn(
|
|
852
|
-
const e =
|
|
854
|
+
function Cn(t, r) {
|
|
855
|
+
const e = dt(t.variables), n = e ? D(r, e) : "", a = dt(t.dark), o = dt(t.light), i = a ? D(r === ":host" ? `${r}([data-mantine-color-scheme="dark"])` : `${r}[data-mantine-color-scheme="dark"]`, a) : "", s = o ? D(r === ":host" ? `${r}([data-mantine-color-scheme="light"])` : `${r}[data-mantine-color-scheme="light"]`, o) : "";
|
|
853
856
|
return `${n}${i}${s}`;
|
|
854
857
|
}
|
|
855
|
-
function xn({ color:
|
|
856
|
-
return
|
|
858
|
+
function xn({ color: t, theme: r, autoContrast: e }) {
|
|
859
|
+
return r.autoContrast && q({ color: t || r.primaryColor, theme: r }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
|
|
857
860
|
}
|
|
858
|
-
function
|
|
861
|
+
function Vt(t, r) {
|
|
859
862
|
return xn({
|
|
860
|
-
color:
|
|
861
|
-
theme:
|
|
863
|
+
color: t.colors[t.primaryColor][U(t, r)],
|
|
864
|
+
theme: t,
|
|
862
865
|
autoContrast: null
|
|
863
866
|
});
|
|
864
867
|
}
|
|
865
868
|
function J({
|
|
866
|
-
theme:
|
|
867
|
-
color:
|
|
869
|
+
theme: t,
|
|
870
|
+
color: r,
|
|
868
871
|
colorScheme: e,
|
|
869
|
-
name: n =
|
|
872
|
+
name: n = r,
|
|
870
873
|
withColorValues: a = !0
|
|
871
874
|
}) {
|
|
872
|
-
if (!
|
|
875
|
+
if (!t.colors[r])
|
|
873
876
|
return {};
|
|
874
877
|
if (e === "light") {
|
|
875
|
-
const s = U(
|
|
878
|
+
const s = U(t, "light"), l = {
|
|
876
879
|
[`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-filled)`,
|
|
877
880
|
[`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${s})`,
|
|
878
881
|
[`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${s === 9 ? 8 : s + 1})`,
|
|
879
|
-
[`--mantine-color-${n}-light`]:
|
|
880
|
-
[`--mantine-color-${n}-light-hover`]:
|
|
882
|
+
[`--mantine-color-${n}-light`]: V(t.colors[r][s], 0.1),
|
|
883
|
+
[`--mantine-color-${n}-light-hover`]: V(t.colors[r][s], 0.12),
|
|
881
884
|
[`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${s})`,
|
|
882
885
|
[`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${s})`,
|
|
883
|
-
[`--mantine-color-${n}-outline-hover`]:
|
|
886
|
+
[`--mantine-color-${n}-outline-hover`]: V(t.colors[r][s], 0.05)
|
|
884
887
|
};
|
|
885
888
|
return a ? {
|
|
886
|
-
[`--mantine-color-${n}-0`]:
|
|
887
|
-
[`--mantine-color-${n}-1`]:
|
|
888
|
-
[`--mantine-color-${n}-2`]:
|
|
889
|
-
[`--mantine-color-${n}-3`]:
|
|
890
|
-
[`--mantine-color-${n}-4`]:
|
|
891
|
-
[`--mantine-color-${n}-5`]:
|
|
892
|
-
[`--mantine-color-${n}-6`]:
|
|
893
|
-
[`--mantine-color-${n}-7`]:
|
|
894
|
-
[`--mantine-color-${n}-8`]:
|
|
895
|
-
[`--mantine-color-${n}-9`]:
|
|
889
|
+
[`--mantine-color-${n}-0`]: t.colors[r][0],
|
|
890
|
+
[`--mantine-color-${n}-1`]: t.colors[r][1],
|
|
891
|
+
[`--mantine-color-${n}-2`]: t.colors[r][2],
|
|
892
|
+
[`--mantine-color-${n}-3`]: t.colors[r][3],
|
|
893
|
+
[`--mantine-color-${n}-4`]: t.colors[r][4],
|
|
894
|
+
[`--mantine-color-${n}-5`]: t.colors[r][5],
|
|
895
|
+
[`--mantine-color-${n}-6`]: t.colors[r][6],
|
|
896
|
+
[`--mantine-color-${n}-7`]: t.colors[r][7],
|
|
897
|
+
[`--mantine-color-${n}-8`]: t.colors[r][8],
|
|
898
|
+
[`--mantine-color-${n}-9`]: t.colors[r][9],
|
|
896
899
|
...l
|
|
897
900
|
} : l;
|
|
898
901
|
}
|
|
899
|
-
const o = U(
|
|
902
|
+
const o = U(t, "dark"), i = {
|
|
900
903
|
[`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-4)`,
|
|
901
904
|
[`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${o})`,
|
|
902
905
|
[`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${o === 9 ? 8 : o + 1})`,
|
|
903
|
-
[`--mantine-color-${n}-light`]:
|
|
904
|
-
|
|
906
|
+
[`--mantine-color-${n}-light`]: V(
|
|
907
|
+
t.colors[r][Math.max(0, o - 2)],
|
|
905
908
|
0.15
|
|
906
909
|
),
|
|
907
|
-
[`--mantine-color-${n}-light-hover`]:
|
|
908
|
-
|
|
910
|
+
[`--mantine-color-${n}-light-hover`]: V(
|
|
911
|
+
t.colors[r][Math.max(0, o - 2)],
|
|
909
912
|
0.2
|
|
910
913
|
),
|
|
911
914
|
[`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${Math.max(o - 5, 0)})`,
|
|
912
915
|
[`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${Math.max(o - 4, 0)})`,
|
|
913
|
-
[`--mantine-color-${n}-outline-hover`]:
|
|
914
|
-
|
|
916
|
+
[`--mantine-color-${n}-outline-hover`]: V(
|
|
917
|
+
t.colors[r][Math.max(o - 4, 0)],
|
|
915
918
|
0.05
|
|
916
919
|
)
|
|
917
920
|
};
|
|
918
921
|
return a ? {
|
|
919
|
-
[`--mantine-color-${n}-0`]:
|
|
920
|
-
[`--mantine-color-${n}-1`]:
|
|
921
|
-
[`--mantine-color-${n}-2`]:
|
|
922
|
-
[`--mantine-color-${n}-3`]:
|
|
923
|
-
[`--mantine-color-${n}-4`]:
|
|
924
|
-
[`--mantine-color-${n}-5`]:
|
|
925
|
-
[`--mantine-color-${n}-6`]:
|
|
926
|
-
[`--mantine-color-${n}-7`]:
|
|
927
|
-
[`--mantine-color-${n}-8`]:
|
|
928
|
-
[`--mantine-color-${n}-9`]:
|
|
922
|
+
[`--mantine-color-${n}-0`]: t.colors[r][0],
|
|
923
|
+
[`--mantine-color-${n}-1`]: t.colors[r][1],
|
|
924
|
+
[`--mantine-color-${n}-2`]: t.colors[r][2],
|
|
925
|
+
[`--mantine-color-${n}-3`]: t.colors[r][3],
|
|
926
|
+
[`--mantine-color-${n}-4`]: t.colors[r][4],
|
|
927
|
+
[`--mantine-color-${n}-5`]: t.colors[r][5],
|
|
928
|
+
[`--mantine-color-${n}-6`]: t.colors[r][6],
|
|
929
|
+
[`--mantine-color-${n}-7`]: t.colors[r][7],
|
|
930
|
+
[`--mantine-color-${n}-8`]: t.colors[r][8],
|
|
931
|
+
[`--mantine-color-${n}-9`]: t.colors[r][9],
|
|
929
932
|
...i
|
|
930
933
|
} : i;
|
|
931
934
|
}
|
|
932
|
-
function kn(
|
|
933
|
-
return !!
|
|
935
|
+
function kn(t) {
|
|
936
|
+
return !!t && typeof t == "object" && "mantine-virtual-color" in t;
|
|
934
937
|
}
|
|
935
|
-
function F(
|
|
936
|
-
M(
|
|
937
|
-
(n) => Object.assign(
|
|
938
|
+
function F(t, r, e) {
|
|
939
|
+
M(r).forEach(
|
|
940
|
+
(n) => Object.assign(t, { [`--mantine-${e}-${n}`]: r[n] })
|
|
938
941
|
);
|
|
939
942
|
}
|
|
940
|
-
const
|
|
941
|
-
const
|
|
943
|
+
const tr = (t) => {
|
|
944
|
+
const r = U(t, "light"), e = t.defaultRadius in t.radius ? t.radius[t.defaultRadius] : c(t.defaultRadius), n = {
|
|
942
945
|
variables: {
|
|
943
|
-
"--mantine-scale":
|
|
944
|
-
"--mantine-cursor-type":
|
|
946
|
+
"--mantine-scale": t.scale.toString(),
|
|
947
|
+
"--mantine-cursor-type": t.cursorType,
|
|
945
948
|
"--mantine-color-scheme": "light dark",
|
|
946
|
-
"--mantine-webkit-font-smoothing":
|
|
947
|
-
"--mantine-moz-font-smoothing":
|
|
948
|
-
"--mantine-color-white":
|
|
949
|
-
"--mantine-color-black":
|
|
950
|
-
"--mantine-line-height":
|
|
951
|
-
"--mantine-font-family":
|
|
952
|
-
"--mantine-font-family-monospace":
|
|
953
|
-
"--mantine-font-family-headings":
|
|
954
|
-
"--mantine-heading-font-weight":
|
|
955
|
-
"--mantine-heading-text-wrap":
|
|
949
|
+
"--mantine-webkit-font-smoothing": t.fontSmoothing ? "antialiased" : "unset",
|
|
950
|
+
"--mantine-moz-font-smoothing": t.fontSmoothing ? "grayscale" : "unset",
|
|
951
|
+
"--mantine-color-white": t.white,
|
|
952
|
+
"--mantine-color-black": t.black,
|
|
953
|
+
"--mantine-line-height": t.lineHeights.md,
|
|
954
|
+
"--mantine-font-family": t.fontFamily,
|
|
955
|
+
"--mantine-font-family-monospace": t.fontFamilyMonospace,
|
|
956
|
+
"--mantine-font-family-headings": t.headings.fontFamily,
|
|
957
|
+
"--mantine-heading-font-weight": t.headings.fontWeight,
|
|
958
|
+
"--mantine-heading-text-wrap": t.headings.textWrap,
|
|
956
959
|
"--mantine-radius-default": e,
|
|
957
960
|
// Primary colors
|
|
958
|
-
"--mantine-primary-color-filled": `var(--mantine-color-${
|
|
959
|
-
"--mantine-primary-color-filled-hover": `var(--mantine-color-${
|
|
960
|
-
"--mantine-primary-color-light": `var(--mantine-color-${
|
|
961
|
-
"--mantine-primary-color-light-hover": `var(--mantine-color-${
|
|
962
|
-
"--mantine-primary-color-light-color": `var(--mantine-color-${
|
|
961
|
+
"--mantine-primary-color-filled": `var(--mantine-color-${t.primaryColor}-filled)`,
|
|
962
|
+
"--mantine-primary-color-filled-hover": `var(--mantine-color-${t.primaryColor}-filled-hover)`,
|
|
963
|
+
"--mantine-primary-color-light": `var(--mantine-color-${t.primaryColor}-light)`,
|
|
964
|
+
"--mantine-primary-color-light-hover": `var(--mantine-color-${t.primaryColor}-light-hover)`,
|
|
965
|
+
"--mantine-primary-color-light-color": `var(--mantine-color-${t.primaryColor}-light-color)`
|
|
963
966
|
},
|
|
964
967
|
light: {
|
|
965
|
-
"--mantine-primary-color-contrast":
|
|
968
|
+
"--mantine-primary-color-contrast": Vt(t, "light"),
|
|
966
969
|
"--mantine-color-bright": "var(--mantine-color-black)",
|
|
967
|
-
"--mantine-color-text":
|
|
968
|
-
"--mantine-color-body":
|
|
970
|
+
"--mantine-color-text": t.black,
|
|
971
|
+
"--mantine-color-body": t.white,
|
|
969
972
|
"--mantine-color-error": "var(--mantine-color-red-6)",
|
|
970
973
|
"--mantine-color-placeholder": "var(--mantine-color-gray-5)",
|
|
971
|
-
"--mantine-color-anchor": `var(--mantine-color-${
|
|
974
|
+
"--mantine-color-anchor": `var(--mantine-color-${t.primaryColor}-${r})`,
|
|
972
975
|
"--mantine-color-default": "var(--mantine-color-white)",
|
|
973
976
|
"--mantine-color-default-hover": "var(--mantine-color-gray-0)",
|
|
974
977
|
"--mantine-color-default-color": "var(--mantine-color-black)",
|
|
@@ -976,13 +979,13 @@ const rt = (r) => {
|
|
|
976
979
|
"--mantine-color-dimmed": "var(--mantine-color-gray-6)"
|
|
977
980
|
},
|
|
978
981
|
dark: {
|
|
979
|
-
"--mantine-primary-color-contrast":
|
|
982
|
+
"--mantine-primary-color-contrast": Vt(t, "dark"),
|
|
980
983
|
"--mantine-color-bright": "var(--mantine-color-white)",
|
|
981
984
|
"--mantine-color-text": "var(--mantine-color-dark-0)",
|
|
982
985
|
"--mantine-color-body": "var(--mantine-color-dark-7)",
|
|
983
986
|
"--mantine-color-error": "var(--mantine-color-red-8)",
|
|
984
987
|
"--mantine-color-placeholder": "var(--mantine-color-dark-3)",
|
|
985
|
-
"--mantine-color-anchor": `var(--mantine-color-${
|
|
988
|
+
"--mantine-color-anchor": `var(--mantine-color-${t.primaryColor}-4)`,
|
|
986
989
|
"--mantine-color-default": "var(--mantine-color-dark-6)",
|
|
987
990
|
"--mantine-color-default-hover": "var(--mantine-color-dark-5)",
|
|
988
991
|
"--mantine-color-default-color": "var(--mantine-color-white)",
|
|
@@ -990,15 +993,15 @@ const rt = (r) => {
|
|
|
990
993
|
"--mantine-color-dimmed": "var(--mantine-color-dark-2)"
|
|
991
994
|
}
|
|
992
995
|
};
|
|
993
|
-
F(n.variables,
|
|
994
|
-
n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${
|
|
995
|
-
}), M(
|
|
996
|
-
const i =
|
|
996
|
+
F(n.variables, t.breakpoints, "breakpoint"), F(n.variables, t.spacing, "spacing"), F(n.variables, t.fontSizes, "font-size"), F(n.variables, t.lineHeights, "line-height"), F(n.variables, t.shadows, "shadow"), F(n.variables, t.radius, "radius"), t.colors[t.primaryColor].forEach((o, i) => {
|
|
997
|
+
n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${t.primaryColor}-${i})`;
|
|
998
|
+
}), M(t.colors).forEach((o) => {
|
|
999
|
+
const i = t.colors[o];
|
|
997
1000
|
if (kn(i)) {
|
|
998
1001
|
Object.assign(
|
|
999
1002
|
n.light,
|
|
1000
1003
|
J({
|
|
1001
|
-
theme:
|
|
1004
|
+
theme: t,
|
|
1002
1005
|
name: i.name,
|
|
1003
1006
|
color: i.light,
|
|
1004
1007
|
colorScheme: "light",
|
|
@@ -1007,7 +1010,7 @@ const rt = (r) => {
|
|
|
1007
1010
|
), Object.assign(
|
|
1008
1011
|
n.dark,
|
|
1009
1012
|
J({
|
|
1010
|
-
theme:
|
|
1013
|
+
theme: t,
|
|
1011
1014
|
name: i.name,
|
|
1012
1015
|
color: i.dark,
|
|
1013
1016
|
colorScheme: "dark",
|
|
@@ -1021,7 +1024,7 @@ const rt = (r) => {
|
|
|
1021
1024
|
}), Object.assign(
|
|
1022
1025
|
n.light,
|
|
1023
1026
|
J({
|
|
1024
|
-
theme:
|
|
1027
|
+
theme: t,
|
|
1025
1028
|
color: o,
|
|
1026
1029
|
colorScheme: "light",
|
|
1027
1030
|
withColorValues: !1
|
|
@@ -1029,87 +1032,87 @@ const rt = (r) => {
|
|
|
1029
1032
|
), Object.assign(
|
|
1030
1033
|
n.dark,
|
|
1031
1034
|
J({
|
|
1032
|
-
theme:
|
|
1035
|
+
theme: t,
|
|
1033
1036
|
color: o,
|
|
1034
1037
|
colorScheme: "dark",
|
|
1035
1038
|
withColorValues: !1
|
|
1036
1039
|
})
|
|
1037
1040
|
);
|
|
1038
1041
|
});
|
|
1039
|
-
const a =
|
|
1042
|
+
const a = t.headings.sizes;
|
|
1040
1043
|
return M(a).forEach((o) => {
|
|
1041
|
-
n.variables[`--mantine-${o}-font-size`] = a[o].fontSize, n.variables[`--mantine-${o}-line-height`] = a[o].lineHeight, n.variables[`--mantine-${o}-font-weight`] = a[o].fontWeight ||
|
|
1044
|
+
n.variables[`--mantine-${o}-font-size`] = a[o].fontSize, n.variables[`--mantine-${o}-line-height`] = a[o].lineHeight, n.variables[`--mantine-${o}-font-weight`] = a[o].fontWeight || t.headings.fontWeight;
|
|
1042
1045
|
}), n;
|
|
1043
1046
|
};
|
|
1044
|
-
function Nn({ theme:
|
|
1045
|
-
const e =
|
|
1046
|
-
return n ?
|
|
1047
|
+
function Nn({ theme: t, generator: r }) {
|
|
1048
|
+
const e = tr(t), n = r == null ? void 0 : r(t);
|
|
1049
|
+
return n ? vt(e, n) : e;
|
|
1047
1050
|
}
|
|
1048
|
-
const
|
|
1049
|
-
function Tn(
|
|
1050
|
-
const
|
|
1051
|
+
const ft = tr(kt);
|
|
1052
|
+
function Tn(t) {
|
|
1053
|
+
const r = {
|
|
1051
1054
|
variables: {},
|
|
1052
1055
|
light: {},
|
|
1053
1056
|
dark: {}
|
|
1054
1057
|
};
|
|
1055
|
-
return M(
|
|
1056
|
-
|
|
1057
|
-
}), M(
|
|
1058
|
-
|
|
1059
|
-
}), M(
|
|
1060
|
-
|
|
1061
|
-
}),
|
|
1062
|
-
}
|
|
1063
|
-
function Mn(
|
|
1058
|
+
return M(t.variables).forEach((e) => {
|
|
1059
|
+
ft.variables[e] !== t.variables[e] && (r.variables[e] = t.variables[e]);
|
|
1060
|
+
}), M(t.light).forEach((e) => {
|
|
1061
|
+
ft.light[e] !== t.light[e] && (r.light[e] = t.light[e]);
|
|
1062
|
+
}), M(t.dark).forEach((e) => {
|
|
1063
|
+
ft.dark[e] !== t.dark[e] && (r.dark[e] = t.dark[e]);
|
|
1064
|
+
}), r;
|
|
1065
|
+
}
|
|
1066
|
+
function Mn(t) {
|
|
1064
1067
|
return `
|
|
1065
|
-
${
|
|
1066
|
-
${
|
|
1068
|
+
${t}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
|
|
1069
|
+
${t}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
|
|
1067
1070
|
`;
|
|
1068
1071
|
}
|
|
1069
|
-
function
|
|
1070
|
-
cssVariablesSelector:
|
|
1071
|
-
deduplicateCssVariables:
|
|
1072
|
+
function rr({
|
|
1073
|
+
cssVariablesSelector: t,
|
|
1074
|
+
deduplicateCssVariables: r
|
|
1072
1075
|
}) {
|
|
1073
|
-
const e =
|
|
1076
|
+
const e = B(), n = Ct(), a = nn(), o = Nn({ theme: e, generator: a }), i = t === ":root" && r, s = i ? Tn(o) : o, l = Cn(s, t);
|
|
1074
1077
|
return l ? /* @__PURE__ */ p(
|
|
1075
1078
|
"style",
|
|
1076
1079
|
{
|
|
1077
1080
|
"data-mantine-styles": !0,
|
|
1078
1081
|
nonce: n == null ? void 0 : n(),
|
|
1079
1082
|
dangerouslySetInnerHTML: {
|
|
1080
|
-
__html: `${l}${i ? "" : Mn(
|
|
1083
|
+
__html: `${l}${i ? "" : Mn(t)}`
|
|
1081
1084
|
}
|
|
1082
1085
|
}
|
|
1083
1086
|
) : null;
|
|
1084
1087
|
}
|
|
1085
|
-
|
|
1088
|
+
rr.displayName = "@mantine/CssVariables";
|
|
1086
1089
|
function Rn() {
|
|
1087
|
-
const
|
|
1088
|
-
console.error = (...
|
|
1089
|
-
|
|
1090
|
+
const t = console.error;
|
|
1091
|
+
console.error = (...r) => {
|
|
1092
|
+
r.length > 1 && typeof r[0] == "string" && r[0].toLowerCase().includes("extra attributes from the server") && typeof r[1] == "string" && r[1].toLowerCase().includes("data-mantine-color-scheme") || t(...r);
|
|
1090
1093
|
};
|
|
1091
1094
|
}
|
|
1092
|
-
function H(
|
|
1095
|
+
function H(t, r) {
|
|
1093
1096
|
var a, o;
|
|
1094
|
-
const e = typeof window < "u" && "matchMedia" in window && ((a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : a.matches), n =
|
|
1095
|
-
(o =
|
|
1097
|
+
const e = typeof window < "u" && "matchMedia" in window && ((a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : a.matches), n = t !== "auto" ? t : e ? "dark" : "light";
|
|
1098
|
+
(o = r()) == null || o.setAttribute("data-mantine-color-scheme", n);
|
|
1096
1099
|
}
|
|
1097
1100
|
function _n({
|
|
1098
|
-
manager:
|
|
1099
|
-
defaultColorScheme:
|
|
1101
|
+
manager: t,
|
|
1102
|
+
defaultColorScheme: r,
|
|
1100
1103
|
getRootElement: e,
|
|
1101
1104
|
forceColorScheme: n
|
|
1102
1105
|
}) {
|
|
1103
|
-
const a = W(null), [o, i] =
|
|
1106
|
+
const a = W(null), [o, i] = rt(() => t.get(r)), s = n || o, l = Lt(
|
|
1104
1107
|
(u) => {
|
|
1105
|
-
n || (H(u, e), i(u),
|
|
1108
|
+
n || (H(u, e), i(u), t.set(u));
|
|
1106
1109
|
},
|
|
1107
|
-
[
|
|
1108
|
-
), d =
|
|
1109
|
-
i(
|
|
1110
|
-
}, [
|
|
1111
|
-
return A(() => (
|
|
1112
|
-
H(
|
|
1110
|
+
[t.set, s, n]
|
|
1111
|
+
), d = Lt(() => {
|
|
1112
|
+
i(r), H(r, e), t.clear();
|
|
1113
|
+
}, [t.clear, r]);
|
|
1114
|
+
return A(() => (t.subscribe(l), t.unsubscribe), [t.subscribe, t.unsubscribe]), Qt(() => {
|
|
1115
|
+
H(t.get(r), e);
|
|
1113
1116
|
}, []), A(() => {
|
|
1114
1117
|
var f;
|
|
1115
1118
|
if (n)
|
|
@@ -1126,18 +1129,18 @@ function _n({
|
|
|
1126
1129
|
}, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: d };
|
|
1127
1130
|
}
|
|
1128
1131
|
function Pn({
|
|
1129
|
-
respectReducedMotion:
|
|
1130
|
-
getRootElement:
|
|
1132
|
+
respectReducedMotion: t,
|
|
1133
|
+
getRootElement: r
|
|
1131
1134
|
}) {
|
|
1132
|
-
|
|
1135
|
+
Qt(() => {
|
|
1133
1136
|
var e;
|
|
1134
|
-
|
|
1135
|
-
}, [
|
|
1137
|
+
t && ((e = r()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
|
|
1138
|
+
}, [t]);
|
|
1136
1139
|
}
|
|
1137
1140
|
Rn();
|
|
1138
|
-
function
|
|
1139
|
-
theme:
|
|
1140
|
-
children:
|
|
1141
|
+
function nr({
|
|
1142
|
+
theme: t,
|
|
1143
|
+
children: r,
|
|
1141
1144
|
getStyleNonce: e,
|
|
1142
1145
|
withStaticClasses: n = !0,
|
|
1143
1146
|
withGlobalClasses: a = !0,
|
|
@@ -1149,21 +1152,21 @@ function nt({
|
|
|
1149
1152
|
defaultColorScheme: u = "light",
|
|
1150
1153
|
getRootElement: f = () => document.documentElement,
|
|
1151
1154
|
cssVariablesResolver: m,
|
|
1152
|
-
forceColorScheme:
|
|
1153
|
-
stylesTransform:
|
|
1155
|
+
forceColorScheme: y,
|
|
1156
|
+
stylesTransform: g,
|
|
1154
1157
|
env: $
|
|
1155
1158
|
}) {
|
|
1156
1159
|
const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = _n({
|
|
1157
1160
|
defaultColorScheme: u,
|
|
1158
|
-
forceColorScheme:
|
|
1161
|
+
forceColorScheme: y,
|
|
1159
1162
|
manager: d,
|
|
1160
1163
|
getRootElement: f
|
|
1161
1164
|
});
|
|
1162
1165
|
return Pn({
|
|
1163
|
-
respectReducedMotion: (
|
|
1166
|
+
respectReducedMotion: (t == null ? void 0 : t.respectReducedMotion) || !1,
|
|
1164
1167
|
getRootElement: f
|
|
1165
1168
|
}), /* @__PURE__ */ p(
|
|
1166
|
-
|
|
1169
|
+
Zt.Provider,
|
|
1167
1170
|
{
|
|
1168
1171
|
value: {
|
|
1169
1172
|
colorScheme: h,
|
|
@@ -1175,102 +1178,102 @@ function nt({
|
|
|
1175
1178
|
cssVariablesResolver: m,
|
|
1176
1179
|
cssVariablesSelector: s,
|
|
1177
1180
|
withStaticClasses: n,
|
|
1178
|
-
stylesTransform:
|
|
1181
|
+
stylesTransform: g,
|
|
1179
1182
|
env: $
|
|
1180
1183
|
},
|
|
1181
|
-
children: /* @__PURE__ */ z(
|
|
1184
|
+
children: /* @__PURE__ */ z(Jt, { theme: t, children: [
|
|
1182
1185
|
i && /* @__PURE__ */ p(
|
|
1183
|
-
|
|
1186
|
+
rr,
|
|
1184
1187
|
{
|
|
1185
1188
|
cssVariablesSelector: s,
|
|
1186
1189
|
deduplicateCssVariables: o
|
|
1187
1190
|
}
|
|
1188
1191
|
),
|
|
1189
1192
|
a && /* @__PURE__ */ p(wn, {}),
|
|
1190
|
-
|
|
1193
|
+
r
|
|
1191
1194
|
] })
|
|
1192
1195
|
}
|
|
1193
1196
|
);
|
|
1194
1197
|
}
|
|
1195
|
-
|
|
1198
|
+
nr.displayName = "@mantine/core/MantineProvider";
|
|
1196
1199
|
const Ln = {
|
|
1197
1200
|
always: "mantine-focus-always",
|
|
1198
1201
|
auto: "mantine-focus-auto",
|
|
1199
1202
|
never: "mantine-focus-never"
|
|
1200
1203
|
};
|
|
1201
|
-
function En({ theme:
|
|
1202
|
-
return
|
|
1203
|
-
(
|
|
1204
|
-
(
|
|
1204
|
+
function En({ theme: t, options: r, unstyled: e }) {
|
|
1205
|
+
return j(
|
|
1206
|
+
(r == null ? void 0 : r.focusable) && !e && (t.focusClassName || Ln[t.focusRing]),
|
|
1207
|
+
(r == null ? void 0 : r.active) && !e && t.activeClassName
|
|
1205
1208
|
);
|
|
1206
1209
|
}
|
|
1207
1210
|
function An({
|
|
1208
|
-
selector:
|
|
1209
|
-
stylesCtx:
|
|
1211
|
+
selector: t,
|
|
1212
|
+
stylesCtx: r,
|
|
1210
1213
|
options: e,
|
|
1211
1214
|
props: n,
|
|
1212
1215
|
theme: a
|
|
1213
1216
|
}) {
|
|
1214
|
-
return
|
|
1217
|
+
return wt({
|
|
1215
1218
|
theme: a,
|
|
1216
1219
|
classNames: e == null ? void 0 : e.classNames,
|
|
1217
1220
|
props: (e == null ? void 0 : e.props) || n,
|
|
1218
|
-
stylesCtx:
|
|
1219
|
-
})[
|
|
1221
|
+
stylesCtx: r
|
|
1222
|
+
})[t];
|
|
1220
1223
|
}
|
|
1221
|
-
function
|
|
1222
|
-
selector:
|
|
1223
|
-
stylesCtx:
|
|
1224
|
+
function Ft({
|
|
1225
|
+
selector: t,
|
|
1226
|
+
stylesCtx: r,
|
|
1224
1227
|
theme: e,
|
|
1225
1228
|
classNames: n,
|
|
1226
1229
|
props: a
|
|
1227
1230
|
}) {
|
|
1228
|
-
return
|
|
1231
|
+
return wt({ theme: e, classNames: n, props: a, stylesCtx: r })[t];
|
|
1229
1232
|
}
|
|
1230
|
-
function On({ rootSelector:
|
|
1231
|
-
return
|
|
1233
|
+
function On({ rootSelector: t, selector: r, className: e }) {
|
|
1234
|
+
return t === r ? e : void 0;
|
|
1232
1235
|
}
|
|
1233
|
-
function In({ selector:
|
|
1234
|
-
return e ? void 0 : t
|
|
1236
|
+
function In({ selector: t, classes: r, unstyled: e }) {
|
|
1237
|
+
return e ? void 0 : r[t];
|
|
1235
1238
|
}
|
|
1236
|
-
function
|
|
1237
|
-
themeName:
|
|
1238
|
-
classNamesPrefix:
|
|
1239
|
+
function jn({
|
|
1240
|
+
themeName: t,
|
|
1241
|
+
classNamesPrefix: r,
|
|
1239
1242
|
selector: e,
|
|
1240
1243
|
withStaticClass: n
|
|
1241
1244
|
}) {
|
|
1242
|
-
return n === !1 ? [] :
|
|
1245
|
+
return n === !1 ? [] : t.map((a) => `${r}-${a}-${e}`);
|
|
1243
1246
|
}
|
|
1244
|
-
function
|
|
1245
|
-
themeName:
|
|
1246
|
-
theme:
|
|
1247
|
+
function Bn({
|
|
1248
|
+
themeName: t,
|
|
1249
|
+
theme: r,
|
|
1247
1250
|
selector: e,
|
|
1248
1251
|
props: n,
|
|
1249
1252
|
stylesCtx: a
|
|
1250
1253
|
}) {
|
|
1251
|
-
return
|
|
1254
|
+
return t.map(
|
|
1252
1255
|
(o) => {
|
|
1253
1256
|
var i, s;
|
|
1254
|
-
return (s =
|
|
1255
|
-
theme:
|
|
1256
|
-
classNames: (i =
|
|
1257
|
+
return (s = wt({
|
|
1258
|
+
theme: r,
|
|
1259
|
+
classNames: (i = r.components[o]) == null ? void 0 : i.classNames,
|
|
1257
1260
|
props: n,
|
|
1258
1261
|
stylesCtx: a
|
|
1259
1262
|
})) == null ? void 0 : s[e];
|
|
1260
1263
|
}
|
|
1261
1264
|
);
|
|
1262
1265
|
}
|
|
1263
|
-
function
|
|
1264
|
-
options:
|
|
1265
|
-
classes:
|
|
1266
|
+
function Vn({
|
|
1267
|
+
options: t,
|
|
1268
|
+
classes: r,
|
|
1266
1269
|
selector: e,
|
|
1267
1270
|
unstyled: n
|
|
1268
1271
|
}) {
|
|
1269
|
-
return
|
|
1272
|
+
return t != null && t.variant && !n ? r[`${e}--${t.variant}`] : void 0;
|
|
1270
1273
|
}
|
|
1271
1274
|
function Fn({
|
|
1272
|
-
theme:
|
|
1273
|
-
options:
|
|
1275
|
+
theme: t,
|
|
1276
|
+
options: r,
|
|
1274
1277
|
themeName: e,
|
|
1275
1278
|
selector: n,
|
|
1276
1279
|
classNamesPrefix: a,
|
|
@@ -1282,60 +1285,60 @@ function Fn({
|
|
|
1282
1285
|
props: u,
|
|
1283
1286
|
stylesCtx: f,
|
|
1284
1287
|
withStaticClasses: m,
|
|
1285
|
-
headless:
|
|
1286
|
-
transformedStyles:
|
|
1288
|
+
headless: y,
|
|
1289
|
+
transformedStyles: g
|
|
1287
1290
|
}) {
|
|
1288
|
-
return
|
|
1289
|
-
En({ theme:
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
An({ selector: n, stylesCtx: f, options:
|
|
1291
|
+
return j(
|
|
1292
|
+
En({ theme: t, options: r, unstyled: s || y }),
|
|
1293
|
+
Bn({ theme: t, themeName: e, selector: n, props: u, stylesCtx: f }),
|
|
1294
|
+
Vn({ options: r, classes: i, selector: n, unstyled: s }),
|
|
1295
|
+
Ft({ selector: n, stylesCtx: f, theme: t, classNames: o, props: u }),
|
|
1296
|
+
Ft({ selector: n, stylesCtx: f, theme: t, classNames: g, props: u }),
|
|
1297
|
+
An({ selector: n, stylesCtx: f, options: r, props: u, theme: t }),
|
|
1295
1298
|
On({ rootSelector: d, selector: n, className: l }),
|
|
1296
|
-
In({ selector: n, classes: i, unstyled: s ||
|
|
1297
|
-
m && !
|
|
1299
|
+
In({ selector: n, classes: i, unstyled: s || y }),
|
|
1300
|
+
m && !y && jn({
|
|
1298
1301
|
themeName: e,
|
|
1299
1302
|
classNamesPrefix: a,
|
|
1300
1303
|
selector: n,
|
|
1301
|
-
withStaticClass:
|
|
1304
|
+
withStaticClass: r == null ? void 0 : r.withStaticClass
|
|
1302
1305
|
}),
|
|
1303
|
-
|
|
1306
|
+
r == null ? void 0 : r.className
|
|
1304
1307
|
);
|
|
1305
1308
|
}
|
|
1306
1309
|
function Hn({
|
|
1307
|
-
theme:
|
|
1308
|
-
themeName:
|
|
1310
|
+
theme: t,
|
|
1311
|
+
themeName: r,
|
|
1309
1312
|
props: e,
|
|
1310
1313
|
stylesCtx: n,
|
|
1311
1314
|
selector: a
|
|
1312
1315
|
}) {
|
|
1313
|
-
return
|
|
1316
|
+
return r.map(
|
|
1314
1317
|
(o) => {
|
|
1315
1318
|
var i;
|
|
1316
|
-
return
|
|
1317
|
-
theme:
|
|
1318
|
-
styles: (i =
|
|
1319
|
+
return yt({
|
|
1320
|
+
theme: t,
|
|
1321
|
+
styles: (i = t.components[o]) == null ? void 0 : i.styles,
|
|
1319
1322
|
props: e,
|
|
1320
1323
|
stylesCtx: n
|
|
1321
1324
|
})[a];
|
|
1322
1325
|
}
|
|
1323
1326
|
).reduce((o, i) => ({ ...o, ...i }), {});
|
|
1324
1327
|
}
|
|
1325
|
-
function
|
|
1326
|
-
return Array.isArray(
|
|
1327
|
-
(e, n) => ({ ...e, ...
|
|
1328
|
+
function bt({ style: t, theme: r }) {
|
|
1329
|
+
return Array.isArray(t) ? [...t].reduce(
|
|
1330
|
+
(e, n) => ({ ...e, ...bt({ style: n, theme: r }) }),
|
|
1328
1331
|
{}
|
|
1329
|
-
) : typeof
|
|
1332
|
+
) : typeof t == "function" ? t(r) : t ?? {};
|
|
1330
1333
|
}
|
|
1331
|
-
function Wn(
|
|
1332
|
-
return
|
|
1333
|
-
|
|
1334
|
-
}),
|
|
1334
|
+
function Wn(t) {
|
|
1335
|
+
return t.reduce((r, e) => (e && Object.keys(e).forEach((n) => {
|
|
1336
|
+
r[n] = { ...r[n], ...St(e[n]) };
|
|
1337
|
+
}), r), {});
|
|
1335
1338
|
}
|
|
1336
1339
|
function zn({
|
|
1337
|
-
vars:
|
|
1338
|
-
varsResolver:
|
|
1340
|
+
vars: t,
|
|
1341
|
+
varsResolver: r,
|
|
1339
1342
|
theme: e,
|
|
1340
1343
|
props: n,
|
|
1341
1344
|
stylesCtx: a,
|
|
@@ -1345,17 +1348,17 @@ function zn({
|
|
|
1345
1348
|
}) {
|
|
1346
1349
|
var l;
|
|
1347
1350
|
return (l = Wn([
|
|
1348
|
-
s ? {} :
|
|
1351
|
+
s ? {} : r == null ? void 0 : r(e, n, a),
|
|
1349
1352
|
...i.map((d) => {
|
|
1350
1353
|
var u, f, m;
|
|
1351
1354
|
return (m = (f = (u = e.components) == null ? void 0 : u[d]) == null ? void 0 : f.vars) == null ? void 0 : m.call(f, e, n, a);
|
|
1352
1355
|
}),
|
|
1353
|
-
|
|
1356
|
+
t == null ? void 0 : t(e, n, a)
|
|
1354
1357
|
])) == null ? void 0 : l[o];
|
|
1355
1358
|
}
|
|
1356
1359
|
function Yn({
|
|
1357
|
-
theme:
|
|
1358
|
-
themeName:
|
|
1360
|
+
theme: t,
|
|
1361
|
+
themeName: r,
|
|
1359
1362
|
selector: e,
|
|
1360
1363
|
options: n,
|
|
1361
1364
|
props: a,
|
|
@@ -1369,26 +1372,26 @@ function Yn({
|
|
|
1369
1372
|
withStylesTransform: m
|
|
1370
1373
|
}) {
|
|
1371
1374
|
return {
|
|
1372
|
-
...!m && Hn({ theme:
|
|
1373
|
-
...!m &&
|
|
1374
|
-
...!m &&
|
|
1375
|
-
...zn({ theme:
|
|
1376
|
-
...i === e ?
|
|
1377
|
-
...
|
|
1375
|
+
...!m && Hn({ theme: t, themeName: r, props: a, stylesCtx: o, selector: e }),
|
|
1376
|
+
...!m && yt({ theme: t, styles: s, props: a, stylesCtx: o })[e],
|
|
1377
|
+
...!m && yt({ theme: t, styles: n == null ? void 0 : n.styles, props: (n == null ? void 0 : n.props) || a, stylesCtx: o })[e],
|
|
1378
|
+
...zn({ theme: t, props: a, stylesCtx: o, vars: d, varsResolver: u, selector: e, themeName: r, headless: f }),
|
|
1379
|
+
...i === e ? bt({ style: l, theme: t }) : null,
|
|
1380
|
+
...bt({ style: n == null ? void 0 : n.style, theme: t })
|
|
1378
1381
|
};
|
|
1379
1382
|
}
|
|
1380
|
-
function Gn({ props:
|
|
1383
|
+
function Gn({ props: t, stylesCtx: r, themeName: e }) {
|
|
1381
1384
|
var i;
|
|
1382
|
-
const n =
|
|
1385
|
+
const n = B(), a = (i = cn()) == null ? void 0 : i();
|
|
1383
1386
|
return {
|
|
1384
1387
|
getTransformedStyles: (s) => a ? [
|
|
1385
1388
|
...s.map(
|
|
1386
|
-
(d) => a(d, { props:
|
|
1389
|
+
(d) => a(d, { props: t, theme: n, ctx: r })
|
|
1387
1390
|
),
|
|
1388
1391
|
...e.map(
|
|
1389
1392
|
(d) => {
|
|
1390
1393
|
var u;
|
|
1391
|
-
return a((u = n.components[d]) == null ? void 0 : u.styles, { props:
|
|
1394
|
+
return a((u = n.components[d]) == null ? void 0 : u.styles, { props: t, theme: n, ctx: r });
|
|
1392
1395
|
}
|
|
1393
1396
|
)
|
|
1394
1397
|
].filter(Boolean) : [],
|
|
@@ -1396,8 +1399,8 @@ function Gn({ props: r, stylesCtx: t, themeName: e }) {
|
|
|
1396
1399
|
};
|
|
1397
1400
|
}
|
|
1398
1401
|
function Q({
|
|
1399
|
-
name:
|
|
1400
|
-
classes:
|
|
1402
|
+
name: t,
|
|
1403
|
+
classes: r,
|
|
1401
1404
|
props: e,
|
|
1402
1405
|
stylesCtx: n,
|
|
1403
1406
|
className: a,
|
|
@@ -1409,7 +1412,7 @@ function Q({
|
|
|
1409
1412
|
vars: u,
|
|
1410
1413
|
varsResolver: f
|
|
1411
1414
|
}) {
|
|
1412
|
-
const m =
|
|
1415
|
+
const m = B(), y = en(), g = on(), $ = an(), h = (Array.isArray(t) ? t : [t]).filter((v) => v), { withStylesTransform: C, getTransformedStyles: x } = Gn({
|
|
1413
1416
|
props: e,
|
|
1414
1417
|
stylesCtx: n,
|
|
1415
1418
|
themeName: h
|
|
@@ -1420,15 +1423,15 @@ function Q({
|
|
|
1420
1423
|
options: w,
|
|
1421
1424
|
themeName: h,
|
|
1422
1425
|
selector: v,
|
|
1423
|
-
classNamesPrefix:
|
|
1426
|
+
classNamesPrefix: y,
|
|
1424
1427
|
classNames: l,
|
|
1425
|
-
classes:
|
|
1428
|
+
classes: r,
|
|
1426
1429
|
unstyled: s,
|
|
1427
1430
|
className: a,
|
|
1428
1431
|
rootSelector: i,
|
|
1429
1432
|
props: e,
|
|
1430
1433
|
stylesCtx: n,
|
|
1431
|
-
withStaticClasses:
|
|
1434
|
+
withStaticClasses: g,
|
|
1432
1435
|
headless: $,
|
|
1433
1436
|
transformedStyles: x([w == null ? void 0 : w.styles, d])
|
|
1434
1437
|
}),
|
|
@@ -1450,23 +1453,23 @@ function Q({
|
|
|
1450
1453
|
});
|
|
1451
1454
|
}
|
|
1452
1455
|
const Dn = ({
|
|
1453
|
-
defaultColorScheme:
|
|
1454
|
-
localStorageKey:
|
|
1456
|
+
defaultColorScheme: t,
|
|
1457
|
+
localStorageKey: r,
|
|
1455
1458
|
forceColorScheme: e
|
|
1456
1459
|
}) => e ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${e}');` : `try {
|
|
1457
|
-
var _colorScheme = window.localStorage.getItem("${
|
|
1458
|
-
var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${
|
|
1460
|
+
var _colorScheme = window.localStorage.getItem("${r}");
|
|
1461
|
+
var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${t}";
|
|
1459
1462
|
var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
1460
1463
|
document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
|
|
1461
1464
|
} catch (e) {}
|
|
1462
1465
|
`;
|
|
1463
|
-
function
|
|
1464
|
-
defaultColorScheme:
|
|
1465
|
-
localStorageKey:
|
|
1466
|
+
function Pe({
|
|
1467
|
+
defaultColorScheme: t = "light",
|
|
1468
|
+
localStorageKey: r = "mantine-color-scheme-value",
|
|
1466
1469
|
forceColorScheme: e,
|
|
1467
1470
|
...n
|
|
1468
1471
|
}) {
|
|
1469
|
-
const a = ["light", "dark", "auto"].includes(
|
|
1472
|
+
const a = ["light", "dark", "auto"].includes(t) ? t : "light";
|
|
1470
1473
|
return /* @__PURE__ */ p(
|
|
1471
1474
|
"script",
|
|
1472
1475
|
{
|
|
@@ -1475,48 +1478,48 @@ function _e({
|
|
|
1475
1478
|
dangerouslySetInnerHTML: {
|
|
1476
1479
|
__html: Dn({
|
|
1477
1480
|
defaultColorScheme: a,
|
|
1478
|
-
localStorageKey:
|
|
1481
|
+
localStorageKey: r,
|
|
1479
1482
|
forceColorScheme: e
|
|
1480
1483
|
})
|
|
1481
1484
|
}
|
|
1482
1485
|
}
|
|
1483
1486
|
);
|
|
1484
1487
|
}
|
|
1485
|
-
function I(
|
|
1488
|
+
function I(t, r, e) {
|
|
1486
1489
|
var i;
|
|
1487
|
-
const n =
|
|
1488
|
-
return { ...
|
|
1490
|
+
const n = B(), a = (i = n.components[t]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
|
|
1491
|
+
return { ...r, ...o, ...St(e) };
|
|
1489
1492
|
}
|
|
1490
|
-
const
|
|
1493
|
+
const Le = {
|
|
1491
1494
|
suppressHydrationWarning: !0,
|
|
1492
1495
|
"data-mantine-color-scheme": "light"
|
|
1493
1496
|
};
|
|
1494
|
-
function
|
|
1495
|
-
return M(
|
|
1496
|
-
(
|
|
1497
|
+
function ut(t) {
|
|
1498
|
+
return M(t).reduce(
|
|
1499
|
+
(r, e) => t[e] !== void 0 ? `${r}${Dr(e)}:${t[e]};` : r,
|
|
1497
1500
|
""
|
|
1498
1501
|
).trim();
|
|
1499
1502
|
}
|
|
1500
|
-
function Xn({ selector:
|
|
1501
|
-
const a =
|
|
1502
|
-
(s) => `@container ${s.query}{${
|
|
1503
|
+
function Xn({ selector: t, styles: r, media: e, container: n }) {
|
|
1504
|
+
const a = r ? ut(r) : "", o = Array.isArray(e) ? e.map((s) => `@media${s.query}{${t}{${ut(s.styles)}}}`) : [], i = Array.isArray(n) ? n.map(
|
|
1505
|
+
(s) => `@container ${s.query}{${t}{${ut(s.styles)}}}`
|
|
1503
1506
|
) : [];
|
|
1504
|
-
return `${a ? `${
|
|
1507
|
+
return `${a ? `${t}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
|
|
1505
1508
|
}
|
|
1506
|
-
function Un(
|
|
1507
|
-
const
|
|
1509
|
+
function Un(t) {
|
|
1510
|
+
const r = Ct();
|
|
1508
1511
|
return /* @__PURE__ */ p(
|
|
1509
1512
|
"style",
|
|
1510
1513
|
{
|
|
1511
1514
|
"data-mantine-styles": "inline",
|
|
1512
|
-
nonce:
|
|
1513
|
-
dangerouslySetInnerHTML: { __html: Xn(
|
|
1515
|
+
nonce: r == null ? void 0 : r(),
|
|
1516
|
+
dangerouslySetInnerHTML: { __html: Xn(t) }
|
|
1514
1517
|
}
|
|
1515
1518
|
);
|
|
1516
1519
|
}
|
|
1517
|
-
function qn(
|
|
1520
|
+
function qn(t) {
|
|
1518
1521
|
const {
|
|
1519
|
-
m:
|
|
1522
|
+
m: r,
|
|
1520
1523
|
mx: e,
|
|
1521
1524
|
my: n,
|
|
1522
1525
|
mt: a,
|
|
@@ -1528,8 +1531,8 @@ function qn(r) {
|
|
|
1528
1531
|
p: u,
|
|
1529
1532
|
px: f,
|
|
1530
1533
|
py: m,
|
|
1531
|
-
pt:
|
|
1532
|
-
pb:
|
|
1534
|
+
pt: y,
|
|
1535
|
+
pb: g,
|
|
1533
1536
|
pl: $,
|
|
1534
1537
|
pr: h,
|
|
1535
1538
|
pe: C,
|
|
@@ -1541,39 +1544,39 @@ function qn(r) {
|
|
|
1541
1544
|
ff: k,
|
|
1542
1545
|
fz: S,
|
|
1543
1546
|
fw: E,
|
|
1544
|
-
lts:
|
|
1545
|
-
ta:
|
|
1546
|
-
lh:
|
|
1547
|
-
fs:
|
|
1548
|
-
tt:
|
|
1549
|
-
td:
|
|
1550
|
-
w:
|
|
1551
|
-
miw: $
|
|
1552
|
-
maw:
|
|
1553
|
-
h:
|
|
1554
|
-
mih:
|
|
1555
|
-
mah:
|
|
1556
|
-
bgsz:
|
|
1557
|
-
bgp:
|
|
1558
|
-
bgr:
|
|
1559
|
-
bga:
|
|
1560
|
-
pos:
|
|
1561
|
-
top:
|
|
1562
|
-
left:
|
|
1563
|
-
bottom:
|
|
1564
|
-
right:
|
|
1565
|
-
inset:
|
|
1566
|
-
display:
|
|
1567
|
-
flex:
|
|
1568
|
-
hiddenFrom:
|
|
1569
|
-
visibleFrom:
|
|
1570
|
-
lightHidden:
|
|
1571
|
-
darkHidden:
|
|
1572
|
-
sx:
|
|
1573
|
-
...
|
|
1574
|
-
} =
|
|
1575
|
-
return { styleProps:
|
|
1576
|
-
m:
|
|
1547
|
+
lts: ot,
|
|
1548
|
+
ta: at,
|
|
1549
|
+
lh: pr,
|
|
1550
|
+
fs: yr,
|
|
1551
|
+
tt: gr,
|
|
1552
|
+
td: br,
|
|
1553
|
+
w: hr,
|
|
1554
|
+
miw: $r,
|
|
1555
|
+
maw: vr,
|
|
1556
|
+
h: Sr,
|
|
1557
|
+
mih: wr,
|
|
1558
|
+
mah: Cr,
|
|
1559
|
+
bgsz: xr,
|
|
1560
|
+
bgp: kr,
|
|
1561
|
+
bgr: Nr,
|
|
1562
|
+
bga: Tr,
|
|
1563
|
+
pos: Mr,
|
|
1564
|
+
top: Rr,
|
|
1565
|
+
left: _r,
|
|
1566
|
+
bottom: Pr,
|
|
1567
|
+
right: Lr,
|
|
1568
|
+
inset: Er,
|
|
1569
|
+
display: Ar,
|
|
1570
|
+
flex: Or,
|
|
1571
|
+
hiddenFrom: Ir,
|
|
1572
|
+
visibleFrom: jr,
|
|
1573
|
+
lightHidden: Br,
|
|
1574
|
+
darkHidden: Vr,
|
|
1575
|
+
sx: Fr,
|
|
1576
|
+
...Hr
|
|
1577
|
+
} = t;
|
|
1578
|
+
return { styleProps: St({
|
|
1579
|
+
m: r,
|
|
1577
1580
|
mx: e,
|
|
1578
1581
|
my: n,
|
|
1579
1582
|
mt: a,
|
|
@@ -1585,8 +1588,8 @@ function qn(r) {
|
|
|
1585
1588
|
p: u,
|
|
1586
1589
|
px: f,
|
|
1587
1590
|
py: m,
|
|
1588
|
-
pt:
|
|
1589
|
-
pb:
|
|
1591
|
+
pt: y,
|
|
1592
|
+
pb: g,
|
|
1590
1593
|
pl: $,
|
|
1591
1594
|
pr: h,
|
|
1592
1595
|
pe: C,
|
|
@@ -1598,36 +1601,36 @@ function qn(r) {
|
|
|
1598
1601
|
ff: k,
|
|
1599
1602
|
fz: S,
|
|
1600
1603
|
fw: E,
|
|
1601
|
-
lts:
|
|
1602
|
-
ta:
|
|
1603
|
-
lh:
|
|
1604
|
-
fs:
|
|
1605
|
-
tt:
|
|
1606
|
-
td:
|
|
1607
|
-
w:
|
|
1608
|
-
miw: $
|
|
1609
|
-
maw:
|
|
1610
|
-
h:
|
|
1611
|
-
mih:
|
|
1612
|
-
mah:
|
|
1613
|
-
bgsz:
|
|
1614
|
-
bgp:
|
|
1615
|
-
bgr:
|
|
1616
|
-
bga:
|
|
1617
|
-
pos:
|
|
1618
|
-
top:
|
|
1619
|
-
left:
|
|
1620
|
-
bottom:
|
|
1621
|
-
right:
|
|
1622
|
-
inset:
|
|
1623
|
-
display:
|
|
1624
|
-
flex:
|
|
1625
|
-
hiddenFrom:
|
|
1626
|
-
visibleFrom:
|
|
1627
|
-
lightHidden:
|
|
1628
|
-
darkHidden:
|
|
1629
|
-
sx:
|
|
1630
|
-
}), rest:
|
|
1604
|
+
lts: ot,
|
|
1605
|
+
ta: at,
|
|
1606
|
+
lh: pr,
|
|
1607
|
+
fs: yr,
|
|
1608
|
+
tt: gr,
|
|
1609
|
+
td: br,
|
|
1610
|
+
w: hr,
|
|
1611
|
+
miw: $r,
|
|
1612
|
+
maw: vr,
|
|
1613
|
+
h: Sr,
|
|
1614
|
+
mih: wr,
|
|
1615
|
+
mah: Cr,
|
|
1616
|
+
bgsz: xr,
|
|
1617
|
+
bgp: kr,
|
|
1618
|
+
bgr: Nr,
|
|
1619
|
+
bga: Tr,
|
|
1620
|
+
pos: Mr,
|
|
1621
|
+
top: Rr,
|
|
1622
|
+
left: _r,
|
|
1623
|
+
bottom: Pr,
|
|
1624
|
+
right: Lr,
|
|
1625
|
+
inset: Er,
|
|
1626
|
+
display: Ar,
|
|
1627
|
+
flex: Or,
|
|
1628
|
+
hiddenFrom: Ir,
|
|
1629
|
+
visibleFrom: jr,
|
|
1630
|
+
lightHidden: Br,
|
|
1631
|
+
darkHidden: Vr,
|
|
1632
|
+
sx: Fr
|
|
1633
|
+
}), rest: Hr };
|
|
1631
1634
|
}
|
|
1632
1635
|
const Qn = {
|
|
1633
1636
|
m: { type: "spacing", property: "margin" },
|
|
@@ -1680,64 +1683,64 @@ const Qn = {
|
|
|
1680
1683
|
display: { type: "identity", property: "display" },
|
|
1681
1684
|
flex: { type: "identity", property: "flex" }
|
|
1682
1685
|
};
|
|
1683
|
-
function
|
|
1684
|
-
const e = q({ color:
|
|
1686
|
+
function Tt(t, r) {
|
|
1687
|
+
const e = q({ color: t, theme: r });
|
|
1685
1688
|
return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
|
|
1686
1689
|
}
|
|
1687
|
-
function Kn(
|
|
1688
|
-
const e = q({ color:
|
|
1689
|
-
return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` :
|
|
1690
|
+
function Kn(t, r) {
|
|
1691
|
+
const e = q({ color: t, theme: r });
|
|
1692
|
+
return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` : Tt(t, r);
|
|
1690
1693
|
}
|
|
1691
|
-
function Zn(
|
|
1692
|
-
if (typeof
|
|
1693
|
-
return c(
|
|
1694
|
-
if (typeof
|
|
1695
|
-
const [e, n, ...a] =
|
|
1694
|
+
function Zn(t, r) {
|
|
1695
|
+
if (typeof t == "number")
|
|
1696
|
+
return c(t);
|
|
1697
|
+
if (typeof t == "string") {
|
|
1698
|
+
const [e, n, ...a] = t.split(" ").filter((i) => i.trim() !== "");
|
|
1696
1699
|
let o = `${c(e)}`;
|
|
1697
|
-
return n && (o += ` ${n}`), a.length > 0 && (o += ` ${
|
|
1700
|
+
return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tt(a.join(" "), r)}`), o.trim();
|
|
1698
1701
|
}
|
|
1699
|
-
return
|
|
1702
|
+
return t;
|
|
1700
1703
|
}
|
|
1701
|
-
const
|
|
1704
|
+
const Ht = {
|
|
1702
1705
|
text: "var(--mantine-font-family)",
|
|
1703
1706
|
mono: "var(--mantine-font-family-monospace)",
|
|
1704
1707
|
monospace: "var(--mantine-font-family-monospace)",
|
|
1705
1708
|
heading: "var(--mantine-font-family-headings)",
|
|
1706
1709
|
headings: "var(--mantine-font-family-headings)"
|
|
1707
1710
|
};
|
|
1708
|
-
function Jn(
|
|
1709
|
-
return typeof
|
|
1711
|
+
function Jn(t) {
|
|
1712
|
+
return typeof t == "string" && t in Ht ? Ht[t] : t;
|
|
1710
1713
|
}
|
|
1711
|
-
const
|
|
1712
|
-
function
|
|
1713
|
-
return typeof
|
|
1714
|
+
const te = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
1715
|
+
function re(t, r) {
|
|
1716
|
+
return typeof t == "string" && t in r.fontSizes ? `var(--mantine-font-size-${t})` : typeof t == "string" && te.includes(t) ? `var(--mantine-${t}-font-size)` : typeof t == "number" || typeof t == "string" ? c(t) : t;
|
|
1714
1717
|
}
|
|
1715
|
-
function ne(
|
|
1716
|
-
return
|
|
1718
|
+
function ne(t) {
|
|
1719
|
+
return t;
|
|
1717
1720
|
}
|
|
1718
1721
|
const ee = ["h1", "h2", "h3", "h4", "h5", "h6"];
|
|
1719
|
-
function oe(
|
|
1720
|
-
return typeof
|
|
1721
|
-
}
|
|
1722
|
-
function ae(
|
|
1723
|
-
return typeof
|
|
1724
|
-
}
|
|
1725
|
-
function ie(
|
|
1726
|
-
if (typeof
|
|
1727
|
-
return c(
|
|
1728
|
-
if (typeof
|
|
1729
|
-
const e =
|
|
1730
|
-
if (!(e in
|
|
1731
|
-
return c(
|
|
1722
|
+
function oe(t, r) {
|
|
1723
|
+
return typeof t == "string" && t in r.lineHeights ? `var(--mantine-line-height-${t})` : typeof t == "string" && ee.includes(t) ? `var(--mantine-${t}-line-height)` : t;
|
|
1724
|
+
}
|
|
1725
|
+
function ae(t) {
|
|
1726
|
+
return typeof t == "number" ? c(t) : t;
|
|
1727
|
+
}
|
|
1728
|
+
function ie(t, r) {
|
|
1729
|
+
if (typeof t == "number")
|
|
1730
|
+
return c(t);
|
|
1731
|
+
if (typeof t == "string") {
|
|
1732
|
+
const e = t.replace("-", "");
|
|
1733
|
+
if (!(e in r.spacing))
|
|
1734
|
+
return c(t);
|
|
1732
1735
|
const n = `--mantine-spacing-${e}`;
|
|
1733
|
-
return
|
|
1736
|
+
return t.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
|
|
1734
1737
|
}
|
|
1735
|
-
return
|
|
1738
|
+
return t;
|
|
1736
1739
|
}
|
|
1737
|
-
const
|
|
1738
|
-
color:
|
|
1740
|
+
const mt = {
|
|
1741
|
+
color: Tt,
|
|
1739
1742
|
textColor: Kn,
|
|
1740
|
-
fontSize:
|
|
1743
|
+
fontSize: re,
|
|
1741
1744
|
spacing: ie,
|
|
1742
1745
|
identity: ne,
|
|
1743
1746
|
size: ae,
|
|
@@ -1745,55 +1748,55 @@ const mr = {
|
|
|
1745
1748
|
fontFamily: Jn,
|
|
1746
1749
|
border: Zn
|
|
1747
1750
|
};
|
|
1748
|
-
function
|
|
1749
|
-
return
|
|
1751
|
+
function Wt(t) {
|
|
1752
|
+
return t.replace("(min-width: ", "").replace("em)", "");
|
|
1750
1753
|
}
|
|
1751
1754
|
function se({
|
|
1752
|
-
media:
|
|
1753
|
-
...
|
|
1755
|
+
media: t,
|
|
1756
|
+
...r
|
|
1754
1757
|
}) {
|
|
1755
|
-
const n = Object.keys(
|
|
1756
|
-
return { ...
|
|
1758
|
+
const n = Object.keys(t).sort((a, o) => Number(Wt(a)) - Number(Wt(o))).map((a) => ({ query: a, styles: t[a] }));
|
|
1759
|
+
return { ...r, media: n };
|
|
1757
1760
|
}
|
|
1758
|
-
function ce(
|
|
1759
|
-
if (typeof
|
|
1761
|
+
function ce(t) {
|
|
1762
|
+
if (typeof t != "object" || t === null)
|
|
1760
1763
|
return !1;
|
|
1761
|
-
const
|
|
1762
|
-
return !(
|
|
1764
|
+
const r = Object.keys(t);
|
|
1765
|
+
return !(r.length === 1 && r[0] === "base");
|
|
1763
1766
|
}
|
|
1764
|
-
function le(
|
|
1765
|
-
return typeof
|
|
1767
|
+
function le(t) {
|
|
1768
|
+
return typeof t == "object" && t !== null ? "base" in t ? t.base : void 0 : t;
|
|
1766
1769
|
}
|
|
1767
|
-
function de(
|
|
1768
|
-
return typeof
|
|
1770
|
+
function de(t) {
|
|
1771
|
+
return typeof t == "object" && t !== null ? M(t).filter((r) => r !== "base") : [];
|
|
1769
1772
|
}
|
|
1770
|
-
function fe(
|
|
1771
|
-
return typeof
|
|
1773
|
+
function fe(t, r) {
|
|
1774
|
+
return typeof t == "object" && t !== null && r in t ? t[r] : t;
|
|
1772
1775
|
}
|
|
1773
1776
|
function ue({
|
|
1774
|
-
styleProps:
|
|
1775
|
-
data:
|
|
1777
|
+
styleProps: t,
|
|
1778
|
+
data: r,
|
|
1776
1779
|
theme: e
|
|
1777
1780
|
}) {
|
|
1778
1781
|
return se(
|
|
1779
|
-
M(
|
|
1782
|
+
M(t).reduce(
|
|
1780
1783
|
(n, a) => {
|
|
1781
1784
|
if (a === "hiddenFrom" || a === "visibleFrom" || a === "sx")
|
|
1782
1785
|
return n;
|
|
1783
|
-
const o =
|
|
1784
|
-
if (!ce(
|
|
1786
|
+
const o = r[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(t[a]);
|
|
1787
|
+
if (!ce(t[a]))
|
|
1785
1788
|
return i.forEach((d) => {
|
|
1786
|
-
n.inlineStyles[d] =
|
|
1789
|
+
n.inlineStyles[d] = mt[o.type](s, e);
|
|
1787
1790
|
}), n;
|
|
1788
1791
|
n.hasResponsiveStyles = !0;
|
|
1789
|
-
const l = de(
|
|
1792
|
+
const l = de(t[a]);
|
|
1790
1793
|
return i.forEach((d) => {
|
|
1791
|
-
s && (n.styles[d] =
|
|
1794
|
+
s && (n.styles[d] = mt[o.type](s, e)), l.forEach((u) => {
|
|
1792
1795
|
const f = `(min-width: ${e.breakpoints[u]})`;
|
|
1793
1796
|
n.media[f] = {
|
|
1794
1797
|
...n.media[f],
|
|
1795
|
-
[d]:
|
|
1796
|
-
fe(
|
|
1798
|
+
[d]: mt[o.type](
|
|
1799
|
+
fe(t[a], u),
|
|
1797
1800
|
e
|
|
1798
1801
|
)
|
|
1799
1802
|
};
|
|
@@ -1810,42 +1813,42 @@ function ue({
|
|
|
1810
1813
|
);
|
|
1811
1814
|
}
|
|
1812
1815
|
function me() {
|
|
1813
|
-
return `__m__-${
|
|
1816
|
+
return `__m__-${Yr().replace(/:/g, "")}`;
|
|
1814
1817
|
}
|
|
1815
|
-
function
|
|
1816
|
-
return
|
|
1818
|
+
function er(t) {
|
|
1819
|
+
return t.startsWith("data-") ? t : `data-${t}`;
|
|
1817
1820
|
}
|
|
1818
|
-
function pe(
|
|
1819
|
-
return Object.keys(
|
|
1820
|
-
const n =
|
|
1821
|
-
return n === void 0 || n === "" || n === !1 || n === null || (
|
|
1821
|
+
function pe(t) {
|
|
1822
|
+
return Object.keys(t).reduce((r, e) => {
|
|
1823
|
+
const n = t[e];
|
|
1824
|
+
return n === void 0 || n === "" || n === !1 || n === null || (r[er(e)] = t[e]), r;
|
|
1822
1825
|
}, {});
|
|
1823
1826
|
}
|
|
1824
|
-
function
|
|
1825
|
-
return
|
|
1826
|
-
(
|
|
1827
|
+
function or(t) {
|
|
1828
|
+
return t ? typeof t == "string" ? { [er(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
|
|
1829
|
+
(r, e) => ({ ...r, ...or(e) }),
|
|
1827
1830
|
{}
|
|
1828
|
-
) : pe(
|
|
1831
|
+
) : pe(t) : null;
|
|
1829
1832
|
}
|
|
1830
|
-
function
|
|
1831
|
-
return Array.isArray(
|
|
1832
|
-
(e, n) => ({ ...e, ...
|
|
1833
|
+
function ht(t, r) {
|
|
1834
|
+
return Array.isArray(t) ? [...t].reduce(
|
|
1835
|
+
(e, n) => ({ ...e, ...ht(n, r) }),
|
|
1833
1836
|
{}
|
|
1834
|
-
) : typeof
|
|
1837
|
+
) : typeof t == "function" ? t(r) : t ?? {};
|
|
1835
1838
|
}
|
|
1836
|
-
function
|
|
1837
|
-
theme:
|
|
1838
|
-
style:
|
|
1839
|
+
function ye({
|
|
1840
|
+
theme: t,
|
|
1841
|
+
style: r,
|
|
1839
1842
|
vars: e,
|
|
1840
1843
|
styleProps: n
|
|
1841
1844
|
}) {
|
|
1842
|
-
const a =
|
|
1845
|
+
const a = ht(r, t), o = ht(e, t);
|
|
1843
1846
|
return { ...a, ...o, ...n };
|
|
1844
1847
|
}
|
|
1845
|
-
const
|
|
1848
|
+
const ar = _(
|
|
1846
1849
|
({
|
|
1847
|
-
component:
|
|
1848
|
-
style:
|
|
1850
|
+
component: t,
|
|
1851
|
+
style: r,
|
|
1849
1852
|
__vars: e,
|
|
1850
1853
|
className: n,
|
|
1851
1854
|
variant: a,
|
|
@@ -1857,22 +1860,22 @@ const at = _(
|
|
|
1857
1860
|
darkHidden: u,
|
|
1858
1861
|
renderRoot: f,
|
|
1859
1862
|
__size: m,
|
|
1860
|
-
...
|
|
1861
|
-
},
|
|
1863
|
+
...y
|
|
1864
|
+
}, g) => {
|
|
1862
1865
|
var S;
|
|
1863
|
-
const $ =
|
|
1866
|
+
const $ = B(), h = t || "div", { styleProps: C, rest: x } = qn(y), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = me(), b = ue({
|
|
1864
1867
|
styleProps: C,
|
|
1865
1868
|
theme: $,
|
|
1866
1869
|
data: Qn
|
|
1867
1870
|
}), k = {
|
|
1868
|
-
ref:
|
|
1869
|
-
style:
|
|
1871
|
+
ref: g,
|
|
1872
|
+
style: ye({
|
|
1870
1873
|
theme: $,
|
|
1871
|
-
style:
|
|
1874
|
+
style: r,
|
|
1872
1875
|
vars: e,
|
|
1873
1876
|
styleProps: b.inlineStyles
|
|
1874
1877
|
}),
|
|
1875
|
-
className:
|
|
1878
|
+
className: j(n, w, {
|
|
1876
1879
|
[L]: b.hasResponsiveStyles,
|
|
1877
1880
|
"mantine-light-hidden": d,
|
|
1878
1881
|
"mantine-dark-hidden": u,
|
|
@@ -1880,12 +1883,12 @@ const at = _(
|
|
|
1880
1883
|
[`mantine-visible-from-${l}`]: l
|
|
1881
1884
|
}),
|
|
1882
1885
|
"data-variant": a,
|
|
1883
|
-
"data-size":
|
|
1886
|
+
"data-size": Ut(i) ? void 0 : i || void 0,
|
|
1884
1887
|
size: m,
|
|
1885
|
-
...
|
|
1888
|
+
...or(o),
|
|
1886
1889
|
...x
|
|
1887
1890
|
};
|
|
1888
|
-
return /* @__PURE__ */ z(
|
|
1891
|
+
return /* @__PURE__ */ z(pt, { children: [
|
|
1889
1892
|
b.hasResponsiveStyles && /* @__PURE__ */ p(
|
|
1890
1893
|
Un,
|
|
1891
1894
|
{
|
|
@@ -1898,31 +1901,31 @@ const at = _(
|
|
|
1898
1901
|
] });
|
|
1899
1902
|
}
|
|
1900
1903
|
);
|
|
1901
|
-
|
|
1902
|
-
const N =
|
|
1903
|
-
function
|
|
1904
|
-
return
|
|
1905
|
-
}
|
|
1906
|
-
function
|
|
1907
|
-
const
|
|
1908
|
-
return
|
|
1909
|
-
const n = _((a, o) => /* @__PURE__ */ p(
|
|
1910
|
-
return n.extend =
|
|
1911
|
-
},
|
|
1912
|
-
}
|
|
1913
|
-
function
|
|
1914
|
-
const
|
|
1915
|
-
return
|
|
1916
|
-
const n = _((a, o) => /* @__PURE__ */ p(
|
|
1917
|
-
return n.extend =
|
|
1918
|
-
},
|
|
1919
|
-
}
|
|
1920
|
-
var
|
|
1921
|
-
const
|
|
1904
|
+
ar.displayName = "@mantine/core/Box";
|
|
1905
|
+
const N = ar;
|
|
1906
|
+
function ir(t) {
|
|
1907
|
+
return t;
|
|
1908
|
+
}
|
|
1909
|
+
function Mt(t) {
|
|
1910
|
+
const r = _(t);
|
|
1911
|
+
return r.extend = ir, r.withProps = (e) => {
|
|
1912
|
+
const n = _((a, o) => /* @__PURE__ */ p(r, { ...e, ...a, ref: o }));
|
|
1913
|
+
return n.extend = r.extend, n.displayName = `WithProps(${r.displayName})`, n;
|
|
1914
|
+
}, r;
|
|
1915
|
+
}
|
|
1916
|
+
function sr(t) {
|
|
1917
|
+
const r = _(t);
|
|
1918
|
+
return r.withProps = (e) => {
|
|
1919
|
+
const n = _((a, o) => /* @__PURE__ */ p(r, { ...e, ...a, ref: o }));
|
|
1920
|
+
return n.extend = r.extend, n.displayName = `WithProps(${r.displayName})`, n;
|
|
1921
|
+
}, r.extend = ir, r;
|
|
1922
|
+
}
|
|
1923
|
+
var cr = { root: "m_87cf2631" };
|
|
1924
|
+
const ge = {
|
|
1922
1925
|
__staticSelector: "UnstyledButton"
|
|
1923
|
-
},
|
|
1924
|
-
(
|
|
1925
|
-
const e = I("UnstyledButton",
|
|
1926
|
+
}, Rt = sr(
|
|
1927
|
+
(t, r) => {
|
|
1928
|
+
const e = I("UnstyledButton", ge, t), {
|
|
1926
1929
|
className: n,
|
|
1927
1930
|
component: a = "button",
|
|
1928
1931
|
__staticSelector: o,
|
|
@@ -1934,7 +1937,7 @@ const ye = {
|
|
|
1934
1937
|
} = e, f = Q({
|
|
1935
1938
|
name: o,
|
|
1936
1939
|
props: e,
|
|
1937
|
-
classes:
|
|
1940
|
+
classes: cr,
|
|
1938
1941
|
className: n,
|
|
1939
1942
|
style: d,
|
|
1940
1943
|
classNames: s,
|
|
@@ -1946,20 +1949,20 @@ const ye = {
|
|
|
1946
1949
|
{
|
|
1947
1950
|
...f("root", { focusable: !0 }),
|
|
1948
1951
|
component: a,
|
|
1949
|
-
ref:
|
|
1952
|
+
ref: r,
|
|
1950
1953
|
type: a === "button" ? "button" : void 0,
|
|
1951
1954
|
...u
|
|
1952
1955
|
}
|
|
1953
1956
|
);
|
|
1954
1957
|
}
|
|
1955
1958
|
);
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
const X = (
|
|
1959
|
+
Rt.classes = cr;
|
|
1960
|
+
Rt.displayName = "@mantine/core/UnstyledButton";
|
|
1961
|
+
const X = (t) => ({
|
|
1959
1962
|
in: { opacity: 1, transform: "scale(1)" },
|
|
1960
|
-
out: { opacity: 0, transform: `scale(.9) translateY(${
|
|
1963
|
+
out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
|
|
1961
1964
|
transitionProperty: "transform, opacity"
|
|
1962
|
-
}),
|
|
1965
|
+
}), tt = {
|
|
1963
1966
|
fade: {
|
|
1964
1967
|
in: { opacity: 1 },
|
|
1965
1968
|
out: { opacity: 0 },
|
|
@@ -2071,7 +2074,7 @@ const X = (r) => ({
|
|
|
2071
2074
|
...X("top"),
|
|
2072
2075
|
common: { transformOrigin: "top right" }
|
|
2073
2076
|
}
|
|
2074
|
-
},
|
|
2077
|
+
}, zt = {
|
|
2075
2078
|
entering: "in",
|
|
2076
2079
|
entered: "in",
|
|
2077
2080
|
exiting: "out",
|
|
@@ -2080,8 +2083,8 @@ const X = (r) => ({
|
|
|
2080
2083
|
"pre-entering": "out"
|
|
2081
2084
|
};
|
|
2082
2085
|
function be({
|
|
2083
|
-
transition:
|
|
2084
|
-
state:
|
|
2086
|
+
transition: t,
|
|
2087
|
+
state: r,
|
|
2085
2088
|
duration: e,
|
|
2086
2089
|
timingFunction: n
|
|
2087
2090
|
}) {
|
|
@@ -2091,21 +2094,21 @@ function be({
|
|
|
2091
2094
|
transitionDuration: `${e}ms`,
|
|
2092
2095
|
transitionTimingFunction: n
|
|
2093
2096
|
};
|
|
2094
|
-
return typeof
|
|
2095
|
-
transitionProperty:
|
|
2097
|
+
return typeof t == "string" ? t in tt ? {
|
|
2098
|
+
transitionProperty: tt[t].transitionProperty,
|
|
2096
2099
|
...a,
|
|
2097
|
-
...
|
|
2098
|
-
...
|
|
2100
|
+
...tt[t].common,
|
|
2101
|
+
...tt[t][zt[r]]
|
|
2099
2102
|
} : {} : {
|
|
2100
|
-
transitionProperty:
|
|
2103
|
+
transitionProperty: t.transitionProperty,
|
|
2101
2104
|
...a,
|
|
2102
|
-
...
|
|
2103
|
-
...
|
|
2105
|
+
...t.common,
|
|
2106
|
+
...t[zt[r]]
|
|
2104
2107
|
};
|
|
2105
2108
|
}
|
|
2106
2109
|
function he({
|
|
2107
|
-
duration:
|
|
2108
|
-
exitDuration:
|
|
2110
|
+
duration: t,
|
|
2111
|
+
exitDuration: r,
|
|
2109
2112
|
timingFunction: e,
|
|
2110
2113
|
mounted: n,
|
|
2111
2114
|
onEnter: a,
|
|
@@ -2115,12 +2118,12 @@ function he({
|
|
|
2115
2118
|
enterDelay: l,
|
|
2116
2119
|
exitDelay: d
|
|
2117
2120
|
}) {
|
|
2118
|
-
const u =
|
|
2121
|
+
const u = B(), f = Jr(), m = u.respectReducedMotion ? f : !1, [y, g] = rt(m ? 0 : t), [$, h] = rt(n ? "entered" : "exited"), C = W(-1), x = W(-1), v = W(-1), w = (b) => {
|
|
2119
2122
|
const k = b ? a : o, S = b ? i : s;
|
|
2120
2123
|
window.clearTimeout(C.current);
|
|
2121
|
-
const E = m ? 0 : b ?
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
+
const E = m ? 0 : b ? t : r;
|
|
2125
|
+
g(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
|
|
2126
|
+
Gr.flushSync(() => {
|
|
2124
2127
|
h(b ? "pre-entering" : "pre-exiting");
|
|
2125
2128
|
}), v.current = requestAnimationFrame(() => {
|
|
2126
2129
|
typeof k == "function" && k(), h(b ? "entering" : "exiting"), C.current = window.setTimeout(() => {
|
|
@@ -2140,7 +2143,7 @@ function he({
|
|
|
2140
2143
|
b ? l : d
|
|
2141
2144
|
);
|
|
2142
2145
|
};
|
|
2143
|
-
return
|
|
2146
|
+
return Zr(() => {
|
|
2144
2147
|
L(n);
|
|
2145
2148
|
}, [n]), A(
|
|
2146
2149
|
() => () => {
|
|
@@ -2148,14 +2151,14 @@ function he({
|
|
|
2148
2151
|
},
|
|
2149
2152
|
[]
|
|
2150
2153
|
), {
|
|
2151
|
-
transitionDuration:
|
|
2154
|
+
transitionDuration: y,
|
|
2152
2155
|
transitionStatus: $,
|
|
2153
2156
|
transitionTimingFunction: e || "ease"
|
|
2154
2157
|
};
|
|
2155
2158
|
}
|
|
2156
|
-
function
|
|
2157
|
-
keepMounted:
|
|
2158
|
-
transition:
|
|
2159
|
+
function lr({
|
|
2160
|
+
keepMounted: t,
|
|
2161
|
+
transition: r = "fade",
|
|
2159
2162
|
duration: e = 250,
|
|
2160
2163
|
exitDuration: n = e,
|
|
2161
2164
|
mounted: a,
|
|
@@ -2168,7 +2171,7 @@ function lt({
|
|
|
2168
2171
|
enterDelay: f,
|
|
2169
2172
|
exitDelay: m
|
|
2170
2173
|
}) {
|
|
2171
|
-
const
|
|
2174
|
+
const y = ln(), { transitionDuration: g, transitionStatus: $, transitionTimingFunction: h } = he({
|
|
2172
2175
|
mounted: a,
|
|
2173
2176
|
exitDuration: n,
|
|
2174
2177
|
duration: e,
|
|
@@ -2180,45 +2183,45 @@ function lt({
|
|
|
2180
2183
|
enterDelay: f,
|
|
2181
2184
|
exitDelay: m
|
|
2182
2185
|
});
|
|
2183
|
-
return
|
|
2186
|
+
return g === 0 || y === "test" ? a ? /* @__PURE__ */ p(pt, { children: o({}) }) : t ? o({ display: "none" }) : null : $ === "exited" ? t ? o({ display: "none" }) : null : /* @__PURE__ */ p(pt, { children: o(
|
|
2184
2187
|
be({
|
|
2185
|
-
transition:
|
|
2186
|
-
duration:
|
|
2188
|
+
transition: r,
|
|
2189
|
+
duration: g,
|
|
2187
2190
|
state: $,
|
|
2188
2191
|
timingFunction: h
|
|
2189
2192
|
})
|
|
2190
2193
|
) });
|
|
2191
2194
|
}
|
|
2192
|
-
|
|
2195
|
+
lr.displayName = "@mantine/core/Transition";
|
|
2193
2196
|
var T = { root: "m_5ae2e3c", barsLoader: "m_7a2bd4cd", bar: "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", dotsLoader: "m_4e3f22d7", dot: "m_870c4af", "loader-dots-animation": "m_aac34a1", ovalLoader: "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
|
|
2194
|
-
const
|
|
2197
|
+
const dr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: j(T.barsLoader, t), ...r, ref: e, children: [
|
|
2195
2198
|
/* @__PURE__ */ p("span", { className: T.bar }),
|
|
2196
2199
|
/* @__PURE__ */ p("span", { className: T.bar }),
|
|
2197
2200
|
/* @__PURE__ */ p("span", { className: T.bar })
|
|
2198
2201
|
] }));
|
|
2199
|
-
|
|
2200
|
-
const
|
|
2202
|
+
dr.displayName = "@mantine/core/Bars";
|
|
2203
|
+
const fr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: j(T.dotsLoader, t), ...r, ref: e, children: [
|
|
2201
2204
|
/* @__PURE__ */ p("span", { className: T.dot }),
|
|
2202
2205
|
/* @__PURE__ */ p("span", { className: T.dot }),
|
|
2203
2206
|
/* @__PURE__ */ p("span", { className: T.dot })
|
|
2204
2207
|
] }));
|
|
2205
|
-
|
|
2206
|
-
const
|
|
2207
|
-
|
|
2208
|
-
const
|
|
2209
|
-
bars:
|
|
2210
|
-
oval:
|
|
2211
|
-
dots:
|
|
2208
|
+
fr.displayName = "@mantine/core/Dots";
|
|
2209
|
+
const ur = _(({ className: t, ...r }, e) => /* @__PURE__ */ p(N, { component: "span", className: j(T.ovalLoader, t), ...r, ref: e }));
|
|
2210
|
+
ur.displayName = "@mantine/core/Oval";
|
|
2211
|
+
const mr = {
|
|
2212
|
+
bars: dr,
|
|
2213
|
+
oval: ur,
|
|
2214
|
+
dots: fr
|
|
2212
2215
|
}, $e = {
|
|
2213
|
-
loaders:
|
|
2216
|
+
loaders: mr,
|
|
2214
2217
|
type: "oval"
|
|
2215
|
-
}, ve = (
|
|
2218
|
+
}, ve = (t, { size: r, color: e }) => ({
|
|
2216
2219
|
root: {
|
|
2217
|
-
"--loader-size": O(
|
|
2218
|
-
"--loader-color": e ?
|
|
2220
|
+
"--loader-size": O(r, "loader-size"),
|
|
2221
|
+
"--loader-color": e ? gt(e, t) : void 0
|
|
2219
2222
|
}
|
|
2220
|
-
}),
|
|
2221
|
-
const e = I("Loader", $e,
|
|
2223
|
+
}), et = Mt((t, r) => {
|
|
2224
|
+
const e = I("Loader", $e, t), {
|
|
2222
2225
|
size: n,
|
|
2223
2226
|
color: a,
|
|
2224
2227
|
type: o,
|
|
@@ -2229,8 +2232,8 @@ const mt = {
|
|
|
2229
2232
|
styles: u,
|
|
2230
2233
|
unstyled: f,
|
|
2231
2234
|
loaders: m,
|
|
2232
|
-
variant:
|
|
2233
|
-
children:
|
|
2235
|
+
variant: y,
|
|
2236
|
+
children: g,
|
|
2234
2237
|
...$
|
|
2235
2238
|
} = e, h = Q({
|
|
2236
2239
|
name: "Loader",
|
|
@@ -2244,28 +2247,28 @@ const mt = {
|
|
|
2244
2247
|
vars: i,
|
|
2245
2248
|
varsResolver: ve
|
|
2246
2249
|
});
|
|
2247
|
-
return
|
|
2250
|
+
return g ? /* @__PURE__ */ p(N, { ...h("root"), ref: r, ...$, children: g }) : /* @__PURE__ */ p(
|
|
2248
2251
|
N,
|
|
2249
2252
|
{
|
|
2250
2253
|
...h("root"),
|
|
2251
|
-
ref:
|
|
2254
|
+
ref: r,
|
|
2252
2255
|
component: m[o],
|
|
2253
|
-
variant:
|
|
2256
|
+
variant: y,
|
|
2254
2257
|
size: n,
|
|
2255
2258
|
...$
|
|
2256
2259
|
}
|
|
2257
2260
|
);
|
|
2258
2261
|
});
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
+
et.defaultLoaders = mr;
|
|
2263
|
+
et.classes = T;
|
|
2264
|
+
et.displayName = "@mantine/core/Loader";
|
|
2262
2265
|
var Y = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
|
|
2263
|
-
const
|
|
2266
|
+
const Yt = {
|
|
2264
2267
|
orientation: "horizontal"
|
|
2265
|
-
}, Se = (
|
|
2266
|
-
group: { "--button-border-width": c(
|
|
2267
|
-
}),
|
|
2268
|
-
const e = I("ButtonGroup",
|
|
2268
|
+
}, Se = (t, { borderWidth: r }) => ({
|
|
2269
|
+
group: { "--button-border-width": c(r) }
|
|
2270
|
+
}), _t = Mt((t, r) => {
|
|
2271
|
+
const e = I("ButtonGroup", Yt, t), {
|
|
2269
2272
|
className: n,
|
|
2270
2273
|
style: a,
|
|
2271
2274
|
classNames: o,
|
|
@@ -2276,8 +2279,8 @@ const Yr = {
|
|
|
2276
2279
|
borderWidth: u,
|
|
2277
2280
|
variant: f,
|
|
2278
2281
|
mod: m,
|
|
2279
|
-
...
|
|
2280
|
-
} = I("ButtonGroup",
|
|
2282
|
+
...y
|
|
2283
|
+
} = I("ButtonGroup", Yt, t), g = Q({
|
|
2281
2284
|
name: "ButtonGroup",
|
|
2282
2285
|
props: e,
|
|
2283
2286
|
classes: Y,
|
|
@@ -2293,21 +2296,21 @@ const Yr = {
|
|
|
2293
2296
|
return /* @__PURE__ */ p(
|
|
2294
2297
|
N,
|
|
2295
2298
|
{
|
|
2296
|
-
...
|
|
2297
|
-
ref:
|
|
2299
|
+
...g("group"),
|
|
2300
|
+
ref: r,
|
|
2298
2301
|
variant: f,
|
|
2299
2302
|
mod: [{ "data-orientation": l }, m],
|
|
2300
2303
|
role: "group",
|
|
2301
|
-
...
|
|
2304
|
+
...y
|
|
2302
2305
|
}
|
|
2303
2306
|
);
|
|
2304
2307
|
});
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
const
|
|
2308
|
-
const s =
|
|
2309
|
-
color: e ||
|
|
2310
|
-
theme:
|
|
2308
|
+
_t.classes = Y;
|
|
2309
|
+
_t.displayName = "@mantine/core/ButtonGroup";
|
|
2310
|
+
const Gt = {}, we = (t, { radius: r, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
|
|
2311
|
+
const s = t.variantColorResolver({
|
|
2312
|
+
color: e || t.primaryColor,
|
|
2313
|
+
theme: t,
|
|
2311
2314
|
gradient: n,
|
|
2312
2315
|
variant: a || "filled",
|
|
2313
2316
|
autoContrast: o
|
|
@@ -2316,15 +2319,15 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
|
|
|
2316
2319
|
groupSection: {
|
|
2317
2320
|
"--section-height": O(i, "section-height"),
|
|
2318
2321
|
"--section-padding-x": O(i, "section-padding-x"),
|
|
2319
|
-
"--section-fz": i != null && i.includes("compact") ?
|
|
2320
|
-
"--section-radius":
|
|
2322
|
+
"--section-fz": i != null && i.includes("compact") ? nt(i.replace("compact-", "")) : nt(i),
|
|
2323
|
+
"--section-radius": r === void 0 ? void 0 : qt(r),
|
|
2321
2324
|
"--section-bg": e || a ? s.background : void 0,
|
|
2322
2325
|
"--section-color": s.color,
|
|
2323
2326
|
"--section-bd": e || a ? s.border : void 0
|
|
2324
2327
|
}
|
|
2325
2328
|
};
|
|
2326
|
-
},
|
|
2327
|
-
const e = I("ButtonGroupSection",
|
|
2329
|
+
}, Pt = Mt((t, r) => {
|
|
2330
|
+
const e = I("ButtonGroupSection", Gt, t), {
|
|
2328
2331
|
className: n,
|
|
2329
2332
|
style: a,
|
|
2330
2333
|
classNames: o,
|
|
@@ -2335,8 +2338,8 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
|
|
|
2335
2338
|
gradient: u,
|
|
2336
2339
|
radius: f,
|
|
2337
2340
|
autoContrast: m,
|
|
2338
|
-
...
|
|
2339
|
-
} = I("ButtonGroupSection",
|
|
2341
|
+
...y
|
|
2342
|
+
} = I("ButtonGroupSection", Gt, t), g = Q({
|
|
2340
2343
|
name: "ButtonGroupSection",
|
|
2341
2344
|
props: e,
|
|
2342
2345
|
classes: Y,
|
|
@@ -2349,19 +2352,19 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
|
|
|
2349
2352
|
varsResolver: we,
|
|
2350
2353
|
rootSelector: "groupSection"
|
|
2351
2354
|
});
|
|
2352
|
-
return /* @__PURE__ */ p(N, { ...
|
|
2355
|
+
return /* @__PURE__ */ p(N, { ...g("groupSection"), ref: r, variant: d, ...y });
|
|
2353
2356
|
});
|
|
2354
|
-
|
|
2355
|
-
|
|
2357
|
+
Pt.classes = Y;
|
|
2358
|
+
Pt.displayName = "@mantine/core/ButtonGroupSection";
|
|
2356
2359
|
const Ce = {
|
|
2357
2360
|
in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${c(1)}))` },
|
|
2358
2361
|
out: { opacity: 0, transform: "translate(-50%, -200%)" },
|
|
2359
2362
|
common: { transformOrigin: "center" },
|
|
2360
2363
|
transitionProperty: "transform, opacity"
|
|
2361
|
-
}, xe = {}, ke = (
|
|
2362
|
-
const l =
|
|
2363
|
-
color: e ||
|
|
2364
|
-
theme:
|
|
2364
|
+
}, xe = {}, ke = (t, { radius: r, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
|
|
2365
|
+
const l = t.variantColorResolver({
|
|
2366
|
+
color: e || t.primaryColor,
|
|
2367
|
+
theme: t,
|
|
2365
2368
|
gradient: n,
|
|
2366
2369
|
variant: a || "filled",
|
|
2367
2370
|
autoContrast: s
|
|
@@ -2371,8 +2374,8 @@ const Ce = {
|
|
|
2371
2374
|
"--button-justify": i,
|
|
2372
2375
|
"--button-height": O(o, "button-height"),
|
|
2373
2376
|
"--button-padding-x": O(o, "button-padding-x"),
|
|
2374
|
-
"--button-fz": o != null && o.includes("compact") ?
|
|
2375
|
-
"--button-radius":
|
|
2377
|
+
"--button-fz": o != null && o.includes("compact") ? nt(o.replace("compact-", "")) : nt(o),
|
|
2378
|
+
"--button-radius": r === void 0 ? void 0 : qt(r),
|
|
2376
2379
|
"--button-bg": e || a ? l.background : void 0,
|
|
2377
2380
|
"--button-hover": e || a ? l.hover : void 0,
|
|
2378
2381
|
"--button-color": l.color,
|
|
@@ -2380,8 +2383,8 @@ const Ce = {
|
|
|
2380
2383
|
"--button-hover-color": e || a ? l.hoverColor : void 0
|
|
2381
2384
|
}
|
|
2382
2385
|
};
|
|
2383
|
-
}, K =
|
|
2384
|
-
const e = I("Button", xe,
|
|
2386
|
+
}, K = sr((t, r) => {
|
|
2387
|
+
const e = I("Button", xe, t), {
|
|
2385
2388
|
style: n,
|
|
2386
2389
|
vars: a,
|
|
2387
2390
|
className: o,
|
|
@@ -2392,8 +2395,8 @@ const Ce = {
|
|
|
2392
2395
|
rightSection: u,
|
|
2393
2396
|
fullWidth: f,
|
|
2394
2397
|
variant: m,
|
|
2395
|
-
radius:
|
|
2396
|
-
loading:
|
|
2398
|
+
radius: y,
|
|
2399
|
+
loading: g,
|
|
2397
2400
|
loaderProps: $,
|
|
2398
2401
|
gradient: h,
|
|
2399
2402
|
classNames: C,
|
|
@@ -2414,29 +2417,29 @@ const Ce = {
|
|
|
2414
2417
|
unstyled: v,
|
|
2415
2418
|
vars: a,
|
|
2416
2419
|
varsResolver: ke
|
|
2417
|
-
}), E = !!d,
|
|
2420
|
+
}), E = !!d, ot = !!u;
|
|
2418
2421
|
return /* @__PURE__ */ z(
|
|
2419
|
-
|
|
2422
|
+
Rt,
|
|
2420
2423
|
{
|
|
2421
|
-
ref:
|
|
2422
|
-
...S("root", { active: !s && !
|
|
2424
|
+
ref: r,
|
|
2425
|
+
...S("root", { active: !s && !g && !w }),
|
|
2423
2426
|
unstyled: v,
|
|
2424
2427
|
variant: m,
|
|
2425
|
-
disabled: s ||
|
|
2428
|
+
disabled: s || g,
|
|
2426
2429
|
mod: [
|
|
2427
2430
|
{
|
|
2428
2431
|
disabled: s || w,
|
|
2429
|
-
loading:
|
|
2432
|
+
loading: g,
|
|
2430
2433
|
block: f,
|
|
2431
2434
|
"with-left-section": E,
|
|
2432
|
-
"with-right-section":
|
|
2435
|
+
"with-right-section": ot
|
|
2433
2436
|
},
|
|
2434
2437
|
b
|
|
2435
2438
|
],
|
|
2436
2439
|
...k,
|
|
2437
2440
|
children: [
|
|
2438
|
-
/* @__PURE__ */ p(
|
|
2439
|
-
|
|
2441
|
+
/* @__PURE__ */ p(lr, { mounted: !!g, transition: Ce, duration: 150, children: (at) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: at }), "aria-hidden": !0, children: /* @__PURE__ */ p(
|
|
2442
|
+
et,
|
|
2440
2443
|
{
|
|
2441
2444
|
color: "var(--button-color)",
|
|
2442
2445
|
size: "calc(var(--button-height) / 1.8)",
|
|
@@ -2445,7 +2448,7 @@ const Ce = {
|
|
|
2445
2448
|
) }) }),
|
|
2446
2449
|
/* @__PURE__ */ z("span", { ...S("inner"), children: [
|
|
2447
2450
|
d && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: d }),
|
|
2448
|
-
/* @__PURE__ */ p(N, { component: "span", mod: { loading:
|
|
2451
|
+
/* @__PURE__ */ p(N, { component: "span", mod: { loading: g }, ...S("label"), children: l }),
|
|
2449
2452
|
u && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "right" }, children: u })
|
|
2450
2453
|
] })
|
|
2451
2454
|
]
|
|
@@ -2454,15 +2457,16 @@ const Ce = {
|
|
|
2454
2457
|
});
|
|
2455
2458
|
K.classes = Y;
|
|
2456
2459
|
K.displayName = "@mantine/core/Button";
|
|
2457
|
-
K.Group =
|
|
2458
|
-
K.GroupSection =
|
|
2459
|
-
function
|
|
2460
|
-
return /* @__PURE__ */ p(
|
|
2460
|
+
K.Group = _t;
|
|
2461
|
+
K.GroupSection = Pt;
|
|
2462
|
+
function Ee({ children: t }) {
|
|
2463
|
+
return /* @__PURE__ */ p(nr, { children: t });
|
|
2461
2464
|
}
|
|
2462
|
-
const
|
|
2465
|
+
const Ae = (t) => /* @__PURE__ */ p(K, { ...t });
|
|
2463
2466
|
export {
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2467
|
-
|
|
2467
|
+
Pe as ColorSchemeScript,
|
|
2468
|
+
Ee as MantineProvider,
|
|
2469
|
+
Ae as TestButton,
|
|
2470
|
+
_e as mantineDefaultStyles,
|
|
2471
|
+
Le as mantineHtmlProps
|
|
2468
2472
|
};
|