@kvell-group/ui 1.4.2 → 1.6.0

package/dist/main.js

@@ -1,5 +1,5 @@
 import { jsx as p, jsxs as z, Fragment as pr } from "react/jsx-runtime";
-import { useState as tr, useRef as H, useEffect as A, useLayoutEffect as Ht, createContext as Dr, useContext as $r, useMemo as zt, useCallback as Lr, useId as Yt, forwardRef as P } from "react";
+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";
 import './assets/main.css';function M(r) {
   return Object.keys(r);
@@ -94,15 +94,15 @@ function Kt(r, t, { getInitialValueInEffect: e } = {
 }) {
   const [n, a] = tr(
     e ? t : Qt(r)
-  ), o = H(null);
+  ), 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;
 }
-const Qr = typeof document < "u" ? Ht : A;
+const Qr = typeof document < "u" ? Wt : A;
 function Zt(r, t) {
-  const e = H(!1);
+  const e = W(!1);
   A(
     () => () => {
       e.current = !1;
@@ -126,7 +126,7 @@ function Kr(r) {
   } else for (e in r) r[e] && (n && (n += " "), n += e);
   return n;
 }
-function I() {
+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);
   return n;
 }
@@ -135,7 +135,7 @@ function tn(r) {
   const t = {};
   return r.forEach((e) => {
     Object.entries(e).forEach(([n, a]) => {
-      t[n] ? t[n] = I(t[n], a) : t[n] = a;
+      t[n] ? t[n] = B(t[n], a) : t[n] = a;
     });
   }), t;
 }
@@ -145,46 +145,46 @@ function wr({ theme: r, classNames: t, props: e, stylesCtx: n }) {
   );
   return tn(o);
 }
-function yr({ theme: r, styles: t, props: e, stylesCtx: n }) {
+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 }, {});
 }
 const Zr = Dr(null);
