@kvell-group/ui 1.6.0 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.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 W, useEffect as A, useLayoutEffect as Wt, createContext as Dr, useContext as $r, useMemo as zt, useCallback as Lr, useId as Yt, forwardRef as _ } 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,66 +45,66 @@ function Xr(r, { shouldScale: t = !1 } = {}) {
42
45
  return n.split(",").map((o) => e(o)).join(",");
43
46
  if (n.includes(" "))
44
47
  return n.split(" ").map((o) => e(o)).join(" ");
45
- if (n.includes(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)
98
+ const [n, a] = rt(
99
+ e ? r : Qr(t)
97
100
  ), o = W(null);
98
101
  return A(() => {
99
102
  if ("matchMedia" in window)
100
- return o.current = window.matchMedia(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" ? Wt : A;
104
- function Zt(r, t) {
106
+ const Qt = typeof document < "u" ? Wr : A;
107
+ function Zr(t, r) {
105
108
  const e = W(!1);
106
109
  A(
107
110
  () => () => {
@@ -110,50 +113,50 @@ function Zt(r, t) {
110
113
  []
111
114
  ), A(() => {
112
115
  if (e.current)
113
- return 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 B() {
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] = B(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 gr({ 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);
154
+ const Zt = Dt(null);
152
155
  function P() {
153
- const r = $r(Zr);
154
- if (!r)
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
162
  return P().cssVariablesResolver;
@@ -161,7 +164,7 @@ function nn() {
161
164
  function en() {
162
165
  return P().classNamesPrefix;
163
166
  }
164
- function Cr() {
167
+ function Ct() {
165
168
  return P().getStyleNonce;
166
169
  }
167
170
  function on() {
@@ -171,24 +174,24 @@ function an() {
171
174
  return P().headless;
172
175
  }
173
176
  function sn() {
174
- var r;
175
- return (r = P().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 = P().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
185
  return P().env || "default";
183
186
  }
184
- function dn(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 fn(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 fn(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 fn(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,
@@ -228,150 +231,150 @@ function mn(r) {
228
231
  a: 1
229
232
  };
230
233
  const n = parseInt(e[1], 10), a = parseInt(e[2], 10) / 100, o = parseInt(e[3], 10) / 100, i = e[5] ? parseFloat(e[5]) : void 0, s = (1 - Math.abs(2 * o - 1)) * a, l = n / 60, d = s * (1 - Math.abs(l % 2 - 1)), u = o - s / 2;
231
- let f, m, g;
232
- return l >= 0 && l < 1 ? (f = s, m = d, g = 0) : l >= 1 && l < 2 ? (f = d, m = s, g = 0) : l >= 2 && l < 3 ? (f = 0, m = s, g = d) : l >= 3 && l < 4 ? (f = 0, m = d, g = s) : l >= 4 && l < 5 ? (f = d, m = 0, g = s) : (f = s, m = 0, g = d), {
234
+ let f, m, y;
235
+ return l >= 0 && l < 1 ? (f = s, m = d, y = 0) : l >= 1 && l < 2 ? (f = d, m = s, y = 0) : l >= 2 && l < 3 ? (f = 0, m = s, y = d) : l >= 3 && l < 4 ? (f = 0, m = d, y = s) : l >= 4 && l < 5 ? (f = d, m = 0, y = s) : (f = s, m = 0, y = d), {
233
236
  r: Math.round((f + u) * 255),
234
237
  g: Math.round((m + u) * 255),
235
- b: Math.round((g + u) * 255),
238
+ b: Math.round((y + u) * 255),
236
239
  a: i || 1
237
240
  };
238
241
  }
239
- function xr(r) {
240
- return dn(r) ? fn(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 gn(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), d = cr(i);
266
+ function yn(t) {
267
+ if (t.startsWith("oklch("))
268
+ return (pn(t) || 0) / 100;
269
+ const { r, g: e, b: n } = xt(t), a = r / 255, o = e / 255, i = n / 255, s = ct(a), l = ct(o), d = ct(i);
267
270
  return 0.2126 * s + 0.7152 * l + 0.0722 * d;
268
271
  }
269
- function G(r, t = 0.179) {
270
- return r.startsWith("var(") ? !1 : gn(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 yr(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 = yr(e.from, t), a = yr(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, yn = ({
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, yn = ({
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, yn = ({
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, yn = ({
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, yn = ({
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, yn = ({
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, yn = ({
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",
@@ -670,10 +673,10 @@ const j = R, yn = ({
670
673
  colors: bn,
671
674
  primaryShade: { light: 6, dark: 8 },
672
675
  primaryColor: "blue",
673
- variantColorResolver: yn,
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, yn = ({
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, yn = ({
747
750
  other: {},
748
751
  components: {}
749
752
  };
750
- function Ir(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 Ir(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 && Ir(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", Br = "[@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(Br);
800
- if (typeof r.primaryShade == "number" && !lr(r.primaryShade))
801
- throw new Error(Br);
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 dr(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 = dr(r.variables), n = e ? D(t, e) : "", a = dr(r.dark), o = dr(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,87 +1032,87 @@ 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 fr = 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
- fr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
1057
- }), M(r.light).forEach((e) => {
1058
- fr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
1059
- }), M(r.dark).forEach((e) => {
1060
- fr.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 H(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
1100
  function _n({
1098
- manager: r,
1099
- defaultColorScheme: t,
1101
+ manager: t,
1102
+ defaultColorScheme: r,
1100
1103
  getRootElement: e,
1101
1104
  forceColorScheme: n
1102
1105
  }) {
1103
- const a = W(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 || (H(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
- ), d = Lr(() => {
1109
- i(t), H(t, e), r.clear();
1110
- }, [r.clear, t]);
1111
- return A(() => (r.subscribe(l), r.unsubscribe), [r.subscribe, r.unsubscribe]), Qr(() => {
1112
- H(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
1117
  var f;
1115
1118
  if (n)
@@ -1126,18 +1129,18 @@ function _n({
1126
1129
  }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: d };
1127
1130
  }
1128
1131
  function Pn({
1129
- respectReducedMotion: r,
1130
- getRootElement: t
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,
@@ -1149,21 +1152,21 @@ function nt({
1149
1152
  defaultColorScheme: u = "light",
1150
1153
  getRootElement: f = () => document.documentElement,
1151
1154
  cssVariablesResolver: m,
1152
- forceColorScheme: g,
1153
- stylesTransform: y,
1155
+ forceColorScheme: y,
1156
+ stylesTransform: g,
1154
1157
  env: $
1155
1158
  }) {
1156
1159
  const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = _n({
1157
1160
  defaultColorScheme: u,
1158
- forceColorScheme: g,
1161
+ forceColorScheme: y,
1159
1162
  manager: d,
1160
1163
  getRootElement: f
1161
1164
  });
1162
1165
  return Pn({
1163
- respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
1166
+ respectReducedMotion: (t == null ? void 0 : t.respectReducedMotion) || !1,
1164
1167
  getRootElement: f
1165
1168
  }), /* @__PURE__ */ p(
1166
- Zr.Provider,
1169
+ Zt.Provider,
1167
1170
  {
1168
1171
  value: {
1169
1172
  colorScheme: h,
@@ -1175,102 +1178,102 @@ function nt({
1175
1178
  cssVariablesResolver: m,
1176
1179
  cssVariablesSelector: s,
1177
1180
  withStaticClasses: n,
1178
- stylesTransform: y,
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 B(
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 In({ 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 Bn({
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,
@@ -1282,60 +1285,60 @@ function Fn({
1282
1285
  props: u,
1283
1286
  stylesCtx: f,
1284
1287
  withStaticClasses: m,
1285
- headless: g,
1286
- transformedStyles: y
1288
+ headless: y,
1289
+ transformedStyles: g
1287
1290
  }) {
1288
- return B(
1289
- En({ theme: r, options: t, unstyled: s || g }),
1290
- Vn({ theme: r, themeName: e, selector: n, props: u, stylesCtx: f }),
1291
- jn({ options: t, classes: i, selector: n, unstyled: s }),
1292
- Fr({ selector: n, stylesCtx: f, theme: r, classNames: o, props: u }),
1293
- Fr({ selector: n, stylesCtx: f, theme: r, classNames: y, props: u }),
1294
- An({ selector: n, stylesCtx: f, options: t, props: u, theme: r }),
1291
+ return j(
1292
+ En({ theme: t, options: r, unstyled: s || y }),
1293
+ Bn({ theme: t, themeName: e, selector: n, props: u, stylesCtx: f }),
1294
+ Vn({ options: r, classes: i, selector: n, unstyled: s }),
1295
+ Ft({ selector: n, stylesCtx: f, theme: t, classNames: o, props: u }),
1296
+ Ft({ selector: n, stylesCtx: f, theme: t, classNames: g, props: u }),
1297
+ An({ selector: n, stylesCtx: f, options: r, props: u, theme: t }),
1295
1298
  On({ rootSelector: d, selector: n, className: l }),
1296
- In({ selector: n, classes: i, unstyled: s || g }),
1297
- m && !g && Bn({
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
1309
  function Hn({
1307
- theme: r,
1308
- themeName: t,
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 gr({
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 Wn(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,
@@ -1345,17 +1348,17 @@ function zn({
1345
1348
  }) {
1346
1349
  var l;
1347
1350
  return (l = Wn([
1348
- s ? {} : t == null ? void 0 : t(e, n, a),
1351
+ s ? {} : r == null ? void 0 : r(e, n, a),
1349
1352
  ...i.map((d) => {
1350
1353
  var u, f, m;
1351
1354
  return (m = (f = (u = e.components) == null ? void 0 : u[d]) == null ? void 0 : f.vars) == null ? void 0 : m.call(f, e, n, a);
1352
1355
  }),
1353
- 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,
@@ -1369,26 +1372,26 @@ function Yn({
1369
1372
  withStylesTransform: m
1370
1373
  }) {
1371
1374
  return {
1372
- ...!m && Hn({ theme: r, themeName: t, props: a, stylesCtx: o, selector: e }),
1373
- ...!m && gr({ theme: r, styles: s, props: a, stylesCtx: o })[e],
1374
- ...!m && gr({ 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: d, varsResolver: u, selector: e, themeName: t, headless: f }),
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
- (d) => a(d, { props: r, theme: n, ctx: t })
1389
+ (d) => a(d, { props: t, theme: n, ctx: r })
1387
1390
  ),
1388
1391
  ...e.map(
1389
1392
  (d) => {
1390
1393
  var u;
1391
- return a((u = n.components[d]) == null ? void 0 : u.styles, { props: 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,
@@ -1409,7 +1412,7 @@ function Q({
1409
1412
  vars: u,
1410
1413
  varsResolver: f
1411
1414
  }) {
1412
- const m = V(), g = en(), y = 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
@@ -1420,15 +1423,15 @@ function Q({
1420
1423
  options: w,
1421
1424
  themeName: h,
1422
1425
  selector: v,
1423
- classNamesPrefix: g,
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,
1429
1432
  props: e,
1430
1433
  stylesCtx: n,
1431
- withStaticClasses: y,
1434
+ withStaticClasses: g,
1432
1435
  headless: $,
1433
1436
  transformedStyles: x([w == null ? void 0 : w.styles, d])
1434
1437
  }),
@@ -1450,23 +1453,23 @@ function Q({
1450
1453
  });
1451
1454
  }
1452
1455
  const Dn = ({
1453
- defaultColorScheme: r,
1454
- localStorageKey: t,
1456
+ defaultColorScheme: t,
1457
+ localStorageKey: r,
1455
1458
  forceColorScheme: e
1456
1459
  }) => e ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${e}');` : `try {
1457
- var _colorScheme = window.localStorage.getItem("${t}");
1458
- var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${r}";
1460
+ var _colorScheme = window.localStorage.getItem("${r}");
1461
+ var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${t}";
1459
1462
  var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
1460
1463
  document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
1461
1464
  } catch (e) {}
1462
1465
  `;
1463
- function _e({
1464
- defaultColorScheme: r = "light",
1465
- localStorageKey: t = "mantine-color-scheme-value",
1466
+ function Pe({
1467
+ defaultColorScheme: t = "light",
1468
+ localStorageKey: r = "mantine-color-scheme-value",
1466
1469
  forceColorScheme: e,
1467
1470
  ...n
1468
1471
  }) {
1469
- const a = ["light", "dark", "auto"].includes(r) ? r : "light";
1472
+ const a = ["light", "dark", "auto"].includes(t) ? t : "light";
1470
1473
  return /* @__PURE__ */ p(
1471
1474
  "script",
1472
1475
  {
@@ -1475,48 +1478,48 @@ function _e({
1475
1478
  dangerouslySetInnerHTML: {
1476
1479
  __html: Dn({
1477
1480
  defaultColorScheme: a,
1478
- localStorageKey: t,
1481
+ localStorageKey: r,
1479
1482
  forceColorScheme: e
1480
1483
  })
1481
1484
  }
1482
1485
  }
1483
1486
  );
1484
1487
  }
1485
- function I(r, t, e) {
1488
+ function I(t, r, e) {
1486
1489
  var i;
1487
- const n = V(), a = (i = n.components[r]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
1488
- 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) };
1489
1492
  }
1490
- const Pe = {
1493
+ const Le = {
1491
1494
  suppressHydrationWarning: !0,
1492
1495
  "data-mantine-color-scheme": "light"
1493
1496
  };
1494
- function ur(r) {
1495
- return M(r).reduce(
1496
- (t, e) => r[e] !== void 0 ? `${t}${Dt(e)}:${r[e]};` : t,
1497
+ function ut(t) {
1498
+ return M(t).reduce(
1499
+ (r, e) => t[e] !== void 0 ? `${r}${Dr(e)}:${t[e]};` : r,
1497
1500
  ""
1498
1501
  ).trim();
1499
1502
  }
1500
- function Xn({ selector: r, styles: t, media: e, container: n }) {
1501
- 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(
1502
- (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)}}}`
1503
1506
  ) : [];
1504
- return `${a ? `${r}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
1507
+ return `${a ? `${t}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
1505
1508
  }
1506
- function Un(r) {
1507
- const t = Cr();
1509
+ function Un(t) {
1510
+ const r = Ct();
1508
1511
  return /* @__PURE__ */ p(
1509
1512
  "style",
1510
1513
  {
1511
1514
  "data-mantine-styles": "inline",
1512
- nonce: t == null ? void 0 : t(),
1513
- dangerouslySetInnerHTML: { __html: Xn(r) }
1515
+ nonce: r == null ? void 0 : r(),
1516
+ dangerouslySetInnerHTML: { __html: Xn(t) }
1514
1517
  }
1515
1518
  );
1516
1519
  }
1517
- function qn(r) {
1520
+ function qn(t) {
1518
1521
  const {
1519
- m: t,
1522
+ m: r,
1520
1523
  mx: e,
1521
1524
  my: n,
1522
1525
  mt: a,
@@ -1528,8 +1531,8 @@ function qn(r) {
1528
1531
  p: u,
1529
1532
  px: f,
1530
1533
  py: m,
1531
- pt: g,
1532
- pb: y,
1534
+ pt: y,
1535
+ pb: g,
1533
1536
  pl: $,
1534
1537
  pr: h,
1535
1538
  pe: C,
@@ -1541,39 +1544,39 @@ function qn(r) {
1541
1544
  ff: k,
1542
1545
  fz: S,
1543
1546
  fw: E,
1544
- lts: or,
1545
- ta: ar,
1546
- lh: pt,
1547
- fs: gt,
1548
- tt: yt,
1549
- td: bt,
1550
- w: ht,
1551
- miw: $t,
1552
- maw: vt,
1553
- h: St,
1554
- mih: wt,
1555
- mah: Ct,
1556
- bgsz: xt,
1557
- bgp: kt,
1558
- bgr: Nt,
1559
- bga: Tt,
1560
- pos: Mt,
1561
- top: Rt,
1562
- left: _t,
1563
- bottom: Pt,
1564
- right: Lt,
1565
- inset: Et,
1566
- display: At,
1567
- flex: Ot,
1568
- hiddenFrom: It,
1569
- visibleFrom: Bt,
1570
- lightHidden: Vt,
1571
- darkHidden: jt,
1572
- sx: Ft,
1573
- ...Ht
1574
- } = r;
1575
- return { styleProps: Sr({
1576
- 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,
1577
1580
  mx: e,
1578
1581
  my: n,
1579
1582
  mt: a,
@@ -1585,8 +1588,8 @@ function qn(r) {
1585
1588
  p: u,
1586
1589
  px: f,
1587
1590
  py: m,
1588
- pt: g,
1589
- pb: y,
1591
+ pt: y,
1592
+ pb: g,
1590
1593
  pl: $,
1591
1594
  pr: h,
1592
1595
  pe: C,
@@ -1598,36 +1601,36 @@ function qn(r) {
1598
1601
  ff: k,
1599
1602
  fz: S,
1600
1603
  fw: E,
1601
- lts: or,
1602
- ta: ar,
1603
- lh: pt,
1604
- fs: gt,
1605
- tt: yt,
1606
- td: bt,
1607
- w: ht,
1608
- miw: $t,
1609
- maw: vt,
1610
- h: St,
1611
- mih: wt,
1612
- mah: Ct,
1613
- bgsz: xt,
1614
- bgp: kt,
1615
- bgr: Nt,
1616
- bga: Tt,
1617
- pos: Mt,
1618
- top: Rt,
1619
- left: _t,
1620
- bottom: Pt,
1621
- right: Lt,
1622
- inset: Et,
1623
- display: At,
1624
- flex: Ot,
1625
- hiddenFrom: It,
1626
- visibleFrom: Bt,
1627
- lightHidden: Vt,
1628
- darkHidden: jt,
1629
- sx: Ft
1630
- }), rest: Ht };
1604
+ lts: ot,
1605
+ ta: at,
1606
+ lh: pr,
1607
+ fs: yr,
1608
+ tt: gr,
1609
+ td: br,
1610
+ w: hr,
1611
+ miw: $r,
1612
+ maw: vr,
1613
+ h: Sr,
1614
+ mih: wr,
1615
+ mah: Cr,
1616
+ bgsz: xr,
1617
+ bgp: kr,
1618
+ bgr: Nr,
1619
+ bga: Tr,
1620
+ pos: Mr,
1621
+ top: Rr,
1622
+ left: _r,
1623
+ bottom: Pr,
1624
+ right: Lr,
1625
+ inset: Er,
1626
+ display: Ar,
1627
+ flex: Or,
1628
+ hiddenFrom: Ir,
1629
+ visibleFrom: jr,
1630
+ lightHidden: Br,
1631
+ darkHidden: Vr,
1632
+ sx: Fr
1633
+ }), rest: Hr };
1631
1634
  }
1632
1635
  const Qn = {
1633
1636
  m: { type: "spacing", property: "margin" },
@@ -1680,64 +1683,64 @@ const Qn = {
1680
1683
  display: { type: "identity", property: "display" },
1681
1684
  flex: { type: "identity", property: "flex" }
1682
1685
  };
1683
- function Tr(r, t) {
1684
- const e = q({ color: r, theme: t });
1686
+ function Tt(t, r) {
1687
+ const e = q({ color: t, theme: r });
1685
1688
  return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
1686
1689
  }
1687
- function Kn(r, t) {
1688
- const e = q({ color: r, theme: t });
1689
- 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);
1690
1693
  }
1691
- function Zn(r, t) {
1692
- if (typeof r == "number")
1693
- return c(r);
1694
- if (typeof r == "string") {
1695
- 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() !== "");
1696
1699
  let o = `${c(e)}`;
1697
- 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();
1698
1701
  }
1699
- return r;
1702
+ return t;
1700
1703
  }
1701
- const Hr = {
1704
+ const Ht = {
1702
1705
  text: "var(--mantine-font-family)",
1703
1706
  mono: "var(--mantine-font-family-monospace)",
1704
1707
  monospace: "var(--mantine-font-family-monospace)",
1705
1708
  heading: "var(--mantine-font-family-headings)",
1706
1709
  headings: "var(--mantine-font-family-headings)"
1707
1710
  };
1708
- function Jn(r) {
1709
- return typeof r == "string" && r in Hr ? Hr[r] : r;
1711
+ function Jn(t) {
1712
+ return typeof t == "string" && t in Ht ? Ht[t] : t;
1710
1713
  }
1711
- const re = ["h1", "h2", "h3", "h4", "h5", "h6"];
1712
- function te(r, t) {
1713
- return typeof r == "string" && r in t.fontSizes ? `var(--mantine-font-size-${r})` : typeof r == "string" && re.includes(r) ? `var(--mantine-${r}-font-size)` : typeof r == "number" || typeof r == "string" ? c(r) : r;
1714
+ const te = ["h1", "h2", "h3", "h4", "h5", "h6"];
1715
+ function re(t, r) {
1716
+ return typeof t == "string" && t in r.fontSizes ? `var(--mantine-font-size-${t})` : typeof t == "string" && te.includes(t) ? `var(--mantine-${t}-font-size)` : typeof t == "number" || typeof t == "string" ? c(t) : t;
1714
1717
  }
1715
- function ne(r) {
1716
- return r;
1718
+ function ne(t) {
1719
+ return t;
1717
1720
  }
1718
1721
  const ee = ["h1", "h2", "h3", "h4", "h5", "h6"];
1719
- function oe(r, t) {
1720
- return typeof r == "string" && r in t.lineHeights ? `var(--mantine-line-height-${r})` : typeof r == "string" && ee.includes(r) ? `var(--mantine-${r}-line-height)` : r;
1721
- }
1722
- function ae(r) {
1723
- return typeof r == "number" ? c(r) : r;
1724
- }
1725
- function ie(r, t) {
1726
- if (typeof r == "number")
1727
- return c(r);
1728
- if (typeof r == "string") {
1729
- const e = r.replace("-", "");
1730
- if (!(e in t.spacing))
1731
- return c(r);
1722
+ function oe(t, r) {
1723
+ return typeof t == "string" && t in r.lineHeights ? `var(--mantine-line-height-${t})` : typeof t == "string" && ee.includes(t) ? `var(--mantine-${t}-line-height)` : t;
1724
+ }
1725
+ function ae(t) {
1726
+ return typeof t == "number" ? c(t) : t;
1727
+ }
1728
+ function ie(t, r) {
1729
+ if (typeof t == "number")
1730
+ return c(t);
1731
+ if (typeof t == "string") {
1732
+ const e = t.replace("-", "");
1733
+ if (!(e in r.spacing))
1734
+ return c(t);
1732
1735
  const n = `--mantine-spacing-${e}`;
1733
- return r.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
1736
+ return t.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
1734
1737
  }
1735
- return r;
1738
+ return t;
1736
1739
  }
1737
- const mr = {
1738
- color: Tr,
1740
+ const mt = {
1741
+ color: Tt,
1739
1742
  textColor: Kn,
1740
- fontSize: te,
1743
+ fontSize: re,
1741
1744
  spacing: ie,
1742
1745
  identity: ne,
1743
1746
  size: ae,
@@ -1745,55 +1748,55 @@ const mr = {
1745
1748
  fontFamily: Jn,
1746
1749
  border: Zn
1747
1750
  };
1748
- function Wr(r) {
1749
- return r.replace("(min-width: ", "").replace("em)", "");
1751
+ function Wt(t) {
1752
+ return t.replace("(min-width: ", "").replace("em)", "");
1750
1753
  }
1751
1754
  function se({
1752
- media: r,
1753
- ...t
1755
+ media: t,
1756
+ ...r
1754
1757
  }) {
1755
- const n = Object.keys(r).sort((a, o) => Number(Wr(a)) - Number(Wr(o))).map((a) => ({ query: a, styles: r[a] }));
1756
- 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 };
1757
1760
  }
1758
- function ce(r) {
1759
- if (typeof r != "object" || r === null)
1761
+ function ce(t) {
1762
+ if (typeof t != "object" || t === null)
1760
1763
  return !1;
1761
- const t = Object.keys(r);
1762
- return !(t.length === 1 && t[0] === "base");
1764
+ const r = Object.keys(t);
1765
+ return !(r.length === 1 && r[0] === "base");
1763
1766
  }
1764
- function le(r) {
1765
- 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;
1766
1769
  }
1767
- function de(r) {
1768
- 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") : [];
1769
1772
  }
1770
- function fe(r, t) {
1771
- 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;
1772
1775
  }
1773
1776
  function ue({
1774
- styleProps: r,
1775
- data: t,
1777
+ styleProps: t,
1778
+ data: r,
1776
1779
  theme: e
1777
1780
  }) {
1778
1781
  return se(
1779
- M(r).reduce(
1782
+ M(t).reduce(
1780
1783
  (n, a) => {
1781
1784
  if (a === "hiddenFrom" || a === "visibleFrom" || a === "sx")
1782
1785
  return n;
1783
- const o = t[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(r[a]);
1784
- if (!ce(r[a]))
1786
+ const o = r[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(t[a]);
1787
+ if (!ce(t[a]))
1785
1788
  return i.forEach((d) => {
1786
- n.inlineStyles[d] = mr[o.type](s, e);
1789
+ n.inlineStyles[d] = mt[o.type](s, e);
1787
1790
  }), n;
1788
1791
  n.hasResponsiveStyles = !0;
1789
- const l = de(r[a]);
1792
+ const l = de(t[a]);
1790
1793
  return i.forEach((d) => {
1791
- s && (n.styles[d] = mr[o.type](s, e)), l.forEach((u) => {
1794
+ s && (n.styles[d] = mt[o.type](s, e)), l.forEach((u) => {
1792
1795
  const f = `(min-width: ${e.breakpoints[u]})`;
1793
1796
  n.media[f] = {
1794
1797
  ...n.media[f],
1795
- [d]: mr[o.type](
1796
- fe(r[a], u),
1798
+ [d]: mt[o.type](
1799
+ fe(t[a], u),
1797
1800
  e
1798
1801
  )
1799
1802
  };
@@ -1810,42 +1813,42 @@ function ue({
1810
1813
  );
1811
1814
  }
1812
1815
  function me() {
1813
- return `__m__-${Yt().replace(/:/g, "")}`;
1816
+ return `__m__-${Yr().replace(/:/g, "")}`;
1814
1817
  }
1815
- function et(r) {
1816
- return r.startsWith("data-") ? r : `data-${r}`;
1818
+ function er(t) {
1819
+ return t.startsWith("data-") ? t : `data-${t}`;
1817
1820
  }
1818
- function pe(r) {
1819
- return Object.keys(r).reduce((t, e) => {
1820
- const n = r[e];
1821
- 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;
1822
1825
  }, {});
1823
1826
  }
1824
- function ot(r) {
1825
- return r ? typeof r == "string" ? { [et(r)]: !0 } : Array.isArray(r) ? [...r].reduce(
1826
- (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) }),
1827
1830
  {}
1828
- ) : pe(r) : null;
1831
+ ) : pe(t) : null;
1829
1832
  }
1830
- function hr(r, t) {
1831
- return Array.isArray(r) ? [...r].reduce(
1832
- (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) }),
1833
1836
  {}
1834
- ) : typeof r == "function" ? r(t) : r ?? {};
1837
+ ) : typeof t == "function" ? t(r) : t ?? {};
1835
1838
  }
1836
- function ge({
1837
- theme: r,
1838
- style: t,
1839
+ function ye({
1840
+ theme: t,
1841
+ style: r,
1839
1842
  vars: e,
1840
1843
  styleProps: n
1841
1844
  }) {
1842
- const a = hr(t, r), o = hr(e, r);
1845
+ const a = ht(r, t), o = ht(e, t);
1843
1846
  return { ...a, ...o, ...n };
1844
1847
  }
1845
- const at = _(
1848
+ const ar = _(
1846
1849
  ({
1847
- component: r,
1848
- style: t,
1850
+ component: t,
1851
+ style: r,
1849
1852
  __vars: e,
1850
1853
  className: n,
1851
1854
  variant: a,
@@ -1857,22 +1860,22 @@ const at = _(
1857
1860
  darkHidden: u,
1858
1861
  renderRoot: f,
1859
1862
  __size: m,
1860
- ...g
1861
- }, y) => {
1863
+ ...y
1864
+ }, g) => {
1862
1865
  var S;
1863
- const $ = V(), h = r || "div", { styleProps: C, rest: x } = qn(g), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = me(), b = ue({
1866
+ const $ = B(), h = t || "div", { styleProps: C, rest: x } = qn(y), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = me(), b = ue({
1864
1867
  styleProps: C,
1865
1868
  theme: $,
1866
1869
  data: Qn
1867
1870
  }), k = {
1868
- ref: y,
1869
- style: ge({
1871
+ ref: g,
1872
+ style: ye({
1870
1873
  theme: $,
1871
- style: t,
1874
+ style: r,
1872
1875
  vars: e,
1873
1876
  styleProps: b.inlineStyles
1874
1877
  }),
1875
- className: B(n, w, {
1878
+ className: j(n, w, {
1876
1879
  [L]: b.hasResponsiveStyles,
1877
1880
  "mantine-light-hidden": d,
1878
1881
  "mantine-dark-hidden": u,
@@ -1880,12 +1883,12 @@ const at = _(
1880
1883
  [`mantine-visible-from-${l}`]: l
1881
1884
  }),
1882
1885
  "data-variant": a,
1883
- "data-size": Ur(i) ? void 0 : i || void 0,
1886
+ "data-size": Ut(i) ? void 0 : i || void 0,
1884
1887
  size: m,
1885
- ...ot(o),
1888
+ ...or(o),
1886
1889
  ...x
1887
1890
  };
1888
- return /* @__PURE__ */ z(pr, { children: [
1891
+ return /* @__PURE__ */ z(pt, { children: [
1889
1892
  b.hasResponsiveStyles && /* @__PURE__ */ p(
1890
1893
  Un,
1891
1894
  {
@@ -1898,31 +1901,31 @@ const at = _(
1898
1901
  ] });
1899
1902
  }
1900
1903
  );
1901
- at.displayName = "@mantine/core/Box";
1902
- const N = at;
1903
- function it(r) {
1904
- return r;
1905
- }
1906
- function Mr(r) {
1907
- const t = _(r);
1908
- return t.extend = it, t.withProps = (e) => {
1909
- const n = _((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
1910
- return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
1911
- }, t;
1912
- }
1913
- function st(r) {
1914
- const t = _(r);
1915
- return t.withProps = (e) => {
1916
- const n = _((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
1917
- return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
1918
- }, t.extend = it, t;
1919
- }
1920
- var ct = { root: "m_87cf2631" };
1921
- 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 = {
1922
1925
  __staticSelector: "UnstyledButton"
1923
- }, Rr = st(
1924
- (r, t) => {
1925
- const e = I("UnstyledButton", ye, r), {
1926
+ }, Rt = sr(
1927
+ (t, r) => {
1928
+ const e = I("UnstyledButton", ge, t), {
1926
1929
  className: n,
1927
1930
  component: a = "button",
1928
1931
  __staticSelector: o,
@@ -1934,7 +1937,7 @@ const ye = {
1934
1937
  } = e, f = Q({
1935
1938
  name: o,
1936
1939
  props: e,
1937
- classes: ct,
1940
+ classes: cr,
1938
1941
  className: n,
1939
1942
  style: d,
1940
1943
  classNames: s,
@@ -1946,20 +1949,20 @@ const ye = {
1946
1949
  {
1947
1950
  ...f("root", { focusable: !0 }),
1948
1951
  component: a,
1949
- ref: t,
1952
+ ref: r,
1950
1953
  type: a === "button" ? "button" : void 0,
1951
1954
  ...u
1952
1955
  }
1953
1956
  );
1954
1957
  }
1955
1958
  );
1956
- Rr.classes = ct;
1957
- Rr.displayName = "@mantine/core/UnstyledButton";
1958
- const X = (r) => ({
1959
+ Rt.classes = cr;
1960
+ Rt.displayName = "@mantine/core/UnstyledButton";
1961
+ const X = (t) => ({
1959
1962
  in: { opacity: 1, transform: "scale(1)" },
1960
- out: { opacity: 0, transform: `scale(.9) translateY(${r === "bottom" ? 10 : -10}px)` },
1963
+ out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
1961
1964
  transitionProperty: "transform, opacity"
1962
- }), rr = {
1965
+ }), tt = {
1963
1966
  fade: {
1964
1967
  in: { opacity: 1 },
1965
1968
  out: { opacity: 0 },
@@ -2071,7 +2074,7 @@ const X = (r) => ({
2071
2074
  ...X("top"),
2072
2075
  common: { transformOrigin: "top right" }
2073
2076
  }
2074
- }, zr = {
2077
+ }, zt = {
2075
2078
  entering: "in",
2076
2079
  entered: "in",
2077
2080
  exiting: "out",
@@ -2080,8 +2083,8 @@ const X = (r) => ({
2080
2083
  "pre-entering": "out"
2081
2084
  };
2082
2085
  function be({
2083
- transition: r,
2084
- state: t,
2086
+ transition: t,
2087
+ state: r,
2085
2088
  duration: e,
2086
2089
  timingFunction: n
2087
2090
  }) {
@@ -2091,21 +2094,21 @@ function be({
2091
2094
  transitionDuration: `${e}ms`,
2092
2095
  transitionTimingFunction: n
2093
2096
  };
2094
- return typeof r == "string" ? r in rr ? {
2095
- transitionProperty: rr[r].transitionProperty,
2097
+ return typeof t == "string" ? t in tt ? {
2098
+ transitionProperty: tt[t].transitionProperty,
2096
2099
  ...a,
2097
- ...rr[r].common,
2098
- ...rr[r][zr[t]]
2100
+ ...tt[t].common,
2101
+ ...tt[t][zt[r]]
2099
2102
  } : {} : {
2100
- transitionProperty: r.transitionProperty,
2103
+ transitionProperty: t.transitionProperty,
2101
2104
  ...a,
2102
- ...r.common,
2103
- ...r[zr[t]]
2105
+ ...t.common,
2106
+ ...t[zt[r]]
2104
2107
  };
2105
2108
  }
2106
2109
  function he({
2107
- duration: r,
2108
- exitDuration: t,
2110
+ duration: t,
2111
+ exitDuration: r,
2109
2112
  timingFunction: e,
2110
2113
  mounted: n,
2111
2114
  onEnter: a,
@@ -2115,12 +2118,12 @@ function he({
2115
2118
  enterDelay: l,
2116
2119
  exitDelay: d
2117
2120
  }) {
2118
- const u = V(), f = Jt(), m = u.respectReducedMotion ? f : !1, [g, y] = tr(m ? 0 : r), [$, h] = tr(n ? "entered" : "exited"), C = W(-1), x = W(-1), v = W(-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) => {
2119
2122
  const k = b ? a : o, S = b ? i : s;
2120
2123
  window.clearTimeout(C.current);
2121
- const E = m ? 0 : b ? r : t;
2122
- y(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
2123
- Gt.flushSync(() => {
2124
+ const E = m ? 0 : b ? t : r;
2125
+ g(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
2126
+ Gr.flushSync(() => {
2124
2127
  h(b ? "pre-entering" : "pre-exiting");
2125
2128
  }), v.current = requestAnimationFrame(() => {
2126
2129
  typeof k == "function" && k(), h(b ? "entering" : "exiting"), C.current = window.setTimeout(() => {
@@ -2140,7 +2143,7 @@ function he({
2140
2143
  b ? l : d
2141
2144
  );
2142
2145
  };
2143
- return Zt(() => {
2146
+ return Zr(() => {
2144
2147
  L(n);
2145
2148
  }, [n]), A(
2146
2149
  () => () => {
@@ -2148,14 +2151,14 @@ function he({
2148
2151
  },
2149
2152
  []
2150
2153
  ), {
2151
- transitionDuration: g,
2154
+ transitionDuration: y,
2152
2155
  transitionStatus: $,
2153
2156
  transitionTimingFunction: e || "ease"
2154
2157
  };
2155
2158
  }
2156
- function lt({
2157
- keepMounted: r,
2158
- transition: t = "fade",
2159
+ function lr({
2160
+ keepMounted: t,
2161
+ transition: r = "fade",
2159
2162
  duration: e = 250,
2160
2163
  exitDuration: n = e,
2161
2164
  mounted: a,
@@ -2168,7 +2171,7 @@ function lt({
2168
2171
  enterDelay: f,
2169
2172
  exitDelay: m
2170
2173
  }) {
2171
- const g = ln(), { transitionDuration: y, transitionStatus: $, transitionTimingFunction: h } = he({
2174
+ const y = ln(), { transitionDuration: g, transitionStatus: $, transitionTimingFunction: h } = he({
2172
2175
  mounted: a,
2173
2176
  exitDuration: n,
2174
2177
  duration: e,
@@ -2180,45 +2183,45 @@ function lt({
2180
2183
  enterDelay: f,
2181
2184
  exitDelay: m
2182
2185
  });
2183
- return y === 0 || g === "test" ? a ? /* @__PURE__ */ p(pr, { children: o({}) }) : r ? o({ display: "none" }) : null : $ === "exited" ? r ? o({ display: "none" }) : null : /* @__PURE__ */ p(pr, { children: o(
2186
+ return g === 0 || y === "test" ? a ? /* @__PURE__ */ p(pt, { children: o({}) }) : t ? o({ display: "none" }) : null : $ === "exited" ? t ? o({ display: "none" }) : null : /* @__PURE__ */ p(pt, { children: o(
2184
2187
  be({
2185
- transition: t,
2186
- duration: y,
2188
+ transition: r,
2189
+ duration: g,
2187
2190
  state: $,
2188
2191
  timingFunction: h
2189
2192
  })
2190
2193
  ) });
2191
2194
  }
2192
- lt.displayName = "@mantine/core/Transition";
2195
+ lr.displayName = "@mantine/core/Transition";
2193
2196
  var T = { root: "m_5ae2e3c", barsLoader: "m_7a2bd4cd", bar: "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", dotsLoader: "m_4e3f22d7", dot: "m_870c4af", "loader-dots-animation": "m_aac34a1", ovalLoader: "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
2194
- const dt = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(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: [
2195
2198
  /* @__PURE__ */ p("span", { className: T.bar }),
2196
2199
  /* @__PURE__ */ p("span", { className: T.bar }),
2197
2200
  /* @__PURE__ */ p("span", { className: T.bar })
2198
2201
  ] }));
2199
- dt.displayName = "@mantine/core/Bars";
2200
- const ft = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(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: [
2201
2204
  /* @__PURE__ */ p("span", { className: T.dot }),
2202
2205
  /* @__PURE__ */ p("span", { className: T.dot }),
2203
2206
  /* @__PURE__ */ p("span", { className: T.dot })
2204
2207
  ] }));
2205
- ft.displayName = "@mantine/core/Dots";
2206
- const ut = _(({ className: r, ...t }, e) => /* @__PURE__ */ p(N, { component: "span", className: B(T.ovalLoader, r), ...t, ref: e }));
2207
- ut.displayName = "@mantine/core/Oval";
2208
- const mt = {
2209
- bars: dt,
2210
- oval: ut,
2211
- dots: ft
2208
+ fr.displayName = "@mantine/core/Dots";
2209
+ const ur = _(({ className: t, ...r }, e) => /* @__PURE__ */ p(N, { component: "span", className: j(T.ovalLoader, t), ...r, ref: e }));
2210
+ ur.displayName = "@mantine/core/Oval";
2211
+ const mr = {
2212
+ bars: dr,
2213
+ oval: ur,
2214
+ dots: fr
2212
2215
  }, $e = {
2213
- loaders: mt,
2216
+ loaders: mr,
2214
2217
  type: "oval"
2215
- }, ve = (r, { size: t, color: e }) => ({
2218
+ }, ve = (t, { size: r, color: e }) => ({
2216
2219
  root: {
2217
- "--loader-size": O(t, "loader-size"),
2218
- "--loader-color": e ? yr(e, r) : void 0
2220
+ "--loader-size": O(r, "loader-size"),
2221
+ "--loader-color": e ? gt(e, t) : void 0
2219
2222
  }
2220
- }), er = Mr((r, t) => {
2221
- const e = I("Loader", $e, r), {
2223
+ }), et = Mt((t, r) => {
2224
+ const e = I("Loader", $e, t), {
2222
2225
  size: n,
2223
2226
  color: a,
2224
2227
  type: o,
@@ -2229,8 +2232,8 @@ const mt = {
2229
2232
  styles: u,
2230
2233
  unstyled: f,
2231
2234
  loaders: m,
2232
- variant: g,
2233
- children: y,
2235
+ variant: y,
2236
+ children: g,
2234
2237
  ...$
2235
2238
  } = e, h = Q({
2236
2239
  name: "Loader",
@@ -2244,28 +2247,28 @@ const mt = {
2244
2247
  vars: i,
2245
2248
  varsResolver: ve
2246
2249
  });
2247
- return y ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: y }) : /* @__PURE__ */ p(
2250
+ return g ? /* @__PURE__ */ p(N, { ...h("root"), ref: r, ...$, children: g }) : /* @__PURE__ */ p(
2248
2251
  N,
2249
2252
  {
2250
2253
  ...h("root"),
2251
- ref: t,
2254
+ ref: r,
2252
2255
  component: m[o],
2253
- variant: g,
2256
+ variant: y,
2254
2257
  size: n,
2255
2258
  ...$
2256
2259
  }
2257
2260
  );
2258
2261
  });
2259
- er.defaultLoaders = mt;
2260
- er.classes = T;
2261
- er.displayName = "@mantine/core/Loader";
2262
+ et.defaultLoaders = mr;
2263
+ et.classes = T;
2264
+ et.displayName = "@mantine/core/Loader";
2262
2265
  var Y = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
2263
- const Yr = {
2266
+ const Yt = {
2264
2267
  orientation: "horizontal"
2265
- }, Se = (r, { borderWidth: t }) => ({
2266
- group: { "--button-border-width": c(t) }
2267
- }), _r = Mr((r, t) => {
2268
- const e = I("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), {
2269
2272
  className: n,
2270
2273
  style: a,
2271
2274
  classNames: o,
@@ -2276,8 +2279,8 @@ const Yr = {
2276
2279
  borderWidth: u,
2277
2280
  variant: f,
2278
2281
  mod: m,
2279
- ...g
2280
- } = I("ButtonGroup", Yr, r), y = Q({
2282
+ ...y
2283
+ } = I("ButtonGroup", Yt, t), g = Q({
2281
2284
  name: "ButtonGroup",
2282
2285
  props: e,
2283
2286
  classes: Y,
@@ -2293,21 +2296,21 @@ const Yr = {
2293
2296
  return /* @__PURE__ */ p(
2294
2297
  N,
2295
2298
  {
2296
- ...y("group"),
2297
- ref: t,
2299
+ ...g("group"),
2300
+ ref: r,
2298
2301
  variant: f,
2299
2302
  mod: [{ "data-orientation": l }, m],
2300
2303
  role: "group",
2301
- ...g
2304
+ ...y
2302
2305
  }
2303
2306
  );
2304
2307
  });
2305
- _r.classes = Y;
2306
- _r.displayName = "@mantine/core/ButtonGroup";
2307
- const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
2308
- const s = r.variantColorResolver({
2309
- color: e || r.primaryColor,
2310
- 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,
2311
2314
  gradient: n,
2312
2315
  variant: a || "filled",
2313
2316
  autoContrast: o
@@ -2316,15 +2319,15 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
2316
2319
  groupSection: {
2317
2320
  "--section-height": O(i, "section-height"),
2318
2321
  "--section-padding-x": O(i, "section-padding-x"),
2319
- "--section-fz": i != null && i.includes("compact") ? nr(i.replace("compact-", "")) : nr(i),
2320
- "--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),
2321
2324
  "--section-bg": e || a ? s.background : void 0,
2322
2325
  "--section-color": s.color,
2323
2326
  "--section-bd": e || a ? s.border : void 0
2324
2327
  }
2325
2328
  };
2326
- }, Pr = Mr((r, t) => {
2327
- const e = I("ButtonGroupSection", Gr, r), {
2329
+ }, Pt = Mt((t, r) => {
2330
+ const e = I("ButtonGroupSection", Gt, t), {
2328
2331
  className: n,
2329
2332
  style: a,
2330
2333
  classNames: o,
@@ -2335,8 +2338,8 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
2335
2338
  gradient: u,
2336
2339
  radius: f,
2337
2340
  autoContrast: m,
2338
- ...g
2339
- } = I("ButtonGroupSection", Gr, r), y = Q({
2341
+ ...y
2342
+ } = I("ButtonGroupSection", Gt, t), g = Q({
2340
2343
  name: "ButtonGroupSection",
2341
2344
  props: e,
2342
2345
  classes: Y,
@@ -2349,19 +2352,19 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
2349
2352
  varsResolver: we,
2350
2353
  rootSelector: "groupSection"
2351
2354
  });
2352
- return /* @__PURE__ */ p(N, { ...y("groupSection"), ref: t, variant: d, ...g });
2355
+ return /* @__PURE__ */ p(N, { ...g("groupSection"), ref: r, variant: d, ...y });
2353
2356
  });
2354
- Pr.classes = Y;
2355
- Pr.displayName = "@mantine/core/ButtonGroupSection";
2357
+ Pt.classes = Y;
2358
+ Pt.displayName = "@mantine/core/ButtonGroupSection";
2356
2359
  const Ce = {
2357
2360
  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${c(1)}))` },
2358
2361
  out: { opacity: 0, transform: "translate(-50%, -200%)" },
2359
2362
  common: { transformOrigin: "center" },
2360
2363
  transitionProperty: "transform, opacity"
2361
- }, xe = {}, ke = (r, { radius: t, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
2362
- const l = r.variantColorResolver({
2363
- color: e || r.primaryColor,
2364
- 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,
2365
2368
  gradient: n,
2366
2369
  variant: a || "filled",
2367
2370
  autoContrast: s
@@ -2371,8 +2374,8 @@ const Ce = {
2371
2374
  "--button-justify": i,
2372
2375
  "--button-height": O(o, "button-height"),
2373
2376
  "--button-padding-x": O(o, "button-padding-x"),
2374
- "--button-fz": o != null && o.includes("compact") ? nr(o.replace("compact-", "")) : nr(o),
2375
- "--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),
2376
2379
  "--button-bg": e || a ? l.background : void 0,
2377
2380
  "--button-hover": e || a ? l.hover : void 0,
2378
2381
  "--button-color": l.color,
@@ -2380,8 +2383,8 @@ const Ce = {
2380
2383
  "--button-hover-color": e || a ? l.hoverColor : void 0
2381
2384
  }
2382
2385
  };
2383
- }, K = st((r, t) => {
2384
- const e = I("Button", xe, r), {
2386
+ }, K = sr((t, r) => {
2387
+ const e = I("Button", xe, t), {
2385
2388
  style: n,
2386
2389
  vars: a,
2387
2390
  className: o,
@@ -2392,8 +2395,8 @@ const Ce = {
2392
2395
  rightSection: u,
2393
2396
  fullWidth: f,
2394
2397
  variant: m,
2395
- radius: g,
2396
- loading: y,
2398
+ radius: y,
2399
+ loading: g,
2397
2400
  loaderProps: $,
2398
2401
  gradient: h,
2399
2402
  classNames: C,
@@ -2414,29 +2417,29 @@ const Ce = {
2414
2417
  unstyled: v,
2415
2418
  vars: a,
2416
2419
  varsResolver: ke
2417
- }), E = !!d, or = !!u;
2420
+ }), E = !!d, ot = !!u;
2418
2421
  return /* @__PURE__ */ z(
2419
- Rr,
2422
+ Rt,
2420
2423
  {
2421
- ref: t,
2422
- ...S("root", { active: !s && !y && !w }),
2424
+ ref: r,
2425
+ ...S("root", { active: !s && !g && !w }),
2423
2426
  unstyled: v,
2424
2427
  variant: m,
2425
- disabled: s || y,
2428
+ disabled: s || g,
2426
2429
  mod: [
2427
2430
  {
2428
2431
  disabled: s || w,
2429
- loading: y,
2432
+ loading: g,
2430
2433
  block: f,
2431
2434
  "with-left-section": E,
2432
- "with-right-section": or
2435
+ "with-right-section": ot
2433
2436
  },
2434
2437
  b
2435
2438
  ],
2436
2439
  ...k,
2437
2440
  children: [
2438
- /* @__PURE__ */ p(lt, { mounted: !!y, transition: Ce, duration: 150, children: (ar) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: ar }), "aria-hidden": !0, children: /* @__PURE__ */ p(
2439
- 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,
2440
2443
  {
2441
2444
  color: "var(--button-color)",
2442
2445
  size: "calc(var(--button-height) / 1.8)",
@@ -2445,7 +2448,7 @@ const Ce = {
2445
2448
  ) }) }),
2446
2449
  /* @__PURE__ */ z("span", { ...S("inner"), children: [
2447
2450
  d && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: d }),
2448
- /* @__PURE__ */ p(N, { component: "span", mod: { loading: y }, ...S("label"), children: l }),
2451
+ /* @__PURE__ */ p(N, { component: "span", mod: { loading: g }, ...S("label"), children: l }),
2449
2452
  u && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "right" }, children: u })
2450
2453
  ] })
2451
2454
  ]
@@ -2454,15 +2457,16 @@ const Ce = {
2454
2457
  });
2455
2458
  K.classes = Y;
2456
2459
  K.displayName = "@mantine/core/Button";
2457
- K.Group = _r;
2458
- K.GroupSection = Pr;
2459
- function Le({ children: r }) {
2460
- 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 });
2461
2464
  }
2462
- const Ee = (r) => /* @__PURE__ */ p(K, { ...r });
2465
+ const Ae = (t) => /* @__PURE__ */ p(K, { ...t });
2463
2466
  export {
2464
- _e as ColorSchemeScript,
2465
- Le as MantineProvider,
2466
- Ee as TestButton,
2467
- Pe as mantineHtmlProps
2467
+ Pe as ColorSchemeScript,
2468
+ Ee as MantineProvider,
2469
+ Ae as TestButton,
2470
+ _e as mantineDefaultStyles,
2471
+ Le as mantineHtmlProps
2468
2472
  };