@kvell-group/ui 1.5.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.
Files changed (3) hide show
  1. package/dist/main.d.ts +2 -0
  2. package/dist/main.js +917 -874
  3. package/package.json +1 -1
package/dist/main.js CHANGED
@@ -1,39 +1,42 @@
1
- import { jsx as p, jsxs as z, Fragment as pr } from "react/jsx-runtime";
2
- import { useState as tr, useRef as H, useEffect as A, useLayoutEffect as Ht, createContext as Dr, useContext as $r, useMemo as zt, useCallback as Lr, useId as Yt, forwardRef as P } from "react";
3
- import Gt from "react-dom";
4
- import './assets/main.css';function M(r) {
5
- return Object.keys(r);
6
- }
7
- function ir(r) {
8
- return r && typeof r == "object" && !Array.isArray(r);
9
- }
10
- function vr(r, t) {
11
- const e = { ...r }, n = t;
12
- return ir(r) && ir(t) && Object.keys(t).forEach((a) => {
13
- ir(n[a]) && a in r ? e[a] = vr(e[a], n[a]) : e[a] = n[a];
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 Dt(r) {
17
- return r.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
19
+ function Dr(t) {
20
+ return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
18
21
  }
19
- function Xt(r) {
20
- var t;
21
- return typeof r != "string" || !r.includes("var(--mantine-scale)") ? r : (t = r.match(/^calc\((.*?)\)$/)) == null ? void 0 : t[1].split("*")[0].trim();
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 Ut(r) {
24
- const t = Xt(r);
25
- return typeof t == "number" ? t : typeof t == "string" ? t.includes("calc") || t.includes("var") ? t : t.includes("px") ? Number(t.replace("px", "")) : t.includes("rem") ? Number(t.replace("rem", "")) * 16 : t.includes("em") ? Number(t.replace("em", "")) * 16 : Number(t) : NaN;
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 sr(r) {
28
- return r === "0rem" ? "0rem" : `calc(${r} * var(--mantine-scale))`;
30
+ function st(t) {
31
+ return t === "0rem" ? "0rem" : `calc(${t} * var(--mantine-scale))`;
29
32
  }
30
- function Xr(r, { shouldScale: t = !1 } = {}) {
33
+ function Xt(t, { shouldScale: r = !1 } = {}) {
31
34
  function e(n) {
32
35
  if (n === 0 || n === "0")
33
- return `0${r}`;
36
+ return `0${t}`;
34
37
  if (typeof n == "number") {
35
- const a = `${n / 16}${r}`;
36
- return t ? sr(a) : a;
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,67 +45,67 @@ 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(r))
46
- return t ? sr(n) : n;
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}${r}`;
50
- return t ? sr(o) : o;
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 = Xr("rem", { shouldScale: !0 }), Er = Xr("em");
58
- function Sr(r) {
59
- return Object.keys(r).reduce((t, e) => (r[e] !== void 0 && (t[e] = r[e]), t), {});
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 Ur(r) {
62
- if (typeof r == "number")
64
+ function Ut(t) {
65
+ if (typeof t == "number")
63
66
  return !0;
64
- if (typeof r == "string") {
65
- if (r.startsWith("calc(") || r.startsWith("var(") || r.includes(" ") && r.trim() !== "")
67
+ if (typeof t == "string") {
68
+ if (t.startsWith("calc(") || t.startsWith("var(") || t.includes(" ") && t.trim() !== "")
66
69
  return !0;
67
- const t = /^[+-]?[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|%)?$/;
68
- return r.trim().split(/\s+/).every((n) => t.test(n));
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(r, t = "size", e = !0) {
73
- if (r !== void 0)
74
- return Ur(r) ? e ? c(r) : r : `var(--${t}-${r})`;
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 qr(r) {
77
- return r === void 0 ? "var(--mantine-radius-default)" : O(r, "mantine-radius");
79
+ function qt(t) {
80
+ return t === void 0 ? "var(--mantine-radius-default)" : O(t, "mantine-radius");
78
81
  }
79
- function nr(r) {
80
- return O(r, "mantine-font-size");
82
+ function nt(t) {
83
+ return O(t, "mantine-font-size");
81
84
  }
82
- function qt(r, t) {
85
+ function qr(t, r) {
83
86
  try {
84
- return r.addEventListener("change", t), () => r.removeEventListener("change", t);
87
+ return t.addEventListener("change", r), () => t.removeEventListener("change", r);
85
88
  } catch {
86
- return r.addListener(t), () => r.removeListener(t);
89
+ return t.addListener(r), () => t.removeListener(r);
87
90
  }
88
91
  }
89
- function Qt(r, t) {
90
- return typeof window < "u" && "matchMedia" in window ? window.matchMedia(r).matches : !1;
92
+ function Qr(t, r) {
93
+ return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
91
94
  }
92
- function Kt(r, t, { getInitialValueInEffect: e } = {
95
+ function Kr(t, r, { getInitialValueInEffect: e } = {
93
96
  getInitialValueInEffect: !0
94
97
  }) {
95
- const [n, a] = tr(
96
- e ? t : Qt(r)
97
- ), o = H(null);
98
+ const [n, a] = rt(
99
+ e ? r : Qr(t)
100
+ ), o = W(null);
98
101
  return A(() => {
99
102
  if ("matchMedia" in window)
100
- return o.current = window.matchMedia(r), a(o.current.matches), qt(o.current, (i) => a(i.matches));
101
- }, [r]), n;
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 Qr = typeof document < "u" ? Ht : A;
104
- function Zt(r, t) {
105
- const e = H(!1);
106
+ const Qt = typeof document < "u" ? Wr : A;
107
+ function Zr(t, r) {
108
+ const e = W(!1);
106
109
  A(
107
110
  () => () => {
108
111
  e.current = !1;
@@ -110,85 +113,85 @@ function Zt(r, t) {
110
113
  []
111
114
  ), A(() => {
112
115
  if (e.current)
113
- return r();
116
+ return t();
114
117
  e.current = !0;
115
- }, t);
116
- }
117
- function Jt(r, t) {
118
- return Kt("(prefers-reduced-motion: reduce)", r, t);
119
- }
120
- function Kr(r) {
121
- var t, e, n = "";
122
- if (typeof r == "string" || typeof r == "number") n += r;
123
- else if (typeof r == "object") if (Array.isArray(r)) {
124
- var a = r.length;
125
- for (t = 0; t < a; t++) r[t] && (e = Kr(r[t])) && (n && (n += " "), n += e);
126
- } else for (e in r) r[e] && (n && (n += " "), n += e);
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 I() {
130
- for (var r, t, e = 0, n = "", a = arguments.length; e < a; e++) (r = arguments[e]) && (t = Kr(r)) && (n && (n += " "), n += t);
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 rn = {};
134
- function tn(r) {
135
- const t = {};
136
- return r.forEach((e) => {
136
+ const tn = {};
137
+ function rn(t) {
138
+ const r = {};
139
+ return t.forEach((e) => {
137
140
  Object.entries(e).forEach(([n, a]) => {
138
- t[n] ? t[n] = I(t[n], a) : t[n] = a;
141
+ r[n] ? r[n] = j(r[n], a) : r[n] = a;
139
142
  });
140
- }), t;
143
+ }), r;
141
144
  }
142
- function wr({ theme: r, classNames: t, props: e, stylesCtx: n }) {
143
- const o = (Array.isArray(t) ? t : [t]).map(
144
- (i) => typeof i == "function" ? i(r, e, n) : i || rn
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 tn(o);
149
+ return rn(o);
147
150
  }
148
- function yr({ theme: r, styles: t, props: e, stylesCtx: n }) {
149
- return (Array.isArray(t) ? t : [t]).reduce((o, i) => typeof i == "function" ? { ...o, ...i(r, e, n) } : { ...o, ...i }, {});
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 Zr = Dr(null);
152
- function _() {
153
- const r = $r(Zr);
154
- if (!r)
154
+ const Zt = Dt(null);
155
+ function P() {
156
+ const t = $t(Zt);
157
+ if (!t)
155
158
  throw new Error("[@mantine/core] MantineProvider was not found in tree");
156
- return r;
159
+ return t;
157
160
  }
158
161
  function nn() {
159
- return _().cssVariablesResolver;
162
+ return P().cssVariablesResolver;
160
163
  }
161
164
  function en() {
162
- return _().classNamesPrefix;
165
+ return P().classNamesPrefix;
163
166
  }
164
- function Cr() {
165
- return _().getStyleNonce;
167
+ function Ct() {
168
+ return P().getStyleNonce;
166
169
  }
167
170
  function on() {
168
- return _().withStaticClasses;
171
+ return P().withStaticClasses;
169
172
  }
170
173
  function an() {
171
- return _().headless;
174
+ return P().headless;
172
175
  }
173
176
  function sn() {
174
- var r;
175
- return (r = _().stylesTransform) == null ? void 0 : r.sx;
177
+ var t;
178
+ return (t = P().stylesTransform) == null ? void 0 : t.sx;
176
179
  }
177
180
  function cn() {
178
- var r;
179
- return (r = _().stylesTransform) == null ? void 0 : r.styles;
181
+ var t;
182
+ return (t = P().stylesTransform) == null ? void 0 : t.styles;
180
183
  }
181
184
  function ln() {
182
- return _().env || "default";
185
+ return P().env || "default";
183
186
  }
184
- function fn(r) {
185
- return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(r);
187
+ function dn(t) {
188
+ return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(t);
186
189
  }
187
- function dn(r) {
188
- let t = r.replace("#", "");
189
- if (t.length === 3) {
190
- const i = t.split("");
191
- t = [
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 dn(r) {
197
200
  i[2]
198
201
  ].join("");
199
202
  }
200
- if (t.length === 8) {
201
- const i = parseInt(t.slice(6, 8), 16) / 255;
203
+ if (r.length === 8) {
204
+ const i = parseInt(r.slice(6, 8), 16) / 255;
202
205
  return {
203
- r: parseInt(t.slice(0, 2), 16),
204
- g: parseInt(t.slice(2, 4), 16),
205
- b: parseInt(t.slice(4, 6), 16),
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(t, 16), n = e >> 16 & 255, a = e >> 8 & 255, o = e & 255;
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 dn(r) {
214
217
  a: 1
215
218
  };
216
219
  }
217
- function un(r) {
218
- const [t, e, n, a] = r.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
219
- return { r: t, g: e, b: n, a: a || 1 };
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(r) {
222
- const t = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, e = r.match(t);
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,
@@ -227,151 +230,151 @@ function mn(r) {
227
230
  b: 0,
228
231
  a: 1
229
232
  };
230
- 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, f = s * (1 - Math.abs(l % 2 - 1)), u = o - s / 2;
231
- let d, m, y;
232
- return l >= 0 && l < 1 ? (d = s, m = f, y = 0) : l >= 1 && l < 2 ? (d = f, m = s, y = 0) : l >= 2 && l < 3 ? (d = 0, m = s, y = f) : l >= 3 && l < 4 ? (d = 0, m = f, y = s) : l >= 4 && l < 5 ? (d = f, m = 0, y = s) : (d = s, m = 0, y = f), {
233
- r: Math.round((d + u) * 255),
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;
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), {
236
+ r: Math.round((f + u) * 255),
234
237
  g: Math.round((m + u) * 255),
235
238
  b: Math.round((y + u) * 255),
236
239
  a: i || 1
237
240
  };
238
241
  }
239
- function xr(r) {
240
- return fn(r) ? dn(r) : r.startsWith("rgb") ? un(r) : r.startsWith("hsl") ? mn(r) : {
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(r, t) {
248
- if (r.startsWith("var("))
249
- return `color-mix(in srgb, ${r}, black ${t * 100}%)`;
250
- const { r: e, g: n, b: a, a: o } = xr(r), i = 1 - t, s = (l) => Math.round(l * i);
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(r, t) {
254
- return typeof r.primaryShade == "number" ? r.primaryShade : t === "dark" ? r.primaryShade.dark : r.primaryShade.light;
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 cr(r) {
257
- return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
259
+ function ct(t) {
260
+ return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
258
261
  }
259
- function pn(r) {
260
- const t = r.match(/oklch\((.*?)%\s/);
261
- return t ? parseFloat(t[1]) : null;
262
+ function pn(t) {
263
+ const r = t.match(/oklch\((.*?)%\s/);
264
+ return r ? parseFloat(r[1]) : null;
262
265
  }
263
- function yn(r) {
264
- if (r.startsWith("oklch("))
265
- return (pn(r) || 0) / 100;
266
- const { r: t, g: e, b: n } = xr(r), a = t / 255, o = e / 255, i = n / 255, s = cr(a), l = cr(o), f = cr(i);
267
- return 0.2126 * s + 0.7152 * l + 0.0722 * f;
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);
270
+ return 0.2126 * s + 0.7152 * l + 0.0722 * d;
268
271
  }
269
- function G(r, t = 0.179) {
270
- return r.startsWith("var(") ? !1 : yn(r) > t;
272
+ function G(t, r = 0.179) {
273
+ return t.startsWith("var(") ? !1 : yn(t) > r;
271
274
  }
272
275
  function q({
273
- color: r,
274
- theme: t,
276
+ color: t,
277
+ theme: r,
275
278
  colorScheme: e
276
279
  }) {
277
- if (typeof r != "string")
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 r}`
282
+ `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof t}`
280
283
  );
281
- if (r === "bright")
284
+ if (t === "bright")
282
285
  return {
283
- color: r,
284
- value: e === "dark" ? t.white : t.black,
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" ? t.white : t.black,
289
- t.luminanceThreshold
291
+ e === "dark" ? r.white : r.black,
292
+ r.luminanceThreshold
290
293
  ),
291
294
  variable: "--mantine-color-bright"
292
295
  };
293
- if (r === "dimmed")
296
+ if (t === "dimmed")
294
297
  return {
295
- color: r,
296
- value: e === "dark" ? t.colors.dark[2] : t.colors.gray[7],
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" ? t.colors.dark[2] : t.colors.gray[6],
301
- t.luminanceThreshold
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 (r === "white" || r === "black")
308
+ if (t === "white" || t === "black")
306
309
  return {
307
- color: r,
308
- value: r === "white" ? t.white : t.black,
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
- r === "white" ? t.white : t.black,
313
- t.luminanceThreshold
315
+ t === "white" ? r.white : r.black,
316
+ r.luminanceThreshold
314
317
  ),
315
- variable: `--mantine-color-${r}`
318
+ variable: `--mantine-color-${t}`
316
319
  };
317
- const [n, a] = r.split("."), o = a ? Number(a) : void 0, i = n in t.colors;
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 ? t.colors[n][o] : t.colors[n][U(t, e || "light")];
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, t.luminanceThreshold),
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: r,
331
- value: r,
333
+ color: t,
334
+ value: t,
332
335
  isThemeColor: i,
333
- isLight: G(r, t.luminanceThreshold),
336
+ isLight: G(t, r.luminanceThreshold),
334
337
  shade: o,
335
338
  variable: void 0
336
339
  };
337
340
  }
338
- function gr(r, t) {
339
- const e = q({ color: r || t.primaryColor, theme: t });
340
- return e.variable ? `var(${e.variable})` : r;
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 Ar(r, t) {
345
+ function At(t, r) {
343
346
  const e = {
344
- from: (r == null ? void 0 : r.from) || t.defaultGradient.from,
345
- to: (r == null ? void 0 : r.to) || t.defaultGradient.to,
346
- deg: (r == null ? void 0 : r.deg) ?? t.defaultGradient.deg ?? 0
347
- }, n = gr(e.from, t), a = gr(e.to, t);
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(r, t) {
351
- if (typeof r != "string" || t > 1 || t < 0)
353
+ function R(t, r) {
354
+ if (typeof t != "string" || r > 1 || r < 0)
352
355
  return "rgba(0, 0, 0, 1)";
353
- if (r.startsWith("var(")) {
354
- const o = (1 - t) * 100;
355
- return `color-mix(in srgb, ${r}, transparent ${o}%)`;
356
+ if (t.startsWith("var(")) {
357
+ const o = (1 - r) * 100;
358
+ return `color-mix(in srgb, ${t}, transparent ${o}%)`;
356
359
  }
357
- if (r.startsWith("oklch"))
358
- return r.includes("/") ? r.replace(/\/\s*[\d.]+\s*\)/, `/ ${t})`) : r.replace(")", ` / ${t})`);
359
- const { r: e, g: n, b: a } = xr(r);
360
- return `rgba(${e}, ${n}, ${a}, ${t})`;
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 j = R, gn = ({
363
- color: r,
364
- theme: t,
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: r, theme: t }), i = typeof a == "boolean" ? a : t.autoContrast;
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-${r}-filled)`,
374
- hover: `var(--mantine-color-${r}-filled-hover)`,
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, gn = ({
380
383
  color: s,
381
384
  border: `${c(1)} solid transparent`
382
385
  } : {
383
- background: r,
384
- hover: Z(r, 0.1),
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, gn = ({
390
393
  if (o.isThemeColor) {
391
394
  if (o.shade === void 0)
392
395
  return {
393
- background: `var(--mantine-color-${r}-light)`,
394
- hover: `var(--mantine-color-${r}-light-hover)`,
395
- color: `var(--mantine-color-${r}-light-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 = t.colors[o.color][o.shade];
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, gn = ({
404
407
  };
405
408
  }
406
409
  return {
407
- background: R(r, 0.1),
408
- hover: R(r, 0.12),
409
- color: r,
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-${r}-outline-hover)`,
417
- color: `var(--mantine-color-${r}-outline)`,
418
- border: `${c(1)} solid var(--mantine-color-${r}-outline)`
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(t.colors[o.color][o.shade], 0.05),
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(r, 0.05),
427
- color: r,
428
- border: `${c(1)} solid ${r}`
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-${r}-light-hover)`,
436
- color: `var(--mantine-color-${r}-light-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 = t.colors[o.color][o.shade];
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, gn = ({
446
449
  }
447
450
  return {
448
451
  background: "transparent",
449
- hover: R(r, 0.12),
450
- color: r,
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-${r}-light-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, gn = ({
464
467
  } : {
465
468
  background: "transparent",
466
469
  hover: "transparent",
467
- color: r,
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(t.white, 0.01),
472
- color: `var(--mantine-color-${r}-filled)`,
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(t.white, 0.01),
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(t.white, 0.01),
482
- color: r,
484
+ hover: Z(r.white, 0.01),
485
+ color: t,
483
486
  border: `${c(1)} solid transparent`
484
487
  } : e === "gradient" ? {
485
- background: Ar(n, t),
486
- hover: Ar(n, t),
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, gn = ({
661
664
  "#e8590c",
662
665
  "#d9480f"
663
666
  ]
664
- }, Or = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", kr = {
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",
@@ -673,7 +676,7 @@ const j = R, gn = ({
673
676
  variantColorResolver: gn,
674
677
  autoContrast: !1,
675
678
  luminanceThreshold: 0.3,
676
- fontFamily: Or,
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, gn = ({
682
685
  activeClassName: "mantine-active",
683
686
  focusClassName: "",
684
687
  headings: {
685
- fontFamily: Or,
688
+ fontFamily: Ot,
686
689
  fontWeight: "700",
687
690
  textWrap: "wrap",
688
691
  sizes: {
@@ -747,27 +750,27 @@ const j = R, gn = ({
747
750
  other: {},
748
751
  components: {}
749
752
  };
750
- function Br(r) {
751
- return r === "auto" || r === "dark" || r === "light";
753
+ function It(t) {
754
+ return t === "auto" || t === "dark" || t === "light";
752
755
  }
753
756
  function hn({
754
- key: r = "mantine-color-scheme-value"
757
+ key: t = "mantine-color-scheme-value"
755
758
  } = {}) {
756
- let t;
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(r);
763
- return Br(n) ? n : e;
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(r, e);
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
- t = (n) => {
780
- n.storageArea === window.localStorage && n.key === r && Br(n.newValue) && e(n.newValue);
781
- }, window.addEventListener("storage", t);
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", t);
787
+ window.removeEventListener("storage", r);
785
788
  },
786
789
  clear: () => {
787
- window.localStorage.removeItem(r);
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", Ir = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
792
- function lr(r) {
793
- return r < 0 || r > 9 ? !1 : parseInt(r.toString(), 10) === r;
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 Vr(r) {
796
- if (!(r.primaryColor in r.colors))
798
+ function Bt(t) {
799
+ if (!(t.primaryColor in t.colors))
797
800
  throw new Error($n);
798
- if (typeof r.primaryShade == "object" && (!lr(r.primaryShade.dark) || !lr(r.primaryShade.light)))
799
- throw new Error(Ir);
800
- if (typeof r.primaryShade == "number" && !lr(r.primaryShade))
801
- throw new Error(Ir);
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(r, t) {
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 r;
820
+ return t;
818
821
  }
819
- function Jr({
820
- theme: r,
821
- children: t,
822
+ function Jt({
823
+ theme: t,
824
+ children: r,
822
825
  inherit: e = !0
823
826
  }) {
824
- const n = Sn(), a = zt(
825
- () => vn(e ? n : kr, r),
826
- [r, n, e]
827
+ const n = Sn(), a = zr(
828
+ () => vn(e ? n : kt, t),
829
+ [t, n, e]
827
830
  );
828
- return /* @__PURE__ */ p(Nr.Provider, { value: a, children: t });
831
+ return /* @__PURE__ */ p(Nt.Provider, { value: a, children: r });
829
832
  }
830
- Jr.displayName = "@mantine/core/MantineThemeProvider";
833
+ Jt.displayName = "@mantine/core/MantineThemeProvider";
831
834
  function wn() {
832
- const r = V(), t = Cr(), e = M(r.breakpoints).reduce((n, a) => {
833
- const o = r.breakpoints[a].includes("px"), i = Ut(r.breakpoints[a]), s = o ? `${i - 0.1}px` : Er(i - 0.1), l = o ? `${i}px` : Er(i);
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: t == null ? void 0 : t(),
843
+ nonce: r == null ? void 0 : r(),
841
844
  dangerouslySetInnerHTML: { __html: e }
842
845
  }
843
846
  );
844
847
  }
845
- function fr(r) {
846
- return Object.entries(r).map(([t, e]) => `${t}: ${e};`).join("");
848
+ function dt(t) {
849
+ return Object.entries(t).map(([r, e]) => `${r}: ${e};`).join("");
847
850
  }
848
- function D(r, t) {
849
- return (Array.isArray(r) ? r : [r]).reduce((n, a) => `${a}{${n}}`, t);
851
+ function D(t, r) {
852
+ return (Array.isArray(t) ? t : [t]).reduce((n, a) => `${a}{${n}}`, r);
850
853
  }
851
- function Cn(r, t) {
852
- const e = fr(r.variables), n = e ? D(t, e) : "", a = fr(r.dark), o = fr(r.light), i = a ? D(t === ":host" ? `${t}([data-mantine-color-scheme="dark"])` : `${t}[data-mantine-color-scheme="dark"]`, a) : "", s = o ? D(t === ":host" ? `${t}([data-mantine-color-scheme="light"])` : `${t}[data-mantine-color-scheme="light"]`, o) : "";
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: r, theme: t, autoContrast: e }) {
856
- return t.autoContrast && q({ color: r || t.primaryColor, theme: t }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
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 jr(r, t) {
861
+ function Vt(t, r) {
859
862
  return xn({
860
- color: r.colors[r.primaryColor][U(r, t)],
861
- theme: r,
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: r,
867
- color: t,
869
+ theme: t,
870
+ color: r,
868
871
  colorScheme: e,
869
- name: n = t,
872
+ name: n = r,
870
873
  withColorValues: a = !0
871
874
  }) {
872
- if (!r.colors[t])
875
+ if (!t.colors[r])
873
876
  return {};
874
877
  if (e === "light") {
875
- const s = U(r, "light"), l = {
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`]: j(r.colors[t][s], 0.1),
880
- [`--mantine-color-${n}-light-hover`]: j(r.colors[t][s], 0.12),
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`]: j(r.colors[t][s], 0.05)
886
+ [`--mantine-color-${n}-outline-hover`]: V(t.colors[r][s], 0.05)
884
887
  };
885
888
  return a ? {
886
- [`--mantine-color-${n}-0`]: r.colors[t][0],
887
- [`--mantine-color-${n}-1`]: r.colors[t][1],
888
- [`--mantine-color-${n}-2`]: r.colors[t][2],
889
- [`--mantine-color-${n}-3`]: r.colors[t][3],
890
- [`--mantine-color-${n}-4`]: r.colors[t][4],
891
- [`--mantine-color-${n}-5`]: r.colors[t][5],
892
- [`--mantine-color-${n}-6`]: r.colors[t][6],
893
- [`--mantine-color-${n}-7`]: r.colors[t][7],
894
- [`--mantine-color-${n}-8`]: r.colors[t][8],
895
- [`--mantine-color-${n}-9`]: r.colors[t][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(r, "dark"), i = {
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`]: j(
904
- r.colors[t][Math.max(0, o - 2)],
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`]: j(
908
- r.colors[t][Math.max(0, o - 2)],
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`]: j(
914
- r.colors[t][Math.max(o - 4, 0)],
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`]: r.colors[t][0],
920
- [`--mantine-color-${n}-1`]: r.colors[t][1],
921
- [`--mantine-color-${n}-2`]: r.colors[t][2],
922
- [`--mantine-color-${n}-3`]: r.colors[t][3],
923
- [`--mantine-color-${n}-4`]: r.colors[t][4],
924
- [`--mantine-color-${n}-5`]: r.colors[t][5],
925
- [`--mantine-color-${n}-6`]: r.colors[t][6],
926
- [`--mantine-color-${n}-7`]: r.colors[t][7],
927
- [`--mantine-color-${n}-8`]: r.colors[t][8],
928
- [`--mantine-color-${n}-9`]: r.colors[t][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(r) {
933
- return !!r && typeof r == "object" && "mantine-virtual-color" in r;
935
+ function kn(t) {
936
+ return !!t && typeof t == "object" && "mantine-virtual-color" in t;
934
937
  }
935
- function F(r, t, e) {
936
- M(t).forEach(
937
- (n) => Object.assign(r, { [`--mantine-${e}-${n}`]: t[n] })
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 rt = (r) => {
941
- const t = U(r, "light"), e = r.defaultRadius in r.radius ? r.radius[r.defaultRadius] : c(r.defaultRadius), n = {
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": r.scale.toString(),
944
- "--mantine-cursor-type": r.cursorType,
946
+ "--mantine-scale": t.scale.toString(),
947
+ "--mantine-cursor-type": t.cursorType,
945
948
  "--mantine-color-scheme": "light dark",
946
- "--mantine-webkit-font-smoothing": r.fontSmoothing ? "antialiased" : "unset",
947
- "--mantine-moz-font-smoothing": r.fontSmoothing ? "grayscale" : "unset",
948
- "--mantine-color-white": r.white,
949
- "--mantine-color-black": r.black,
950
- "--mantine-line-height": r.lineHeights.md,
951
- "--mantine-font-family": r.fontFamily,
952
- "--mantine-font-family-monospace": r.fontFamilyMonospace,
953
- "--mantine-font-family-headings": r.headings.fontFamily,
954
- "--mantine-heading-font-weight": r.headings.fontWeight,
955
- "--mantine-heading-text-wrap": r.headings.textWrap,
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-${r.primaryColor}-filled)`,
959
- "--mantine-primary-color-filled-hover": `var(--mantine-color-${r.primaryColor}-filled-hover)`,
960
- "--mantine-primary-color-light": `var(--mantine-color-${r.primaryColor}-light)`,
961
- "--mantine-primary-color-light-hover": `var(--mantine-color-${r.primaryColor}-light-hover)`,
962
- "--mantine-primary-color-light-color": `var(--mantine-color-${r.primaryColor}-light-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": jr(r, "light"),
968
+ "--mantine-primary-color-contrast": Vt(t, "light"),
966
969
  "--mantine-color-bright": "var(--mantine-color-black)",
967
- "--mantine-color-text": r.black,
968
- "--mantine-color-body": r.white,
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-${r.primaryColor}-${t})`,
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": jr(r, "dark"),
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-${r.primaryColor}-4)`,
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, r.breakpoints, "breakpoint"), F(n.variables, r.spacing, "spacing"), F(n.variables, r.fontSizes, "font-size"), F(n.variables, r.lineHeights, "line-height"), F(n.variables, r.shadows, "shadow"), F(n.variables, r.radius, "radius"), r.colors[r.primaryColor].forEach((o, i) => {
994
- n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${r.primaryColor}-${i})`;
995
- }), M(r.colors).forEach((o) => {
996
- const i = r.colors[o];
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: r,
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: r,
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: r,
1027
+ theme: t,
1025
1028
  color: o,
1026
1029
  colorScheme: "light",
1027
1030
  withColorValues: !1
@@ -1029,115 +1032,115 @@ const rt = (r) => {
1029
1032
  ), Object.assign(
1030
1033
  n.dark,
1031
1034
  J({
1032
- theme: r,
1035
+ theme: t,
1033
1036
  color: o,
1034
1037
  colorScheme: "dark",
1035
1038
  withColorValues: !1
1036
1039
  })
1037
1040
  );
1038
1041
  });
1039
- const a = r.headings.sizes;
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 || r.headings.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: r, generator: t }) {
1045
- const e = rt(r), n = t == null ? void 0 : t(r);
1046
- return n ? vr(e, n) : e;
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 dr = rt(kr);
1049
- function Tn(r) {
1050
- const t = {
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(r.variables).forEach((e) => {
1056
- dr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
1057
- }), M(r.light).forEach((e) => {
1058
- dr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
1059
- }), M(r.dark).forEach((e) => {
1060
- dr.dark[e] !== r.dark[e] && (t.dark[e] = r.dark[e]);
1061
- }), t;
1062
- }
1063
- function Mn(r) {
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
- ${r}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
1066
- ${r}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
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 tt({
1070
- cssVariablesSelector: r,
1071
- deduplicateCssVariables: t
1072
+ function rr({
1073
+ cssVariablesSelector: t,
1074
+ deduplicateCssVariables: r
1072
1075
  }) {
1073
- const e = V(), n = Cr(), a = nn(), o = Nn({ theme: e, generator: a }), i = r === ":root" && t, s = i ? Tn(o) : o, l = Cn(s, r);
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(r)}`
1083
+ __html: `${l}${i ? "" : Mn(t)}`
1081
1084
  }
1082
1085
  }
1083
1086
  ) : null;
1084
1087
  }
1085
- tt.displayName = "@mantine/CssVariables";
1088
+ rr.displayName = "@mantine/CssVariables";
1086
1089
  function Rn() {
1087
- const r = console.error;
1088
- console.error = (...t) => {
1089
- t.length > 1 && typeof t[0] == "string" && t[0].toLowerCase().includes("extra attributes from the server") && typeof t[1] == "string" && t[1].toLowerCase().includes("data-mantine-color-scheme") || r(...t);
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 W(r, t) {
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 = r !== "auto" ? r : e ? "dark" : "light";
1095
- (o = t()) == null || o.setAttribute("data-mantine-color-scheme", n);
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
- function Pn({
1098
- manager: r,
1099
- defaultColorScheme: t,
1100
+ function _n({
1101
+ manager: t,
1102
+ defaultColorScheme: r,
1100
1103
  getRootElement: e,
1101
1104
  forceColorScheme: n
1102
1105
  }) {
1103
- const a = H(null), [o, i] = tr(() => r.get(t)), s = n || o, l = Lr(
1106
+ const a = W(null), [o, i] = rt(() => t.get(r)), s = n || o, l = Lt(
1104
1107
  (u) => {
1105
- n || (W(u, e), i(u), r.set(u));
1108
+ n || (H(u, e), i(u), t.set(u));
1106
1109
  },
1107
- [r.set, s, n]
1108
- ), f = Lr(() => {
1109
- i(t), W(t, e), r.clear();
1110
- }, [r.clear, t]);
1111
- return A(() => (r.subscribe(l), r.unsubscribe), [r.subscribe, r.unsubscribe]), Qr(() => {
1112
- W(r.get(t), e);
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
- var d;
1117
+ var f;
1115
1118
  if (n)
1116
- return W(n, e), () => {
1119
+ return H(n, e), () => {
1117
1120
  };
1118
- n === void 0 && W(o, e), typeof window < "u" && "matchMedia" in window && (a.current = window.matchMedia("(prefers-color-scheme: dark)"));
1121
+ n === void 0 && H(o, e), typeof window < "u" && "matchMedia" in window && (a.current = window.matchMedia("(prefers-color-scheme: dark)"));
1119
1122
  const u = (m) => {
1120
- o === "auto" && W(m.matches ? "dark" : "light", e);
1123
+ o === "auto" && H(m.matches ? "dark" : "light", e);
1121
1124
  };
1122
- return (d = a.current) == null || d.addEventListener("change", u), () => {
1125
+ return (f = a.current) == null || f.addEventListener("change", u), () => {
1123
1126
  var m;
1124
1127
  return (m = a.current) == null ? void 0 : m.removeEventListener("change", u);
1125
1128
  };
1126
- }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: f };
1129
+ }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: d };
1127
1130
  }
1128
- function _n({
1129
- respectReducedMotion: r,
1130
- getRootElement: t
1131
+ function Pn({
1132
+ respectReducedMotion: t,
1133
+ getRootElement: r
1131
1134
  }) {
1132
- Qr(() => {
1135
+ Qt(() => {
1133
1136
  var e;
1134
- r && ((e = t()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
1135
- }, [r]);
1137
+ t && ((e = r()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
1138
+ }, [t]);
1136
1139
  }
1137
1140
  Rn();
1138
- function nt({
1139
- theme: r,
1140
- children: t,
1141
+ function nr({
1142
+ theme: t,
1143
+ children: r,
1141
1144
  getStyleNonce: e,
1142
1145
  withStaticClasses: n = !0,
1143
1146
  withGlobalClasses: a = !0,
@@ -1145,31 +1148,31 @@ function nt({
1145
1148
  withCssVariables: i = !0,
1146
1149
  cssVariablesSelector: s = ":root",
1147
1150
  classNamesPrefix: l = "mantine",
1148
- colorSchemeManager: f = hn(),
1151
+ colorSchemeManager: d = hn(),
1149
1152
  defaultColorScheme: u = "light",
1150
- getRootElement: d = () => document.documentElement,
1153
+ getRootElement: f = () => document.documentElement,
1151
1154
  cssVariablesResolver: m,
1152
1155
  forceColorScheme: y,
1153
1156
  stylesTransform: g,
1154
1157
  env: $
1155
1158
  }) {
1156
- const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = Pn({
1159
+ const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = _n({
1157
1160
  defaultColorScheme: u,
1158
1161
  forceColorScheme: y,
1159
- manager: f,
1160
- getRootElement: d
1162
+ manager: d,
1163
+ getRootElement: f
1161
1164
  });
1162
- return _n({
1163
- respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
1164
- getRootElement: d
1165
+ return Pn({
1166
+ respectReducedMotion: (t == null ? void 0 : t.respectReducedMotion) || !1,
1167
+ getRootElement: f
1165
1168
  }), /* @__PURE__ */ p(
1166
- Zr.Provider,
1169
+ Zt.Provider,
1167
1170
  {
1168
1171
  value: {
1169
1172
  colorScheme: h,
1170
1173
  setColorScheme: C,
1171
1174
  clearColorScheme: x,
1172
- getRootElement: d,
1175
+ getRootElement: f,
1173
1176
  classNamesPrefix: l,
1174
1177
  getStyleNonce: e,
1175
1178
  cssVariablesResolver: m,
@@ -1178,99 +1181,99 @@ function nt({
1178
1181
  stylesTransform: g,
1179
1182
  env: $
1180
1183
  },
1181
- children: /* @__PURE__ */ z(Jr, { theme: r, children: [
1184
+ children: /* @__PURE__ */ z(Jt, { theme: t, children: [
1182
1185
  i && /* @__PURE__ */ p(
1183
- tt,
1186
+ rr,
1184
1187
  {
1185
1188
  cssVariablesSelector: s,
1186
1189
  deduplicateCssVariables: o
1187
1190
  }
1188
1191
  ),
1189
1192
  a && /* @__PURE__ */ p(wn, {}),
1190
- t
1193
+ r
1191
1194
  ] })
1192
1195
  }
1193
1196
  );
1194
1197
  }
1195
- nt.displayName = "@mantine/core/MantineProvider";
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: r, options: t, unstyled: e }) {
1202
- return I(
1203
- (t == null ? void 0 : t.focusable) && !e && (r.focusClassName || Ln[r.focusRing]),
1204
- (t == null ? void 0 : t.active) && !e && r.activeClassName
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: r,
1209
- stylesCtx: t,
1211
+ selector: t,
1212
+ stylesCtx: r,
1210
1213
  options: e,
1211
1214
  props: n,
1212
1215
  theme: a
1213
1216
  }) {
1214
- return wr({
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: t
1219
- })[r];
1221
+ stylesCtx: r
1222
+ })[t];
1220
1223
  }
1221
- function Fr({
1222
- selector: r,
1223
- stylesCtx: t,
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 wr({ theme: e, classNames: n, props: a, stylesCtx: t })[r];
1231
+ return wt({ theme: e, classNames: n, props: a, stylesCtx: r })[t];
1229
1232
  }
1230
- function On({ rootSelector: r, selector: t, className: e }) {
1231
- return r === t ? e : void 0;
1233
+ function On({ rootSelector: t, selector: r, className: e }) {
1234
+ return t === r ? e : void 0;
1232
1235
  }
1233
- function Bn({ selector: r, classes: t, unstyled: e }) {
1234
- return e ? void 0 : t[r];
1236
+ function In({ selector: t, classes: r, unstyled: e }) {
1237
+ return e ? void 0 : r[t];
1235
1238
  }
1236
- function In({
1237
- themeName: r,
1238
- classNamesPrefix: t,
1239
+ function jn({
1240
+ themeName: t,
1241
+ classNamesPrefix: r,
1239
1242
  selector: e,
1240
1243
  withStaticClass: n
1241
1244
  }) {
1242
- return n === !1 ? [] : r.map((a) => `${t}-${a}-${e}`);
1245
+ return n === !1 ? [] : t.map((a) => `${r}-${a}-${e}`);
1243
1246
  }
1244
- function Vn({
1245
- themeName: r,
1246
- theme: t,
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 r.map(
1254
+ return t.map(
1252
1255
  (o) => {
1253
1256
  var i, s;
1254
- return (s = wr({
1255
- theme: t,
1256
- classNames: (i = t.components[o]) == null ? void 0 : i.classNames,
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 jn({
1264
- options: r,
1265
- classes: t,
1266
+ function Vn({
1267
+ options: t,
1268
+ classes: r,
1266
1269
  selector: e,
1267
1270
  unstyled: n
1268
1271
  }) {
1269
- return r != null && r.variant && !n ? t[`${e}--${r.variant}`] : void 0;
1272
+ return t != null && t.variant && !n ? r[`${e}--${t.variant}`] : void 0;
1270
1273
  }
1271
1274
  function Fn({
1272
- theme: r,
1273
- options: t,
1275
+ theme: t,
1276
+ options: r,
1274
1277
  themeName: e,
1275
1278
  selector: n,
1276
1279
  classNamesPrefix: a,
@@ -1278,64 +1281,64 @@ function Fn({
1278
1281
  classes: i,
1279
1282
  unstyled: s,
1280
1283
  className: l,
1281
- rootSelector: f,
1284
+ rootSelector: d,
1282
1285
  props: u,
1283
- stylesCtx: d,
1286
+ stylesCtx: f,
1284
1287
  withStaticClasses: m,
1285
1288
  headless: y,
1286
1289
  transformedStyles: g
1287
1290
  }) {
1288
- return I(
1289
- En({ theme: r, options: t, unstyled: s || y }),
1290
- Vn({ theme: r, themeName: e, selector: n, props: u, stylesCtx: d }),
1291
- jn({ options: t, classes: i, selector: n, unstyled: s }),
1292
- Fr({ selector: n, stylesCtx: d, theme: r, classNames: o, props: u }),
1293
- Fr({ selector: n, stylesCtx: d, theme: r, classNames: g, props: u }),
1294
- An({ selector: n, stylesCtx: d, options: t, props: u, theme: r }),
1295
- On({ rootSelector: f, selector: n, className: l }),
1296
- Bn({ selector: n, classes: i, unstyled: s || y }),
1297
- m && !y && In({
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 }),
1298
+ On({ rootSelector: d, selector: n, className: l }),
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: t == null ? void 0 : t.withStaticClass
1304
+ withStaticClass: r == null ? void 0 : r.withStaticClass
1302
1305
  }),
1303
- t == null ? void 0 : t.className
1306
+ r == null ? void 0 : r.className
1304
1307
  );
1305
1308
  }
1306
- function Wn({
1307
- theme: r,
1308
- themeName: t,
1309
+ function Hn({
1310
+ theme: t,
1311
+ themeName: r,
1309
1312
  props: e,
1310
1313
  stylesCtx: n,
1311
1314
  selector: a
1312
1315
  }) {
1313
- return t.map(
1316
+ return r.map(
1314
1317
  (o) => {
1315
1318
  var i;
1316
- return yr({
1317
- theme: r,
1318
- styles: (i = r.components[o]) == null ? void 0 : i.styles,
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 br({ style: r, theme: t }) {
1326
- return Array.isArray(r) ? [...r].reduce(
1327
- (e, n) => ({ ...e, ...br({ style: n, theme: t }) }),
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 r == "function" ? r(t) : r ?? {};
1332
+ ) : typeof t == "function" ? t(r) : t ?? {};
1330
1333
  }
1331
- function Hn(r) {
1332
- return r.reduce((t, e) => (e && Object.keys(e).forEach((n) => {
1333
- t[n] = { ...t[n], ...Sr(e[n]) };
1334
- }), t), {});
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: r,
1338
- varsResolver: t,
1340
+ vars: t,
1341
+ varsResolver: r,
1339
1342
  theme: e,
1340
1343
  props: n,
1341
1344
  stylesCtx: a,
@@ -1344,18 +1347,18 @@ function zn({
1344
1347
  headless: s
1345
1348
  }) {
1346
1349
  var l;
1347
- return (l = Hn([
1348
- s ? {} : t == null ? void 0 : t(e, n, a),
1349
- ...i.map((f) => {
1350
- var u, d, m;
1351
- return (m = (d = (u = e.components) == null ? void 0 : u[f]) == null ? void 0 : d.vars) == null ? void 0 : m.call(d, e, n, a);
1350
+ return (l = Wn([
1351
+ s ? {} : r == null ? void 0 : r(e, n, a),
1352
+ ...i.map((d) => {
1353
+ var u, f, m;
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
- r == null ? void 0 : r(e, n, a)
1356
+ t == null ? void 0 : t(e, n, a)
1354
1357
  ])) == null ? void 0 : l[o];
1355
1358
  }
1356
1359
  function Yn({
1357
- theme: r,
1358
- themeName: t,
1360
+ theme: t,
1361
+ themeName: r,
1359
1362
  selector: e,
1360
1363
  options: n,
1361
1364
  props: a,
@@ -1363,32 +1366,32 @@ function Yn({
1363
1366
  rootSelector: i,
1364
1367
  styles: s,
1365
1368
  style: l,
1366
- vars: f,
1369
+ vars: d,
1367
1370
  varsResolver: u,
1368
- headless: d,
1371
+ headless: f,
1369
1372
  withStylesTransform: m
1370
1373
  }) {
1371
1374
  return {
1372
- ...!m && Wn({ theme: r, themeName: t, props: a, stylesCtx: o, selector: e }),
1373
- ...!m && yr({ theme: r, styles: s, props: a, stylesCtx: o })[e],
1374
- ...!m && yr({ theme: r, styles: n == null ? void 0 : n.styles, props: (n == null ? void 0 : n.props) || a, stylesCtx: o })[e],
1375
- ...zn({ theme: r, props: a, stylesCtx: o, vars: f, varsResolver: u, selector: e, themeName: t, headless: d }),
1376
- ...i === e ? br({ style: l, theme: r }) : null,
1377
- ...br({ style: n == null ? void 0 : n.style, theme: r })
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: r, stylesCtx: t, themeName: e }) {
1383
+ function Gn({ props: t, stylesCtx: r, themeName: e }) {
1381
1384
  var i;
1382
- const n = V(), a = (i = cn()) == null ? void 0 : i();
1385
+ const n = B(), a = (i = cn()) == null ? void 0 : i();
1383
1386
  return {
1384
1387
  getTransformedStyles: (s) => a ? [
1385
1388
  ...s.map(
1386
- (f) => a(f, { props: r, theme: n, ctx: t })
1389
+ (d) => a(d, { props: t, theme: n, ctx: r })
1387
1390
  ),
1388
1391
  ...e.map(
1389
- (f) => {
1392
+ (d) => {
1390
1393
  var u;
1391
- return a((u = n.components[f]) == null ? void 0 : u.styles, { props: r, theme: n, ctx: t });
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: r,
1400
- classes: t,
1402
+ name: t,
1403
+ classes: r,
1401
1404
  props: e,
1402
1405
  stylesCtx: n,
1403
1406
  className: a,
@@ -1405,11 +1408,11 @@ function Q({
1405
1408
  rootSelector: i = "root",
1406
1409
  unstyled: s,
1407
1410
  classNames: l,
1408
- styles: f,
1411
+ styles: d,
1409
1412
  vars: u,
1410
- varsResolver: d
1413
+ varsResolver: f
1411
1414
  }) {
1412
- const m = V(), y = en(), g = on(), $ = an(), h = (Array.isArray(r) ? r : [r]).filter((v) => v), { withStylesTransform: C, getTransformedStyles: x } = Gn({
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
@@ -1422,7 +1425,7 @@ function Q({
1422
1425
  selector: v,
1423
1426
  classNamesPrefix: y,
1424
1427
  classNames: l,
1425
- classes: t,
1428
+ classes: r,
1426
1429
  unstyled: s,
1427
1430
  className: a,
1428
1431
  rootSelector: i,
@@ -1430,7 +1433,7 @@ function Q({
1430
1433
  stylesCtx: n,
1431
1434
  withStaticClasses: g,
1432
1435
  headless: $,
1433
- transformedStyles: x([w == null ? void 0 : w.styles, f])
1436
+ transformedStyles: x([w == null ? void 0 : w.styles, d])
1434
1437
  }),
1435
1438
  style: Yn({
1436
1439
  theme: m,
@@ -1440,46 +1443,83 @@ function Q({
1440
1443
  props: e,
1441
1444
  stylesCtx: n,
1442
1445
  rootSelector: i,
1443
- styles: f,
1446
+ styles: d,
1444
1447
  style: o,
1445
1448
  vars: u,
1446
- varsResolver: d,
1449
+ varsResolver: f,
1447
1450
  headless: $,
1448
1451
  withStylesTransform: C
1449
1452
  })
1450
1453
  });
1451
1454
  }
1452
- function B(r, t, e) {
1455
+ const Dn = ({
1456
+ defaultColorScheme: t,
1457
+ localStorageKey: r,
1458
+ forceColorScheme: e
1459
+ }) => e ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${e}');` : `try {
1460
+ var _colorScheme = window.localStorage.getItem("${r}");
1461
+ var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${t}";
1462
+ var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
1463
+ document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
1464
+ } catch (e) {}
1465
+ `;
1466
+ function Pe({
1467
+ defaultColorScheme: t = "light",
1468
+ localStorageKey: r = "mantine-color-scheme-value",
1469
+ forceColorScheme: e,
1470
+ ...n
1471
+ }) {
1472
+ const a = ["light", "dark", "auto"].includes(t) ? t : "light";
1473
+ return /* @__PURE__ */ p(
1474
+ "script",
1475
+ {
1476
+ ...n,
1477
+ "data-mantine-script": !0,
1478
+ dangerouslySetInnerHTML: {
1479
+ __html: Dn({
1480
+ defaultColorScheme: a,
1481
+ localStorageKey: r,
1482
+ forceColorScheme: e
1483
+ })
1484
+ }
1485
+ }
1486
+ );
1487
+ }
1488
+ function I(t, r, e) {
1453
1489
  var i;
1454
- const n = V(), a = (i = n.components[r]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
1455
- return { ...t, ...o, ...Sr(e) };
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) };
1456
1492
  }
1457
- function ur(r) {
1458
- return M(r).reduce(
1459
- (t, e) => r[e] !== void 0 ? `${t}${Dt(e)}:${r[e]};` : t,
1493
+ const Le = {
1494
+ suppressHydrationWarning: !0,
1495
+ "data-mantine-color-scheme": "light"
1496
+ };
1497
+ function ut(t) {
1498
+ return M(t).reduce(
1499
+ (r, e) => t[e] !== void 0 ? `${r}${Dr(e)}:${t[e]};` : r,
1460
1500
  ""
1461
1501
  ).trim();
1462
1502
  }
1463
- function Dn({ selector: r, styles: t, media: e, container: n }) {
1464
- const a = t ? ur(t) : "", o = Array.isArray(e) ? e.map((s) => `@media${s.query}{${r}{${ur(s.styles)}}}`) : [], i = Array.isArray(n) ? n.map(
1465
- (s) => `@container ${s.query}{${r}{${ur(s.styles)}}}`
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)}}}`
1466
1506
  ) : [];
1467
- return `${a ? `${r}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
1507
+ return `${a ? `${t}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
1468
1508
  }
1469
- function Xn(r) {
1470
- const t = Cr();
1509
+ function Un(t) {
1510
+ const r = Ct();
1471
1511
  return /* @__PURE__ */ p(
1472
1512
  "style",
1473
1513
  {
1474
1514
  "data-mantine-styles": "inline",
1475
- nonce: t == null ? void 0 : t(),
1476
- dangerouslySetInnerHTML: { __html: Dn(r) }
1515
+ nonce: r == null ? void 0 : r(),
1516
+ dangerouslySetInnerHTML: { __html: Xn(t) }
1477
1517
  }
1478
1518
  );
1479
1519
  }
1480
- function Un(r) {
1520
+ function qn(t) {
1481
1521
  const {
1482
- m: t,
1522
+ m: r,
1483
1523
  mx: e,
1484
1524
  my: n,
1485
1525
  mt: a,
@@ -1487,9 +1527,9 @@ function Un(r) {
1487
1527
  ml: i,
1488
1528
  mr: s,
1489
1529
  me: l,
1490
- ms: f,
1530
+ ms: d,
1491
1531
  p: u,
1492
- px: d,
1532
+ px: f,
1493
1533
  py: m,
1494
1534
  pt: y,
1495
1535
  pb: g,
@@ -1504,39 +1544,39 @@ function Un(r) {
1504
1544
  ff: k,
1505
1545
  fz: S,
1506
1546
  fw: E,
1507
- lts: or,
1508
- ta: ar,
1509
- lh: pt,
1510
- fs: yt,
1511
- tt: gt,
1512
- td: bt,
1513
- w: ht,
1514
- miw: $t,
1515
- maw: vt,
1516
- h: St,
1517
- mih: wt,
1518
- mah: Ct,
1519
- bgsz: xt,
1520
- bgp: kt,
1521
- bgr: Nt,
1522
- bga: Tt,
1523
- pos: Mt,
1524
- top: Rt,
1525
- left: Pt,
1526
- bottom: _t,
1527
- right: Lt,
1528
- inset: Et,
1529
- display: At,
1530
- flex: Ot,
1531
- hiddenFrom: Bt,
1532
- visibleFrom: It,
1533
- lightHidden: Vt,
1534
- darkHidden: jt,
1535
- sx: Ft,
1536
- ...Wt
1537
- } = r;
1538
- return { styleProps: Sr({
1539
- m: t,
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,
1540
1580
  mx: e,
1541
1581
  my: n,
1542
1582
  mt: a,
@@ -1544,9 +1584,9 @@ function Un(r) {
1544
1584
  ml: i,
1545
1585
  mr: s,
1546
1586
  me: l,
1547
- ms: f,
1587
+ ms: d,
1548
1588
  p: u,
1549
- px: d,
1589
+ px: f,
1550
1590
  py: m,
1551
1591
  pt: y,
1552
1592
  pb: g,
@@ -1561,38 +1601,38 @@ function Un(r) {
1561
1601
  ff: k,
1562
1602
  fz: S,
1563
1603
  fw: E,
1564
- lts: or,
1565
- ta: ar,
1566
- lh: pt,
1567
- fs: yt,
1568
- tt: gt,
1569
- td: bt,
1570
- w: ht,
1571
- miw: $t,
1572
- maw: vt,
1573
- h: St,
1574
- mih: wt,
1575
- mah: Ct,
1576
- bgsz: xt,
1577
- bgp: kt,
1578
- bgr: Nt,
1579
- bga: Tt,
1580
- pos: Mt,
1581
- top: Rt,
1582
- left: Pt,
1583
- bottom: _t,
1584
- right: Lt,
1585
- inset: Et,
1586
- display: At,
1587
- flex: Ot,
1588
- hiddenFrom: Bt,
1589
- visibleFrom: It,
1590
- lightHidden: Vt,
1591
- darkHidden: jt,
1592
- sx: Ft
1593
- }), rest: Wt };
1594
- }
1595
- const qn = {
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 };
1634
+ }
1635
+ const Qn = {
1596
1636
  m: { type: "spacing", property: "margin" },
1597
1637
  mt: { type: "spacing", property: "marginTop" },
1598
1638
  mb: { type: "spacing", property: "marginBottom" },
@@ -1643,120 +1683,120 @@ const qn = {
1643
1683
  display: { type: "identity", property: "display" },
1644
1684
  flex: { type: "identity", property: "flex" }
1645
1685
  };
1646
- function Tr(r, t) {
1647
- const e = q({ color: r, theme: t });
1686
+ function Tt(t, r) {
1687
+ const e = q({ color: t, theme: r });
1648
1688
  return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
1649
1689
  }
1650
- function Qn(r, t) {
1651
- const e = q({ color: r, theme: t });
1652
- return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` : Tr(r, t);
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);
1653
1693
  }
1654
- function Kn(r, t) {
1655
- if (typeof r == "number")
1656
- return c(r);
1657
- if (typeof r == "string") {
1658
- const [e, n, ...a] = r.split(" ").filter((i) => i.trim() !== "");
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() !== "");
1659
1699
  let o = `${c(e)}`;
1660
- return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tr(a.join(" "), t)}`), o.trim();
1700
+ return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tt(a.join(" "), r)}`), o.trim();
1661
1701
  }
1662
- return r;
1702
+ return t;
1663
1703
  }
1664
- const Wr = {
1704
+ const Ht = {
1665
1705
  text: "var(--mantine-font-family)",
1666
1706
  mono: "var(--mantine-font-family-monospace)",
1667
1707
  monospace: "var(--mantine-font-family-monospace)",
1668
1708
  heading: "var(--mantine-font-family-headings)",
1669
1709
  headings: "var(--mantine-font-family-headings)"
1670
1710
  };
1671
- function Zn(r) {
1672
- return typeof r == "string" && r in Wr ? Wr[r] : r;
1673
- }
1674
- const Jn = ["h1", "h2", "h3", "h4", "h5", "h6"];
1675
- function re(r, t) {
1676
- return typeof r == "string" && r in t.fontSizes ? `var(--mantine-font-size-${r})` : typeof r == "string" && Jn.includes(r) ? `var(--mantine-${r}-font-size)` : typeof r == "number" || typeof r == "string" ? c(r) : r;
1677
- }
1678
- function te(r) {
1679
- return r;
1680
- }
1681
- const ne = ["h1", "h2", "h3", "h4", "h5", "h6"];
1682
- function ee(r, t) {
1683
- return typeof r == "string" && r in t.lineHeights ? `var(--mantine-line-height-${r})` : typeof r == "string" && ne.includes(r) ? `var(--mantine-${r}-line-height)` : r;
1684
- }
1685
- function oe(r) {
1686
- return typeof r == "number" ? c(r) : r;
1687
- }
1688
- function ae(r, t) {
1689
- if (typeof r == "number")
1690
- return c(r);
1691
- if (typeof r == "string") {
1692
- const e = r.replace("-", "");
1693
- if (!(e in t.spacing))
1694
- return c(r);
1711
+ function Jn(t) {
1712
+ return typeof t == "string" && t in Ht ? Ht[t] : t;
1713
+ }
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;
1717
+ }
1718
+ function ne(t) {
1719
+ return t;
1720
+ }
1721
+ const ee = ["h1", "h2", "h3", "h4", "h5", "h6"];
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);
1695
1735
  const n = `--mantine-spacing-${e}`;
1696
- return r.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
1736
+ return t.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
1697
1737
  }
1698
- return r;
1738
+ return t;
1699
1739
  }
1700
- const mr = {
1701
- color: Tr,
1702
- textColor: Qn,
1740
+ const mt = {
1741
+ color: Tt,
1742
+ textColor: Kn,
1703
1743
  fontSize: re,
1704
- spacing: ae,
1705
- identity: te,
1706
- size: oe,
1707
- lineHeight: ee,
1708
- fontFamily: Zn,
1709
- border: Kn
1744
+ spacing: ie,
1745
+ identity: ne,
1746
+ size: ae,
1747
+ lineHeight: oe,
1748
+ fontFamily: Jn,
1749
+ border: Zn
1710
1750
  };
1711
- function Hr(r) {
1712
- return r.replace("(min-width: ", "").replace("em)", "");
1751
+ function Wt(t) {
1752
+ return t.replace("(min-width: ", "").replace("em)", "");
1713
1753
  }
1714
- function ie({
1715
- media: r,
1716
- ...t
1754
+ function se({
1755
+ media: t,
1756
+ ...r
1717
1757
  }) {
1718
- const n = Object.keys(r).sort((a, o) => Number(Hr(a)) - Number(Hr(o))).map((a) => ({ query: a, styles: r[a] }));
1719
- return { ...t, media: n };
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 };
1720
1760
  }
1721
- function se(r) {
1722
- if (typeof r != "object" || r === null)
1761
+ function ce(t) {
1762
+ if (typeof t != "object" || t === null)
1723
1763
  return !1;
1724
- const t = Object.keys(r);
1725
- return !(t.length === 1 && t[0] === "base");
1764
+ const r = Object.keys(t);
1765
+ return !(r.length === 1 && r[0] === "base");
1726
1766
  }
1727
- function ce(r) {
1728
- return typeof r == "object" && r !== null ? "base" in r ? r.base : void 0 : r;
1767
+ function le(t) {
1768
+ return typeof t == "object" && t !== null ? "base" in t ? t.base : void 0 : t;
1729
1769
  }
1730
- function le(r) {
1731
- return typeof r == "object" && r !== null ? M(r).filter((t) => t !== "base") : [];
1770
+ function de(t) {
1771
+ return typeof t == "object" && t !== null ? M(t).filter((r) => r !== "base") : [];
1732
1772
  }
1733
- function fe(r, t) {
1734
- return typeof r == "object" && r !== null && t in r ? r[t] : r;
1773
+ function fe(t, r) {
1774
+ return typeof t == "object" && t !== null && r in t ? t[r] : t;
1735
1775
  }
1736
- function de({
1737
- styleProps: r,
1738
- data: t,
1776
+ function ue({
1777
+ styleProps: t,
1778
+ data: r,
1739
1779
  theme: e
1740
1780
  }) {
1741
- return ie(
1742
- M(r).reduce(
1781
+ return se(
1782
+ M(t).reduce(
1743
1783
  (n, a) => {
1744
1784
  if (a === "hiddenFrom" || a === "visibleFrom" || a === "sx")
1745
1785
  return n;
1746
- const o = t[a], i = Array.isArray(o.property) ? o.property : [o.property], s = ce(r[a]);
1747
- if (!se(r[a]))
1748
- return i.forEach((f) => {
1749
- n.inlineStyles[f] = mr[o.type](s, e);
1786
+ const o = r[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(t[a]);
1787
+ if (!ce(t[a]))
1788
+ return i.forEach((d) => {
1789
+ n.inlineStyles[d] = mt[o.type](s, e);
1750
1790
  }), n;
1751
1791
  n.hasResponsiveStyles = !0;
1752
- const l = le(r[a]);
1753
- return i.forEach((f) => {
1754
- s && (n.styles[f] = mr[o.type](s, e)), l.forEach((u) => {
1755
- const d = `(min-width: ${e.breakpoints[u]})`;
1756
- n.media[d] = {
1757
- ...n.media[d],
1758
- [f]: mr[o.type](
1759
- fe(r[a], u),
1792
+ const l = de(t[a]);
1793
+ return i.forEach((d) => {
1794
+ s && (n.styles[d] = mt[o.type](s, e)), l.forEach((u) => {
1795
+ const f = `(min-width: ${e.breakpoints[u]})`;
1796
+ n.media[f] = {
1797
+ ...n.media[f],
1798
+ [d]: mt[o.type](
1799
+ fe(t[a], u),
1760
1800
  e
1761
1801
  )
1762
1802
  };
@@ -1772,43 +1812,43 @@ function de({
1772
1812
  )
1773
1813
  );
1774
1814
  }
1775
- function ue() {
1776
- return `__m__-${Yt().replace(/:/g, "")}`;
1815
+ function me() {
1816
+ return `__m__-${Yr().replace(/:/g, "")}`;
1777
1817
  }
1778
- function et(r) {
1779
- return r.startsWith("data-") ? r : `data-${r}`;
1818
+ function er(t) {
1819
+ return t.startsWith("data-") ? t : `data-${t}`;
1780
1820
  }
1781
- function me(r) {
1782
- return Object.keys(r).reduce((t, e) => {
1783
- const n = r[e];
1784
- return n === void 0 || n === "" || n === !1 || n === null || (t[et(e)] = r[e]), t;
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;
1785
1825
  }, {});
1786
1826
  }
1787
- function ot(r) {
1788
- return r ? typeof r == "string" ? { [et(r)]: !0 } : Array.isArray(r) ? [...r].reduce(
1789
- (t, e) => ({ ...t, ...ot(e) }),
1827
+ function or(t) {
1828
+ return t ? typeof t == "string" ? { [er(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
1829
+ (r, e) => ({ ...r, ...or(e) }),
1790
1830
  {}
1791
- ) : me(r) : null;
1831
+ ) : pe(t) : null;
1792
1832
  }
1793
- function hr(r, t) {
1794
- return Array.isArray(r) ? [...r].reduce(
1795
- (e, n) => ({ ...e, ...hr(n, t) }),
1833
+ function ht(t, r) {
1834
+ return Array.isArray(t) ? [...t].reduce(
1835
+ (e, n) => ({ ...e, ...ht(n, r) }),
1796
1836
  {}
1797
- ) : typeof r == "function" ? r(t) : r ?? {};
1837
+ ) : typeof t == "function" ? t(r) : t ?? {};
1798
1838
  }
1799
- function pe({
1800
- theme: r,
1801
- style: t,
1839
+ function ye({
1840
+ theme: t,
1841
+ style: r,
1802
1842
  vars: e,
1803
1843
  styleProps: n
1804
1844
  }) {
1805
- const a = hr(t, r), o = hr(e, r);
1845
+ const a = ht(r, t), o = ht(e, t);
1806
1846
  return { ...a, ...o, ...n };
1807
1847
  }
1808
- const at = P(
1848
+ const ar = _(
1809
1849
  ({
1810
- component: r,
1811
- style: t,
1850
+ component: t,
1851
+ style: r,
1812
1852
  __vars: e,
1813
1853
  className: n,
1814
1854
  variant: a,
@@ -1816,90 +1856,90 @@ const at = P(
1816
1856
  size: i,
1817
1857
  hiddenFrom: s,
1818
1858
  visibleFrom: l,
1819
- lightHidden: f,
1859
+ lightHidden: d,
1820
1860
  darkHidden: u,
1821
- renderRoot: d,
1861
+ renderRoot: f,
1822
1862
  __size: m,
1823
1863
  ...y
1824
1864
  }, g) => {
1825
1865
  var S;
1826
- const $ = V(), h = r || "div", { styleProps: C, rest: x } = Un(y), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = ue(), b = de({
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({
1827
1867
  styleProps: C,
1828
1868
  theme: $,
1829
- data: qn
1869
+ data: Qn
1830
1870
  }), k = {
1831
1871
  ref: g,
1832
- style: pe({
1872
+ style: ye({
1833
1873
  theme: $,
1834
- style: t,
1874
+ style: r,
1835
1875
  vars: e,
1836
1876
  styleProps: b.inlineStyles
1837
1877
  }),
1838
- className: I(n, w, {
1878
+ className: j(n, w, {
1839
1879
  [L]: b.hasResponsiveStyles,
1840
- "mantine-light-hidden": f,
1880
+ "mantine-light-hidden": d,
1841
1881
  "mantine-dark-hidden": u,
1842
1882
  [`mantine-hidden-from-${s}`]: s,
1843
1883
  [`mantine-visible-from-${l}`]: l
1844
1884
  }),
1845
1885
  "data-variant": a,
1846
- "data-size": Ur(i) ? void 0 : i || void 0,
1886
+ "data-size": Ut(i) ? void 0 : i || void 0,
1847
1887
  size: m,
1848
- ...ot(o),
1888
+ ...or(o),
1849
1889
  ...x
1850
1890
  };
1851
- return /* @__PURE__ */ z(pr, { children: [
1891
+ return /* @__PURE__ */ z(pt, { children: [
1852
1892
  b.hasResponsiveStyles && /* @__PURE__ */ p(
1853
- Xn,
1893
+ Un,
1854
1894
  {
1855
1895
  selector: `.${L}`,
1856
1896
  styles: b.styles,
1857
1897
  media: b.media
1858
1898
  }
1859
1899
  ),
1860
- typeof d == "function" ? d(k) : /* @__PURE__ */ p(h, { ...k })
1900
+ typeof f == "function" ? f(k) : /* @__PURE__ */ p(h, { ...k })
1861
1901
  ] });
1862
1902
  }
1863
1903
  );
1864
- at.displayName = "@mantine/core/Box";
1865
- const N = at;
1866
- function it(r) {
1867
- return r;
1868
- }
1869
- function Mr(r) {
1870
- const t = P(r);
1871
- return t.extend = it, t.withProps = (e) => {
1872
- const n = P((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
1873
- return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
1874
- }, t;
1875
- }
1876
- function st(r) {
1877
- const t = P(r);
1878
- return t.withProps = (e) => {
1879
- const n = P((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
1880
- return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
1881
- }, t.extend = it, t;
1882
- }
1883
- var ct = { root: "m_87cf2631" };
1884
- const ye = {
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 = {
1885
1925
  __staticSelector: "UnstyledButton"
1886
- }, Rr = st(
1887
- (r, t) => {
1888
- const e = B("UnstyledButton", ye, r), {
1926
+ }, Rt = sr(
1927
+ (t, r) => {
1928
+ const e = I("UnstyledButton", ge, t), {
1889
1929
  className: n,
1890
1930
  component: a = "button",
1891
1931
  __staticSelector: o,
1892
1932
  unstyled: i,
1893
1933
  classNames: s,
1894
1934
  styles: l,
1895
- style: f,
1935
+ style: d,
1896
1936
  ...u
1897
- } = e, d = Q({
1937
+ } = e, f = Q({
1898
1938
  name: o,
1899
1939
  props: e,
1900
- classes: ct,
1940
+ classes: cr,
1901
1941
  className: n,
1902
- style: f,
1942
+ style: d,
1903
1943
  classNames: s,
1904
1944
  styles: l,
1905
1945
  unstyled: i
@@ -1907,22 +1947,22 @@ const ye = {
1907
1947
  return /* @__PURE__ */ p(
1908
1948
  N,
1909
1949
  {
1910
- ...d("root", { focusable: !0 }),
1950
+ ...f("root", { focusable: !0 }),
1911
1951
  component: a,
1912
- ref: t,
1952
+ ref: r,
1913
1953
  type: a === "button" ? "button" : void 0,
1914
1954
  ...u
1915
1955
  }
1916
1956
  );
1917
1957
  }
1918
1958
  );
1919
- Rr.classes = ct;
1920
- Rr.displayName = "@mantine/core/UnstyledButton";
1921
- const X = (r) => ({
1959
+ Rt.classes = cr;
1960
+ Rt.displayName = "@mantine/core/UnstyledButton";
1961
+ const X = (t) => ({
1922
1962
  in: { opacity: 1, transform: "scale(1)" },
1923
- out: { opacity: 0, transform: `scale(.9) translateY(${r === "bottom" ? 10 : -10}px)` },
1963
+ out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
1924
1964
  transitionProperty: "transform, opacity"
1925
- }), rr = {
1965
+ }), tt = {
1926
1966
  fade: {
1927
1967
  in: { opacity: 1 },
1928
1968
  out: { opacity: 0 },
@@ -2034,7 +2074,7 @@ const X = (r) => ({
2034
2074
  ...X("top"),
2035
2075
  common: { transformOrigin: "top right" }
2036
2076
  }
2037
- }, zr = {
2077
+ }, zt = {
2038
2078
  entering: "in",
2039
2079
  entered: "in",
2040
2080
  exiting: "out",
@@ -2042,9 +2082,9 @@ const X = (r) => ({
2042
2082
  "pre-exiting": "out",
2043
2083
  "pre-entering": "out"
2044
2084
  };
2045
- function ge({
2046
- transition: r,
2047
- state: t,
2085
+ function be({
2086
+ transition: t,
2087
+ state: r,
2048
2088
  duration: e,
2049
2089
  timingFunction: n
2050
2090
  }) {
@@ -2054,21 +2094,21 @@ function ge({
2054
2094
  transitionDuration: `${e}ms`,
2055
2095
  transitionTimingFunction: n
2056
2096
  };
2057
- return typeof r == "string" ? r in rr ? {
2058
- transitionProperty: rr[r].transitionProperty,
2097
+ return typeof t == "string" ? t in tt ? {
2098
+ transitionProperty: tt[t].transitionProperty,
2059
2099
  ...a,
2060
- ...rr[r].common,
2061
- ...rr[r][zr[t]]
2100
+ ...tt[t].common,
2101
+ ...tt[t][zt[r]]
2062
2102
  } : {} : {
2063
- transitionProperty: r.transitionProperty,
2103
+ transitionProperty: t.transitionProperty,
2064
2104
  ...a,
2065
- ...r.common,
2066
- ...r[zr[t]]
2105
+ ...t.common,
2106
+ ...t[zt[r]]
2067
2107
  };
2068
2108
  }
2069
- function be({
2070
- duration: r,
2071
- exitDuration: t,
2109
+ function he({
2110
+ duration: t,
2111
+ exitDuration: r,
2072
2112
  timingFunction: e,
2073
2113
  mounted: n,
2074
2114
  onEnter: a,
@@ -2076,14 +2116,14 @@ function be({
2076
2116
  onEntered: i,
2077
2117
  onExited: s,
2078
2118
  enterDelay: l,
2079
- exitDelay: f
2119
+ exitDelay: d
2080
2120
  }) {
2081
- const u = V(), d = Jt(), m = u.respectReducedMotion ? d : !1, [y, g] = tr(m ? 0 : r), [$, h] = tr(n ? "entered" : "exited"), C = H(-1), x = H(-1), v = H(-1), w = (b) => {
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) => {
2082
2122
  const k = b ? a : o, S = b ? i : s;
2083
2123
  window.clearTimeout(C.current);
2084
- const E = m ? 0 : b ? r : t;
2124
+ const E = m ? 0 : b ? t : r;
2085
2125
  g(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
2086
- Gt.flushSync(() => {
2126
+ Gr.flushSync(() => {
2087
2127
  h(b ? "pre-entering" : "pre-exiting");
2088
2128
  }), v.current = requestAnimationFrame(() => {
2089
2129
  typeof k == "function" && k(), h(b ? "entering" : "exiting"), C.current = window.setTimeout(() => {
@@ -2092,7 +2132,7 @@ function be({
2092
2132
  });
2093
2133
  });
2094
2134
  }, L = (b) => {
2095
- if (window.clearTimeout(x.current), typeof (b ? l : f) != "number") {
2135
+ if (window.clearTimeout(x.current), typeof (b ? l : d) != "number") {
2096
2136
  w(b);
2097
2137
  return;
2098
2138
  }
@@ -2100,10 +2140,10 @@ function be({
2100
2140
  () => {
2101
2141
  w(b);
2102
2142
  },
2103
- b ? l : f
2143
+ b ? l : d
2104
2144
  );
2105
2145
  };
2106
- return Zt(() => {
2146
+ return Zr(() => {
2107
2147
  L(n);
2108
2148
  }, [n]), A(
2109
2149
  () => () => {
@@ -2116,9 +2156,9 @@ function be({
2116
2156
  transitionTimingFunction: e || "ease"
2117
2157
  };
2118
2158
  }
2119
- function lt({
2120
- keepMounted: r,
2121
- transition: t = "fade",
2159
+ function lr({
2160
+ keepMounted: t,
2161
+ transition: r = "fade",
2122
2162
  duration: e = 250,
2123
2163
  exitDuration: n = e,
2124
2164
  mounted: a,
@@ -2126,71 +2166,71 @@ function lt({
2126
2166
  timingFunction: i = "ease",
2127
2167
  onExit: s,
2128
2168
  onEntered: l,
2129
- onEnter: f,
2169
+ onEnter: d,
2130
2170
  onExited: u,
2131
- enterDelay: d,
2171
+ enterDelay: f,
2132
2172
  exitDelay: m
2133
2173
  }) {
2134
- const y = ln(), { transitionDuration: g, transitionStatus: $, transitionTimingFunction: h } = be({
2174
+ const y = ln(), { transitionDuration: g, transitionStatus: $, transitionTimingFunction: h } = he({
2135
2175
  mounted: a,
2136
2176
  exitDuration: n,
2137
2177
  duration: e,
2138
2178
  timingFunction: i,
2139
2179
  onExit: s,
2140
2180
  onEntered: l,
2141
- onEnter: f,
2181
+ onEnter: d,
2142
2182
  onExited: u,
2143
- enterDelay: d,
2183
+ enterDelay: f,
2144
2184
  exitDelay: m
2145
2185
  });
2146
- return g === 0 || y === "test" ? a ? /* @__PURE__ */ p(pr, { children: o({}) }) : r ? o({ display: "none" }) : null : $ === "exited" ? r ? o({ display: "none" }) : null : /* @__PURE__ */ p(pr, { children: o(
2147
- ge({
2148
- transition: t,
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(
2187
+ be({
2188
+ transition: r,
2149
2189
  duration: g,
2150
2190
  state: $,
2151
2191
  timingFunction: h
2152
2192
  })
2153
2193
  ) });
2154
2194
  }
2155
- lt.displayName = "@mantine/core/Transition";
2195
+ lr.displayName = "@mantine/core/Transition";
2156
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" };
2157
- const ft = P(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: I(T.barsLoader, r), ...t, ref: e, children: [
2197
+ const dr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: j(T.barsLoader, t), ...r, ref: e, children: [
2158
2198
  /* @__PURE__ */ p("span", { className: T.bar }),
2159
2199
  /* @__PURE__ */ p("span", { className: T.bar }),
2160
2200
  /* @__PURE__ */ p("span", { className: T.bar })
2161
2201
  ] }));
2162
- ft.displayName = "@mantine/core/Bars";
2163
- const dt = P(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: I(T.dotsLoader, r), ...t, ref: e, children: [
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: [
2164
2204
  /* @__PURE__ */ p("span", { className: T.dot }),
2165
2205
  /* @__PURE__ */ p("span", { className: T.dot }),
2166
2206
  /* @__PURE__ */ p("span", { className: T.dot })
2167
2207
  ] }));
2168
- dt.displayName = "@mantine/core/Dots";
2169
- const ut = P(({ className: r, ...t }, e) => /* @__PURE__ */ p(N, { component: "span", className: I(T.ovalLoader, r), ...t, ref: e }));
2170
- ut.displayName = "@mantine/core/Oval";
2171
- const mt = {
2172
- bars: ft,
2173
- oval: ut,
2174
- dots: dt
2175
- }, he = {
2176
- loaders: mt,
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
2215
+ }, $e = {
2216
+ loaders: mr,
2177
2217
  type: "oval"
2178
- }, $e = (r, { size: t, color: e }) => ({
2218
+ }, ve = (t, { size: r, color: e }) => ({
2179
2219
  root: {
2180
- "--loader-size": O(t, "loader-size"),
2181
- "--loader-color": e ? gr(e, r) : void 0
2220
+ "--loader-size": O(r, "loader-size"),
2221
+ "--loader-color": e ? gt(e, t) : void 0
2182
2222
  }
2183
- }), er = Mr((r, t) => {
2184
- const e = B("Loader", he, r), {
2223
+ }), et = Mt((t, r) => {
2224
+ const e = I("Loader", $e, t), {
2185
2225
  size: n,
2186
2226
  color: a,
2187
2227
  type: o,
2188
2228
  vars: i,
2189
2229
  className: s,
2190
2230
  style: l,
2191
- classNames: f,
2231
+ classNames: d,
2192
2232
  styles: u,
2193
- unstyled: d,
2233
+ unstyled: f,
2194
2234
  loaders: m,
2195
2235
  variant: y,
2196
2236
  children: g,
@@ -2201,17 +2241,17 @@ const mt = {
2201
2241
  classes: T,
2202
2242
  className: s,
2203
2243
  style: l,
2204
- classNames: f,
2244
+ classNames: d,
2205
2245
  styles: u,
2206
- unstyled: d,
2246
+ unstyled: f,
2207
2247
  vars: i,
2208
- varsResolver: $e
2248
+ varsResolver: ve
2209
2249
  });
2210
- return g ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: g }) : /* @__PURE__ */ p(
2250
+ return g ? /* @__PURE__ */ p(N, { ...h("root"), ref: r, ...$, children: g }) : /* @__PURE__ */ p(
2211
2251
  N,
2212
2252
  {
2213
2253
  ...h("root"),
2214
- ref: t,
2254
+ ref: r,
2215
2255
  component: m[o],
2216
2256
  variant: y,
2217
2257
  size: n,
@@ -2219,28 +2259,28 @@ const mt = {
2219
2259
  }
2220
2260
  );
2221
2261
  });
2222
- er.defaultLoaders = mt;
2223
- er.classes = T;
2224
- er.displayName = "@mantine/core/Loader";
2262
+ et.defaultLoaders = mr;
2263
+ et.classes = T;
2264
+ et.displayName = "@mantine/core/Loader";
2225
2265
  var Y = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
2226
- const Yr = {
2266
+ const Yt = {
2227
2267
  orientation: "horizontal"
2228
- }, ve = (r, { borderWidth: t }) => ({
2229
- group: { "--button-border-width": c(t) }
2230
- }), Pr = Mr((r, t) => {
2231
- const e = B("ButtonGroup", Yr, r), {
2268
+ }, Se = (t, { borderWidth: r }) => ({
2269
+ group: { "--button-border-width": c(r) }
2270
+ }), _t = Mt((t, r) => {
2271
+ const e = I("ButtonGroup", Yt, t), {
2232
2272
  className: n,
2233
2273
  style: a,
2234
2274
  classNames: o,
2235
2275
  styles: i,
2236
2276
  unstyled: s,
2237
2277
  orientation: l,
2238
- vars: f,
2278
+ vars: d,
2239
2279
  borderWidth: u,
2240
- variant: d,
2280
+ variant: f,
2241
2281
  mod: m,
2242
2282
  ...y
2243
- } = B("ButtonGroup", Yr, r), g = Q({
2283
+ } = I("ButtonGroup", Yt, t), g = Q({
2244
2284
  name: "ButtonGroup",
2245
2285
  props: e,
2246
2286
  classes: Y,
@@ -2249,28 +2289,28 @@ const Yr = {
2249
2289
  classNames: o,
2250
2290
  styles: i,
2251
2291
  unstyled: s,
2252
- vars: f,
2253
- varsResolver: ve,
2292
+ vars: d,
2293
+ varsResolver: Se,
2254
2294
  rootSelector: "group"
2255
2295
  });
2256
2296
  return /* @__PURE__ */ p(
2257
2297
  N,
2258
2298
  {
2259
2299
  ...g("group"),
2260
- ref: t,
2261
- variant: d,
2300
+ ref: r,
2301
+ variant: f,
2262
2302
  mod: [{ "data-orientation": l }, m],
2263
2303
  role: "group",
2264
2304
  ...y
2265
2305
  }
2266
2306
  );
2267
2307
  });
2268
- Pr.classes = Y;
2269
- Pr.displayName = "@mantine/core/ButtonGroup";
2270
- const Gr = {}, Se = (r, { radius: t, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
2271
- const s = r.variantColorResolver({
2272
- color: e || r.primaryColor,
2273
- theme: r,
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,
2274
2314
  gradient: n,
2275
2315
  variant: a || "filled",
2276
2316
  autoContrast: o
@@ -2279,27 +2319,27 @@ const Gr = {}, Se = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
2279
2319
  groupSection: {
2280
2320
  "--section-height": O(i, "section-height"),
2281
2321
  "--section-padding-x": O(i, "section-padding-x"),
2282
- "--section-fz": i != null && i.includes("compact") ? nr(i.replace("compact-", "")) : nr(i),
2283
- "--section-radius": t === void 0 ? void 0 : qr(t),
2322
+ "--section-fz": i != null && i.includes("compact") ? nt(i.replace("compact-", "")) : nt(i),
2323
+ "--section-radius": r === void 0 ? void 0 : qt(r),
2284
2324
  "--section-bg": e || a ? s.background : void 0,
2285
2325
  "--section-color": s.color,
2286
2326
  "--section-bd": e || a ? s.border : void 0
2287
2327
  }
2288
2328
  };
2289
- }, _r = Mr((r, t) => {
2290
- const e = B("ButtonGroupSection", Gr, r), {
2329
+ }, Pt = Mt((t, r) => {
2330
+ const e = I("ButtonGroupSection", Gt, t), {
2291
2331
  className: n,
2292
2332
  style: a,
2293
2333
  classNames: o,
2294
2334
  styles: i,
2295
2335
  unstyled: s,
2296
2336
  vars: l,
2297
- variant: f,
2337
+ variant: d,
2298
2338
  gradient: u,
2299
- radius: d,
2339
+ radius: f,
2300
2340
  autoContrast: m,
2301
2341
  ...y
2302
- } = B("ButtonGroupSection", Gr, r), g = Q({
2342
+ } = I("ButtonGroupSection", Gt, t), g = Q({
2303
2343
  name: "ButtonGroupSection",
2304
2344
  props: e,
2305
2345
  classes: Y,
@@ -2309,22 +2349,22 @@ const Gr = {}, Se = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
2309
2349
  styles: i,
2310
2350
  unstyled: s,
2311
2351
  vars: l,
2312
- varsResolver: Se,
2352
+ varsResolver: we,
2313
2353
  rootSelector: "groupSection"
2314
2354
  });
2315
- return /* @__PURE__ */ p(N, { ...g("groupSection"), ref: t, variant: f, ...y });
2355
+ return /* @__PURE__ */ p(N, { ...g("groupSection"), ref: r, variant: d, ...y });
2316
2356
  });
2317
- _r.classes = Y;
2318
- _r.displayName = "@mantine/core/ButtonGroupSection";
2319
- const we = {
2357
+ Pt.classes = Y;
2358
+ Pt.displayName = "@mantine/core/ButtonGroupSection";
2359
+ const Ce = {
2320
2360
  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${c(1)}))` },
2321
2361
  out: { opacity: 0, transform: "translate(-50%, -200%)" },
2322
2362
  common: { transformOrigin: "center" },
2323
2363
  transitionProperty: "transform, opacity"
2324
- }, Ce = {}, xe = (r, { radius: t, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
2325
- const l = r.variantColorResolver({
2326
- color: e || r.primaryColor,
2327
- theme: r,
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,
2328
2368
  gradient: n,
2329
2369
  variant: a || "filled",
2330
2370
  autoContrast: s
@@ -2334,8 +2374,8 @@ const we = {
2334
2374
  "--button-justify": i,
2335
2375
  "--button-height": O(o, "button-height"),
2336
2376
  "--button-padding-x": O(o, "button-padding-x"),
2337
- "--button-fz": o != null && o.includes("compact") ? nr(o.replace("compact-", "")) : nr(o),
2338
- "--button-radius": t === void 0 ? void 0 : qr(t),
2377
+ "--button-fz": o != null && o.includes("compact") ? nt(o.replace("compact-", "")) : nt(o),
2378
+ "--button-radius": r === void 0 ? void 0 : qt(r),
2339
2379
  "--button-bg": e || a ? l.background : void 0,
2340
2380
  "--button-hover": e || a ? l.hover : void 0,
2341
2381
  "--button-color": l.color,
@@ -2343,17 +2383,17 @@ const we = {
2343
2383
  "--button-hover-color": e || a ? l.hoverColor : void 0
2344
2384
  }
2345
2385
  };
2346
- }, K = st((r, t) => {
2347
- const e = B("Button", Ce, r), {
2386
+ }, K = sr((t, r) => {
2387
+ const e = I("Button", xe, t), {
2348
2388
  style: n,
2349
2389
  vars: a,
2350
2390
  className: o,
2351
2391
  color: i,
2352
2392
  disabled: s,
2353
2393
  children: l,
2354
- leftSection: f,
2394
+ leftSection: d,
2355
2395
  rightSection: u,
2356
- fullWidth: d,
2396
+ fullWidth: f,
2357
2397
  variant: m,
2358
2398
  radius: y,
2359
2399
  loading: g,
@@ -2376,12 +2416,12 @@ const we = {
2376
2416
  styles: x,
2377
2417
  unstyled: v,
2378
2418
  vars: a,
2379
- varsResolver: xe
2380
- }), E = !!f, or = !!u;
2419
+ varsResolver: ke
2420
+ }), E = !!d, ot = !!u;
2381
2421
  return /* @__PURE__ */ z(
2382
- Rr,
2422
+ Rt,
2383
2423
  {
2384
- ref: t,
2424
+ ref: r,
2385
2425
  ...S("root", { active: !s && !g && !w }),
2386
2426
  unstyled: v,
2387
2427
  variant: m,
@@ -2390,16 +2430,16 @@ const we = {
2390
2430
  {
2391
2431
  disabled: s || w,
2392
2432
  loading: g,
2393
- block: d,
2433
+ block: f,
2394
2434
  "with-left-section": E,
2395
- "with-right-section": or
2435
+ "with-right-section": ot
2396
2436
  },
2397
2437
  b
2398
2438
  ],
2399
2439
  ...k,
2400
2440
  children: [
2401
- /* @__PURE__ */ p(lt, { mounted: !!g, transition: we, duration: 150, children: (ar) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: ar }), "aria-hidden": !0, children: /* @__PURE__ */ p(
2402
- er,
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,
2403
2443
  {
2404
2444
  color: "var(--button-color)",
2405
2445
  size: "calc(var(--button-height) / 1.8)",
@@ -2407,7 +2447,7 @@ const we = {
2407
2447
  }
2408
2448
  ) }) }),
2409
2449
  /* @__PURE__ */ z("span", { ...S("inner"), children: [
2410
- f && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: f }),
2450
+ d && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: d }),
2411
2451
  /* @__PURE__ */ p(N, { component: "span", mod: { loading: g }, ...S("label"), children: l }),
2412
2452
  u && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "right" }, children: u })
2413
2453
  ] })
@@ -2417,13 +2457,16 @@ const we = {
2417
2457
  });
2418
2458
  K.classes = Y;
2419
2459
  K.displayName = "@mantine/core/Button";
2420
- K.Group = Pr;
2421
- K.GroupSection = _r;
2422
- function Re({ children: r }) {
2423
- return /* @__PURE__ */ p(nt, { children: r });
2460
+ K.Group = _t;
2461
+ K.GroupSection = Pt;
2462
+ function Ee({ children: t }) {
2463
+ return /* @__PURE__ */ p(nr, { children: t });
2424
2464
  }
2425
- const Pe = (r) => /* @__PURE__ */ p(K, { ...r });
2465
+ const Ae = (t) => /* @__PURE__ */ p(K, { ...t });
2426
2466
  export {
2427
- Re as MantineProvider,
2428
- Pe as TestButton
2467
+ Pe as ColorSchemeScript,
2468
+ Ee as MantineProvider,
2469
+ Ae as TestButton,
2470
+ _e as mantineDefaultStyles,
2471
+ Le as mantineHtmlProps
2429
2472
  };