-function _() {
+function P() {
   const r = $r(Zr);
   if (!r)
     throw new Error("[@mantine/core] MantineProvider was not found in tree");
   return r;
 }
 function nn() {
-  return _().cssVariablesResolver;
+  return P().cssVariablesResolver;
 }
 function en() {
-  return _().classNamesPrefix;
+  return P().classNamesPrefix;
 }
 function Cr() {
-  return _().getStyleNonce;
+  return P().getStyleNonce;
 }
 function on() {
-  return _().withStaticClasses;
+  return P().withStaticClasses;
 }
 function an() {
-  return _().headless;
+  return P().headless;
 }
 function sn() {
   var r;
-  return (r = _().stylesTransform) == null ? void 0 : r.sx;
+  return (r = P().stylesTransform) == null ? void 0 : r.sx;
 }
 function cn() {
   var r;
-  return (r = _().stylesTransform) == null ? void 0 : r.styles;
+  return (r = P().stylesTransform) == null ? void 0 : r.styles;
 }
 function ln() {
-  return _().env || "default";
+  return P().env || "default";
 }
-function fn(r) {
+function dn(r) {
   return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(r);
 }
-function dn(r) {
+function fn(r) {
   let t = r.replace("#", "");
   if (t.length === 3) {
     const i = t.split("");
@@ -227,17 +227,17 @@ function mn(r) {
       b: 0,
       a: 1
     };
-  const n = parseInt(e[1], 10), a = parseInt(e[2], 10) / 100, o = parseInt(e[3], 10) / 100, i = e[5] ? parseFloat(e[5]) : void 0, s = (1 - Math.abs(2 * o - 1)) * a, l = n / 60, f = s * (1 - Math.abs(l % 2 - 1)), u = o - s / 2;
-  let d, m, y;
-  return l >= 0 && l < 1 ? (d = s, m = f, y = 0) : l >= 1 && l < 2 ? (d = f, m = s, y = 0) : l >= 2 && l < 3 ? (d = 0, m = s, y = f) : l >= 3 && l < 4 ? (d = 0, m = f, y = s) : l >= 4 && l < 5 ? (d = f, m = 0, y = s) : (d = s, m = 0, y = f), {
-    r: Math.round((d + u) * 255),
+  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;
+  let f, m, g;
+  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), {
+    r: Math.round((f + u) * 255),
     g: Math.round((m + u) * 255),
-    b: Math.round((y + u) * 255),
+    b: Math.round((g + u) * 255),
     a: i || 1
   };
 }
 function xr(r) {
-  return fn(r) ? dn(r) : r.startsWith("rgb") ? un(r) : r.startsWith("hsl") ? mn(r) : {
+  return dn(r) ? fn(r) : r.startsWith("rgb") ? un(r) : r.startsWith("hsl") ? mn(r) : {
     r: 0,
     g: 0,
     b: 0,
@@ -260,14 +260,14 @@ function pn(r) {
   const t = r.match(/oklch\((.*?)%\s/);
   return t ? parseFloat(t[1]) : null;
 }
-function yn(r) {
+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), f = cr(i);
-  return 0.2126 * s + 0.7152 * l + 0.0722 * f;
+  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);
+  return 0.2126 * s + 0.7152 * l + 0.0722 * d;
 }
 function G(r, t = 0.179) {
-  return r.startsWith("var(") ? !1 : yn(r) > t;
+  return r.startsWith("var(") ? !1 : gn(r) > t;
 }
 function q({
   color: r,
@@ -335,7 +335,7 @@ function q({
     variable: void 0
   };
 }
-function gr(r, t) {
+function yr(r, t) {
   const e = q({ color: r || t.primaryColor, theme: t });
   return e.variable ? `var(${e.variable})` : r;
 }
@@ -344,7 +344,7 @@ function Ar(r, t) {
     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 = gr(e.from, t), a = gr(e.to, t);
+  }, n = yr(e.from, t), a = yr(e.to, t);
   return `linear-gradient(${e.deg}deg, ${n} 0%, ${a} 100%)`;
 }
 function R(r, t) {
@@ -359,7 +359,7 @@ function R(r, t) {
   const { r: e, g: n, b: a } = xr(r);
   return `rgba(${e}, ${n}, ${a}, ${t})`;
 }
-const j = R, gn = ({
+const j = R, yn = ({
   color: r,
   theme: t,
   variant: e,
@@ -670,7 +670,7 @@ const j = R, gn = ({
   colors: bn,
   primaryShade: { light: 6, dark: 8 },
   primaryColor: "blue",
-  variantColorResolver: gn,
+  variantColorResolver: yn,
   autoContrast: !1,
   luminanceThreshold: 0.3,
   fontFamily: Or,
@@ -747,7 +747,7 @@ const j = R, gn = ({
   other: {},
   components: {}
 };
-function Br(r) {
+function Ir(r) {
   return r === "auto" || r === "dark" || r === "light";
 }
 function hn({
@@ -760,7 +760,7 @@ function hn({
         return e;
       try {
         const n = window.localStorage.getItem(r);
-        return Br(n) ? n : e;
+        return Ir(n) ? n : e;
       } catch {
         return e;
       }
@@ -777,7 +777,7 @@ function hn({
     },
     subscribe: (e) => {
       t = (n) => {
-        n.storageArea === window.localStorage && n.key === r && Br(n.newValue) && e(n.newValue);
+        n.storageArea === window.localStorage && n.key === r && Ir(n.newValue) && e(n.newValue);
       }, window.addEventListener("storage", t);
     },
     unsubscribe: () => {
@@ -788,7 +788,7 @@ function hn({
     }
   };
 }
-const $n = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", Ir = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
+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;
 }
@@ -796,9 +796,9 @@ function Vr(r) {
   if (!(r.primaryColor in r.colors))
     throw new Error($n);
   if (typeof r.primaryShade == "object" && (!lr(r.primaryShade.dark) || !lr(r.primaryShade.light)))
-    throw new Error(Ir);
+    throw new Error(Br);
   if (typeof r.primaryShade == "number" && !lr(r.primaryShade))
-    throw new Error(Ir);
+    throw new Error(Br);
 }
 function vn(r, t) {
   var n;
@@ -842,14 +842,14 @@ function wn() {
     }
   );
 }
-function fr(r) {
+function dr(r) {
   return Object.entries(r).map(([t, e]) => `${t}: ${e};`).join("");
 }
 function D(r, t) {
   return (Array.isArray(r) ? r : [r]).reduce((n, a) => `${a}{${n}}`, t);
 }
 function Cn(r, t) {
-  const e = fr(r.variables), n = e ? D(t, e) : "", a = fr(r.dark), o = fr(r.light), i = a ? D(t === ":host" ? `${t}([data-mantine-color-scheme="dark"])` : `${t}[data-mantine-color-scheme="dark"]`, a) : "", s = o ? D(t === ":host" ? `${t}([data-mantine-color-scheme="light"])` : `${t}[data-mantine-color-scheme="light"]`, o) : "";
+  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) : "";
   return `${n}${i}${s}`;
 }
 function xn({ color: r, theme: t, autoContrast: e }) {
@@ -1045,7 +1045,7 @@ function Nn({ theme: r, generator: t }) {
   const e = rt(r), n = t == null ? void 0 : t(r);
   return n ? vr(e, n) : e;
 }
-const dr = rt(kr);
+const fr = rt(kr);
 function Tn(r) {
   const t = {
     variables: {},
@@ -1053,11 +1053,11 @@ function Tn(r) {
     dark: {}
   };
   return M(r.variables).forEach((e) => {
-    dr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
+    fr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
   }), M(r.light).forEach((e) => {
-    dr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
+    fr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
   }), M(r.dark).forEach((e) => {
-    dr.dark[e] !== r.dark[e] && (t.dark[e] = r.dark[e]);
+    fr.dark[e] !== r.dark[e] && (t.dark[e] = r.dark[e]);
   }), t;
 }
 function Mn(r) {
@@ -1089,43 +1089,43 @@ function Rn() {
     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);
   };
 }
-function W(r, t) {
+function H(r, t) {
   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);
 }
-function Pn({
+function _n({
   manager: r,
   defaultColorScheme: t,
   getRootElement: e,
   forceColorScheme: n
 }) {
-  const a = H(null), [o, i] = tr(() => r.get(t)), s = n || o, l = Lr(
+  const a = W(null), [o, i] = tr(() => r.get(t)), s = n || o, l = Lr(
     (u) => {
-      n || (W(u, e), i(u), r.set(u));
+      n || (H(u, e), i(u), r.set(u));
     },
     [r.set, s, n]
-  ), f = Lr(() => {
-    i(t), W(t, e), r.clear();
+  ), d = Lr(() => {
+    i(t), H(t, e), r.clear();
   }, [r.clear, t]);
   return A(() => (r.subscribe(l), r.unsubscribe), [r.subscribe, r.unsubscribe]), Qr(() => {
-    W(r.get(t), e);
+    H(r.get(t), e);
   }, []), A(() => {
-    var d;
+    var f;
     if (n)
-      return W(n, e), () => {
+      return H(n, e), () => {
       };
-    n === void 0 && W(o, e), typeof window < "u" && "matchMedia" in window && (a.current = window.matchMedia("(prefers-color-scheme: dark)"));
+    n === void 0 && H(o, e), typeof window < "u" && "matchMedia" in window && (a.current = window.matchMedia("(prefers-color-scheme: dark)"));
     const u = (m) => {
-      o === "auto" && W(m.matches ? "dark" : "light", e);
+      o === "auto" && H(m.matches ? "dark" : "light", e);
     };
-    return (d = a.current) == null || d.addEventListener("change", u), () => {
+    return (f = a.current) == null || f.addEventListener("change", u), () => {
       var m;
       return (m = a.current) == null ? void 0 : m.removeEventListener("change", u);
     };
-  }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: f };
+  }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: d };
 }
-function _n({
+function Pn({
   respectReducedMotion: r,
   getRootElement: t
 }) {
@@ -1145,23 +1145,23 @@ function nt({
   withCssVariables: i = !0,
   cssVariablesSelector: s = ":root",
   classNamesPrefix: l = "mantine",
-  colorSchemeManager: f = hn(),
+  colorSchemeManager: d = hn(),
   defaultColorScheme: u = "light",
-  getRootElement: d = () => document.documentElement,
+  getRootElement: f = () => document.documentElement,
   cssVariablesResolver: m,
-  forceColorScheme: y,
-  stylesTransform: g,
+  forceColorScheme: g,
+  stylesTransform: y,
   env: $
 }) {
-  const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = Pn({
+  const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = _n({
     defaultColorScheme: u,
-    forceColorScheme: y,
-    manager: f,
-    getRootElement: d
+    forceColorScheme: g,
+    manager: d,
+    getRootElement: f
   });
-  return _n({
+  return Pn({
     respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
-    getRootElement: d
+    getRootElement: f
   }), /* @__PURE__ */ p(
     Zr.Provider,
     {
@@ -1169,13 +1169,13 @@ function nt({
         colorScheme: h,
         setColorScheme: C,
         clearColorScheme: x,
-        getRootElement: d,
+        getRootElement: f,
         classNamesPrefix: l,
         getStyleNonce: e,
         cssVariablesResolver: m,
         cssVariablesSelector: s,
         withStaticClasses: n,
-        stylesTransform: g,
+        stylesTransform: y,
         env: $
       },
       children: /* @__PURE__ */ z(Jr, { theme: r, children: [
@@ -1199,7 +1199,7 @@ const Ln = {
   never: "mantine-focus-never"
 };
 function En({ theme: r, options: t, unstyled: e }) {
-  return I(
+  return B(
     (t == null ? void 0 : t.focusable) && !e && (r.focusClassName || Ln[r.focusRing]),
     (t == null ? void 0 : t.active) && !e && r.activeClassName
   );
@@ -1230,10 +1230,10 @@ function Fr({
 function On({ rootSelector: r, selector: t, className: e }) {
   return r === t ? e : void 0;
 }
-function Bn({ selector: r, classes: t, unstyled: e }) {
+function In({ selector: r, classes: t, unstyled: e }) {
   return e ? void 0 : t[r];
 }
-function In({
+function Bn({
   themeName: r,
   classNamesPrefix: t,
   selector: e,
@@ -1278,23 +1278,23 @@ function Fn({
   classes: i,
   unstyled: s,
   className: l,
-  rootSelector: f,
+  rootSelector: d,
   props: u,
-  stylesCtx: d,
+  stylesCtx: f,
   withStaticClasses: m,
-  headless: y,
-  transformedStyles: g
+  headless: g,
+  transformedStyles: y
 }) {
-  return I(
-    En({ theme: r, options: t, unstyled: s || y }),
-    Vn({ theme: r, themeName: e, selector: n, props: u, stylesCtx: d }),
+  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: d, theme: r, classNames: o, props: u }),
-    Fr({ selector: n, stylesCtx: d, theme: r, classNames: g, props: u }),
-    An({ selector: n, stylesCtx: d, options: t, props: u, theme: r }),
-    On({ rootSelector: f, selector: n, className: l }),
-    Bn({ selector: n, classes: i, unstyled: s || y }),
-    m && !y && In({
+    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 }),
+    On({ rootSelector: d, selector: n, className: l }),
+    In({ selector: n, classes: i, unstyled: s || g }),
+    m && !g && Bn({
       themeName: e,
       classNamesPrefix: a,
       selector: n,
@@ -1303,7 +1303,7 @@ function Fn({
     t == null ? void 0 : t.className
   );
 }
-function Wn({
+function Hn({
   theme: r,
   themeName: t,
   props: e,
@@ -1313,7 +1313,7 @@ function Wn({
   return t.map(
     (o) => {
       var i;
-      return yr({
+      return gr({
         theme: r,
         styles: (i = r.components[o]) == null ? void 0 : i.styles,
         props: e,
@@ -1328,7 +1328,7 @@ function br({ style: r, theme: t }) {
     {}
   ) : typeof r == "function" ? r(t) : r ?? {};
 }
-function Hn(r) {
+function Wn(r) {
   return r.reduce((t, e) => (e && Object.keys(e).forEach((n) => {
     t[n] = { ...t[n], ...Sr(e[n]) };
   }), t), {});
@@ -1344,11 +1344,11 @@ function zn({
   headless: s
 }) {
   var l;
-  return (l = Hn([
+  return (l = Wn([
     s ? {} : t == null ? void 0 : t(e, n, a),
-    ...i.map((f) => {
-      var u, d, m;
-      return (m = (d = (u = e.components) == null ? void 0 : u[f]) == null ? void 0 : d.vars) == null ? void 0 : m.call(d, e, n, a);
+    ...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)
   ])) == null ? void 0 : l[o];
@@ -1363,16 +1363,16 @@ function Yn({
   rootSelector: i,
   styles: s,
   style: l,
-  vars: f,
+  vars: d,
   varsResolver: u,
-  headless: d,
+  headless: f,
   withStylesTransform: m
 }) {
   return {
-    ...!m && Wn({ theme: r, themeName: t, props: a, stylesCtx: o, selector: e }),
-    ...!m && yr({ theme: r, styles: s, props: a, stylesCtx: o })[e],
-    ...!m && yr({ 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: f, varsResolver: u, selector: e, themeName: t, headless: d }),
+    ...!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 })
   };
@@ -1383,12 +1383,12 @@ function Gn({ props: r, stylesCtx: t, themeName: e }) {
   return {
     getTransformedStyles: (s) => a ? [
       ...s.map(
-        (f) => a(f, { props: r, theme: n, ctx: t })
+        (d) => a(d, { props: r, theme: n, ctx: t })
       ),
       ...e.map(
-        (f) => {
+        (d) => {
           var u;
-          return a((u = n.components[f]) == null ? void 0 : u.styles, { props: r, theme: n, ctx: t });
+          return a((u = n.components[d]) == null ? void 0 : u.styles, { props: r, theme: n, ctx: t });
         }
       )
     ].filter(Boolean) : [],
@@ -1405,11 +1405,11 @@ function Q({
   rootSelector: i = "root",
   unstyled: s,
   classNames: l,
-  styles: f,
+  styles: d,
   vars: u,
-  varsResolver: d
+  varsResolver: f
 }) {
-  const m = V(), y = en(), g = 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(r) ? r : [r]).filter((v) => v), { withStylesTransform: C, getTransformedStyles: x } = Gn({
     props: e,
     stylesCtx: n,
     themeName: h
@@ -1420,7 +1420,7 @@ function Q({
       options: w,
       themeName: h,
       selector: v,
-      classNamesPrefix: y,
+      classNamesPrefix: g,
       classNames: l,
       classes: t,
       unstyled: s,
@@ -1428,9 +1428,9 @@ function Q({
       rootSelector: i,
       props: e,
       stylesCtx: n,
-      withStaticClasses: g,
+      withStaticClasses: y,
       headless: $,
-      transformedStyles: x([w == null ? void 0 : w.styles, f])
+      transformedStyles: x([w == null ? void 0 : w.styles, d])
     }),
     style: Yn({
       theme: m,
@@ -1440,44 +1440,81 @@ function Q({
       props: e,
       stylesCtx: n,
       rootSelector: i,
-      styles: f,
+      styles: d,
       style: o,
       vars: u,
-      varsResolver: d,
+      varsResolver: f,
       headless: $,
       withStylesTransform: C
     })
   });
 }
-function B(r, t, e) {
+const Dn = ({
+  defaultColorScheme: r,
+  localStorageKey: t,
+  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 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",
+  forceColorScheme: e,
+  ...n
+}) {
+  const a = ["light", "dark", "auto"].includes(r) ? r : "light";
+  return /* @__PURE__ */ p(
+    "script",
+    {
+      ...n,
+      "data-mantine-script": !0,
+      dangerouslySetInnerHTML: {
+        __html: Dn({
+          defaultColorScheme: a,
+          localStorageKey: t,
+          forceColorScheme: e
+        })
+      }
+    }
+  );
+}
+function I(r, t, 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 Pe = {
+  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,
     ""
   ).trim();
 }
-function Dn({ selector: r, styles: t, media: e, container: n }) {
+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)}}}`
   ) : [];
   return `${a ? `${r}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
 }
-function Xn(r) {
+function Un(r) {
   const t = Cr();
   return /* @__PURE__ */ p(
     "style",
     {
       "data-mantine-styles": "inline",
       nonce: t == null ? void 0 : t(),
-      dangerouslySetInnerHTML: { __html: Dn(r) }
+      dangerouslySetInnerHTML: { __html: Xn(r) }
     }
   );
 }
-function Un(r) {
+function qn(r) {
   const {
     m: t,
     mx: e,
@@ -1487,12 +1524,12 @@ function Un(r) {
     ml: i,
     mr: s,
     me: l,
-    ms: f,
+    ms: d,
     p: u,
-    px: d,
+    px: f,
     py: m,
-    pt: y,
-    pb: g,
+    pt: g,
+    pb: y,
     pl: $,
     pr: h,
     pe: C,
@@ -1507,8 +1544,8 @@ function Un(r) {
     lts: or,
     ta: ar,
     lh: pt,
-    fs: yt,
-    tt: gt,
+    fs: gt,
+    tt: yt,
     td: bt,
     w: ht,
     miw: $t,
@@ -1522,18 +1559,18 @@ function Un(r) {
     bga: Tt,
     pos: Mt,
     top: Rt,
-    left: Pt,
-    bottom: _t,
+    left: _t,
+    bottom: Pt,
     right: Lt,
     inset: Et,
     display: At,
     flex: Ot,
-    hiddenFrom: Bt,
-    visibleFrom: It,
+    hiddenFrom: It,
+    visibleFrom: Bt,
     lightHidden: Vt,
     darkHidden: jt,
     sx: Ft,
-    ...Wt
+    ...Ht
   } = r;
   return { styleProps: Sr({
     m: t,
@@ -1544,12 +1581,12 @@ function Un(r) {
     ml: i,
     mr: s,
     me: l,
-    ms: f,
+    ms: d,
     p: u,
-    px: d,
+    px: f,
     py: m,
-    pt: y,
-    pb: g,
+    pt: g,
+    pb: y,
     pl: $,
     pr: h,
     pe: C,
@@ -1564,8 +1601,8 @@ function Un(r) {
     lts: or,
     ta: ar,
     lh: pt,
-    fs: yt,
-    tt: gt,
+    fs: gt,
+    tt: yt,
     td: bt,
     w: ht,
     miw: $t,
@@ -1579,20 +1616,20 @@ function Un(r) {
     bga: Tt,
     pos: Mt,
     top: Rt,
-    left: Pt,
-    bottom: _t,
+    left: _t,
+    bottom: Pt,
     right: Lt,
     inset: Et,
     display: At,
     flex: Ot,
-    hiddenFrom: Bt,
-    visibleFrom: It,
+    hiddenFrom: It,
+    visibleFrom: Bt,
     lightHidden: Vt,
     darkHidden: jt,
     sx: Ft
-  }), rest: Wt };
+  }), rest: Ht };
 }
-const qn = {
+const Qn = {
   m: { type: "spacing", property: "margin" },
   mt: { type: "spacing", property: "marginTop" },
   mb: { type: "spacing", property: "marginBottom" },
@@ -1647,11 +1684,11 @@ function Tr(r, t) {
   const e = q({ color: r, theme: t });
   return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
 }
-function Qn(r, t) {
+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(r, t) {
+function Zn(r, t) {
   if (typeof r == "number")
     return c(r);
   if (typeof r == "string") {
@@ -1661,31 +1698,31 @@ function Kn(r, t) {
   }
   return r;
 }
-const Wr = {
+const Hr = {
   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 Zn(r) {
-  return typeof r == "string" && r in Wr ? Wr[r] : r;
+function Jn(r) {
+  return typeof r == "string" && r in Hr ? Hr[r] : r;
 }
-const Jn = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function re(r, t) {
-  return typeof r == "string" && r in t.fontSizes ? `var(--mantine-font-size-${r})` : typeof r == "string" && Jn.includes(r) ? `var(--mantine-${r}-font-size)` : typeof r == "number" || typeof r == "string" ? c(r) : r;
+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;
 }
-function te(r) {
+function ne(r) {
   return r;
 }
-const ne = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function ee(r, t) {
-  return typeof r == "string" && r in t.lineHeights ? `var(--mantine-line-height-${r})` : typeof r == "string" && ne.includes(r) ? `var(--mantine-${r}-line-height)` : r;
+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 oe(r) {
+function ae(r) {
   return typeof r == "number" ? c(r) : r;
 }
-function ae(r, t) {
+function ie(r, t) {
   if (typeof r == "number")
     return c(r);
   if (typeof r == "string") {
@@ -1699,63 +1736,63 @@ function ae(r, t) {
 }
 const mr = {
   color: Tr,
-  textColor: Qn,
-  fontSize: re,
-  spacing: ae,
-  identity: te,
-  size: oe,
-  lineHeight: ee,
-  fontFamily: Zn,
-  border: Kn
+  textColor: Kn,
+  fontSize: te,
+  spacing: ie,
+  identity: ne,
+  size: ae,
+  lineHeight: oe,
+  fontFamily: Jn,
+  border: Zn
 };
-function Hr(r) {
+function Wr(r) {
   return r.replace("(min-width: ", "").replace("em)", "");
 }
-function ie({
+function se({
   media: r,
   ...t
 }) {
-  const n = Object.keys(r).sort((a, o) => Number(Hr(a)) - Number(Hr(o))).map((a) => ({ query: a, styles: r[a] }));
+  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 };
 }
-function se(r) {
+function ce(r) {
   if (typeof r != "object" || r === null)
     return !1;
   const t = Object.keys(r);
   return !(t.length === 1 && t[0] === "base");
 }
-function ce(r) {
+function le(r) {
   return typeof r == "object" && r !== null ? "base" in r ? r.base : void 0 : r;
 }
-function le(r) {
+function de(r) {
   return typeof r == "object" && r !== null ? M(r).filter((t) => t !== "base") : [];
 }
 function fe(r, t) {
   return typeof r == "object" && r !== null && t in r ? r[t] : r;
 }
-function de({
+function ue({
   styleProps: r,
   data: t,
   theme: e
 }) {
-  return ie(
+  return se(
     M(r).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 = ce(r[a]);
-        if (!se(r[a]))
-          return i.forEach((f) => {
-            n.inlineStyles[f] = mr[o.type](s, e);
+        const o = t[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(r[a]);
+        if (!ce(r[a]))
+          return i.forEach((d) => {
+            n.inlineStyles[d] = mr[o.type](s, e);
           }), n;
         n.hasResponsiveStyles = !0;
-        const l = le(r[a]);
-        return i.forEach((f) => {
-          s && (n.styles[f] = mr[o.type](s, e)), l.forEach((u) => {
-            const d = `(min-width: ${e.breakpoints[u]})`;
-            n.media[d] = {
-              ...n.media[d],
-              [f]: mr[o.type](
+        const l = de(r[a]);
+        return i.forEach((d) => {
+          s && (n.styles[d] = mr[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),
                 e
               )
@@ -1772,13 +1809,13 @@ function de({
     )
   );
 }
-function ue() {
+function me() {
   return `__m__-${Yt().replace(/:/g, "")}`;
 }
 function et(r) {
   return r.startsWith("data-") ? r : `data-${r}`;
 }
-function me(r) {
+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;
@@ -1788,7 +1825,7 @@ function ot(r) {
   return r ? typeof r == "string" ? { [et(r)]: !0 } : Array.isArray(r) ? [...r].reduce(
     (t, e) => ({ ...t, ...ot(e) }),
     {}
-  ) : me(r) : null;
+  ) : pe(r) : null;
 }
 function hr(r, t) {
   return Array.isArray(r) ? [...r].reduce(
@@ -1796,7 +1833,7 @@ function hr(r, t) {
     {}
   ) : typeof r == "function" ? r(t) : r ?? {};
 }
-function pe({
+function ge({
   theme: r,
   style: t,
   vars: e,
@@ -1805,7 +1842,7 @@ function pe({
   const a = hr(t, r), o = hr(e, r);
   return { ...a, ...o, ...n };
 }
-const at = P(
+const at = _(
   ({
     component: r,
     style: t,
@@ -1816,28 +1853,28 @@ const at = P(
     size: i,
     hiddenFrom: s,
     visibleFrom: l,
-    lightHidden: f,
+    lightHidden: d,
     darkHidden: u,
-    renderRoot: d,
+    renderRoot: f,
     __size: m,
-    ...y
-  }, g) => {
+    ...g
+  }, y) => {
     var S;
-    const $ = V(), h = r || "div", { styleProps: C, rest: x } = Un(y), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = ue(), b = de({
+    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({
       styleProps: C,
       theme: $,
-      data: qn
+      data: Qn
     }), k = {
-      ref: g,
-      style: pe({
+      ref: y,
+      style: ge({
         theme: $,
         style: t,
         vars: e,
         styleProps: b.inlineStyles
       }),
-      className: I(n, w, {
+      className: B(n, w, {
         [L]: b.hasResponsiveStyles,
-        "mantine-light-hidden": f,
+        "mantine-light-hidden": d,
         "mantine-dark-hidden": u,
         [`mantine-hidden-from-${s}`]: s,
         [`mantine-visible-from-${l}`]: l
@@ -1850,14 +1887,14 @@ const at = P(
     };
     return /* @__PURE__ */ z(pr, { children: [
       b.hasResponsiveStyles && /* @__PURE__ */ p(
-        Xn,
+        Un,
         {
           selector: `.${L}`,
           styles: b.styles,
           media: b.media
         }
       ),
-      typeof d == "function" ? d(k) : /* @__PURE__ */ p(h, { ...k })
+      typeof f == "function" ? f(k) : /* @__PURE__ */ p(h, { ...k })
     ] });
   }
 );
@@ -1867,16 +1904,16 @@ function it(r) {
   return r;
 }
 function Mr(r) {
-  const t = P(r);
+  const t = _(r);
   return t.extend = it, t.withProps = (e) => {
-    const n = P((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
+    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 = P(r);
+  const t = _(r);
   return t.withProps = (e) => {
-    const n = P((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
+    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;
 }
@@ -1885,21 +1922,21 @@ const ye = {
   __staticSelector: "UnstyledButton"
 }, Rr = st(
   (r, t) => {
-    const e = B("UnstyledButton", ye, r), {
+    const e = I("UnstyledButton", ye, r), {
       className: n,
       component: a = "button",
       __staticSelector: o,
       unstyled: i,
       classNames: s,
       styles: l,
-      style: f,
+      style: d,
       ...u
-    } = e, d = Q({
+    } = e, f = Q({
       name: o,
       props: e,
       classes: ct,
       className: n,
-      style: f,
+      style: d,
       classNames: s,
       styles: l,
       unstyled: i
@@ -1907,7 +1944,7 @@ const ye = {
     return /* @__PURE__ */ p(
       N,
       {
-        ...d("root", { focusable: !0 }),
+        ...f("root", { focusable: !0 }),
         component: a,
         ref: t,
         type: a === "button" ? "button" : void 0,
@@ -2042,7 +2079,7 @@ const X = (r) => ({
   "pre-exiting": "out",
   "pre-entering": "out"
 };
-function ge({
+function be({
   transition: r,
   state: t,
   duration: e,
@@ -2066,7 +2103,7 @@ function ge({
     ...r[zr[t]]
   };
 }
-function be({
+function he({
   duration: r,
   exitDuration: t,
   timingFunction: e,
@@ -2076,13 +2113,13 @@ function be({
   onEntered: i,
   onExited: s,
   enterDelay: l,
-  exitDelay: f
+  exitDelay: d
 }) {
-  const u = V(), d = Jt(), m = u.respectReducedMotion ? d : !1, [y, g] = tr(m ? 0 : r), [$, h] = tr(n ? "entered" : "exited"), C = H(-1), x = H(-1), v = H(-1), w = (b) => {
+  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 k = b ? a : o, S = b ? i : s;
     window.clearTimeout(C.current);
     const E = m ? 0 : b ? r : t;
-    g(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
+    y(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
       Gt.flushSync(() => {
         h(b ? "pre-entering" : "pre-exiting");
       }), v.current = requestAnimationFrame(() => {
@@ -2092,7 +2129,7 @@ function be({
       });
     });
   }, L = (b) => {
-    if (window.clearTimeout(x.current), typeof (b ? l : f) != "number") {
+    if (window.clearTimeout(x.current), typeof (b ? l : d) != "number") {
       w(b);
       return;
     }
@@ -2100,7 +2137,7 @@ function be({
       () => {
         w(b);
       },
-      b ? l : f
+      b ? l : d
     );
   };
   return Zt(() => {
@@ -2111,7 +2148,7 @@ function be({
     },
     []
   ), {
-    transitionDuration: y,
+    transitionDuration: g,
     transitionStatus: $,
     transitionTimingFunction: e || "ease"
   };
@@ -2126,27 +2163,27 @@ function lt({
   timingFunction: i = "ease",
   onExit: s,
   onEntered: l,
-  onEnter: f,
+  onEnter: d,
   onExited: u,
-  enterDelay: d,
+  enterDelay: f,
   exitDelay: m
 }) {
-  const y = ln(), { transitionDuration: g, transitionStatus: $, transitionTimingFunction: h } = be({
+  const g = ln(), { transitionDuration: y, transitionStatus: $, transitionTimingFunction: h } = he({
     mounted: a,
     exitDuration: n,
     duration: e,
     timingFunction: i,
     onExit: s,
     onEntered: l,
-    onEnter: f,
+    onEnter: d,
     onExited: u,
-    enterDelay: d,
+    enterDelay: f,
     exitDelay: m
   });
-  return g === 0 || y === "test" ? a ? /* @__PURE__ */ p(pr, { children: o({}) }) : r ? o({ display: "none" }) : null : $ === "exited" ? r ? o({ display: "none" }) : null : /* @__PURE__ */ p(pr, { children: o(
-    ge({
+  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(
+    be({
       transition: t,
-      duration: g,
+      duration: y,
       state: $,
       timingFunction: h
     })
@@ -2154,46 +2191,46 @@ function lt({
 }
 lt.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 ft = P(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: I(T.barsLoader, r), ...t, ref: e, children: [
+const dt = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.barsLoader, r), ...t, ref: e, children: [
   /* @__PURE__ */ p("span", { className: T.bar }),
   /* @__PURE__ */ p("span", { className: T.bar }),
   /* @__PURE__ */ p("span", { className: T.bar })
 ] }));
-ft.displayName = "@mantine/core/Bars";
-const dt = P(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: I(T.dotsLoader, r), ...t, ref: e, children: [
+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: [
   /* @__PURE__ */ p("span", { className: T.dot }),
   /* @__PURE__ */ p("span", { className: T.dot }),
   /* @__PURE__ */ p("span", { className: T.dot })
 ] }));
-dt.displayName = "@mantine/core/Dots";
-const ut = P(({ className: r, ...t }, e) => /* @__PURE__ */ p(N, { component: "span", className: I(T.ovalLoader, r), ...t, ref: e }));
+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: ft,
+  bars: dt,
   oval: ut,
-  dots: dt
-}, he = {
+  dots: ft
+}, $e = {
   loaders: mt,
   type: "oval"
-}, $e = (r, { size: t, color: e }) => ({
+}, ve = (r, { size: t, color: e }) => ({
   root: {
     "--loader-size": O(t, "loader-size"),
-    "--loader-color": e ? gr(e, r) : void 0
+    "--loader-color": e ? yr(e, r) : void 0
   }
 }), er = Mr((r, t) => {
-  const e = B("Loader", he, r), {
+  const e = I("Loader", $e, r), {
     size: n,
     color: a,
     type: o,
     vars: i,
     className: s,
     style: l,
-    classNames: f,
+    classNames: d,
     styles: u,
-    unstyled: d,
+    unstyled: f,
     loaders: m,
-    variant: y,
-    children: g,
+    variant: g,
+    children: y,
     ...$
   } = e, h = Q({
     name: "Loader",
@@ -2201,19 +2238,19 @@ const mt = {
     classes: T,
     className: s,
     style: l,
-    classNames: f,
+    classNames: d,
     styles: u,
-    unstyled: d,
+    unstyled: f,
     vars: i,
-    varsResolver: $e
+    varsResolver: ve
   });
-  return g ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: g }) : /* @__PURE__ */ p(
+  return y ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: y }) : /* @__PURE__ */ p(
     N,
     {
       ...h("root"),
       ref: t,
       component: m[o],
-      variant: y,
+      variant: g,
       size: n,
       ...$
     }
@@ -2225,22 +2262,22 @@ er.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 = {
   orientation: "horizontal"
-}, ve = (r, { borderWidth: t }) => ({
+}, Se = (r, { borderWidth: t }) => ({
   group: { "--button-border-width": c(t) }
-}), Pr = Mr((r, t) => {
-  const e = B("ButtonGroup", Yr, r), {
+}), _r = Mr((r, t) => {
+  const e = I("ButtonGroup", Yr, r), {
     className: n,
     style: a,
     classNames: o,
     styles: i,
     unstyled: s,
     orientation: l,
-    vars: f,
+    vars: d,
     borderWidth: u,
-    variant: d,
+    variant: f,
     mod: m,
-    ...y
-  } = B("ButtonGroup", Yr, r), g = Q({
+    ...g
+  } = I("ButtonGroup", Yr, r), y = Q({
     name: "ButtonGroup",
     props: e,
     classes: Y,
@@ -2249,25 +2286,25 @@ const Yr = {
     classNames: o,
     styles: i,
     unstyled: s,
-    vars: f,
-    varsResolver: ve,
+    vars: d,
+    varsResolver: Se,
     rootSelector: "group"
   });
   return /* @__PURE__ */ p(
     N,
     {
-      ...g("group"),
+      ...y("group"),
       ref: t,
-      variant: d,
+      variant: f,
       mod: [{ "data-orientation": l }, m],
       role: "group",
-      ...y
+      ...g
     }
   );
 });
-Pr.classes = Y;
-Pr.displayName = "@mantine/core/ButtonGroup";
-const Gr = {}, Se = (r, { radius: t, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
+_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,
@@ -2286,20 +2323,20 @@ const Gr = {}, Se = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
       "--section-bd": e || a ? s.border : void 0
     }
   };
-}, _r = Mr((r, t) => {
-  const e = B("ButtonGroupSection", Gr, r), {
+}, Pr = Mr((r, t) => {
+  const e = I("ButtonGroupSection", Gr, r), {
     className: n,
     style: a,
     classNames: o,
     styles: i,
     unstyled: s,
     vars: l,
-    variant: f,
+    variant: d,
     gradient: u,
-    radius: d,
+    radius: f,
     autoContrast: m,
-    ...y
-  } = B("ButtonGroupSection", Gr, r), g = Q({
+    ...g
+  } = I("ButtonGroupSection", Gr, r), y = Q({
     name: "ButtonGroupSection",
     props: e,
     classes: Y,
@@ -2309,19 +2346,19 @@ const Gr = {}, Se = (r, { radius: t, color: e, gradient: n, variant: a, autoCont
     styles: i,
     unstyled: s,
     vars: l,
-    varsResolver: Se,
+    varsResolver: we,
     rootSelector: "groupSection"
   });
-  return /* @__PURE__ */ p(N, { ...g("groupSection"), ref: t, variant: f, ...y });
+  return /* @__PURE__ */ p(N, { ...y("groupSection"), ref: t, variant: d, ...g });
 });
-_r.classes = Y;
-_r.displayName = "@mantine/core/ButtonGroupSection";
-const we = {
+Pr.classes = Y;
+Pr.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"
-}, Ce = {}, xe = (r, { radius: t, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
+}, 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,
@@ -2344,19 +2381,19 @@ const we = {
     }
   };
 }, K = st((r, t) => {
-  const e = B("Button", Ce, r), {
+  const e = I("Button", xe, r), {
     style: n,
     vars: a,
     className: o,
     color: i,
     disabled: s,
     children: l,
-    leftSection: f,
+    leftSection: d,
     rightSection: u,
-    fullWidth: d,
+    fullWidth: f,
     variant: m,
-    radius: y,
-    loading: g,
+    radius: g,
+    loading: y,
     loaderProps: $,
     gradient: h,
     classNames: C,
@@ -2376,21 +2413,21 @@ const we = {
     styles: x,
     unstyled: v,
     vars: a,
-    varsResolver: xe
-  }), E = !!f, or = !!u;
+    varsResolver: ke
+  }), E = !!d, or = !!u;
   return /* @__PURE__ */ z(
     Rr,
     {
       ref: t,
-      ...S("root", { active: !s && !g && !w }),
+      ...S("root", { active: !s && !y && !w }),
       unstyled: v,
       variant: m,
-      disabled: s || g,
+      disabled: s || y,
       mod: [
         {
           disabled: s || w,
-          loading: g,
-          block: d,
+          loading: y,
+          block: f,
           "with-left-section": E,
           "with-right-section": or
         },
@@ -2398,7 +2435,7 @@ const we = {
       ],
       ...k,
       children: [
-        /* @__PURE__ */ p(lt, { mounted: !!g, transition: we, duration: 150, children: (ar) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: ar }), "aria-hidden": !0, children: /* @__PURE__ */ p(
+        /* @__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,
           {
             color: "var(--button-color)",
@@ -2407,8 +2444,8 @@ const we = {
           }
         ) }) }),
         /* @__PURE__ */ z("span", { ...S("inner"), children: [
-          f && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: f }),
-          /* @__PURE__ */ p(N, { component: "span", mod: { loading: g }, ...S("label"), children: l }),
+          d && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: d }),
+          /* @__PURE__ */ p(N, { component: "span", mod: { loading: y }, ...S("label"), children: l }),
           u && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "right" }, children: u })
         ] })
       ]
@@ -2417,13 +2454,15 @@ const we = {
 });
 K.classes = Y;
 K.displayName = "@mantine/core/Button";
-K.Group = Pr;
-K.GroupSection = _r;
-function Re({ children: r }) {
+K.Group = _r;
+K.GroupSection = Pr;
+function Le({ children: r }) {
   return /* @__PURE__ */ p(nt, { children: r });
 }
-const Pe = (r) => /* @__PURE__ */ p(K, { ...r });
+const Ee = (r) => /* @__PURE__ */ p(K, { ...r });
 export {
-  Re as MantineProvider,
-  Pe as TestButton
+  _e as ColorSchemeScript,
+  Le as MantineProvider,
+  Ee as TestButton,
+  Pe as mantineHtmlProps
 };