@kvell-group/ui 1.6.5 → 1.6.6

package/dist/main.js

@@ -1,39 +1,39 @@
-import { jsx as p, jsxs as z, Fragment as pr } from "react/jsx-runtime";
-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";
-import Gt from "react-dom";
-function M(r) {
-  return Object.keys(r);
-}
-function ir(r) {
-  return r && typeof r == "object" && !Array.isArray(r);
-}
-function vr(r, t) {
-  const e = { ...r }, n = t;
-  return ir(r) && ir(t) && Object.keys(t).forEach((a) => {
-    ir(n[a]) && a in r ? e[a] = vr(e[a], n[a]) : e[a] = n[a];
+import { jsx as p, jsxs as z, Fragment as pt } from "react/jsx-runtime";
+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";
+import Gr from "react-dom";
+import './assets/main.css';function M(t) {
+  return Object.keys(t);
+}
+function it(t) {
+  return t && typeof t == "object" && !Array.isArray(t);
+}
+function vt(t, r) {
+  const e = { ...t }, n = r;
+  return it(t) && it(r) && Object.keys(r).forEach((a) => {
+    it(n[a]) && a in t ? e[a] = vt(e[a], n[a]) : e[a] = n[a];
   }), e;
 }
-function Dt(r) {
-  return r.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function Dr(t) {
+  return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
 }
-function Xt(r) {
-  var t;
-  return typeof r != "string" || !r.includes("var(--mantine-scale)") ? r : (t = r.match(/^calc\((.*?)\)$/)) == null ? void 0 : t[1].split("*")[0].trim();
+function Xr(t) {
+  var r;
+  return typeof t != "string" || !t.includes("var(--mantine-scale)") ? t : (r = t.match(/^calc\((.*?)\)$/)) == null ? void 0 : r[1].split("*")[0].trim();
 }
-function Ut(r) {
-  const t = Xt(r);
-  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;
+function Ur(t) {
+  const r = Xr(t);
+  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;
 }
-function sr(r) {
-  return r === "0rem" ? "0rem" : `calc(${r} * var(--mantine-scale))`;
+function st(t) {
+  return t === "0rem" ? "0rem" : `calc(${t} * var(--mantine-scale))`;
 }
-function Xr(r, { shouldScale: t = !1 } = {}) {
+function Xt(t, { shouldScale: r = !1 } = {}) {
   function e(n) {
     if (n === 0 || n === "0")
-      return `0${r}`;
+      return `0${t}`;
     if (typeof n == "number") {
-      const a = `${n / 16}${r}`;
-      return t ? sr(a) : a;
+      const a = `${n / 16}${t}`;
+      return r ? st(a) : a;
     }
     if (typeof n == "string") {
       if (n === "" || n.startsWith("calc(") || n.startsWith("clamp(") || n.includes("rgba("))
@@ -42,66 +42,66 @@ function Xr(r, { shouldScale: t = !1 } = {}) {
         return n.split(",").map((o) => e(o)).join(",");
       if (n.includes(" "))
         return n.split(" ").map((o) => e(o)).join(" ");
-      if (n.includes(r))
-        return t ? sr(n) : n;
+      if (n.includes(t))
+        return r ? st(n) : n;
       const a = n.replace("px", "");
       if (!Number.isNaN(Number(a))) {
-        const o = `${Number(a) / 16}${r}`;
-        return t ? sr(o) : o;
+        const o = `${Number(a) / 16}${t}`;
+        return r ? st(o) : o;
       }
     }
     return n;
   }
   return e;
 }
-const c = Xr("rem", { shouldScale: !0 }), Er = Xr("em");
-function Sr(r) {
-  return Object.keys(r).reduce((t, e) => (r[e] !== void 0 && (t[e] = r[e]), t), {});
+const c = Xt("rem", { shouldScale: !0 }), Et = Xt("em");
+function St(t) {
+  return Object.keys(t).reduce((r, e) => (t[e] !== void 0 && (r[e] = t[e]), r), {});
 }
-function Ur(r) {
-  if (typeof r == "number")
+function Ut(t) {
+  if (typeof t == "number")
     return !0;
-  if (typeof r == "string") {
-    if (r.startsWith("calc(") || r.startsWith("var(") || r.includes(" ") && r.trim() !== "")
+  if (typeof t == "string") {
+    if (t.startsWith("calc(") || t.startsWith("var(") || t.includes(" ") && t.trim() !== "")
       return !0;
-    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|%)?$/;
-    return r.trim().split(/\s+/).every((n) => t.test(n));
+    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|%)?$/;
+    return t.trim().split(/\s+/).every((n) => r.test(n));
   }
   return !1;
 }
-function O(r, t = "size", e = !0) {
-  if (r !== void 0)
-    return Ur(r) ? e ? c(r) : r : `var(--${t}-${r})`;
+function O(t, r = "size", e = !0) {
+  if (t !== void 0)
+    return Ut(t) ? e ? c(t) : t : `var(--${r}-${t})`;
 }
-function qr(r) {
-  return r === void 0 ? "var(--mantine-radius-default)" : O(r, "mantine-radius");
+function qt(t) {
+  return t === void 0 ? "var(--mantine-radius-default)" : O(t, "mantine-radius");
 }
-function nr(r) {
-  return O(r, "mantine-font-size");
+function nt(t) {
+  return O(t, "mantine-font-size");
 }
-function qt(r, t) {
+function qr(t, r) {
   try {
-    return r.addEventListener("change", t), () => r.removeEventListener("change", t);
+    return t.addEventListener("change", r), () => t.removeEventListener("change", r);
   } catch {
-    return r.addListener(t), () => r.removeListener(t);
+    return t.addListener(r), () => t.removeListener(r);
   }
 }
-function Qt(r, t) {
-  return typeof window < "u" && "matchMedia" in window ? window.matchMedia(r).matches : !1;
+function Qr(t, r) {
+  return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
 }
-function Kt(r, t, { getInitialValueInEffect: e } = {
+function Kr(t, r, { getInitialValueInEffect: e } = {
   getInitialValueInEffect: !0
 }) {
-  const [n, a] = tr(
-    e ? t : Qt(r)
+  const [n, a] = rt(
+    e ? r : Qr(t)
   ), o = W(null);
   return A(() => {
     if ("matchMedia" in window)
-      return o.current = window.matchMedia(r), a(o.current.matches), qt(o.current, (i) => a(i.matches));
-  }, [r]), n;
+      return o.current = window.matchMedia(t), a(o.current.matches), qr(o.current, (i) => a(i.matches));
+  }, [t]), n;
 }
-const Qr = typeof document < "u" ? Wt : A;
-function Zt(r, t) {
+const Qt = typeof document < "u" ? Wr : A;
+function Zr(t, r) {
   const e = W(!1);
   A(
     () => () => {
@@ -110,50 +110,50 @@ function Zt(r, t) {
     []
   ), A(() => {
     if (e.current)
-      return r();
+      return t();
     e.current = !0;
-  }, t);
-}
-function Jt(r, t) {
-  return Kt("(prefers-reduced-motion: reduce)", r, t);
-}
-function Kr(r) {
-  var t, e, n = "";
-  if (typeof r == "string" || typeof r == "number") n += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var a = r.length;
-    for (t = 0; t < a; t++) r[t] && (e = Kr(r[t])) && (n && (n += " "), n += e);
-  } else for (e in r) r[e] && (n && (n += " "), n += e);
+  }, r);
+}
+function Jr(t, r) {
+  return Kr("(prefers-reduced-motion: reduce)", t, r);
+}
+function Kt(t) {
+  var r, e, n = "";
+  if (typeof t == "string" || typeof t == "number") n += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var a = t.length;
+    for (r = 0; r < a; r++) t[r] && (e = Kt(t[r])) && (n && (n += " "), n += e);
+  } else for (e in t) t[e] && (n && (n += " "), n += e);
   return n;
 }
 function B() {
-  for (var r, t, e = 0, n = "", a = arguments.length; e < a; e++) (r = arguments[e]) && (t = Kr(r)) && (n && (n += " "), n += t);
+  for (var t, r, e = 0, n = "", a = arguments.length; e < a; e++) (t = arguments[e]) && (r = Kt(t)) && (n && (n += " "), n += r);
   return n;
 }
-const rn = {};
-function tn(r) {
-  const t = {};
-  return r.forEach((e) => {
+const tn = {};
+function rn(t) {
+  const r = {};
+  return t.forEach((e) => {
     Object.entries(e).forEach(([n, a]) => {
-      t[n] ? t[n] = B(t[n], a) : t[n] = a;
+      r[n] ? r[n] = B(r[n], a) : r[n] = a;
     });
-  }), t;
+  }), r;
 }
-function wr({ theme: r, classNames: t, props: e, stylesCtx: n }) {
-  const o = (Array.isArray(t) ? t : [t]).map(
-    (i) => typeof i == "function" ? i(r, e, n) : i || rn
+function wt({ theme: t, classNames: r, props: e, stylesCtx: n }) {
+  const o = (Array.isArray(r) ? r : [r]).map(
+    (i) => typeof i == "function" ? i(t, e, n) : i || tn
   );
-  return tn(o);
+  return rn(o);
 }
-function gr({ theme: r, styles: t, props: e, stylesCtx: n }) {
-  return (Array.isArray(t) ? t : [t]).reduce((o, i) => typeof i == "function" ? { ...o, ...i(r, e, n) } : { ...o, ...i }, {});
+function gt({ theme: t, styles: r, props: e, stylesCtx: n }) {
+  return (Array.isArray(r) ? r : [r]).reduce((o, i) => typeof i == "function" ? { ...o, ...i(t, e, n) } : { ...o, ...i }, {});
 }
-const Zr = Dr(null);
+const Zt = Dt(null);
 function P() {
-  const r = $r(Zr);
-  if (!r)
+  const t = $t(Zt);
+  if (!t)
     throw new Error("[@mantine/core] MantineProvider was not found in tree");
-  return r;
+  return t;
 }
 function nn() {
   return P().cssVariablesResolver;
@@ -161,7 +161,7 @@ function nn() {
 function en() {
   return P().classNamesPrefix;
 }
-function Cr() {
+function Ct() {
   return P().getStyleNonce;
 }
 function on() {
@@ -171,24 +171,24 @@ function an() {
   return P().headless;
 }
 function sn() {
-  var r;
-  return (r = P().stylesTransform) == null ? void 0 : r.sx;
+  var t;
+  return (t = P().stylesTransform) == null ? void 0 : t.sx;
 }
 function cn() {
-  var r;
-  return (r = P().stylesTransform) == null ? void 0 : r.styles;
+  var t;
+  return (t = P().stylesTransform) == null ? void 0 : t.styles;
 }
 function ln() {
   return P().env || "default";
 }
-function dn(r) {
-  return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(r);
+function dn(t) {
+  return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(t);
 }
-function fn(r) {
-  let t = r.replace("#", "");
-  if (t.length === 3) {
-    const i = t.split("");
-    t = [
+function fn(t) {
+  let r = t.replace("#", "");
+  if (r.length === 3) {
+    const i = r.split("");
+    r = [
       i[0],
       i[0],
       i[1],
@@ -197,16 +197,16 @@ function fn(r) {
       i[2]
     ].join("");
   }
-  if (t.length === 8) {
-    const i = parseInt(t.slice(6, 8), 16) / 255;
+  if (r.length === 8) {
+    const i = parseInt(r.slice(6, 8), 16) / 255;
     return {
-      r: parseInt(t.slice(0, 2), 16),
-      g: parseInt(t.slice(2, 4), 16),
-      b: parseInt(t.slice(4, 6), 16),
+      r: parseInt(r.slice(0, 2), 16),
+      g: parseInt(r.slice(2, 4), 16),
+      b: parseInt(r.slice(4, 6), 16),
       a: i
     };
   }
-  const e = parseInt(t, 16), n = e >> 16 & 255, a = e >> 8 & 255, o = e & 255;
+  const e = parseInt(r, 16), n = e >> 16 & 255, a = e >> 8 & 255, o = e & 255;
   return {
     r: n,
     g: a,
@@ -214,12 +214,12 @@ function fn(r) {
     a: 1
   };
 }
-function un(r) {
-  const [t, e, n, a] = r.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
-  return { r: t, g: e, b: n, a: a || 1 };
+function un(t) {
+  const [r, e, n, a] = t.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
+  return { r, g: e, b: n, a: a || 1 };
 }
-function mn(r) {
-  const t = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, e = r.match(t);
+function mn(t) {
+  const r = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, e = t.match(r);
   if (!e)
     return {
       r: 0,
@@ -236,142 +236,142 @@ function mn(r) {
     a: i || 1
   };
 }
-function xr(r) {
-  return dn(r) ? fn(r) : r.startsWith("rgb") ? un(r) : r.startsWith("hsl") ? mn(r) : {
+function xt(t) {
+  return dn(t) ? fn(t) : t.startsWith("rgb") ? un(t) : t.startsWith("hsl") ? mn(t) : {
     r: 0,
     g: 0,
     b: 0,
     a: 1
   };
 }
-function Z(r, t) {
-  if (r.startsWith("var("))
-    return `color-mix(in srgb, ${r}, black ${t * 100}%)`;
-  const { r: e, g: n, b: a, a: o } = xr(r), i = 1 - t, s = (l) => Math.round(l * i);
+function Z(t, r) {
+  if (t.startsWith("var("))
+    return `color-mix(in srgb, ${t}, black ${r * 100}%)`;
+  const { r: e, g: n, b: a, a: o } = xt(t), i = 1 - r, s = (l) => Math.round(l * i);
   return `rgba(${s(e)}, ${s(n)}, ${s(a)}, ${o})`;
 }
-function U(r, t) {
-  return typeof r.primaryShade == "number" ? r.primaryShade : t === "dark" ? r.primaryShade.dark : r.primaryShade.light;
+function U(t, r) {
+  return typeof t.primaryShade == "number" ? t.primaryShade : r === "dark" ? t.primaryShade.dark : t.primaryShade.light;
 }
-function cr(r) {
-  return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+function ct(t) {
+  return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
 }
-function pn(r) {
-  const t = r.match(/oklch\((.*?)%\s/);
-  return t ? parseFloat(t[1]) : null;
+function pn(t) {
+  const r = t.match(/oklch\((.*?)%\s/);
+  return r ? parseFloat(r[1]) : null;
 }
-function gn(r) {
-  if (r.startsWith("oklch("))
-    return (pn(r) || 0) / 100;
-  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);
+function gn(t) {
+  if (t.startsWith("oklch("))
+    return (pn(t) || 0) / 100;
+  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);
   return 0.2126 * s + 0.7152 * l + 0.0722 * d;
 }
-function G(r, t = 0.179) {
-  return r.startsWith("var(") ? !1 : gn(r) > t;
+function G(t, r = 0.179) {
+  return t.startsWith("var(") ? !1 : gn(t) > r;
 }
 function q({
-  color: r,
-  theme: t,
+  color: t,
+  theme: r,
   colorScheme: e
 }) {
-  if (typeof r != "string")
+  if (typeof t != "string")
     throw new Error(
-      `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof r}`
+      `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof t}`
     );
-  if (r === "bright")
+  if (t === "bright")
     return {
-      color: r,
-      value: e === "dark" ? t.white : t.black,
+      color: t,
+      value: e === "dark" ? r.white : r.black,
       shade: void 0,
       isThemeColor: !1,
       isLight: G(
-        e === "dark" ? t.white : t.black,
-        t.luminanceThreshold
+        e === "dark" ? r.white : r.black,
+        r.luminanceThreshold
       ),
       variable: "--mantine-color-bright"
     };
-  if (r === "dimmed")
+  if (t === "dimmed")
     return {
-      color: r,
-      value: e === "dark" ? t.colors.dark[2] : t.colors.gray[7],
+      color: t,
+      value: e === "dark" ? r.colors.dark[2] : r.colors.gray[7],
       shade: void 0,
       isThemeColor: !1,
       isLight: G(
-        e === "dark" ? t.colors.dark[2] : t.colors.gray[6],
-        t.luminanceThreshold
+        e === "dark" ? r.colors.dark[2] : r.colors.gray[6],
+        r.luminanceThreshold
       ),
       variable: "--mantine-color-dimmed"
     };
-  if (r === "white" || r === "black")
+  if (t === "white" || t === "black")
     return {
-      color: r,
-      value: r === "white" ? t.white : t.black,
+      color: t,
+      value: t === "white" ? r.white : r.black,
       shade: void 0,
       isThemeColor: !1,
       isLight: G(
-        r === "white" ? t.white : t.black,
-        t.luminanceThreshold
+        t === "white" ? r.white : r.black,
+        r.luminanceThreshold
       ),
-      variable: `--mantine-color-${r}`
+      variable: `--mantine-color-${t}`
     };
-  const [n, a] = r.split("."), o = a ? Number(a) : void 0, i = n in t.colors;
+  const [n, a] = t.split("."), o = a ? Number(a) : void 0, i = n in r.colors;
   if (i) {
-    const s = o !== void 0 ? t.colors[n][o] : t.colors[n][U(t, e || "light")];
+    const s = o !== void 0 ? r.colors[n][o] : r.colors[n][U(r, e || "light")];
     return {
       color: n,
       value: s,
       shade: o,
       isThemeColor: i,
-      isLight: G(s, t.luminanceThreshold),
+      isLight: G(s, r.luminanceThreshold),
       variable: a ? `--mantine-color-${n}-${o}` : `--mantine-color-${n}-filled`
     };
   }
   return {
-    color: r,
-    value: r,
+    color: t,
+    value: t,
     isThemeColor: i,
-    isLight: G(r, t.luminanceThreshold),
+    isLight: G(t, r.luminanceThreshold),
     shade: o,
     variable: void 0
   };
 }
-function yr(r, t) {
-  const e = q({ color: r || t.primaryColor, theme: t });
-  return e.variable ? `var(${e.variable})` : r;
+function yt(t, r) {
+  const e = q({ color: t || r.primaryColor, theme: r });
+  return e.variable ? `var(${e.variable})` : t;
 }
-function Ar(r, t) {
+function At(t, r) {
   const e = {
-    from: (r == null ? void 0 : r.from) || t.defaultGradient.from,
-    to: (r == null ? void 0 : r.to) || t.defaultGradient.to,
-    deg: (r == null ? void 0 : r.deg) ?? t.defaultGradient.deg ?? 0
-  }, n = yr(e.from, t), a = yr(e.to, t);
+    from: (t == null ? void 0 : t.from) || r.defaultGradient.from,
+    to: (t == null ? void 0 : t.to) || r.defaultGradient.to,
+    deg: (t == null ? void 0 : t.deg) ?? r.defaultGradient.deg ?? 0
+  }, n = yt(e.from, r), a = yt(e.to, r);
   return `linear-gradient(${e.deg}deg, ${n} 0%, ${a} 100%)`;
 }
-function R(r, t) {
-  if (typeof r != "string" || t > 1 || t < 0)
+function R(t, r) {
+  if (typeof t != "string" || r > 1 || r < 0)
     return "rgba(0, 0, 0, 1)";
-  if (r.startsWith("var(")) {
-    const o = (1 - t) * 100;
-    return `color-mix(in srgb, ${r}, transparent ${o}%)`;
+  if (t.startsWith("var(")) {
+    const o = (1 - r) * 100;
+    return `color-mix(in srgb, ${t}, transparent ${o}%)`;
   }
-  if (r.startsWith("oklch"))
-    return r.includes("/") ? r.replace(/\/\s*[\d.]+\s*\)/, `/ ${t})`) : r.replace(")", ` / ${t})`);
-  const { r: e, g: n, b: a } = xr(r);
-  return `rgba(${e}, ${n}, ${a}, ${t})`;
+  if (t.startsWith("oklch"))
+    return t.includes("/") ? t.replace(/\/\s*[\d.]+\s*\)/, `/ ${r})`) : t.replace(")", ` / ${r})`);
+  const { r: e, g: n, b: a } = xt(t);
+  return `rgba(${e}, ${n}, ${a}, ${r})`;
 }
 const j = R, yn = ({
-  color: r,
-  theme: t,
+  color: t,
+  theme: r,
   variant: e,
   gradient: n,
   autoContrast: a
 }) => {
-  const o = q({ color: r, theme: t }), i = typeof a == "boolean" ? a : t.autoContrast;
+  const o = q({ color: t, theme: r }), i = typeof a == "boolean" ? a : r.autoContrast;
   if (e === "filled") {
     const s = i && o.isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
     return o.isThemeColor ? o.shade === void 0 ? {
-      background: `var(--mantine-color-${r}-filled)`,
-      hover: `var(--mantine-color-${r}-filled-hover)`,
+      background: `var(--mantine-color-${t}-filled)`,
+      hover: `var(--mantine-color-${t}-filled-hover)`,
       color: s,
       border: `${c(1)} solid transparent`
     } : {
@@ -380,8 +380,8 @@ const j = R, yn = ({
       color: s,
       border: `${c(1)} solid transparent`
     } : {
-      background: r,
-      hover: Z(r, 0.1),
+      background: t,
+      hover: Z(t, 0.1),
       color: s,
       border: `${c(1)} solid transparent`
     };
@@ -390,12 +390,12 @@ const j = R, yn = ({
     if (o.isThemeColor) {
       if (o.shade === void 0)
         return {
-          background: `var(--mantine-color-${r}-light)`,
-          hover: `var(--mantine-color-${r}-light-hover)`,
-          color: `var(--mantine-color-${r}-light-color)`,
+          background: `var(--mantine-color-${t}-light)`,
+          hover: `var(--mantine-color-${t}-light-hover)`,
+          color: `var(--mantine-color-${t}-light-color)`,
           border: `${c(1)} solid transparent`
         };
-      const s = t.colors[o.color][o.shade];
+      const s = r.colors[o.color][o.shade];
       return {
         background: R(s, 0.1),
         hover: R(s, 0.12),
@@ -404,39 +404,39 @@ const j = R, yn = ({
       };
     }
     return {
-      background: R(r, 0.1),
-      hover: R(r, 0.12),
-      color: r,
+      background: R(t, 0.1),
+      hover: R(t, 0.12),
+      color: t,
       border: `${c(1)} solid transparent`
     };
   }
   if (e === "outline")
     return o.isThemeColor ? o.shade === void 0 ? {
       background: "transparent",
-      hover: `var(--mantine-color-${r}-outline-hover)`,
-      color: `var(--mantine-color-${r}-outline)`,
-      border: `${c(1)} solid var(--mantine-color-${r}-outline)`
+      hover: `var(--mantine-color-${t}-outline-hover)`,
+      color: `var(--mantine-color-${t}-outline)`,
+      border: `${c(1)} solid var(--mantine-color-${t}-outline)`
     } : {
       background: "transparent",
-      hover: R(t.colors[o.color][o.shade], 0.05),
+      hover: R(r.colors[o.color][o.shade], 0.05),
       color: `var(--mantine-color-${o.color}-${o.shade})`,
       border: `${c(1)} solid var(--mantine-color-${o.color}-${o.shade})`
     } : {
       background: "transparent",
-      hover: R(r, 0.05),
-      color: r,
-      border: `${c(1)} solid ${r}`
+      hover: R(t, 0.05),
+      color: t,
+      border: `${c(1)} solid ${t}`
     };
   if (e === "subtle") {
     if (o.isThemeColor) {
       if (o.shade === void 0)
         return {
           background: "transparent",
-          hover: `var(--mantine-color-${r}-light-hover)`,
-          color: `var(--mantine-color-${r}-light-color)`,
+          hover: `var(--mantine-color-${t}-light-hover)`,
+          color: `var(--mantine-color-${t}-light-color)`,
           border: `${c(1)} solid transparent`
         };
-      const s = t.colors[o.color][o.shade];
+      const s = r.colors[o.color][o.shade];
       return {
         background: "transparent",
         hover: R(s, 0.12),
@@ -446,15 +446,15 @@ const j = R, yn = ({
     }
     return {
       background: "transparent",
-      hover: R(r, 0.12),
-      color: r,
+      hover: R(t, 0.12),
+      color: t,
       border: `${c(1)} solid transparent`
     };
   }
   return e === "transparent" ? o.isThemeColor ? o.shade === void 0 ? {
     background: "transparent",
     hover: "transparent",
-    color: `var(--mantine-color-${r}-light-color)`,
+    color: `var(--mantine-color-${t}-light-color)`,
     border: `${c(1)} solid transparent`
   } : {
     background: "transparent",
@@ -464,26 +464,26 @@ const j = R, yn = ({
   } : {
     background: "transparent",
     hover: "transparent",
-    color: r,
+    color: t,
     border: `${c(1)} solid transparent`
   } : e === "white" ? o.isThemeColor ? o.shade === void 0 ? {
     background: "var(--mantine-color-white)",
-    hover: Z(t.white, 0.01),
-    color: `var(--mantine-color-${r}-filled)`,
+    hover: Z(r.white, 0.01),
+    color: `var(--mantine-color-${t}-filled)`,
     border: `${c(1)} solid transparent`
   } : {
     background: "var(--mantine-color-white)",
-    hover: Z(t.white, 0.01),
+    hover: Z(r.white, 0.01),
     color: `var(--mantine-color-${o.color}-${o.shade})`,
     border: `${c(1)} solid transparent`
   } : {
     background: "var(--mantine-color-white)",
-    hover: Z(t.white, 0.01),
-    color: r,
+    hover: Z(r.white, 0.01),
+    color: t,
     border: `${c(1)} solid transparent`
   } : e === "gradient" ? {
-    background: Ar(n, t),
-    hover: Ar(n, t),
+    background: At(n, r),
+    hover: At(n, r),
     color: "var(--mantine-color-white)",
     border: "none"
   } : e === "default" ? {
@@ -661,7 +661,7 @@ const j = R, yn = ({
     "#e8590c",
     "#d9480f"
   ]
-}, Or = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", kr = {
+}, Ot = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", kt = {
   scale: 1,
   fontSmoothing: !0,
   focusRing: "auto",
@@ -673,7 +673,7 @@ const j = R, yn = ({
   variantColorResolver: yn,
   autoContrast: !1,
   luminanceThreshold: 0.3,
-  fontFamily: Or,
+  fontFamily: Ot,
   fontFamilyMonospace: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
   respectReducedMotion: !1,
   cursorType: "default",
@@ -682,7 +682,7 @@ const j = R, yn = ({
   activeClassName: "mantine-active",
   focusClassName: "",
   headings: {
-    fontFamily: Or,
+    fontFamily: Ot,
     fontWeight: "700",
     textWrap: "wrap",
     sizes: {
@@ -747,27 +747,27 @@ const j = R, yn = ({
   other: {},
   components: {}
 };
-function Ir(r) {
-  return r === "auto" || r === "dark" || r === "light";
+function It(t) {
+  return t === "auto" || t === "dark" || t === "light";
 }
 function hn({
-  key: r = "mantine-color-scheme-value"
+  key: t = "mantine-color-scheme-value"
 } = {}) {
-  let t;
+  let r;
   return {
     get: (e) => {
       if (typeof window > "u")
         return e;
       try {
-        const n = window.localStorage.getItem(r);
-        return Ir(n) ? n : e;
+        const n = window.localStorage.getItem(t);
+        return It(n) ? n : e;
       } catch {
         return e;
       }
     },
     set: (e) => {
       try {
-        window.localStorage.setItem(r, e);
+        window.localStorage.setItem(t, e);
       } catch (n) {
         console.warn(
           "[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
@@ -776,199 +776,199 @@ function hn({
       }
     },
     subscribe: (e) => {
-      t = (n) => {
-        n.storageArea === window.localStorage && n.key === r && Ir(n.newValue) && e(n.newValue);
-      }, window.addEventListener("storage", t);
+      r = (n) => {
+        n.storageArea === window.localStorage && n.key === t && It(n.newValue) && e(n.newValue);
+      }, window.addEventListener("storage", r);
     },
     unsubscribe: () => {
-      window.removeEventListener("storage", t);
+      window.removeEventListener("storage", r);
     },
     clear: () => {
-      window.localStorage.removeItem(r);
+      window.localStorage.removeItem(t);
     }
   };
 }
-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 }";
-function lr(r) {
-  return r < 0 || r > 9 ? !1 : parseInt(r.toString(), 10) === r;
+const $n = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", Bt = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
+function lt(t) {
+  return t < 0 || t > 9 ? !1 : parseInt(t.toString(), 10) === t;
 }
-function Vr(r) {
-  if (!(r.primaryColor in r.colors))
+function Vt(t) {
+  if (!(t.primaryColor in t.colors))
     throw new Error($n);
-  if (typeof r.primaryShade == "object" && (!lr(r.primaryShade.dark) || !lr(r.primaryShade.light)))
-    throw new Error(Br);
-  if (typeof r.primaryShade == "number" && !lr(r.primaryShade))
-    throw new Error(Br);
+  if (typeof t.primaryShade == "object" && (!lt(t.primaryShade.dark) || !lt(t.primaryShade.light)))
+    throw new Error(Bt);
+  if (typeof t.primaryShade == "number" && !lt(t.primaryShade))
+    throw new Error(Bt);
 }
-function vn(r, t) {
+function vn(t, r) {
   var n;
-  if (!t)
-    return Vr(r), r;
-  const e = vr(r, t);
-  return t.fontFamily && !((n = t.headings) != null && n.fontFamily) && (e.headings.fontFamily = t.fontFamily), Vr(e), e;
+  if (!r)
+    return Vt(t), t;
+  const e = vt(t, r);
+  return r.fontFamily && !((n = r.headings) != null && n.fontFamily) && (e.headings.fontFamily = r.fontFamily), Vt(e), e;
 }
-const Nr = Dr(null), Sn = () => $r(Nr) || kr;
+const Nt = Dt(null), Sn = () => $t(Nt) || kt;
 function V() {
-  const r = $r(Nr);
-  if (!r)
+  const t = $t(Nt);
+  if (!t)
     throw new Error(
       "@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app"
     );
-  return r;
+  return t;
 }
-function Jr({
-  theme: r,
-  children: t,
+function Jt({
+  theme: t,
+  children: r,
   inherit: e = !0
 }) {
-  const n = Sn(), a = zt(
-    () => vn(e ? n : kr, r),
-    [r, n, e]
+  const n = Sn(), a = zr(
+    () => vn(e ? n : kt, t),
+    [t, n, e]
   );
-  return /* @__PURE__ */ p(Nr.Provider, { value: a, children: t });
+  return /* @__PURE__ */ p(Nt.Provider, { value: a, children: r });
 }
-Jr.displayName = "@mantine/core/MantineThemeProvider";
+Jt.displayName = "@mantine/core/MantineThemeProvider";
 function wn() {
-  const r = V(), t = Cr(), e = M(r.breakpoints).reduce((n, a) => {
-    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);
+  const t = V(), r = Ct(), e = M(t.breakpoints).reduce((n, a) => {
+    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);
     return `${n}@media (max-width: ${s}) {.mantine-visible-from-${a} {display: none !important;}}@media (min-width: ${l}) {.mantine-hidden-from-${a} {display: none !important;}}`;
   }, "");
   return /* @__PURE__ */ p(
     "style",
     {
       "data-mantine-styles": "classes",
-      nonce: t == null ? void 0 : t(),
+      nonce: r == null ? void 0 : r(),
       dangerouslySetInnerHTML: { __html: e }
     }
   );
 }
-function dr(r) {
-  return Object.entries(r).map(([t, e]) => `${t}: ${e};`).join("");
+function dt(t) {
+  return Object.entries(t).map(([r, e]) => `${r}: ${e};`).join("");
 }
-function D(r, t) {
-  return (Array.isArray(r) ? r : [r]).reduce((n, a) => `${a}{${n}}`, t);
+function D(t, r) {
+  return (Array.isArray(t) ? t : [t]).reduce((n, a) => `${a}{${n}}`, r);
 }
-function Cn(r, t) {
-  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) : "";
+function Cn(t, r) {
+  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) : "";
   return `${n}${i}${s}`;
 }
-function xn({ color: r, theme: t, autoContrast: e }) {
-  return t.autoContrast && q({ color: r || t.primaryColor, theme: t }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
+function xn({ color: t, theme: r, autoContrast: e }) {
+  return r.autoContrast && q({ color: t || r.primaryColor, theme: r }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
 }
-function jr(r, t) {
+function jt(t, r) {
   return xn({
-    color: r.colors[r.primaryColor][U(r, t)],
-    theme: r,
+    color: t.colors[t.primaryColor][U(t, r)],
+    theme: t,
     autoContrast: null
   });
 }
 function J({
-  theme: r,
-  color: t,
+  theme: t,
+  color: r,
   colorScheme: e,
-  name: n = t,
+  name: n = r,
   withColorValues: a = !0
 }) {
-  if (!r.colors[t])
+  if (!t.colors[r])
     return {};
   if (e === "light") {
-    const s = U(r, "light"), l = {
+    const s = U(t, "light"), l = {
       [`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-filled)`,
       [`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${s})`,
       [`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${s === 9 ? 8 : s + 1})`,
-      [`--mantine-color-${n}-light`]: j(r.colors[t][s], 0.1),
-      [`--mantine-color-${n}-light-hover`]: j(r.colors[t][s], 0.12),
+      [`--mantine-color-${n}-light`]: j(t.colors[r][s], 0.1),
+      [`--mantine-color-${n}-light-hover`]: j(t.colors[r][s], 0.12),
       [`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${s})`,
       [`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${s})`,
-      [`--mantine-color-${n}-outline-hover`]: j(r.colors[t][s], 0.05)
+      [`--mantine-color-${n}-outline-hover`]: j(t.colors[r][s], 0.05)
     };
     return a ? {
-      [`--mantine-color-${n}-0`]: r.colors[t][0],
-      [`--mantine-color-${n}-1`]: r.colors[t][1],
-      [`--mantine-color-${n}-2`]: r.colors[t][2],
-      [`--mantine-color-${n}-3`]: r.colors[t][3],
-      [`--mantine-color-${n}-4`]: r.colors[t][4],
-      [`--mantine-color-${n}-5`]: r.colors[t][5],
-      [`--mantine-color-${n}-6`]: r.colors[t][6],
-      [`--mantine-color-${n}-7`]: r.colors[t][7],
-      [`--mantine-color-${n}-8`]: r.colors[t][8],
-      [`--mantine-color-${n}-9`]: r.colors[t][9],
+      [`--mantine-color-${n}-0`]: t.colors[r][0],
+      [`--mantine-color-${n}-1`]: t.colors[r][1],
+      [`--mantine-color-${n}-2`]: t.colors[r][2],
+      [`--mantine-color-${n}-3`]: t.colors[r][3],
+      [`--mantine-color-${n}-4`]: t.colors[r][4],
+      [`--mantine-color-${n}-5`]: t.colors[r][5],
+      [`--mantine-color-${n}-6`]: t.colors[r][6],
+      [`--mantine-color-${n}-7`]: t.colors[r][7],
+      [`--mantine-color-${n}-8`]: t.colors[r][8],
+      [`--mantine-color-${n}-9`]: t.colors[r][9],
       ...l
     } : l;
   }
-  const o = U(r, "dark"), i = {
+  const o = U(t, "dark"), i = {
     [`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-4)`,
     [`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${o})`,
     [`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${o === 9 ? 8 : o + 1})`,
     [`--mantine-color-${n}-light`]: j(
-      r.colors[t][Math.max(0, o - 2)],
+      t.colors[r][Math.max(0, o - 2)],
       0.15
     ),
     [`--mantine-color-${n}-light-hover`]: j(
-      r.colors[t][Math.max(0, o - 2)],
+      t.colors[r][Math.max(0, o - 2)],
       0.2
     ),
     [`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${Math.max(o - 5, 0)})`,
     [`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${Math.max(o - 4, 0)})`,
     [`--mantine-color-${n}-outline-hover`]: j(
-      r.colors[t][Math.max(o - 4, 0)],
+      t.colors[r][Math.max(o - 4, 0)],
       0.05
     )
   };
   return a ? {
-    [`--mantine-color-${n}-0`]: r.colors[t][0],
-    [`--mantine-color-${n}-1`]: r.colors[t][1],
-    [`--mantine-color-${n}-2`]: r.colors[t][2],
-    [`--mantine-color-${n}-3`]: r.colors[t][3],
-    [`--mantine-color-${n}-4`]: r.colors[t][4],
-    [`--mantine-color-${n}-5`]: r.colors[t][5],
-    [`--mantine-color-${n}-6`]: r.colors[t][6],
-    [`--mantine-color-${n}-7`]: r.colors[t][7],
-    [`--mantine-color-${n}-8`]: r.colors[t][8],
-    [`--mantine-color-${n}-9`]: r.colors[t][9],
+    [`--mantine-color-${n}-0`]: t.colors[r][0],
+    [`--mantine-color-${n}-1`]: t.colors[r][1],
+    [`--mantine-color-${n}-2`]: t.colors[r][2],
+    [`--mantine-color-${n}-3`]: t.colors[r][3],
+    [`--mantine-color-${n}-4`]: t.colors[r][4],
+    [`--mantine-color-${n}-5`]: t.colors[r][5],
+    [`--mantine-color-${n}-6`]: t.colors[r][6],
+    [`--mantine-color-${n}-7`]: t.colors[r][7],
+    [`--mantine-color-${n}-8`]: t.colors[r][8],
+    [`--mantine-color-${n}-9`]: t.colors[r][9],
     ...i
   } : i;
 }
-function kn(r) {
-  return !!r && typeof r == "object" && "mantine-virtual-color" in r;
+function kn(t) {
+  return !!t && typeof t == "object" && "mantine-virtual-color" in t;
 }
-function F(r, t, e) {
-  M(t).forEach(
-    (n) => Object.assign(r, { [`--mantine-${e}-${n}`]: t[n] })
+function F(t, r, e) {
+  M(r).forEach(
+    (n) => Object.assign(t, { [`--mantine-${e}-${n}`]: r[n] })
   );
 }
-const rt = (r) => {
-  const t = U(r, "light"), e = r.defaultRadius in r.radius ? r.radius[r.defaultRadius] : c(r.defaultRadius), n = {
+const tr = (t) => {
+  const r = U(t, "light"), e = t.defaultRadius in t.radius ? t.radius[t.defaultRadius] : c(t.defaultRadius), n = {
     variables: {
-      "--mantine-scale": r.scale.toString(),
-      "--mantine-cursor-type": r.cursorType,
+      "--mantine-scale": t.scale.toString(),
+      "--mantine-cursor-type": t.cursorType,
       "--mantine-color-scheme": "light dark",
-      "--mantine-webkit-font-smoothing": r.fontSmoothing ? "antialiased" : "unset",
-      "--mantine-moz-font-smoothing": r.fontSmoothing ? "grayscale" : "unset",
-      "--mantine-color-white": r.white,
-      "--mantine-color-black": r.black,
-      "--mantine-line-height": r.lineHeights.md,
-      "--mantine-font-family": r.fontFamily,
-      "--mantine-font-family-monospace": r.fontFamilyMonospace,
-      "--mantine-font-family-headings": r.headings.fontFamily,
-      "--mantine-heading-font-weight": r.headings.fontWeight,
-      "--mantine-heading-text-wrap": r.headings.textWrap,
+      "--mantine-webkit-font-smoothing": t.fontSmoothing ? "antialiased" : "unset",
+      "--mantine-moz-font-smoothing": t.fontSmoothing ? "grayscale" : "unset",
+      "--mantine-color-white": t.white,
+      "--mantine-color-black": t.black,
+      "--mantine-line-height": t.lineHeights.md,
+      "--mantine-font-family": t.fontFamily,
+      "--mantine-font-family-monospace": t.fontFamilyMonospace,
+      "--mantine-font-family-headings": t.headings.fontFamily,
+      "--mantine-heading-font-weight": t.headings.fontWeight,
+      "--mantine-heading-text-wrap": t.headings.textWrap,
       "--mantine-radius-default": e,
       // Primary colors
-      "--mantine-primary-color-filled": `var(--mantine-color-${r.primaryColor}-filled)`,
-      "--mantine-primary-color-filled-hover": `var(--mantine-color-${r.primaryColor}-filled-hover)`,
-      "--mantine-primary-color-light": `var(--mantine-color-${r.primaryColor}-light)`,
-      "--mantine-primary-color-light-hover": `var(--mantine-color-${r.primaryColor}-light-hover)`,
-      "--mantine-primary-color-light-color": `var(--mantine-color-${r.primaryColor}-light-color)`
+      "--mantine-primary-color-filled": `var(--mantine-color-${t.primaryColor}-filled)`,
+      "--mantine-primary-color-filled-hover": `var(--mantine-color-${t.primaryColor}-filled-hover)`,
+      "--mantine-primary-color-light": `var(--mantine-color-${t.primaryColor}-light)`,
+      "--mantine-primary-color-light-hover": `var(--mantine-color-${t.primaryColor}-light-hover)`,
+      "--mantine-primary-color-light-color": `var(--mantine-color-${t.primaryColor}-light-color)`
     },
     light: {
-      "--mantine-primary-color-contrast": jr(r, "light"),
+      "--mantine-primary-color-contrast": jt(t, "light"),
       "--mantine-color-bright": "var(--mantine-color-black)",
-      "--mantine-color-text": r.black,
-      "--mantine-color-body": r.white,
+      "--mantine-color-text": t.black,
+      "--mantine-color-body": t.white,
       "--mantine-color-error": "var(--mantine-color-red-6)",
       "--mantine-color-placeholder": "var(--mantine-color-gray-5)",
-      "--mantine-color-anchor": `var(--mantine-color-${r.primaryColor}-${t})`,
+      "--mantine-color-anchor": `var(--mantine-color-${t.primaryColor}-${r})`,
       "--mantine-color-default": "var(--mantine-color-white)",
       "--mantine-color-default-hover": "var(--mantine-color-gray-0)",
       "--mantine-color-default-color": "var(--mantine-color-black)",
@@ -976,13 +976,13 @@ const rt = (r) => {
       "--mantine-color-dimmed": "var(--mantine-color-gray-6)"
     },
     dark: {
-      "--mantine-primary-color-contrast": jr(r, "dark"),
+      "--mantine-primary-color-contrast": jt(t, "dark"),
       "--mantine-color-bright": "var(--mantine-color-white)",
       "--mantine-color-text": "var(--mantine-color-dark-0)",
       "--mantine-color-body": "var(--mantine-color-dark-7)",
       "--mantine-color-error": "var(--mantine-color-red-8)",
       "--mantine-color-placeholder": "var(--mantine-color-dark-3)",
-      "--mantine-color-anchor": `var(--mantine-color-${r.primaryColor}-4)`,
+      "--mantine-color-anchor": `var(--mantine-color-${t.primaryColor}-4)`,
       "--mantine-color-default": "var(--mantine-color-dark-6)",
       "--mantine-color-default-hover": "var(--mantine-color-dark-5)",
       "--mantine-color-default-color": "var(--mantine-color-white)",
@@ -990,15 +990,15 @@ const rt = (r) => {
       "--mantine-color-dimmed": "var(--mantine-color-dark-2)"
     }
   };
-  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) => {
-    n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${r.primaryColor}-${i})`;
-  }), M(r.colors).forEach((o) => {
-    const i = r.colors[o];
+  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) => {
+    n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${t.primaryColor}-${i})`;
+  }), M(t.colors).forEach((o) => {
+    const i = t.colors[o];
     if (kn(i)) {
       Object.assign(
         n.light,
         J({
-          theme: r,
+          theme: t,
           name: i.name,
           color: i.light,
           colorScheme: "light",
@@ -1007,7 +1007,7 @@ const rt = (r) => {
       ), Object.assign(
         n.dark,
         J({
-          theme: r,
+          theme: t,
           name: i.name,
           color: i.dark,
           colorScheme: "dark",
@@ -1021,7 +1021,7 @@ const rt = (r) => {
     }), Object.assign(
       n.light,
       J({
-        theme: r,
+        theme: t,
         color: o,
         colorScheme: "light",
         withColorValues: !1
@@ -1029,87 +1029,87 @@ const rt = (r) => {
     ), Object.assign(
       n.dark,
       J({
-        theme: r,
+        theme: t,
         color: o,
         colorScheme: "dark",
         withColorValues: !1
       })
     );
   });
-  const a = r.headings.sizes;
+  const a = t.headings.sizes;
   return M(a).forEach((o) => {
-    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;
+    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;
   }), n;
 };
-function Nn({ theme: r, generator: t }) {
-  const e = rt(r), n = t == null ? void 0 : t(r);
-  return n ? vr(e, n) : e;
+function Nn({ theme: t, generator: r }) {
+  const e = tr(t), n = r == null ? void 0 : r(t);
+  return n ? vt(e, n) : e;
 }
-const fr = rt(kr);
-function Tn(r) {
-  const t = {
+const ft = tr(kt);
+function Tn(t) {
+  const r = {
     variables: {},
     light: {},
     dark: {}
   };
-  return M(r.variables).forEach((e) => {
-    fr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
-  }), M(r.light).forEach((e) => {
-    fr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
-  }), M(r.dark).forEach((e) => {
-    fr.dark[e] !== r.dark[e] && (t.dark[e] = r.dark[e]);
-  }), t;
-}
-function Mn(r) {
+  return M(t.variables).forEach((e) => {
+    ft.variables[e] !== t.variables[e] && (r.variables[e] = t.variables[e]);
+  }), M(t.light).forEach((e) => {
+    ft.light[e] !== t.light[e] && (r.light[e] = t.light[e]);
+  }), M(t.dark).forEach((e) => {
+    ft.dark[e] !== t.dark[e] && (r.dark[e] = t.dark[e]);
+  }), r;
+}
+function Mn(t) {
   return `
-  ${r}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
-  ${r}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
+  ${t}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
+  ${t}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
 `;
 }
-function tt({
-  cssVariablesSelector: r,
-  deduplicateCssVariables: t
+function rr({
+  cssVariablesSelector: t,
+  deduplicateCssVariables: r
 }) {
-  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);
+  const e = V(), n = Ct(), a = nn(), o = Nn({ theme: e, generator: a }), i = t === ":root" && r, s = i ? Tn(o) : o, l = Cn(s, t);
   return l ? /* @__PURE__ */ p(
     "style",
     {
       "data-mantine-styles": !0,
       nonce: n == null ? void 0 : n(),
       dangerouslySetInnerHTML: {
-        __html: `${l}${i ? "" : Mn(r)}`
+        __html: `${l}${i ? "" : Mn(t)}`
       }
     }
   ) : null;
 }
-tt.displayName = "@mantine/CssVariables";
+rr.displayName = "@mantine/CssVariables";
 function Rn() {
-  const r = console.error;
-  console.error = (...t) => {
-    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);
+  const t = console.error;
+  console.error = (...r) => {
+    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);
   };
 }
-function H(r, t) {
+function H(t, r) {
   var a, o;
-  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";
-  (o = t()) == null || o.setAttribute("data-mantine-color-scheme", n);
+  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";
+  (o = r()) == null || o.setAttribute("data-mantine-color-scheme", n);
 }
 function _n({
-  manager: r,
-  defaultColorScheme: t,
+  manager: t,
+  defaultColorScheme: r,
   getRootElement: e,
   forceColorScheme: n
 }) {
-  const a = W(null), [o, i] = tr(() => r.get(t)), s = n || o, l = Lr(
+  const a = W(null), [o, i] = rt(() => t.get(r)), s = n || o, l = Lt(
     (u) => {
-      n || (H(u, e), i(u), r.set(u));
+      n || (H(u, e), i(u), t.set(u));
     },
-    [r.set, s, n]
-  ), d = Lr(() => {
-    i(t), H(t, e), r.clear();
-  }, [r.clear, t]);
-  return A(() => (r.subscribe(l), r.unsubscribe), [r.subscribe, r.unsubscribe]), Qr(() => {
-    H(r.get(t), e);
+    [t.set, s, n]
+  ), d = Lt(() => {
+    i(r), H(r, e), t.clear();
+  }, [t.clear, r]);
+  return A(() => (t.subscribe(l), t.unsubscribe), [t.subscribe, t.unsubscribe]), Qt(() => {
+    H(t.get(r), e);
   }, []), A(() => {
     var f;
     if (n)
@@ -1126,18 +1126,18 @@ function _n({
   }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: d };
 }
 function Pn({
-  respectReducedMotion: r,
-  getRootElement: t
+  respectReducedMotion: t,
+  getRootElement: r
 }) {
-  Qr(() => {
+  Qt(() => {
     var e;
-    r && ((e = t()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
-  }, [r]);
+    t && ((e = r()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
+  }, [t]);
 }
 Rn();
-function nt({
-  theme: r,
-  children: t,
+function nr({
+  theme: t,
+  children: r,
   getStyleNonce: e,
   withStaticClasses: n = !0,
   withGlobalClasses: a = !0,
@@ -1160,10 +1160,10 @@ function nt({
     getRootElement: f
   });
   return Pn({
-    respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
+    respectReducedMotion: (t == null ? void 0 : t.respectReducedMotion) || !1,
     getRootElement: f
   }), /* @__PURE__ */ p(
-    Zr.Provider,
+    Zt.Provider,
     {
       value: {
         colorScheme: h,
@@ -1178,82 +1178,82 @@ function nt({
         stylesTransform: y,
         env: $
       },
-      children: /* @__PURE__ */ z(Jr, { theme: r, children: [
+      children: /* @__PURE__ */ z(Jt, { theme: t, children: [
         i && /* @__PURE__ */ p(
-          tt,
+          rr,
           {
             cssVariablesSelector: s,
             deduplicateCssVariables: o
           }
         ),
         a && /* @__PURE__ */ p(wn, {}),
-        t
+        r
       ] })
     }
   );
 }
-nt.displayName = "@mantine/core/MantineProvider";
+nr.displayName = "@mantine/core/MantineProvider";
 const Ln = {
   always: "mantine-focus-always",
   auto: "mantine-focus-auto",
   never: "mantine-focus-never"
 };
-function En({ theme: r, options: t, unstyled: e }) {
+function En({ theme: t, options: r, unstyled: e }) {
   return B(
-    (t == null ? void 0 : t.focusable) && !e && (r.focusClassName || Ln[r.focusRing]),
-    (t == null ? void 0 : t.active) && !e && r.activeClassName
+    (r == null ? void 0 : r.focusable) && !e && (t.focusClassName || Ln[t.focusRing]),
+    (r == null ? void 0 : r.active) && !e && t.activeClassName
   );
 }
 function An({
-  selector: r,
-  stylesCtx: t,
+  selector: t,
+  stylesCtx: r,
   options: e,
   props: n,
   theme: a
 }) {
-  return wr({
+  return wt({
     theme: a,
     classNames: e == null ? void 0 : e.classNames,
     props: (e == null ? void 0 : e.props) || n,
-    stylesCtx: t
-  })[r];
+    stylesCtx: r
+  })[t];
 }
-function Fr({
-  selector: r,
-  stylesCtx: t,
+function Ft({
+  selector: t,
+  stylesCtx: r,
   theme: e,
   classNames: n,
   props: a
 }) {
-  return wr({ theme: e, classNames: n, props: a, stylesCtx: t })[r];
+  return wt({ theme: e, classNames: n, props: a, stylesCtx: r })[t];
 }
-function On({ rootSelector: r, selector: t, className: e }) {
-  return r === t ? e : void 0;
+function On({ rootSelector: t, selector: r, className: e }) {
+  return t === r ? e : void 0;
 }
-function In({ selector: r, classes: t, unstyled: e }) {
-  return e ? void 0 : t[r];
+function In({ selector: t, classes: r, unstyled: e }) {
+  return e ? void 0 : r[t];
 }
 function Bn({
-  themeName: r,
-  classNamesPrefix: t,
+  themeName: t,
+  classNamesPrefix: r,
   selector: e,
   withStaticClass: n
 }) {
-  return n === !1 ? [] : r.map((a) => `${t}-${a}-${e}`);
+  return n === !1 ? [] : t.map((a) => `${r}-${a}-${e}`);
 }
 function Vn({
-  themeName: r,
-  theme: t,
+  themeName: t,
+  theme: r,
   selector: e,
   props: n,
   stylesCtx: a
 }) {
-  return r.map(
+  return t.map(
     (o) => {
       var i, s;
-      return (s = wr({
-        theme: t,
-        classNames: (i = t.components[o]) == null ? void 0 : i.classNames,
+      return (s = wt({
+        theme: r,
+        classNames: (i = r.components[o]) == null ? void 0 : i.classNames,
         props: n,
         stylesCtx: a
       })) == null ? void 0 : s[e];
@@ -1261,16 +1261,16 @@ function Vn({
   );
 }
 function jn({
-  options: r,
-  classes: t,
+  options: t,
+  classes: r,
   selector: e,
   unstyled: n
 }) {
-  return r != null && r.variant && !n ? t[`${e}--${r.variant}`] : void 0;
+  return t != null && t.variant && !n ? r[`${e}--${t.variant}`] : void 0;
 }
 function Fn({
-  theme: r,
-  options: t,
+  theme: t,
+  options: r,
   themeName: e,
   selector: n,
   classNamesPrefix: a,
@@ -1286,56 +1286,56 @@ function Fn({
   transformedStyles: y
 }) {
   return B(
-    En({ theme: r, options: t, unstyled: s || g }),
-    Vn({ theme: r, themeName: e, selector: n, props: u, stylesCtx: f }),
-    jn({ options: t, classes: i, selector: n, unstyled: s }),
-    Fr({ selector: n, stylesCtx: f, theme: r, classNames: o, props: u }),
-    Fr({ selector: n, stylesCtx: f, theme: r, classNames: y, props: u }),
-    An({ selector: n, stylesCtx: f, options: t, props: u, theme: r }),
+    En({ theme: t, options: r, unstyled: s || g }),
+    Vn({ theme: t, themeName: e, selector: n, props: u, stylesCtx: f }),
+    jn({ options: r, classes: i, selector: n, unstyled: s }),
+    Ft({ selector: n, stylesCtx: f, theme: t, classNames: o, props: u }),
+    Ft({ selector: n, stylesCtx: f, theme: t, classNames: y, props: u }),
+    An({ selector: n, stylesCtx: f, options: r, props: u, theme: t }),
     On({ rootSelector: d, selector: n, className: l }),
     In({ selector: n, classes: i, unstyled: s || g }),
     m && !g && Bn({
       themeName: e,
       classNamesPrefix: a,
       selector: n,
-      withStaticClass: t == null ? void 0 : t.withStaticClass
+      withStaticClass: r == null ? void 0 : r.withStaticClass
     }),
-    t == null ? void 0 : t.className
+    r == null ? void 0 : r.className
   );
 }
 function Hn({
-  theme: r,
-  themeName: t,
+  theme: t,
+  themeName: r,
   props: e,
   stylesCtx: n,
   selector: a
 }) {
-  return t.map(
+  return r.map(
     (o) => {
       var i;
-      return gr({
-        theme: r,
-        styles: (i = r.components[o]) == null ? void 0 : i.styles,
+      return gt({
+        theme: t,
+        styles: (i = t.components[o]) == null ? void 0 : i.styles,
         props: e,
         stylesCtx: n
       })[a];
     }
   ).reduce((o, i) => ({ ...o, ...i }), {});
 }
-function br({ style: r, theme: t }) {
-  return Array.isArray(r) ? [...r].reduce(
-    (e, n) => ({ ...e, ...br({ style: n, theme: t }) }),
+function bt({ style: t, theme: r }) {
+  return Array.isArray(t) ? [...t].reduce(
+    (e, n) => ({ ...e, ...bt({ style: n, theme: r }) }),
     {}
-  ) : typeof r == "function" ? r(t) : r ?? {};
+  ) : typeof t == "function" ? t(r) : t ?? {};
 }
-function Wn(r) {
-  return r.reduce((t, e) => (e && Object.keys(e).forEach((n) => {
-    t[n] = { ...t[n], ...Sr(e[n]) };
-  }), t), {});
+function Wn(t) {
+  return t.reduce((r, e) => (e && Object.keys(e).forEach((n) => {
+    r[n] = { ...r[n], ...St(e[n]) };
+  }), r), {});
 }
 function zn({
-  vars: r,
-  varsResolver: t,
+  vars: t,
+  varsResolver: r,
   theme: e,
   props: n,
   stylesCtx: a,
@@ -1345,17 +1345,17 @@ function zn({
 }) {
   var l;
   return (l = Wn([
-    s ? {} : t == null ? void 0 : t(e, n, a),
+    s ? {} : r == null ? void 0 : r(e, n, a),
     ...i.map((d) => {
       var u, f, m;
       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);
     }),
-    r == null ? void 0 : r(e, n, a)
+    t == null ? void 0 : t(e, n, a)
   ])) == null ? void 0 : l[o];
 }
 function Yn({
-  theme: r,
-  themeName: t,
+  theme: t,
+  themeName: r,
   selector: e,
   options: n,
   props: a,
@@ -1369,26 +1369,26 @@ function Yn({
   withStylesTransform: m
 }) {
   return {
-    ...!m && Hn({ theme: r, themeName: t, props: a, stylesCtx: o, selector: e }),
-    ...!m && gr({ theme: r, styles: s, props: a, stylesCtx: o })[e],
-    ...!m && gr({ theme: r, styles: n == null ? void 0 : n.styles, props: (n == null ? void 0 : n.props) || a, stylesCtx: o })[e],
-    ...zn({ theme: r, props: a, stylesCtx: o, vars: d, varsResolver: u, selector: e, themeName: t, headless: f }),
-    ...i === e ? br({ style: l, theme: r }) : null,
-    ...br({ style: n == null ? void 0 : n.style, theme: r })
+    ...!m && Hn({ theme: t, themeName: r, props: a, stylesCtx: o, selector: e }),
+    ...!m && gt({ theme: t, styles: s, props: a, stylesCtx: o })[e],
+    ...!m && gt({ theme: t, styles: n == null ? void 0 : n.styles, props: (n == null ? void 0 : n.props) || a, stylesCtx: o })[e],
+    ...zn({ theme: t, props: a, stylesCtx: o, vars: d, varsResolver: u, selector: e, themeName: r, headless: f }),
+    ...i === e ? bt({ style: l, theme: t }) : null,
+    ...bt({ style: n == null ? void 0 : n.style, theme: t })
   };
 }
-function Gn({ props: r, stylesCtx: t, themeName: e }) {
+function Gn({ props: t, stylesCtx: r, themeName: e }) {
   var i;
   const n = V(), a = (i = cn()) == null ? void 0 : i();
   return {
     getTransformedStyles: (s) => a ? [
       ...s.map(
-        (d) => a(d, { props: r, theme: n, ctx: t })
+        (d) => a(d, { props: t, theme: n, ctx: r })
       ),
       ...e.map(
         (d) => {
           var u;
-          return a((u = n.components[d]) == null ? void 0 : u.styles, { props: r, theme: n, ctx: t });
+          return a((u = n.components[d]) == null ? void 0 : u.styles, { props: t, theme: n, ctx: r });
         }
       )
     ].filter(Boolean) : [],
@@ -1396,8 +1396,8 @@ function Gn({ props: r, stylesCtx: t, themeName: e }) {
   };
 }
 function Q({
-  name: r,
-  classes: t,
+  name: t,
+  classes: r,
   props: e,
   stylesCtx: n,
   className: a,
@@ -1409,7 +1409,7 @@ function Q({
   vars: u,
   varsResolver: f
 }) {
-  const m = V(), g = en(), y = on(), $ = an(), h = (Array.isArray(r) ? r : [r]).filter((v) => v), { withStylesTransform: C, getTransformedStyles: x } = Gn({
+  const m = V(), g = en(), y = on(), $ = an(), h = (Array.isArray(t) ? t : [t]).filter((v) => v), { withStylesTransform: C, getTransformedStyles: x } = Gn({
     props: e,
     stylesCtx: n,
     themeName: h
@@ -1422,7 +1422,7 @@ function Q({
       selector: v,
       classNamesPrefix: g,
       classNames: l,
-      classes: t,
+      classes: r,
       unstyled: s,
       className: a,
       rootSelector: i,
@@ -1450,23 +1450,23 @@ function Q({
   });
 }
 const Dn = ({
-  defaultColorScheme: r,
-  localStorageKey: t,
+  defaultColorScheme: t,
+  localStorageKey: r,
   forceColorScheme: e
 }) => e ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${e}');` : `try {
-  var _colorScheme = window.localStorage.getItem("${t}");
-  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${r}";
+  var _colorScheme = window.localStorage.getItem("${r}");
+  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${t}";
   var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
 } catch (e) {}
 `;
-function _e({
-  defaultColorScheme: r = "light",
-  localStorageKey: t = "mantine-color-scheme-value",
+function Le({
+  defaultColorScheme: t = "light",
+  localStorageKey: r = "mantine-color-scheme-value",
   forceColorScheme: e,
   ...n
 }) {
-  const a = ["light", "dark", "auto"].includes(r) ? r : "light";
+  const a = ["light", "dark", "auto"].includes(t) ? t : "light";
   return /* @__PURE__ */ p(
     "script",
     {
@@ -1475,48 +1475,48 @@ function _e({
       dangerouslySetInnerHTML: {
         __html: Dn({
           defaultColorScheme: a,
-          localStorageKey: t,
+          localStorageKey: r,
           forceColorScheme: e
         })
       }
     }
   );
 }
-function I(r, t, e) {
+function I(t, r, e) {
   var i;
-  const n = V(), a = (i = n.components[r]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
-  return { ...t, ...o, ...Sr(e) };
+  const n = V(), a = (i = n.components[t]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
+  return { ...r, ...o, ...St(e) };
 }
-const Pe = {
+const Ee = {
   suppressHydrationWarning: !0,
   "data-mantine-color-scheme": "light"
 };
-function ur(r) {
-  return M(r).reduce(
-    (t, e) => r[e] !== void 0 ? `${t}${Dt(e)}:${r[e]};` : t,
+function ut(t) {
+  return M(t).reduce(
+    (r, e) => t[e] !== void 0 ? `${r}${Dr(e)}:${t[e]};` : r,
     ""
   ).trim();
 }
-function Xn({ selector: r, styles: t, media: e, container: n }) {
-  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(
-    (s) => `@container ${s.query}{${r}{${ur(s.styles)}}}`
+function Xn({ selector: t, styles: r, media: e, container: n }) {
+  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(
+    (s) => `@container ${s.query}{${t}{${ut(s.styles)}}}`
   ) : [];
-  return `${a ? `${r}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
+  return `${a ? `${t}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
 }
-function Un(r) {
-  const t = Cr();
+function Un(t) {
+  const r = Ct();
   return /* @__PURE__ */ p(
     "style",
     {
       "data-mantine-styles": "inline",
-      nonce: t == null ? void 0 : t(),
-      dangerouslySetInnerHTML: { __html: Xn(r) }
+      nonce: r == null ? void 0 : r(),
+      dangerouslySetInnerHTML: { __html: Xn(t) }
     }
   );
 }
-function qn(r) {
+function qn(t) {
   const {
-    m: t,
+    m: r,
     mx: e,
     my: n,
     mt: a,
@@ -1541,39 +1541,39 @@ function qn(r) {
     ff: k,
     fz: S,
     fw: E,
-    lts: or,
-    ta: ar,
-    lh: pt,
-    fs: gt,
-    tt: yt,
-    td: bt,
-    w: ht,
-    miw: $t,
-    maw: vt,
-    h: St,
-    mih: wt,
-    mah: Ct,
-    bgsz: xt,
-    bgp: kt,
-    bgr: Nt,
-    bga: Tt,
-    pos: Mt,
-    top: Rt,
-    left: _t,
-    bottom: Pt,
-    right: Lt,
-    inset: Et,
-    display: At,
-    flex: Ot,
-    hiddenFrom: It,
-    visibleFrom: Bt,
-    lightHidden: Vt,
-    darkHidden: jt,
-    sx: Ft,
-    ...Ht
-  } = r;
-  return { styleProps: Sr({
-    m: t,
+    lts: ot,
+    ta: at,
+    lh: pr,
+    fs: gr,
+    tt: yr,
+    td: br,
+    w: hr,
+    miw: $r,
+    maw: vr,
+    h: Sr,
+    mih: wr,
+    mah: Cr,
+    bgsz: xr,
+    bgp: kr,
+    bgr: Nr,
+    bga: Tr,
+    pos: Mr,
+    top: Rr,
+    left: _r,
+    bottom: Pr,
+    right: Lr,
+    inset: Er,
+    display: Ar,
+    flex: Or,
+    hiddenFrom: Ir,
+    visibleFrom: Br,
+    lightHidden: Vr,
+    darkHidden: jr,
+    sx: Fr,
+    ...Hr
+  } = t;
+  return { styleProps: St({
+    m: r,
     mx: e,
     my: n,
     mt: a,
@@ -1598,36 +1598,36 @@ function qn(r) {
     ff: k,
     fz: S,
     fw: E,
-    lts: or,
-    ta: ar,
-    lh: pt,
-    fs: gt,
-    tt: yt,
-    td: bt,
-    w: ht,
-    miw: $t,
-    maw: vt,
-    h: St,
-    mih: wt,
-    mah: Ct,
-    bgsz: xt,
-    bgp: kt,
-    bgr: Nt,
-    bga: Tt,
-    pos: Mt,
-    top: Rt,
-    left: _t,
-    bottom: Pt,
-    right: Lt,
-    inset: Et,
-    display: At,
-    flex: Ot,
-    hiddenFrom: It,
-    visibleFrom: Bt,
-    lightHidden: Vt,
-    darkHidden: jt,
-    sx: Ft
-  }), rest: Ht };
+    lts: ot,
+    ta: at,
+    lh: pr,
+    fs: gr,
+    tt: yr,
+    td: br,
+    w: hr,
+    miw: $r,
+    maw: vr,
+    h: Sr,
+    mih: wr,
+    mah: Cr,
+    bgsz: xr,
+    bgp: kr,
+    bgr: Nr,
+    bga: Tr,
+    pos: Mr,
+    top: Rr,
+    left: _r,
+    bottom: Pr,
+    right: Lr,
+    inset: Er,
+    display: Ar,
+    flex: Or,
+    hiddenFrom: Ir,
+    visibleFrom: Br,
+    lightHidden: Vr,
+    darkHidden: jr,
+    sx: Fr
+  }), rest: Hr };
 }
 const Qn = {
   m: { type: "spacing", property: "margin" },
@@ -1680,64 +1680,64 @@ const Qn = {
   display: { type: "identity", property: "display" },
   flex: { type: "identity", property: "flex" }
 };
-function Tr(r, t) {
-  const e = q({ color: r, theme: t });
+function Tt(t, r) {
+  const e = q({ color: t, theme: r });
   return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
 }
-function Kn(r, t) {
-  const e = q({ color: r, theme: t });
-  return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` : Tr(r, t);
+function Kn(t, r) {
+  const e = q({ color: t, theme: r });
+  return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` : Tt(t, r);
 }
-function Zn(r, t) {
-  if (typeof r == "number")
-    return c(r);
-  if (typeof r == "string") {
-    const [e, n, ...a] = r.split(" ").filter((i) => i.trim() !== "");
+function Zn(t, r) {
+  if (typeof t == "number")
+    return c(t);
+  if (typeof t == "string") {
+    const [e, n, ...a] = t.split(" ").filter((i) => i.trim() !== "");
     let o = `${c(e)}`;
-    return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tr(a.join(" "), t)}`), o.trim();
+    return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tt(a.join(" "), r)}`), o.trim();
   }
-  return r;
+  return t;
 }
-const Hr = {
+const Ht = {
   text: "var(--mantine-font-family)",
   mono: "var(--mantine-font-family-monospace)",
   monospace: "var(--mantine-font-family-monospace)",
   heading: "var(--mantine-font-family-headings)",
   headings: "var(--mantine-font-family-headings)"
 };
-function Jn(r) {
-  return typeof r == "string" && r in Hr ? Hr[r] : r;
+function Jn(t) {
+  return typeof t == "string" && t in Ht ? Ht[t] : t;
 }
-const re = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function te(r, t) {
-  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;
+const te = ["h1", "h2", "h3", "h4", "h5", "h6"];
+function re(t, r) {
+  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;
 }
-function ne(r) {
-  return r;
+function ne(t) {
+  return t;
 }
 const ee = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function oe(r, t) {
-  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;
-}
-function ae(r) {
-  return typeof r == "number" ? c(r) : r;
-}
-function ie(r, t) {
-  if (typeof r == "number")
-    return c(r);
-  if (typeof r == "string") {
-    const e = r.replace("-", "");
-    if (!(e in t.spacing))
-      return c(r);
+function oe(t, r) {
+  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;
+}
+function ae(t) {
+  return typeof t == "number" ? c(t) : t;
+}
+function ie(t, r) {
+  if (typeof t == "number")
+    return c(t);
+  if (typeof t == "string") {
+    const e = t.replace("-", "");
+    if (!(e in r.spacing))
+      return c(t);
     const n = `--mantine-spacing-${e}`;
-    return r.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
+    return t.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
   }
-  return r;
+  return t;
 }
-const mr = {
-  color: Tr,
+const mt = {
+  color: Tt,
   textColor: Kn,
-  fontSize: te,
+  fontSize: re,
   spacing: ie,
   identity: ne,
   size: ae,
@@ -1745,55 +1745,55 @@ const mr = {
   fontFamily: Jn,
   border: Zn
 };
-function Wr(r) {
-  return r.replace("(min-width: ", "").replace("em)", "");
+function Wt(t) {
+  return t.replace("(min-width: ", "").replace("em)", "");
 }
 function se({
-  media: r,
-  ...t
+  media: t,
+  ...r
 }) {
-  const n = Object.keys(r).sort((a, o) => Number(Wr(a)) - Number(Wr(o))).map((a) => ({ query: a, styles: r[a] }));
-  return { ...t, media: n };
+  const n = Object.keys(t).sort((a, o) => Number(Wt(a)) - Number(Wt(o))).map((a) => ({ query: a, styles: t[a] }));
+  return { ...r, media: n };
 }
-function ce(r) {
-  if (typeof r != "object" || r === null)
+function ce(t) {
+  if (typeof t != "object" || t === null)
     return !1;
-  const t = Object.keys(r);
-  return !(t.length === 1 && t[0] === "base");
+  const r = Object.keys(t);
+  return !(r.length === 1 && r[0] === "base");
 }
-function le(r) {
-  return typeof r == "object" && r !== null ? "base" in r ? r.base : void 0 : r;
+function le(t) {
+  return typeof t == "object" && t !== null ? "base" in t ? t.base : void 0 : t;
 }
-function de(r) {
-  return typeof r == "object" && r !== null ? M(r).filter((t) => t !== "base") : [];
+function de(t) {
+  return typeof t == "object" && t !== null ? M(t).filter((r) => r !== "base") : [];
 }
-function fe(r, t) {
-  return typeof r == "object" && r !== null && t in r ? r[t] : r;
+function fe(t, r) {
+  return typeof t == "object" && t !== null && r in t ? t[r] : t;
 }
 function ue({
-  styleProps: r,
-  data: t,
+  styleProps: t,
+  data: r,
   theme: e
 }) {
   return se(
-    M(r).reduce(
+    M(t).reduce(
       (n, a) => {
         if (a === "hiddenFrom" || a === "visibleFrom" || a === "sx")
           return n;
-        const o = t[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(r[a]);
-        if (!ce(r[a]))
+        const o = r[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(t[a]);
+        if (!ce(t[a]))
           return i.forEach((d) => {
-            n.inlineStyles[d] = mr[o.type](s, e);
+            n.inlineStyles[d] = mt[o.type](s, e);
           }), n;
         n.hasResponsiveStyles = !0;
-        const l = de(r[a]);
+        const l = de(t[a]);
         return i.forEach((d) => {
-          s && (n.styles[d] = mr[o.type](s, e)), l.forEach((u) => {
+          s && (n.styles[d] = mt[o.type](s, e)), l.forEach((u) => {
             const f = `(min-width: ${e.breakpoints[u]})`;
             n.media[f] = {
               ...n.media[f],
-              [d]: mr[o.type](
-                fe(r[a], u),
+              [d]: mt[o.type](
+                fe(t[a], u),
                 e
               )
             };
@@ -1810,42 +1810,42 @@ function ue({
   );
 }
 function me() {
-  return `__m__-${Yt().replace(/:/g, "")}`;
+  return `__m__-${Yr().replace(/:/g, "")}`;
 }
-function et(r) {
-  return r.startsWith("data-") ? r : `data-${r}`;
+function er(t) {
+  return t.startsWith("data-") ? t : `data-${t}`;
 }
-function pe(r) {
-  return Object.keys(r).reduce((t, e) => {
-    const n = r[e];
-    return n === void 0 || n === "" || n === !1 || n === null || (t[et(e)] = r[e]), t;
+function pe(t) {
+  return Object.keys(t).reduce((r, e) => {
+    const n = t[e];
+    return n === void 0 || n === "" || n === !1 || n === null || (r[er(e)] = t[e]), r;
   }, {});
 }
-function ot(r) {
-  return r ? typeof r == "string" ? { [et(r)]: !0 } : Array.isArray(r) ? [...r].reduce(
-    (t, e) => ({ ...t, ...ot(e) }),
+function or(t) {
+  return t ? typeof t == "string" ? { [er(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
+    (r, e) => ({ ...r, ...or(e) }),
     {}
-  ) : pe(r) : null;
+  ) : pe(t) : null;
 }
-function hr(r, t) {
-  return Array.isArray(r) ? [...r].reduce(
-    (e, n) => ({ ...e, ...hr(n, t) }),
+function ht(t, r) {
+  return Array.isArray(t) ? [...t].reduce(
+    (e, n) => ({ ...e, ...ht(n, r) }),
     {}
-  ) : typeof r == "function" ? r(t) : r ?? {};
+  ) : typeof t == "function" ? t(r) : t ?? {};
 }
 function ge({
-  theme: r,
-  style: t,
+  theme: t,
+  style: r,
   vars: e,
   styleProps: n
 }) {
-  const a = hr(t, r), o = hr(e, r);
+  const a = ht(r, t), o = ht(e, t);
   return { ...a, ...o, ...n };
 }
-const at = _(
+const ar = _(
   ({
-    component: r,
-    style: t,
+    component: t,
+    style: r,
     __vars: e,
     className: n,
     variant: a,
@@ -1860,7 +1860,7 @@ const at = _(
     ...g
   }, y) => {
     var S;
-    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({
+    const $ = V(), h = t || "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({
       styleProps: C,
       theme: $,
       data: Qn
@@ -1868,7 +1868,7 @@ const at = _(
       ref: y,
       style: ge({
         theme: $,
-        style: t,
+        style: r,
         vars: e,
         styleProps: b.inlineStyles
       }),
@@ -1880,12 +1880,12 @@ const at = _(
         [`mantine-visible-from-${l}`]: l
       }),
       "data-variant": a,
-      "data-size": Ur(i) ? void 0 : i || void 0,
+      "data-size": Ut(i) ? void 0 : i || void 0,
       size: m,
-      ...ot(o),
+      ...or(o),
       ...x
     };
-    return /* @__PURE__ */ z(pr, { children: [
+    return /* @__PURE__ */ z(pt, { children: [
       b.hasResponsiveStyles && /* @__PURE__ */ p(
         Un,
         {
@@ -1898,31 +1898,31 @@ const at = _(
     ] });
   }
 );
-at.displayName = "@mantine/core/Box";
-const N = at;
-function it(r) {
-  return r;
-}
-function Mr(r) {
-  const t = _(r);
-  return t.extend = it, t.withProps = (e) => {
-    const n = _((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
-    return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
-  }, t;
-}
-function st(r) {
-  const t = _(r);
-  return t.withProps = (e) => {
-    const n = _((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
-    return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
-  }, t.extend = it, t;
-}
-var ct = { root: "m_87cf2631" };
+ar.displayName = "@mantine/core/Box";
+const N = ar;
+function ir(t) {
+  return t;
+}
+function Mt(t) {
+  const r = _(t);
+  return r.extend = ir, r.withProps = (e) => {
+    const n = _((a, o) => /* @__PURE__ */ p(r, { ...e, ...a, ref: o }));
+    return n.extend = r.extend, n.displayName = `WithProps(${r.displayName})`, n;
+  }, r;
+}
+function sr(t) {
+  const r = _(t);
+  return r.withProps = (e) => {
+    const n = _((a, o) => /* @__PURE__ */ p(r, { ...e, ...a, ref: o }));
+    return n.extend = r.extend, n.displayName = `WithProps(${r.displayName})`, n;
+  }, r.extend = ir, r;
+}
+var cr = { root: "m_87cf2631" };
 const ye = {
   __staticSelector: "UnstyledButton"
-}, Rr = st(
-  (r, t) => {
-    const e = I("UnstyledButton", ye, r), {
+}, Rt = sr(
+  (t, r) => {
+    const e = I("UnstyledButton", ye, t), {
       className: n,
       component: a = "button",
       __staticSelector: o,
@@ -1934,7 +1934,7 @@ const ye = {
     } = e, f = Q({
       name: o,
       props: e,
-      classes: ct,
+      classes: cr,
       className: n,
       style: d,
       classNames: s,
@@ -1946,20 +1946,20 @@ const ye = {
       {
         ...f("root", { focusable: !0 }),
         component: a,
-        ref: t,
+        ref: r,
         type: a === "button" ? "button" : void 0,
         ...u
       }
     );
   }
 );
-Rr.classes = ct;
-Rr.displayName = "@mantine/core/UnstyledButton";
-const X = (r) => ({
+Rt.classes = cr;
+Rt.displayName = "@mantine/core/UnstyledButton";
+const X = (t) => ({
   in: { opacity: 1, transform: "scale(1)" },
-  out: { opacity: 0, transform: `scale(.9) translateY(${r === "bottom" ? 10 : -10}px)` },
+  out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
   transitionProperty: "transform, opacity"
-}), rr = {
+}), tt = {
   fade: {
     in: { opacity: 1 },
     out: { opacity: 0 },
@@ -2071,7 +2071,7 @@ const X = (r) => ({
     ...X("top"),
     common: { transformOrigin: "top right" }
   }
-}, zr = {
+}, zt = {
   entering: "in",
   entered: "in",
   exiting: "out",
@@ -2080,8 +2080,8 @@ const X = (r) => ({
   "pre-entering": "out"
 };
 function be({
-  transition: r,
-  state: t,
+  transition: t,
+  state: r,
   duration: e,
   timingFunction: n
 }) {
@@ -2091,21 +2091,21 @@ function be({
     transitionDuration: `${e}ms`,
     transitionTimingFunction: n
   };
-  return typeof r == "string" ? r in rr ? {
-    transitionProperty: rr[r].transitionProperty,
+  return typeof t == "string" ? t in tt ? {
+    transitionProperty: tt[t].transitionProperty,
     ...a,
-    ...rr[r].common,
-    ...rr[r][zr[t]]
+    ...tt[t].common,
+    ...tt[t][zt[r]]
   } : {} : {
-    transitionProperty: r.transitionProperty,
+    transitionProperty: t.transitionProperty,
     ...a,
-    ...r.common,
-    ...r[zr[t]]
+    ...t.common,
+    ...t[zt[r]]
   };
 }
 function he({
-  duration: r,
-  exitDuration: t,
+  duration: t,
+  exitDuration: r,
   timingFunction: e,
   mounted: n,
   onEnter: a,
@@ -2115,12 +2115,12 @@ function he({
   enterDelay: l,
   exitDelay: d
 }) {
-  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) => {
+  const u = V(), f = Jr(), m = u.respectReducedMotion ? f : !1, [g, y] = rt(m ? 0 : t), [$, h] = rt(n ? "entered" : "exited"), C = W(-1), x = W(-1), v = W(-1), w = (b) => {
     const k = b ? a : o, S = b ? i : s;
     window.clearTimeout(C.current);
-    const E = m ? 0 : b ? r : t;
+    const E = m ? 0 : b ? t : r;
     y(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
-      Gt.flushSync(() => {
+      Gr.flushSync(() => {
         h(b ? "pre-entering" : "pre-exiting");
       }), v.current = requestAnimationFrame(() => {
         typeof k == "function" && k(), h(b ? "entering" : "exiting"), C.current = window.setTimeout(() => {
@@ -2140,7 +2140,7 @@ function he({
       b ? l : d
     );
   };
-  return Zt(() => {
+  return Zr(() => {
     L(n);
   }, [n]), A(
     () => () => {
@@ -2153,9 +2153,9 @@ function he({
     transitionTimingFunction: e || "ease"
   };
 }
-function lt({
-  keepMounted: r,
-  transition: t = "fade",
+function lr({
+  keepMounted: t,
+  transition: r = "fade",
   duration: e = 250,
   exitDuration: n = e,
   mounted: a,
@@ -2180,45 +2180,45 @@ function lt({
     enterDelay: f,
     exitDelay: m
   });
-  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(
+  return y === 0 || g === "test" ? a ? /* @__PURE__ */ p(pt, { children: o({}) }) : t ? o({ display: "none" }) : null : $ === "exited" ? t ? o({ display: "none" }) : null : /* @__PURE__ */ p(pt, { children: o(
     be({
-      transition: t,
+      transition: r,
       duration: y,
       state: $,
       timingFunction: h
     })
   ) });
 }
-lt.displayName = "@mantine/core/Transition";
+lr.displayName = "@mantine/core/Transition";
 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" };
-const dt = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.barsLoader, r), ...t, ref: e, children: [
+const dr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.barsLoader, t), ...r, ref: e, children: [
   /* @__PURE__ */ p("span", { className: T.bar }),
   /* @__PURE__ */ p("span", { className: T.bar }),
   /* @__PURE__ */ p("span", { className: T.bar })
 ] }));
-dt.displayName = "@mantine/core/Bars";
-const ft = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.dotsLoader, r), ...t, ref: e, children: [
+dr.displayName = "@mantine/core/Bars";
+const fr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.dotsLoader, t), ...r, ref: e, children: [
   /* @__PURE__ */ p("span", { className: T.dot }),
   /* @__PURE__ */ p("span", { className: T.dot }),
   /* @__PURE__ */ p("span", { className: T.dot })
 ] }));
-ft.displayName = "@mantine/core/Dots";
-const ut = _(({ className: r, ...t }, e) => /* @__PURE__ */ p(N, { component: "span", className: B(T.ovalLoader, r), ...t, ref: e }));
-ut.displayName = "@mantine/core/Oval";
-const mt = {
-  bars: dt,
-  oval: ut,
-  dots: ft
+fr.displayName = "@mantine/core/Dots";
+const ur = _(({ className: t, ...r }, e) => /* @__PURE__ */ p(N, { component: "span", className: B(T.ovalLoader, t), ...r, ref: e }));
+ur.displayName = "@mantine/core/Oval";
+const mr = {
+  bars: dr,
+  oval: ur,
+  dots: fr
 }, $e = {
-  loaders: mt,
+  loaders: mr,
   type: "oval"
-}, ve = (r, { size: t, color: e }) => ({
+}, ve = (t, { size: r, color: e }) => ({
   root: {
-    "--loader-size": O(t, "loader-size"),
-    "--loader-color": e ? yr(e, r) : void 0
+    "--loader-size": O(r, "loader-size"),
+    "--loader-color": e ? yt(e, t) : void 0
   }
-}), er = Mr((r, t) => {
-  const e = I("Loader", $e, r), {
+}), et = Mt((t, r) => {
+  const e = I("Loader", $e, t), {
     size: n,
     color: a,
     type: o,
@@ -2244,11 +2244,11 @@ const mt = {
     vars: i,
     varsResolver: ve
   });
-  return y ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: y }) : /* @__PURE__ */ p(
+  return y ? /* @__PURE__ */ p(N, { ...h("root"), ref: r, ...$, children: y }) : /* @__PURE__ */ p(
     N,
     {
       ...h("root"),
-      ref: t,
+      ref: r,
       component: m[o],
       variant: g,
       size: n,
@@ -2256,16 +2256,16 @@ const mt = {
     }
   );
 });
-er.defaultLoaders = mt;
-er.classes = T;
-er.displayName = "@mantine/core/Loader";
+et.defaultLoaders = mr;
+et.classes = T;
+et.displayName = "@mantine/core/Loader";
 var Y = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
-const Yr = {
+const Yt = {
   orientation: "horizontal"
-}, Se = (r, { borderWidth: t }) => ({
-  group: { "--button-border-width": c(t) }
-}), _r = Mr((r, t) => {
-  const e = I("ButtonGroup", Yr, r), {
+}, Se = (t, { borderWidth: r }) => ({
+  group: { "--button-border-width": c(r) }
+}), _t = Mt((t, r) => {
+  const e = I("ButtonGroup", Yt, t), {
     className: n,
     style: a,
     classNames: o,
@@ -2277,7 +2277,7 @@ const Yr = {
     variant: f,
     mod: m,
     ...g
-  } = I("ButtonGroup", Yr, r), y = Q({
+  } = I("ButtonGroup", Yt, t), y = Q({
     name: "ButtonGroup",
     props: e,
     classes: Y,
@@ -2294,7 +2294,7 @@ const Yr = {
     N,
     {
       ...y("group"),
-      ref: t,
+      ref: r,
       variant: f,
       mod: [{ "data-orientation": l }, m],
       role: "group",
@@ -2302,12 +2302,12 @@ const Yr = {
     }
   );
 });
-_r.classes = Y;
-_r.displayName = "@mantine/core/ButtonGroup";
-const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
-  const s = r.variantColorResolver({
-    color: e || r.primaryColor,
-    theme: r,
+_t.classes = Y;
+_t.displayName = "@mantine/core/ButtonGroup";
+const Gt = {}, we = (t, { radius: r, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
+  const s = t.variantColorResolver({
+    color: e || t.primaryColor,
+    theme: t,
     gradient: n,
     variant: a || "filled",
     autoContrast: o
@@ -2316,15 +2316,15 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
     groupSection: {
       "--section-height": O(i, "section-height"),
       "--section-padding-x": O(i, "section-padding-x"),
-      "--section-fz": i != null && i.includes("compact") ? nr(i.replace("compact-", "")) : nr(i),
-      "--section-radius": t === void 0 ? void 0 : qr(t),
+      "--section-fz": i != null && i.includes("compact") ? nt(i.replace("compact-", "")) : nt(i),
+      "--section-radius": r === void 0 ? void 0 : qt(r),
       "--section-bg": e || a ? s.background : void 0,
       "--section-color": s.color,
       "--section-bd": e || a ? s.border : void 0
     }
   };
-}, Pr = Mr((r, t) => {
-  const e = I("ButtonGroupSection", Gr, r), {
+}, Pt = Mt((t, r) => {
+  const e = I("ButtonGroupSection", Gt, t), {
     className: n,
     style: a,
     classNames: o,
@@ -2336,7 +2336,7 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
     radius: f,
     autoContrast: m,
     ...g
-  } = I("ButtonGroupSection", Gr, r), y = Q({
+  } = I("ButtonGroupSection", Gt, t), y = Q({
     name: "ButtonGroupSection",
     props: e,
     classes: Y,
@@ -2349,19 +2349,19 @@ const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
     varsResolver: we,
     rootSelector: "groupSection"
   });
-  return /* @__PURE__ */ p(N, { ...y("groupSection"), ref: t, variant: d, ...g });
+  return /* @__PURE__ */ p(N, { ...y("groupSection"), ref: r, variant: d, ...g });
 });
-Pr.classes = Y;
-Pr.displayName = "@mantine/core/ButtonGroupSection";
+Pt.classes = Y;
+Pt.displayName = "@mantine/core/ButtonGroupSection";
 const Ce = {
   in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${c(1)}))` },
   out: { opacity: 0, transform: "translate(-50%, -200%)" },
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
-}, xe = {}, ke = (r, { radius: t, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
-  const l = r.variantColorResolver({
-    color: e || r.primaryColor,
-    theme: r,
+}, xe = {}, ke = (t, { radius: r, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
+  const l = t.variantColorResolver({
+    color: e || t.primaryColor,
+    theme: t,
     gradient: n,
     variant: a || "filled",
     autoContrast: s
@@ -2371,8 +2371,8 @@ const Ce = {
       "--button-justify": i,
       "--button-height": O(o, "button-height"),
       "--button-padding-x": O(o, "button-padding-x"),
-      "--button-fz": o != null && o.includes("compact") ? nr(o.replace("compact-", "")) : nr(o),
-      "--button-radius": t === void 0 ? void 0 : qr(t),
+      "--button-fz": o != null && o.includes("compact") ? nt(o.replace("compact-", "")) : nt(o),
+      "--button-radius": r === void 0 ? void 0 : qt(r),
       "--button-bg": e || a ? l.background : void 0,
       "--button-hover": e || a ? l.hover : void 0,
       "--button-color": l.color,
@@ -2380,8 +2380,8 @@ const Ce = {
       "--button-hover-color": e || a ? l.hoverColor : void 0
     }
   };
-}, K = st((r, t) => {
-  const e = I("Button", xe, r), {
+}, K = sr((t, r) => {
+  const e = I("Button", xe, t), {
     style: n,
     vars: a,
     className: o,
@@ -2414,11 +2414,11 @@ const Ce = {
     unstyled: v,
     vars: a,
     varsResolver: ke
-  }), E = !!d, or = !!u;
+  }), E = !!d, ot = !!u;
   return /* @__PURE__ */ z(
-    Rr,
+    Rt,
     {
-      ref: t,
+      ref: r,
       ...S("root", { active: !s && !y && !w }),
       unstyled: v,
       variant: m,
@@ -2429,14 +2429,14 @@ const Ce = {
           loading: y,
           block: f,
           "with-left-section": E,
-          "with-right-section": or
+          "with-right-section": ot
         },
         b
       ],
       ...k,
       children: [
-        /* @__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(
-          er,
+        /* @__PURE__ */ p(lr, { mounted: !!y, transition: Ce, duration: 150, children: (at) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: at }), "aria-hidden": !0, children: /* @__PURE__ */ p(
+          et,
           {
             color: "var(--button-color)",
             size: "calc(var(--button-height) / 1.8)",
@@ -2454,15 +2454,17 @@ const Ce = {
 });
 K.classes = Y;
 K.displayName = "@mantine/core/Button";
-K.Group = _r;
-K.GroupSection = Pr;
-function Le({ children: r }) {
-  return /* @__PURE__ */ p(nt, { children: r });
-}
-const Ee = (r) => /* @__PURE__ */ p(K, { ...r });
+K.Group = _t;
+K.GroupSection = Pt;
+function Ae({ children: t, theme: r }) {
+  return /* @__PURE__ */ p(nr, { theme: r, children: t });
+}
+const Ne = "_button_1bwq5_1", Te = {
+  button: Ne
+}, Oe = (t) => /* @__PURE__ */ p(K, { ...t, className: Te.button });
 export {
-  _e as ColorSchemeScript,
-  Le as MantineProvider,
-  Ee as TestButton,
-  Pe as mantineHtmlProps
+  Oe as Button,
+  Le as ColorSchemeScript,
+  Ae as MantineProvider,
+  Ee as mantineHtmlProps
 };