@kvell-group/ui 1.6.8 → 1.6.10

package/dist/components/Button/Button.js

@@ -1,12 +1,12 @@
-import { jsx as f, jsxs as j, Fragment as U } from "react/jsx-runtime";
-import { r as P, u as k, h as en, i as on, j as an, l as sn, k as tt, a as cn, p as dt, m as pn, n as mn, o as un } from "../../MantineThemeProvider-CyD9KzqB.js";
-import { useState as Q, useRef as M, useEffect as z, useId as ln, forwardRef as _ } from "react";
-import fn from "react-dom";
-import '../../assets/Button.css';function dn(t) {
-  return t.replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`);
+import { jsx as f, jsxs as j, Fragment as q } from "react/jsx-runtime";
+import { r as R, u as k, h as er, i as or, j as ar, l as ir, k as tt, a as sr, p as dt, m as cr, n as pr, o as mr } from "../../MantineThemeProvider-CyD9KzqB.js";
+import { useState as Q, useRef as M, useEffect as z, useId as lr, forwardRef as P } from "react";
+import ur from "react-dom";
+import '../../assets/Button.css';function fr(t) {
+  return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
 }
-function nt(t) {
-  return Object.keys(t).reduce((n, r) => (t[r] !== void 0 && (n[r] = t[r]), n), {});
+function rt(t) {
+  return Object.keys(t).reduce((r, n) => (t[n] !== void 0 && (r[n] = t[n]), r), {});
 }
 function yt(t) {
   if (typeof t == "number")
@@ -14,14 +14,14 @@ function yt(t) {
   if (typeof t == "string") {
     if (t.startsWith("calc(") || t.startsWith("var(") || t.includes(" ") && t.trim() !== "")
       return !0;
-    const n = /^[+-]?[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((e) => n.test(e));
+    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((e) => r.test(e));
   }
   return !1;
 }
-function A(t, n = "size", r = !0) {
+function A(t, r = "size", n = !0) {
   if (t !== void 0)
-    return yt(t) ? r ? P(t) : t : `var(--${n}-${t})`;
+    return yt(t) ? n ? R(t) : t : `var(--${r}-${t})`;
 }
 function gt(t) {
   return t === void 0 ? "var(--mantine-radius-default)" : A(t, "mantine-radius");
@@ -29,153 +29,153 @@ function gt(t) {
 function G(t) {
   return A(t, "mantine-font-size");
 }
-function yn(t, n) {
+function dr(t, r) {
   try {
-    return t.addEventListener("change", n), () => t.removeEventListener("change", n);
+    return t.addEventListener("change", r), () => t.removeEventListener("change", r);
   } catch {
-    return t.addListener(n), () => t.removeListener(n);
+    return t.addListener(r), () => t.removeListener(r);
   }
 }
-function gn(t, n) {
+function yr(t, r) {
   return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
 }
-function hn(t, n, { getInitialValueInEffect: r } = {
+function gr(t, r, { getInitialValueInEffect: n } = {
   getInitialValueInEffect: !0
 }) {
   const [e, o] = Q(
-    r ? n : gn(t)
+    n ? r : yr(t)
   ), a = M(null);
   return z(() => {
     if ("matchMedia" in window)
-      return a.current = window.matchMedia(t), o(a.current.matches), yn(a.current, (i) => o(i.matches));
+      return a.current = window.matchMedia(t), o(a.current.matches), dr(a.current, (i) => o(i.matches));
   }, [t]), e;
 }
-function bn(t, n) {
-  const r = M(!1);
+function hr(t, r) {
+  const n = M(!1);
   z(
     () => () => {
-      r.current = !1;
+      n.current = !1;
     },
     []
   ), z(() => {
-    if (r.current)
+    if (n.current)
       return t();
-    r.current = !0;
-  }, n);
+    n.current = !0;
+  }, r);
 }
-function Sn(t, n) {
-  return hn("(prefers-reduced-motion: reduce)", t, n);
+function br(t, r) {
+  return gr("(prefers-reduced-motion: reduce)", t, r);
 }
 function ht(t) {
-  var n, r, e = "";
+  var r, n, e = "";
   if (typeof t == "string" || typeof t == "number") e += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
     var o = t.length;
-    for (n = 0; n < o; n++) t[n] && (r = ht(t[n])) && (e && (e += " "), e += r);
-  } else for (r in t) t[r] && (e && (e += " "), e += r);
+    for (r = 0; r < o; r++) t[r] && (n = ht(t[r])) && (e && (e += " "), e += n);
+  } else for (n in t) t[n] && (e && (e += " "), e += n);
   return e;
 }
 function L() {
-  for (var t, n, r = 0, e = "", o = arguments.length; r < o; r++) (t = arguments[r]) && (n = ht(t)) && (e && (e += " "), e += n);
+  for (var t, r, n = 0, e = "", o = arguments.length; n < o; n++) (t = arguments[n]) && (r = ht(t)) && (e && (e += " "), e += r);
   return e;
 }
-const vn = {};
-function Nn(t) {
-  const n = {};
-  return t.forEach((r) => {
-    Object.entries(r).forEach(([e, o]) => {
-      n[e] ? n[e] = L(n[e], o) : n[e] = o;
+const Sr = {};
+function vr(t) {
+  const r = {};
+  return t.forEach((n) => {
+    Object.entries(n).forEach(([e, o]) => {
+      r[e] ? r[e] = L(r[e], o) : r[e] = o;
     });
-  }), n;
+  }), r;
 }
-function rt({ theme: t, classNames: n, props: r, stylesCtx: e }) {
-  const a = (Array.isArray(n) ? n : [n]).map(
-    (i) => typeof i == "function" ? i(t, r, e) : i || vn
+function nt({ theme: t, classNames: r, props: n, stylesCtx: e }) {
+  const a = (Array.isArray(r) ? r : [r]).map(
+    (i) => typeof i == "function" ? i(t, n, e) : i || Sr
   );
-  return Nn(a);
+  return vr(a);
 }
-function K({ theme: t, styles: n, props: r, stylesCtx: e }) {
-  return (Array.isArray(n) ? n : [n]).reduce((a, i) => typeof i == "function" ? { ...a, ...i(t, r, e) } : { ...a, ...i }, {});
+function K({ theme: t, styles: r, props: n, stylesCtx: e }) {
+  return (Array.isArray(r) ? r : [r]).reduce((a, i) => typeof i == "function" ? { ...a, ...i(t, n, e) } : { ...a, ...i }, {});
 }
-const xn = {
+const Nr = {
   always: "mantine-focus-always",
   auto: "mantine-focus-auto",
   never: "mantine-focus-never"
 };
-function wn({ theme: t, options: n, unstyled: r }) {
+function xr({ theme: t, options: r, unstyled: n }) {
   return L(
-    (n == null ? void 0 : n.focusable) && !r && (t.focusClassName || xn[t.focusRing]),
-    (n == null ? void 0 : n.active) && !r && t.activeClassName
+    (r == null ? void 0 : r.focusable) && !n && (t.focusClassName || Nr[t.focusRing]),
+    (r == null ? void 0 : r.active) && !n && t.activeClassName
   );
 }
-function $n({
+function wr({
   selector: t,
-  stylesCtx: n,
-  options: r,
+  stylesCtx: r,
+  options: n,
   props: e,
   theme: o
 }) {
-  return rt({
+  return nt({
     theme: o,
-    classNames: r == null ? void 0 : r.classNames,
-    props: (r == null ? void 0 : r.props) || e,
-    stylesCtx: n
+    classNames: n == null ? void 0 : n.classNames,
+    props: (n == null ? void 0 : n.props) || e,
+    stylesCtx: r
   })[t];
 }
 function ct({
   selector: t,
-  stylesCtx: n,
-  theme: r,
+  stylesCtx: r,
+  theme: n,
   classNames: e,
   props: o
 }) {
-  return rt({ theme: r, classNames: e, props: o, stylesCtx: n })[t];
+  return nt({ theme: n, classNames: e, props: o, stylesCtx: r })[t];
 }
-function Tn({ rootSelector: t, selector: n, className: r }) {
-  return t === n ? r : void 0;
+function $r({ rootSelector: t, selector: r, className: n }) {
+  return t === r ? n : void 0;
 }
-function Rn({ selector: t, classes: n, unstyled: r }) {
-  return r ? void 0 : n[t];
+function _r({ selector: t, classes: r, unstyled: n }) {
+  return n ? void 0 : r[t];
 }
-function Pn({
+function Tr({
   themeName: t,
-  classNamesPrefix: n,
-  selector: r,
+  classNamesPrefix: r,
+  selector: n,
   withStaticClass: e
 }) {
-  return e === !1 ? [] : t.map((o) => `${n}-${o}-${r}`);
+  return e === !1 ? [] : t.map((o) => `${r}-${o}-${n}`);
 }
-function _n({
+function Rr({
   themeName: t,
-  theme: n,
-  selector: r,
+  theme: r,
+  selector: n,
   props: e,
   stylesCtx: o
 }) {
   return t.map(
     (a) => {
       var i, s;
-      return (s = rt({
-        theme: n,
-        classNames: (i = n.components[a]) == null ? void 0 : i.classNames,
+      return (s = nt({
+        theme: r,
+        classNames: (i = r.components[a]) == null ? void 0 : i.classNames,
         props: e,
         stylesCtx: o
-      })) == null ? void 0 : s[r];
+      })) == null ? void 0 : s[n];
     }
   );
 }
-function Cn({
+function Pr({
   options: t,
-  classes: n,
-  selector: r,
+  classes: r,
+  selector: n,
   unstyled: e
 }) {
-  return t != null && t.variant && !e ? n[`${r}--${t.variant}`] : void 0;
+  return t != null && t.variant && !e ? r[`${n}--${t.variant}`] : void 0;
 }
-function Bn({
+function Cr({
   theme: t,
-  options: n,
-  themeName: r,
+  options: r,
+  themeName: n,
   selector: e,
   classNamesPrefix: o,
   classNames: a,
@@ -184,63 +184,63 @@ function Bn({
   className: p,
   rootSelector: c,
   props: m,
-  stylesCtx: u,
-  withStaticClasses: l,
+  stylesCtx: l,
+  withStaticClasses: u,
   headless: g,
   transformedStyles: d
 }) {
   return L(
-    wn({ theme: t, options: n, unstyled: s || g }),
-    _n({ theme: t, themeName: r, selector: e, props: m, stylesCtx: u }),
-    Cn({ options: n, classes: i, selector: e, unstyled: s }),
-    ct({ selector: e, stylesCtx: u, theme: t, classNames: a, props: m }),
-    ct({ selector: e, stylesCtx: u, theme: t, classNames: d, props: m }),
-    $n({ selector: e, stylesCtx: u, options: n, props: m, theme: t }),
-    Tn({ rootSelector: c, selector: e, className: p }),
-    Rn({ selector: e, classes: i, unstyled: s || g }),
-    l && !g && Pn({
-      themeName: r,
+    xr({ theme: t, options: r, unstyled: s || g }),
+    Rr({ theme: t, themeName: n, selector: e, props: m, stylesCtx: l }),
+    Pr({ options: r, classes: i, selector: e, unstyled: s }),
+    ct({ selector: e, stylesCtx: l, theme: t, classNames: a, props: m }),
+    ct({ selector: e, stylesCtx: l, theme: t, classNames: d, props: m }),
+    wr({ selector: e, stylesCtx: l, options: r, props: m, theme: t }),
+    $r({ rootSelector: c, selector: e, className: p }),
+    _r({ selector: e, classes: i, unstyled: s || g }),
+    u && !g && Tr({
+      themeName: n,
       classNamesPrefix: o,
       selector: e,
-      withStaticClass: n == null ? void 0 : n.withStaticClass
+      withStaticClass: r == null ? void 0 : r.withStaticClass
     }),
-    n == null ? void 0 : n.className
+    r == null ? void 0 : r.className
   );
 }
-function An({
+function Br({
   theme: t,
-  themeName: n,
-  props: r,
+  themeName: r,
+  props: n,
   stylesCtx: e,
   selector: o
 }) {
-  return n.map(
+  return r.map(
     (a) => {
       var i;
       return K({
         theme: t,
         styles: (i = t.components[a]) == null ? void 0 : i.styles,
-        props: r,
+        props: n,
         stylesCtx: e
       })[o];
     }
   ).reduce((a, i) => ({ ...a, ...i }), {});
 }
-function Z({ style: t, theme: n }) {
+function Z({ style: t, theme: r }) {
   return Array.isArray(t) ? [...t].reduce(
-    (r, e) => ({ ...r, ...Z({ style: e, theme: n }) }),
+    (n, e) => ({ ...n, ...Z({ style: e, theme: r }) }),
     {}
-  ) : typeof t == "function" ? t(n) : t ?? {};
+  ) : typeof t == "function" ? t(r) : t ?? {};
 }
-function On(t) {
-  return t.reduce((n, r) => (r && Object.keys(r).forEach((e) => {
-    n[e] = { ...n[e], ...nt(r[e]) };
-  }), n), {});
+function Ar(t) {
+  return t.reduce((r, n) => (n && Object.keys(n).forEach((e) => {
+    r[e] = { ...r[e], ...rt(n[e]) };
+  }), r), {});
 }
-function Ln({
+function Or({
   vars: t,
-  varsResolver: n,
-  theme: r,
+  varsResolver: r,
+  theme: n,
   props: e,
   stylesCtx: o,
   selector: a,
@@ -248,19 +248,19 @@ function Ln({
   headless: s
 }) {
   var p;
-  return (p = On([
-    s ? {} : n == null ? void 0 : n(r, e, o),
+  return (p = Ar([
+    s ? {} : r == null ? void 0 : r(n, e, o),
     ...i.map((c) => {
-      var m, u, l;
-      return (l = (u = (m = r.components) == null ? void 0 : m[c]) == null ? void 0 : u.vars) == null ? void 0 : l.call(u, r, e, o);
+      var m, l, u;
+      return (u = (l = (m = n.components) == null ? void 0 : m[c]) == null ? void 0 : l.vars) == null ? void 0 : u.call(l, n, e, o);
     }),
-    t == null ? void 0 : t(r, e, o)
+    t == null ? void 0 : t(n, e, o)
   ])) == null ? void 0 : p[a];
 }
-function Yn({
+function Lr({
   theme: t,
-  themeName: n,
-  selector: r,
+  themeName: r,
+  selector: n,
   options: e,
   props: o,
   stylesCtx: a,
@@ -269,30 +269,30 @@ function Yn({
   style: p,
   vars: c,
   varsResolver: m,
-  headless: u,
-  withStylesTransform: l
+  headless: l,
+  withStylesTransform: u
 }) {
   return {
-    ...!l && An({ theme: t, themeName: n, props: o, stylesCtx: a, selector: r }),
-    ...!l && K({ theme: t, styles: s, props: o, stylesCtx: a })[r],
-    ...!l && K({ theme: t, styles: e == null ? void 0 : e.styles, props: (e == null ? void 0 : e.props) || o, stylesCtx: a })[r],
-    ...Ln({ theme: t, props: o, stylesCtx: a, vars: c, varsResolver: m, selector: r, themeName: n, headless: u }),
-    ...i === r ? Z({ style: p, theme: t }) : null,
+    ...!u && Br({ theme: t, themeName: r, props: o, stylesCtx: a, selector: n }),
+    ...!u && K({ theme: t, styles: s, props: o, stylesCtx: a })[n],
+    ...!u && K({ theme: t, styles: e == null ? void 0 : e.styles, props: (e == null ? void 0 : e.props) || o, stylesCtx: a })[n],
+    ...Or({ theme: t, props: o, stylesCtx: a, vars: c, varsResolver: m, selector: n, themeName: r, headless: l }),
+    ...i === n ? Z({ style: p, theme: t }) : null,
     ...Z({ style: e == null ? void 0 : e.style, theme: t })
   };
 }
-function En({ props: t, stylesCtx: n, themeName: r }) {
+function Yr({ props: t, stylesCtx: r, themeName: n }) {
   var i;
-  const e = k(), o = (i = en()) == null ? void 0 : i();
+  const e = k(), o = (i = er()) == null ? void 0 : i();
   return {
     getTransformedStyles: (s) => o ? [
       ...s.map(
-        (c) => o(c, { props: t, theme: e, ctx: n })
+        (c) => o(c, { props: t, theme: e, ctx: r })
       ),
-      ...r.map(
+      ...n.map(
         (c) => {
           var m;
-          return o((m = e.components[c]) == null ? void 0 : m.styles, { props: t, theme: e, ctx: n });
+          return o((m = e.components[c]) == null ? void 0 : m.styles, { props: t, theme: e, ctx: r });
         }
       )
     ].filter(Boolean) : [],
@@ -301,8 +301,8 @@ function En({ props: t, stylesCtx: n, themeName: r }) {
 }
 function F({
   name: t,
-  classes: n,
-  props: r,
+  classes: r,
+  props: n,
   stylesCtx: e,
   className: o,
   style: a,
@@ -311,80 +311,80 @@ function F({
   classNames: p,
   styles: c,
   vars: m,
-  varsResolver: u
+  varsResolver: l
 }) {
-  const l = k(), g = on(), d = an(), b = sn(), h = (Array.isArray(t) ? t : [t]).filter((S) => S), { withStylesTransform: x, getTransformedStyles: R } = En({
-    props: r,
+  const u = k(), g = or(), d = ar(), b = ir(), h = (Array.isArray(t) ? t : [t]).filter((S) => S), { withStylesTransform: x, getTransformedStyles: T } = Yr({
+    props: n,
     stylesCtx: e,
     themeName: h
   });
   return (S, N) => ({
-    className: Bn({
-      theme: l,
+    className: Cr({
+      theme: u,
       options: N,
       themeName: h,
       selector: S,
       classNamesPrefix: g,
       classNames: p,
-      classes: n,
+      classes: r,
       unstyled: s,
       className: o,
       rootSelector: i,
-      props: r,
+      props: n,
       stylesCtx: e,
       withStaticClasses: d,
       headless: b,
-      transformedStyles: R([N == null ? void 0 : N.styles, c])
+      transformedStyles: T([N == null ? void 0 : N.styles, c])
     }),
-    style: Yn({
-      theme: l,
+    style: Lr({
+      theme: u,
       themeName: h,
       selector: S,
       options: N,
-      props: r,
+      props: n,
       stylesCtx: e,
       rootSelector: i,
       styles: c,
       style: a,
       vars: m,
-      varsResolver: u,
+      varsResolver: l,
       headless: b,
       withStylesTransform: x
     })
   });
 }
-function O(t, n, r) {
+function O(t, r, n) {
   var i;
   const e = k(), o = (i = e.components[t]) == null ? void 0 : i.defaultProps, a = typeof o == "function" ? o(e) : o;
-  return { ...n, ...a, ...nt(r) };
+  return { ...r, ...a, ...rt(n) };
 }
 function X(t) {
   return tt(t).reduce(
-    (n, r) => t[r] !== void 0 ? `${n}${dn(r)}:${t[r]};` : n,
+    (r, n) => t[n] !== void 0 ? `${r}${fr(n)}:${t[n]};` : r,
     ""
   ).trim();
 }
-function Mn({ selector: t, styles: n, media: r, container: e }) {
-  const o = n ? X(n) : "", a = Array.isArray(r) ? r.map((s) => `@media${s.query}{${t}{${X(s.styles)}}}`) : [], i = Array.isArray(e) ? e.map(
+function Er({ selector: t, styles: r, media: n, container: e }) {
+  const o = r ? X(r) : "", a = Array.isArray(n) ? n.map((s) => `@media${s.query}{${t}{${X(s.styles)}}}`) : [], i = Array.isArray(e) ? e.map(
     (s) => `@container ${s.query}{${t}{${X(s.styles)}}}`
   ) : [];
   return `${o ? `${t}{${o}}` : ""}${a.join("")}${i.join("")}`.trim();
 }
-function jn(t) {
-  const n = cn();
+function Mr(t) {
+  const r = sr();
   return /* @__PURE__ */ f(
     "style",
     {
       "data-mantine-styles": "inline",
-      nonce: n == null ? void 0 : n(),
-      dangerouslySetInnerHTML: { __html: Mn(t) }
+      nonce: r == null ? void 0 : r(),
+      dangerouslySetInnerHTML: { __html: Er(t) }
     }
   );
 }
-function kn(t) {
+function jr(t) {
   const {
-    m: n,
-    mx: r,
+    m: r,
+    mx: n,
     my: e,
     mt: o,
     mb: a,
@@ -393,14 +393,14 @@ function kn(t) {
     me: p,
     ms: c,
     p: m,
-    px: u,
-    py: l,
+    px: l,
+    py: u,
     pt: g,
     pb: d,
     pl: b,
     pr: h,
     pe: x,
-    ps: R,
+    ps: T,
     bd: S,
     bg: N,
     c: C,
@@ -429,19 +429,19 @@ function kn(t) {
     left: Ht,
     bottom: Vt,
     right: Xt,
-    inset: qt,
-    display: Ut,
+    inset: Ut,
+    display: qt,
     flex: Qt,
     hiddenFrom: Kt,
     visibleFrom: Zt,
     lightHidden: Jt,
-    darkHidden: tn,
-    sx: nn,
-    ...rn
+    darkHidden: tr,
+    sx: rr,
+    ...nr
   } = t;
-  return { styleProps: nt({
-    m: n,
-    mx: r,
+  return { styleProps: rt({
+    m: r,
+    mx: n,
     my: e,
     mt: o,
     mb: a,
@@ -450,14 +450,14 @@ function kn(t) {
     me: p,
     ms: c,
     p: m,
-    px: u,
-    py: l,
+    px: l,
+    py: u,
     pt: g,
     pb: d,
     pl: b,
     pr: h,
     pe: x,
-    ps: R,
+    ps: T,
     bd: S,
     bg: N,
     c: C,
@@ -486,17 +486,17 @@ function kn(t) {
     left: Ht,
     bottom: Vt,
     right: Xt,
-    inset: qt,
-    display: Ut,
+    inset: Ut,
+    display: qt,
     flex: Qt,
     hiddenFrom: Kt,
     visibleFrom: Zt,
     lightHidden: Jt,
-    darkHidden: tn,
-    sx: nn
-  }), rest: rn };
+    darkHidden: tr,
+    sx: rr
+  }), rest: nr };
 }
-const Fn = {
+const kr = {
   m: { type: "spacing", property: "margin" },
   mt: { type: "spacing", property: "marginTop" },
   mb: { type: "spacing", property: "marginBottom" },
@@ -547,21 +547,21 @@ const Fn = {
   display: { type: "identity", property: "display" },
   flex: { type: "identity", property: "flex" }
 };
-function et(t, n) {
-  const r = dt({ color: t, theme: n });
-  return r.color === "dimmed" ? "var(--mantine-color-dimmed)" : r.color === "bright" ? "var(--mantine-color-bright)" : r.variable ? `var(${r.variable})` : r.color;
+function et(t, r) {
+  const n = dt({ color: t, theme: r });
+  return n.color === "dimmed" ? "var(--mantine-color-dimmed)" : n.color === "bright" ? "var(--mantine-color-bright)" : n.variable ? `var(${n.variable})` : n.color;
 }
-function In(t, n) {
-  const r = dt({ color: t, theme: n });
-  return r.isThemeColor && r.shade === void 0 ? `var(--mantine-color-${r.color}-text)` : et(t, n);
+function Fr(t, r) {
+  const n = dt({ color: t, theme: r });
+  return n.isThemeColor && n.shade === void 0 ? `var(--mantine-color-${n.color}-text)` : et(t, r);
 }
-function Wn(t, n) {
+function Ir(t, r) {
   if (typeof t == "number")
-    return P(t);
+    return R(t);
   if (typeof t == "string") {
-    const [r, e, ...o] = t.split(" ").filter((i) => i.trim() !== "");
-    let a = `${P(r)}`;
-    return e && (a += ` ${e}`), o.length > 0 && (a += ` ${et(o.join(" "), n)}`), a.trim();
+    const [n, e, ...o] = t.split(" ").filter((i) => i.trim() !== "");
+    let a = `${R(n)}`;
+    return e && (a += ` ${e}`), o.length > 0 && (a += ` ${et(o.join(" "), r)}`), a.trim();
   }
   return t;
 }
@@ -572,96 +572,96 @@ const pt = {
   heading: "var(--mantine-font-family-headings)",
   headings: "var(--mantine-font-family-headings)"
 };
-function zn(t) {
+function Wr(t) {
   return typeof t == "string" && t in pt ? pt[t] : t;
 }
-const Gn = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function Dn(t, n) {
-  return typeof t == "string" && t in n.fontSizes ? `var(--mantine-font-size-${t})` : typeof t == "string" && Gn.includes(t) ? `var(--mantine-${t}-font-size)` : typeof t == "number" ? P(t) : typeof t == "string" ? P(t) : t;
+const zr = ["h1", "h2", "h3", "h4", "h5", "h6"];
+function Gr(t, r) {
+  return typeof t == "string" && t in r.fontSizes ? `var(--mantine-font-size-${t})` : typeof t == "string" && zr.includes(t) ? `var(--mantine-${t}-font-size)` : typeof t == "number" ? R(t) : typeof t == "string" ? R(t) : t;
 }
-function Hn(t) {
+function Dr(t) {
   return t;
 }
-const Vn = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function Xn(t, n) {
-  return typeof t == "string" && t in n.lineHeights ? `var(--mantine-line-height-${t})` : typeof t == "string" && Vn.includes(t) ? `var(--mantine-${t}-line-height)` : t;
+const Hr = ["h1", "h2", "h3", "h4", "h5", "h6"];
+function Vr(t, r) {
+  return typeof t == "string" && t in r.lineHeights ? `var(--mantine-line-height-${t})` : typeof t == "string" && Hr.includes(t) ? `var(--mantine-${t}-line-height)` : t;
 }
-function qn(t) {
-  return typeof t == "number" ? P(t) : t;
+function Xr(t) {
+  return typeof t == "number" ? R(t) : t;
 }
-function Un(t, n) {
+function Ur(t, r) {
   if (typeof t == "number")
-    return P(t);
+    return R(t);
   if (typeof t == "string") {
-    const r = t.replace("-", "");
-    if (!(r in n.spacing))
-      return P(t);
-    const e = `--mantine-spacing-${r}`;
+    const n = t.replace("-", "");
+    if (!(n in r.spacing))
+      return R(t);
+    const e = `--mantine-spacing-${n}`;
     return t.startsWith("-") ? `calc(var(${e}) * -1)` : `var(${e})`;
   }
   return t;
 }
-const q = {
+const U = {
   color: et,
-  textColor: In,
-  fontSize: Dn,
-  spacing: Un,
-  identity: Hn,
-  size: qn,
-  lineHeight: Xn,
-  fontFamily: zn,
-  border: Wn
+  textColor: Fr,
+  fontSize: Gr,
+  spacing: Ur,
+  identity: Dr,
+  size: Xr,
+  lineHeight: Vr,
+  fontFamily: Wr,
+  border: Ir
 };
 function mt(t) {
   return t.replace("(min-width: ", "").replace("em)", "");
 }
-function Qn({
+function qr({
   media: t,
-  ...n
+  ...r
 }) {
   const e = Object.keys(t).sort((o, a) => Number(mt(o)) - Number(mt(a))).map((o) => ({ query: o, styles: t[o] }));
-  return { ...n, media: e };
+  return { ...r, media: e };
 }
-function Kn(t) {
+function Qr(t) {
   if (typeof t != "object" || t === null)
     return !1;
-  const n = Object.keys(t);
-  return !(n.length === 1 && n[0] === "base");
+  const r = Object.keys(t);
+  return !(r.length === 1 && r[0] === "base");
 }
-function Zn(t) {
+function Kr(t) {
   return typeof t == "object" && t !== null ? "base" in t ? t.base : void 0 : t;
 }
-function Jn(t) {
-  return typeof t == "object" && t !== null ? tt(t).filter((n) => n !== "base") : [];
+function Zr(t) {
+  return typeof t == "object" && t !== null ? tt(t).filter((r) => r !== "base") : [];
 }
-function tr(t, n) {
-  return typeof t == "object" && t !== null && n in t ? t[n] : t;
+function Jr(t, r) {
+  return typeof t == "object" && t !== null && r in t ? t[r] : t;
 }
-function nr({
+function tn({
   styleProps: t,
-  data: n,
-  theme: r
+  data: r,
+  theme: n
 }) {
-  return Qn(
+  return qr(
     tt(t).reduce(
       (e, o) => {
         if (o === "hiddenFrom" || o === "visibleFrom" || o === "sx")
           return e;
-        const a = n[o], i = Array.isArray(a.property) ? a.property : [a.property], s = Zn(t[o]);
-        if (!Kn(t[o]))
+        const a = r[o], i = Array.isArray(a.property) ? a.property : [a.property], s = Kr(t[o]);
+        if (!Qr(t[o]))
           return i.forEach((c) => {
-            e.inlineStyles[c] = q[a.type](s, r);
+            e.inlineStyles[c] = U[a.type](s, n);
           }), e;
         e.hasResponsiveStyles = !0;
-        const p = Jn(t[o]);
+        const p = Zr(t[o]);
         return i.forEach((c) => {
-          s && (e.styles[c] = q[a.type](s, r)), p.forEach((m) => {
-            const u = `(min-width: ${r.breakpoints[m]})`;
-            e.media[u] = {
-              ...e.media[u],
-              [c]: q[a.type](
-                tr(t[o], m),
-                r
+          s && (e.styles[c] = U[a.type](s, n)), p.forEach((m) => {
+            const l = `(min-width: ${n.breakpoints[m]})`;
+            e.media[l] = {
+              ...e.media[l],
+              [c]: U[a.type](
+                Jr(t[o], m),
+                n
               )
             };
           });
@@ -676,44 +676,44 @@ function nr({
     )
   );
 }
-function rr() {
-  return `__m__-${ln().replace(/:/g, "")}`;
+function rn() {
+  return `__m__-${lr().replace(/:/g, "")}`;
 }
 function bt(t) {
   return t.startsWith("data-") ? t : `data-${t}`;
 }
-function er(t) {
-  return Object.keys(t).reduce((n, r) => {
-    const e = t[r];
-    return e === void 0 || e === "" || e === !1 || e === null || (n[bt(r)] = t[r]), n;
+function nn(t) {
+  return Object.keys(t).reduce((r, n) => {
+    const e = t[n];
+    return e === void 0 || e === "" || e === !1 || e === null || (r[bt(n)] = t[n]), r;
   }, {});
 }
 function St(t) {
   return t ? typeof t == "string" ? { [bt(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
-    (n, r) => ({ ...n, ...St(r) }),
+    (r, n) => ({ ...r, ...St(n) }),
     {}
-  ) : er(t) : null;
+  ) : nn(t) : null;
 }
-function J(t, n) {
+function J(t, r) {
   return Array.isArray(t) ? [...t].reduce(
-    (r, e) => ({ ...r, ...J(e, n) }),
+    (n, e) => ({ ...n, ...J(e, r) }),
     {}
-  ) : typeof t == "function" ? t(n) : t ?? {};
+  ) : typeof t == "function" ? t(r) : t ?? {};
 }
-function or({
+function en({
   theme: t,
-  style: n,
-  vars: r,
+  style: r,
+  vars: n,
   styleProps: e
 }) {
-  const o = J(n, t), a = J(r, t);
+  const o = J(r, t), a = J(n, t);
   return { ...o, ...a, ...e };
 }
-const vt = _(
+const vt = P(
   ({
     component: t,
-    style: n,
-    __vars: r,
+    style: r,
+    __vars: n,
     className: e,
     variant: o,
     mod: a,
@@ -722,21 +722,21 @@ const vt = _(
     visibleFrom: p,
     lightHidden: c,
     darkHidden: m,
-    renderRoot: u,
-    __size: l,
+    renderRoot: l,
+    __size: u,
     ...g
   }, d) => {
     var v;
-    const b = k(), h = t || "div", { styleProps: x, rest: R } = kn(g), S = pn(), N = (v = S == null ? void 0 : S()) == null ? void 0 : v(x.sx), C = rr(), y = nr({
+    const b = k(), h = t || "div", { styleProps: x, rest: T } = jr(g), S = cr(), N = (v = S == null ? void 0 : S()) == null ? void 0 : v(x.sx), C = rn(), y = tn({
       styleProps: x,
       theme: b,
-      data: Fn
+      data: kr
     }), w = {
       ref: d,
-      style: or({
+      style: en({
         theme: b,
-        style: n,
-        vars: r,
+        style: r,
+        vars: n,
         styleProps: y.inlineStyles
       }),
       className: L(e, N, {
@@ -748,20 +748,20 @@ const vt = _(
       }),
       "data-variant": o,
       "data-size": yt(i) ? void 0 : i || void 0,
-      size: l,
+      size: u,
       ...St(a),
-      ...R
+      ...T
     };
-    return /* @__PURE__ */ j(U, { children: [
+    return /* @__PURE__ */ j(q, { children: [
       y.hasResponsiveStyles && /* @__PURE__ */ f(
-        jn,
+        Mr,
         {
           selector: `.${C}`,
           styles: y.styles,
           media: y.media
         }
       ),
-      typeof u == "function" ? u(w) : /* @__PURE__ */ f(h, { ...w })
+      typeof l == "function" ? l(w) : /* @__PURE__ */ f(h, { ...w })
     ] });
   }
 );
@@ -771,25 +771,25 @@ function Nt(t) {
   return t;
 }
 function ot(t) {
-  const n = _(t);
-  return n.extend = Nt, n.withProps = (r) => {
-    const e = _((o, a) => /* @__PURE__ */ f(n, { ...r, ...o, ref: a }));
-    return e.extend = n.extend, e.displayName = `WithProps(${n.displayName})`, e;
-  }, n;
+  const r = P(t);
+  return r.extend = Nt, r.withProps = (n) => {
+    const e = P((o, a) => /* @__PURE__ */ f(r, { ...n, ...o, ref: a }));
+    return e.extend = r.extend, e.displayName = `WithProps(${r.displayName})`, e;
+  }, r;
 }
 function xt(t) {
-  const n = _(t);
-  return n.withProps = (r) => {
-    const e = _((o, a) => /* @__PURE__ */ f(n, { ...r, ...o, ref: a }));
-    return e.extend = n.extend, e.displayName = `WithProps(${n.displayName})`, e;
-  }, n.extend = Nt, n;
+  const r = P(t);
+  return r.withProps = (n) => {
+    const e = P((o, a) => /* @__PURE__ */ f(r, { ...n, ...o, ref: a }));
+    return e.extend = r.extend, e.displayName = `WithProps(${r.displayName})`, e;
+  }, r.extend = Nt, r;
 }
 var wt = { root: "m_87cf2631" };
-const ar = {
+const on = {
   __staticSelector: "UnstyledButton"
 }, at = xt(
-  (t, n) => {
-    const r = O("UnstyledButton", ar, t), {
+  (t, r) => {
+    const n = O("UnstyledButton", on, t), {
       className: e,
       component: o = "button",
       __staticSelector: a,
@@ -798,9 +798,9 @@ const ar = {
       styles: p,
       style: c,
       ...m
-    } = r, u = F({
+    } = n, l = F({
       name: a,
-      props: r,
+      props: n,
       classes: wt,
       className: e,
       style: c,
@@ -811,9 +811,9 @@ const ar = {
     return /* @__PURE__ */ f(
       $,
       {
-        ...u("root", { focusable: !0 }),
+        ...l("root", { focusable: !0 }),
         component: o,
-        ref: n,
+        ref: r,
         type: o === "button" ? "button" : void 0,
         ...m
       }
@@ -938,7 +938,7 @@ const E = (t) => ({
     ...E("top"),
     common: { transformOrigin: "top right" }
   }
-}, ut = {
+}, lt = {
   entering: "in",
   entered: "in",
   exiting: "out",
@@ -946,34 +946,34 @@ const E = (t) => ({
   "pre-exiting": "out",
   "pre-entering": "out"
 };
-function ir({
+function an({
   transition: t,
-  state: n,
-  duration: r,
+  state: r,
+  duration: n,
   timingFunction: e
 }) {
   const o = {
     WebkitBackfaceVisibility: "hidden",
     willChange: "transform, opacity",
-    transitionDuration: `${r}ms`,
+    transitionDuration: `${n}ms`,
     transitionTimingFunction: e
   };
   return typeof t == "string" ? t in W ? {
     transitionProperty: W[t].transitionProperty,
     ...o,
     ...W[t].common,
-    ...W[t][ut[n]]
+    ...W[t][lt[r]]
   } : {} : {
     transitionProperty: t.transitionProperty,
     ...o,
     ...t.common,
-    ...t[ut[n]]
+    ...t[lt[r]]
   };
 }
-function sr({
+function sn({
   duration: t,
-  exitDuration: n,
-  timingFunction: r,
+  exitDuration: r,
+  timingFunction: n,
   mounted: e,
   onEnter: o,
   onExit: a,
@@ -982,12 +982,12 @@ function sr({
   enterDelay: p,
   exitDelay: c
 }) {
-  const m = k(), u = Sn(), l = m.respectReducedMotion ? u : !1, [g, d] = Q(l ? 0 : t), [b, h] = Q(e ? "entered" : "exited"), x = M(-1), R = M(-1), S = M(-1), N = (y) => {
+  const m = k(), l = br(), u = m.respectReducedMotion ? l : !1, [g, d] = Q(u ? 0 : t), [b, h] = Q(e ? "entered" : "exited"), x = M(-1), T = M(-1), S = M(-1), N = (y) => {
     const w = y ? o : a, v = y ? i : s;
     window.clearTimeout(x.current);
-    const B = l ? 0 : y ? t : n;
+    const B = u ? 0 : y ? t : r;
     d(B), B === 0 ? (typeof w == "function" && w(), typeof v == "function" && v(), h(y ? "entered" : "exited")) : S.current = requestAnimationFrame(() => {
-      fn.flushSync(() => {
+      ur.flushSync(() => {
         h(y ? "pre-entering" : "pre-exiting");
       }), S.current = requestAnimationFrame(() => {
         typeof w == "function" && w(), h(y ? "entering" : "exiting"), x.current = window.setTimeout(() => {
@@ -996,18 +996,18 @@ function sr({
       });
     });
   }, C = (y) => {
-    if (window.clearTimeout(R.current), typeof (y ? p : c) != "number") {
+    if (window.clearTimeout(T.current), typeof (y ? p : c) != "number") {
       N(y);
       return;
     }
-    R.current = window.setTimeout(
+    T.current = window.setTimeout(
       () => {
         N(y);
       },
       y ? p : c
     );
   };
-  return bn(() => {
+  return hr(() => {
     C(e);
   }, [e]), z(
     () => () => {
@@ -1017,14 +1017,14 @@ function sr({
   ), {
     transitionDuration: g,
     transitionStatus: b,
-    transitionTimingFunction: r || "ease"
+    transitionTimingFunction: n || "ease"
   };
 }
 function $t({
   keepMounted: t,
-  transition: n = "fade",
-  duration: r = 250,
-  exitDuration: e = r,
+  transition: r = "fade",
+  duration: n = 250,
+  exitDuration: e = n,
   mounted: o,
   children: a,
   timingFunction: i = "ease",
@@ -1032,24 +1032,24 @@ function $t({
   onEntered: p,
   onEnter: c,
   onExited: m,
-  enterDelay: u,
-  exitDelay: l
+  enterDelay: l,
+  exitDelay: u
 }) {
-  const g = mn(), { transitionDuration: d, transitionStatus: b, transitionTimingFunction: h } = sr({
+  const g = pr(), { transitionDuration: d, transitionStatus: b, transitionTimingFunction: h } = sn({
     mounted: o,
     exitDuration: e,
-    duration: r,
+    duration: n,
     timingFunction: i,
     onExit: s,
     onEntered: p,
     onEnter: c,
     onExited: m,
-    enterDelay: u,
-    exitDelay: l
+    enterDelay: l,
+    exitDelay: u
   });
-  return d === 0 || g === "test" ? o ? /* @__PURE__ */ f(U, { children: a({}) }) : t ? a({ display: "none" }) : null : b === "exited" ? t ? a({ display: "none" }) : null : /* @__PURE__ */ f(U, { children: a(
-    ir({
-      transition: n,
+  return d === 0 || g === "test" ? o ? /* @__PURE__ */ f(q, { children: a({}) }) : t ? a({ display: "none" }) : null : b === "exited" ? t ? a({ display: "none" }) : null : /* @__PURE__ */ f(q, { children: a(
+    an({
+      transition: r,
       duration: d,
       state: b,
       timingFunction: h
@@ -1057,35 +1057,35 @@ function $t({
   ) });
 }
 $t.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 Tt = _(({ className: t, ...n }, r) => /* @__PURE__ */ j($, { component: "span", className: L(T.barsLoader, t), ...n, ref: r, children: [
-  /* @__PURE__ */ f("span", { className: T.bar }),
-  /* @__PURE__ */ f("span", { className: T.bar }),
-  /* @__PURE__ */ f("span", { className: T.bar })
+var _ = { 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 _t = P(({ className: t, ...r }, n) => /* @__PURE__ */ j($, { component: "span", className: L(_.barsLoader, t), ...r, ref: n, children: [
+  /* @__PURE__ */ f("span", { className: _.bar }),
+  /* @__PURE__ */ f("span", { className: _.bar }),
+  /* @__PURE__ */ f("span", { className: _.bar })
 ] }));
-Tt.displayName = "@mantine/core/Bars";
-const Rt = _(({ className: t, ...n }, r) => /* @__PURE__ */ j($, { component: "span", className: L(T.dotsLoader, t), ...n, ref: r, children: [
-  /* @__PURE__ */ f("span", { className: T.dot }),
-  /* @__PURE__ */ f("span", { className: T.dot }),
-  /* @__PURE__ */ f("span", { className: T.dot })
+_t.displayName = "@mantine/core/Bars";
+const Tt = P(({ className: t, ...r }, n) => /* @__PURE__ */ j($, { component: "span", className: L(_.dotsLoader, t), ...r, ref: n, children: [
+  /* @__PURE__ */ f("span", { className: _.dot }),
+  /* @__PURE__ */ f("span", { className: _.dot }),
+  /* @__PURE__ */ f("span", { className: _.dot })
 ] }));
-Rt.displayName = "@mantine/core/Dots";
-const Pt = _(({ className: t, ...n }, r) => /* @__PURE__ */ f($, { component: "span", className: L(T.ovalLoader, t), ...n, ref: r }));
-Pt.displayName = "@mantine/core/Oval";
-const _t = {
-  bars: Tt,
-  oval: Pt,
-  dots: Rt
-}, cr = {
-  loaders: _t,
+Tt.displayName = "@mantine/core/Dots";
+const Rt = P(({ className: t, ...r }, n) => /* @__PURE__ */ f($, { component: "span", className: L(_.ovalLoader, t), ...r, ref: n }));
+Rt.displayName = "@mantine/core/Oval";
+const Pt = {
+  bars: _t,
+  oval: Rt,
+  dots: Tt
+}, cn = {
+  loaders: Pt,
   type: "oval"
-}, pr = (t, { size: n, color: r }) => ({
+}, pn = (t, { size: r, color: n }) => ({
   root: {
-    "--loader-size": A(n, "loader-size"),
-    "--loader-color": r ? un(r, t) : void 0
+    "--loader-size": A(r, "loader-size"),
+    "--loader-color": n ? mr(n, t) : void 0
   }
-}), D = ot((t, n) => {
-  const r = O("Loader", cr, t), {
+}), D = ot((t, r) => {
+  const n = O("Loader", cn, t), {
     size: e,
     color: o,
     type: a,
@@ -1094,45 +1094,45 @@ const _t = {
     style: p,
     classNames: c,
     styles: m,
-    unstyled: u,
-    loaders: l,
+    unstyled: l,
+    loaders: u,
     variant: g,
     children: d,
     ...b
-  } = r, h = F({
+  } = n, h = F({
     name: "Loader",
-    props: r,
-    classes: T,
+    props: n,
+    classes: _,
     className: s,
     style: p,
     classNames: c,
     styles: m,
-    unstyled: u,
+    unstyled: l,
     vars: i,
-    varsResolver: pr
+    varsResolver: pn
   });
-  return d ? /* @__PURE__ */ f($, { ...h("root"), ref: n, ...b, children: d }) : /* @__PURE__ */ f(
+  return d ? /* @__PURE__ */ f($, { ...h("root"), ref: r, ...b, children: d }) : /* @__PURE__ */ f(
     $,
     {
       ...h("root"),
-      ref: n,
-      component: l[a],
+      ref: r,
+      component: u[a],
       variant: g,
       size: e,
       ...b
     }
   );
 });
-D.defaultLoaders = _t;
-D.classes = T;
+D.defaultLoaders = Pt;
+D.classes = _;
 D.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 lt = {
+const ut = {
   orientation: "horizontal"
-}, mr = (t, { borderWidth: n }) => ({
-  group: { "--button-border-width": P(n) }
-}), it = ot((t, n) => {
-  const r = O("ButtonGroup", lt, t), {
+}, mn = (t, { borderWidth: r }) => ({
+  group: { "--button-border-width": R(r) }
+}), it = ot((t, r) => {
+  const n = O("ButtonGroup", ut, t), {
     className: e,
     style: o,
     classNames: a,
@@ -1141,12 +1141,12 @@ const lt = {
     orientation: p,
     vars: c,
     borderWidth: m,
-    variant: u,
-    mod: l,
+    variant: l,
+    mod: u,
     ...g
-  } = O("ButtonGroup", lt, t), d = F({
+  } = O("ButtonGroup", ut, t), d = F({
     name: "ButtonGroup",
-    props: r,
+    props: n,
     classes: Y,
     className: e,
     style: o,
@@ -1154,16 +1154,16 @@ const lt = {
     styles: i,
     unstyled: s,
     vars: c,
-    varsResolver: mr,
+    varsResolver: mn,
     rootSelector: "group"
   });
   return /* @__PURE__ */ f(
     $,
     {
       ...d("group"),
-      ref: n,
-      variant: u,
-      mod: [{ "data-orientation": p }, l],
+      ref: r,
+      variant: l,
+      mod: [{ "data-orientation": p }, u],
       role: "group",
       ...g
     }
@@ -1171,9 +1171,9 @@ const lt = {
 });
 it.classes = Y;
 it.displayName = "@mantine/core/ButtonGroup";
-const ft = {}, ur = (t, { radius: n, color: r, gradient: e, variant: o, autoContrast: a, size: i }) => {
+const ft = {}, ln = (t, { radius: r, color: n, gradient: e, variant: o, autoContrast: a, size: i }) => {
   const s = t.variantColorResolver({
-    color: r || t.primaryColor,
+    color: n || t.primaryColor,
     theme: t,
     gradient: e,
     variant: o || "filled",
@@ -1184,14 +1184,14 @@ const ft = {}, ur = (t, { radius: n, color: r, gradient: e, variant: o, autoCont
       "--section-height": A(i, "section-height"),
       "--section-padding-x": A(i, "section-padding-x"),
       "--section-fz": i != null && i.includes("compact") ? G(i.replace("compact-", "")) : G(i),
-      "--section-radius": n === void 0 ? void 0 : gt(n),
-      "--section-bg": r || o ? s.background : void 0,
+      "--section-radius": r === void 0 ? void 0 : gt(r),
+      "--section-bg": n || o ? s.background : void 0,
       "--section-color": s.color,
-      "--section-bd": r || o ? s.border : void 0
+      "--section-bd": n || o ? s.border : void 0
     }
   };
-}, st = ot((t, n) => {
-  const r = O("ButtonGroupSection", ft, t), {
+}, st = ot((t, r) => {
+  const n = O("ButtonGroupSection", ft, t), {
     className: e,
     style: o,
     classNames: a,
@@ -1200,12 +1200,12 @@ const ft = {}, ur = (t, { radius: n, color: r, gradient: e, variant: o, autoCont
     vars: p,
     variant: c,
     gradient: m,
-    radius: u,
-    autoContrast: l,
+    radius: l,
+    autoContrast: u,
     ...g
   } = O("ButtonGroupSection", ft, t), d = F({
     name: "ButtonGroupSection",
-    props: r,
+    props: n,
     classes: Y,
     className: e,
     style: o,
@@ -1213,21 +1213,21 @@ const ft = {}, ur = (t, { radius: n, color: r, gradient: e, variant: o, autoCont
     styles: i,
     unstyled: s,
     vars: p,
-    varsResolver: ur,
+    varsResolver: ln,
     rootSelector: "groupSection"
   });
-  return /* @__PURE__ */ f($, { ...d("groupSection"), ref: n, variant: c, ...g });
+  return /* @__PURE__ */ f($, { ...d("groupSection"), ref: r, variant: c, ...g });
 });
 st.classes = Y;
 st.displayName = "@mantine/core/ButtonGroupSection";
-const lr = {
-  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${P(1)}))` },
+const un = {
+  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${R(1)}))` },
   out: { opacity: 0, transform: "translate(-50%, -200%)" },
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
-}, fr = {}, dr = (t, { radius: n, color: r, gradient: e, variant: o, size: a, justify: i, autoContrast: s }) => {
+}, fn = {}, dn = (t, { radius: r, color: n, gradient: e, variant: o, size: a, justify: i, autoContrast: s }) => {
   const p = t.variantColorResolver({
-    color: r || t.primaryColor,
+    color: n || t.primaryColor,
     theme: t,
     gradient: e,
     variant: o || "filled",
@@ -1239,16 +1239,16 @@ const lr = {
       "--button-height": A(a, "button-height"),
       "--button-padding-x": A(a, "button-padding-x"),
       "--button-fz": a != null && a.includes("compact") ? G(a.replace("compact-", "")) : G(a),
-      "--button-radius": n === void 0 ? void 0 : gt(n),
-      "--button-bg": r || o ? p.background : void 0,
-      "--button-hover": r || o ? p.hover : void 0,
+      "--button-radius": r === void 0 ? void 0 : gt(r),
+      "--button-bg": n || o ? p.background : void 0,
+      "--button-hover": n || o ? p.hover : void 0,
       "--button-color": p.color,
-      "--button-bd": r || o ? p.border : void 0,
-      "--button-hover-color": r || o ? p.hoverColor : void 0
+      "--button-bd": n || o ? p.border : void 0,
+      "--button-hover-color": n || o ? p.hoverColor : void 0
     }
   };
-}, I = xt((t, n) => {
-  const r = O("Button", fr, t), {
+}, I = xt((t, r) => {
+  const n = O("Button", fn, t), {
     style: e,
     vars: o,
     className: a,
@@ -1257,44 +1257,44 @@ const lr = {
     children: p,
     leftSection: c,
     rightSection: m,
-    fullWidth: u,
-    variant: l,
+    fullWidth: l,
+    variant: u,
     radius: g,
     loading: d,
     loaderProps: b,
     gradient: h,
     classNames: x,
-    styles: R,
+    styles: T,
     unstyled: S,
     "data-disabled": N,
     autoContrast: C,
     mod: y,
     ...w
-  } = r, v = F({
+  } = n, v = F({
     name: "Button",
-    props: r,
+    props: n,
     classes: Y,
     className: a,
     style: e,
     classNames: x,
-    styles: R,
+    styles: T,
     unstyled: S,
     vars: o,
-    varsResolver: dr
+    varsResolver: dn
   }), B = !!c, H = !!m;
   return /* @__PURE__ */ j(
     at,
     {
-      ref: n,
+      ref: r,
       ...v("root", { active: !s && !d && !N }),
       unstyled: S,
-      variant: l,
+      variant: u,
       disabled: s || d,
       mod: [
         {
           disabled: s || N,
           loading: d,
-          block: u,
+          block: l,
           "with-left-section": B,
           "with-right-section": H
         },
@@ -1302,7 +1302,7 @@ const lr = {
       ],
       ...w,
       children: [
-        /* @__PURE__ */ f($t, { mounted: !!d, transition: lr, duration: 150, children: (V) => /* @__PURE__ */ f($, { component: "span", ...v("loader", { style: V }), "aria-hidden": !0, children: /* @__PURE__ */ f(
+        /* @__PURE__ */ f($t, { mounted: !!d, transition: un, duration: 150, children: (V) => /* @__PURE__ */ f($, { component: "span", ...v("loader", { style: V }), "aria-hidden": !0, children: /* @__PURE__ */ f(
           D,
           {
             color: "var(--button-color)",
@@ -1323,15 +1323,17 @@ I.classes = Y;
 I.displayName = "@mantine/core/Button";
 I.Group = it;
 I.GroupSection = st;
-const yr = "_button_1bwq5_1", gr = {
-  button: yr
-}, xr = (t) => /* @__PURE__ */ f(
+const yn = "_root_gdr8x_1", gn = "_inner_gdr8x_7", hn = "_label_gdr8x_11", bn = {
+  root: yn,
+  inner: gn,
+  label: hn
+}, $n = (t) => /* @__PURE__ */ f(
   I,
   {
     ...t,
-    className: gr.button
+    classNames: bn
   }
 );
 export {
-  xr as Button
+  $n as Button
 };