@kvell-group/ui 1.7.1 → 1.8.0

package/dist/components/Button/Button.js

@@ -1,832 +1,88 @@
-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 W, useId as ur, forwardRef as P } from "react";
-import lr from "react-dom";
-import '../../assets/Button.css';function fr(t) {
-  return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
-}
-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")
-    return !0;
-  if (typeof t == "string") {
-    if (t.startsWith("calc(") || t.startsWith("var(") || t.includes(" ") && t.trim() !== "")
-      return !0;
-    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, r = "size", n = !0) {
-  if (t !== void 0)
-    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");
-}
-function G(t) {
-  return A(t, "mantine-font-size");
-}
-function dr(t, r) {
+import { jsx as c, Fragment as J, jsxs as X } from "react/jsx-runtime";
+import { u as lt, j as pt, g as dt, r as z } from "../../MantineThemeProvider-kHsOfZUW.js";
+import { useState as V, useRef as Y, useEffect as D, forwardRef as j } from "react";
+import { p as tt, u as P, a as $, B as y, d as I, f as M, c as E, e as L, h as ot, b as k } from "../../polymorphic-factory-DUeudAZR.js";
+import ut from "react-dom";
+import '../../assets/Button.css';function ft(t, o) {
   try {
-    return t.addEventListener("change", r), () => t.removeEventListener("change", r);
+    return t.addEventListener("change", o), () => t.removeEventListener("change", o);
   } catch {
-    return t.addListener(r), () => t.removeListener(r);
+    return t.addListener(o), () => t.removeListener(o);
   }
 }
-function yr(t, r) {
+function yt(t, o) {
   return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
 }
-function gr(t, r, { getInitialValueInEffect: n } = {
+function gt(t, o, { getInitialValueInEffect: n } = {
   getInitialValueInEffect: !0
 }) {
-  const [e, o] = Q(
-    n ? r : yr(t)
-  ), a = M(null);
-  return W(() => {
+  const [s, r] = V(
+    n ? o : yt(t)
+  ), e = Y(null);
+  return D(() => {
     if ("matchMedia" in window)
-      return a.current = window.matchMedia(t), o(a.current.matches), dr(a.current, (i) => o(i.matches));
-  }, [t]), e;
+      return e.current = window.matchMedia(t), r(e.current.matches), ft(e.current, (a) => r(a.matches));
+  }, [t]), s;
 }
-function br(t, r) {
-  const n = M(!1);
-  W(
+function bt(t, o) {
+  const n = Y(!1);
+  D(
     () => () => {
       n.current = !1;
     },
     []
-  ), W(() => {
+  ), D(() => {
     if (n.current)
       return t();
     n.current = !0;
-  }, r);
-}
-function hr(t, r) {
-  return gr("(prefers-reduced-motion: reduce)", t, r);
-}
-function bt(t) {
-  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 (r = 0; r < o; r++) t[r] && (n = bt(t[r])) && (e && (e += " "), e += n);
-  } else for (n in t) t[n] && (e && (e += " "), e += n);
-  return e;
-}
-function L() {
-  for (var t, r, n = 0, e = "", o = arguments.length; n < o; n++) (t = arguments[n]) && (r = bt(t)) && (e && (e += " "), e += r);
-  return e;
-}
-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;
-    });
-  }), r;
-}
-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 vr(a);
-}
-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 Nr = {
-  always: "mantine-focus-always",
-  auto: "mantine-focus-auto",
-  never: "mantine-focus-never"
-};
-function wr({ theme: t, options: r, unstyled: n }) {
-  return L(
-    (r == null ? void 0 : r.focusable) && !n && (t.focusClassName || Nr[t.focusRing]),
-    (r == null ? void 0 : r.active) && !n && t.activeClassName
-  );
-}
-function xr({
-  selector: t,
-  stylesCtx: r,
-  options: n,
-  props: e,
-  theme: o
-}) {
-  return nt({
-    theme: o,
-    classNames: n == null ? void 0 : n.classNames,
-    props: (n == null ? void 0 : n.props) || e,
-    stylesCtx: r
-  })[t];
-}
-function ct({
-  selector: t,
-  stylesCtx: r,
-  theme: n,
-  classNames: e,
-  props: o
-}) {
-  return nt({ theme: n, classNames: e, props: o, stylesCtx: r })[t];
-}
-function $r({ rootSelector: t, selector: r, className: n }) {
-  return t === r ? n : void 0;
-}
-function _r({ selector: t, classes: r, unstyled: n }) {
-  return n ? void 0 : r[t];
-}
-function Tr({
-  themeName: t,
-  classNamesPrefix: r,
-  selector: n,
-  withStaticClass: e
-}) {
-  return e === !1 ? [] : t.map((o) => `${r}-${o}-${n}`);
-}
-function Rr({
-  themeName: t,
-  theme: r,
-  selector: n,
-  props: e,
-  stylesCtx: o
-}) {
-  return t.map(
-    (a) => {
-      var i, s;
-      return (s = nt({
-        theme: r,
-        classNames: (i = r.components[a]) == null ? void 0 : i.classNames,
-        props: e,
-        stylesCtx: o
-      })) == null ? void 0 : s[n];
-    }
-  );
-}
-function Pr({
-  options: t,
-  classes: r,
-  selector: n,
-  unstyled: e
-}) {
-  return t != null && t.variant && !e ? r[`${n}--${t.variant}`] : void 0;
-}
-function Cr({
-  theme: t,
-  options: r,
-  themeName: n,
-  selector: e,
-  classNamesPrefix: o,
-  classNames: a,
-  classes: i,
-  unstyled: s,
-  className: p,
-  rootSelector: c,
-  props: m,
-  stylesCtx: u,
-  withStaticClasses: l,
-  headless: g,
-  transformedStyles: d
-}) {
-  return L(
-    wr({ theme: t, options: r, unstyled: s || g }),
-    Rr({ theme: t, themeName: n, selector: e, props: m, stylesCtx: u }),
-    Pr({ options: r, 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 }),
-    xr({ selector: e, stylesCtx: u, options: r, props: m, theme: t }),
-    $r({ rootSelector: c, selector: e, className: p }),
-    _r({ selector: e, classes: i, unstyled: s || g }),
-    l && !g && Tr({
-      themeName: n,
-      classNamesPrefix: o,
-      selector: e,
-      withStaticClass: r == null ? void 0 : r.withStaticClass
-    }),
-    r == null ? void 0 : r.className
-  );
-}
-function Br({
-  theme: t,
-  themeName: r,
-  props: n,
-  stylesCtx: e,
-  selector: o
-}) {
-  return r.map(
-    (a) => {
-      var i;
-      return K({
-        theme: t,
-        styles: (i = t.components[a]) == null ? void 0 : i.styles,
-        props: n,
-        stylesCtx: e
-      })[o];
-    }
-  ).reduce((a, i) => ({ ...a, ...i }), {});
-}
-function Z({ style: t, theme: r }) {
-  return Array.isArray(t) ? [...t].reduce(
-    (n, e) => ({ ...n, ...Z({ style: e, theme: r }) }),
-    {}
-  ) : typeof t == "function" ? t(r) : t ?? {};
-}
-function Ar(t) {
-  return t.reduce((r, n) => (n && Object.keys(n).forEach((e) => {
-    r[e] = { ...r[e], ...rt(n[e]) };
-  }), r), {});
-}
-function Or({
-  vars: t,
-  varsResolver: r,
-  theme: n,
-  props: e,
-  stylesCtx: o,
-  selector: a,
-  themeName: i,
-  headless: s
-}) {
-  var p;
-  return (p = Ar([
-    s ? {} : r == null ? void 0 : r(n, e, o),
-    ...i.map((c) => {
-      var m, u, l;
-      return (l = (u = (m = n.components) == null ? void 0 : m[c]) == null ? void 0 : u.vars) == null ? void 0 : l.call(u, n, e, o);
-    }),
-    t == null ? void 0 : t(n, e, o)
-  ])) == null ? void 0 : p[a];
-}
-function Lr({
-  theme: t,
-  themeName: r,
-  selector: n,
-  options: e,
-  props: o,
-  stylesCtx: a,
-  rootSelector: i,
-  styles: s,
-  style: p,
-  vars: c,
-  varsResolver: m,
-  headless: u,
-  withStylesTransform: l
-}) {
-  return {
-    ...!l && Br({ theme: t, themeName: r, props: o, stylesCtx: a, selector: n }),
-    ...!l && K({ theme: t, styles: s, props: o, stylesCtx: a })[n],
-    ...!l && 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: u }),
-    ...i === n ? Z({ style: p, theme: t }) : null,
-    ...Z({ style: e == null ? void 0 : e.style, theme: t })
-  };
-}
-function Yr({ props: t, stylesCtx: r, themeName: n }) {
-  var 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: r })
-      ),
-      ...n.map(
-        (c) => {
-          var m;
-          return o((m = e.components[c]) == null ? void 0 : m.styles, { props: t, theme: e, ctx: r });
-        }
-      )
-    ].filter(Boolean) : [],
-    withStylesTransform: !!o
-  };
-}
-function z({
-  name: t,
-  classes: r,
-  props: n,
-  stylesCtx: e,
-  className: o,
-  style: a,
-  rootSelector: i = "root",
-  unstyled: s,
-  classNames: p,
-  styles: c,
-  vars: m,
-  varsResolver: u
-}) {
-  const l = k(), g = or(), d = ar(), h = ir(), b = (Array.isArray(t) ? t : [t]).filter((S) => S), { withStylesTransform: w, getTransformedStyles: T } = Yr({
-    props: n,
-    stylesCtx: e,
-    themeName: b
-  });
-  return (S, N) => ({
-    className: Cr({
-      theme: l,
-      options: N,
-      themeName: b,
-      selector: S,
-      classNamesPrefix: g,
-      classNames: p,
-      classes: r,
-      unstyled: s,
-      className: o,
-      rootSelector: i,
-      props: n,
-      stylesCtx: e,
-      withStaticClasses: d,
-      headless: h,
-      transformedStyles: T([N == null ? void 0 : N.styles, c])
-    }),
-    style: Lr({
-      theme: l,
-      themeName: b,
-      selector: S,
-      options: N,
-      props: n,
-      stylesCtx: e,
-      rootSelector: i,
-      styles: c,
-      style: a,
-      vars: m,
-      varsResolver: u,
-      headless: h,
-      withStylesTransform: w
-    })
-  });
-}
-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 { ...r, ...a, ...rt(n) };
-}
-function X(t) {
-  return tt(t).reduce(
-    (r, n) => t[n] !== void 0 ? `${r}${fr(n)}:${t[n]};` : r,
-    ""
-  ).trim();
-}
-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 Mr(t) {
-  const r = sr();
-  return /* @__PURE__ */ f(
-    "style",
-    {
-      "data-mantine-styles": "inline",
-      nonce: r == null ? void 0 : r(),
-      dangerouslySetInnerHTML: { __html: Er(t) }
-    }
-  );
-}
-function jr(t) {
-  const {
-    m: r,
-    mx: n,
-    my: e,
-    mt: o,
-    mb: a,
-    ml: i,
-    mr: s,
-    me: p,
-    ms: c,
-    p: m,
-    px: u,
-    py: l,
-    pt: g,
-    pb: d,
-    pl: h,
-    pr: b,
-    pe: w,
-    ps: T,
-    bd: S,
-    bg: N,
-    c: C,
-    opacity: y,
-    ff: x,
-    fz: v,
-    fw: B,
-    lts: H,
-    ta: V,
-    lh: Ct,
-    fs: Bt,
-    tt: At,
-    td: Ot,
-    w: Lt,
-    miw: Yt,
-    maw: Et,
-    h: Mt,
-    mih: jt,
-    mah: kt,
-    bgsz: zt,
-    bgp: Ft,
-    bgr: It,
-    bga: Wt,
-    pos: Gt,
-    top: Dt,
-    left: Ht,
-    bottom: Vt,
-    right: Xt,
-    inset: Ut,
-    display: qt,
-    flex: Qt,
-    hiddenFrom: Kt,
-    visibleFrom: Zt,
-    lightHidden: Jt,
-    darkHidden: tr,
-    sx: rr,
-    ...nr
-  } = t;
-  return { styleProps: rt({
-    m: r,
-    mx: n,
-    my: e,
-    mt: o,
-    mb: a,
-    ml: i,
-    mr: s,
-    me: p,
-    ms: c,
-    p: m,
-    px: u,
-    py: l,
-    pt: g,
-    pb: d,
-    pl: h,
-    pr: b,
-    pe: w,
-    ps: T,
-    bd: S,
-    bg: N,
-    c: C,
-    opacity: y,
-    ff: x,
-    fz: v,
-    fw: B,
-    lts: H,
-    ta: V,
-    lh: Ct,
-    fs: Bt,
-    tt: At,
-    td: Ot,
-    w: Lt,
-    miw: Yt,
-    maw: Et,
-    h: Mt,
-    mih: jt,
-    mah: kt,
-    bgsz: zt,
-    bgp: Ft,
-    bgr: It,
-    bga: Wt,
-    pos: Gt,
-    top: Dt,
-    left: Ht,
-    bottom: Vt,
-    right: Xt,
-    inset: Ut,
-    display: qt,
-    flex: Qt,
-    hiddenFrom: Kt,
-    visibleFrom: Zt,
-    lightHidden: Jt,
-    darkHidden: tr,
-    sx: rr
-  }), rest: nr };
-}
-const kr = {
-  m: { type: "spacing", property: "margin" },
-  mt: { type: "spacing", property: "marginTop" },
-  mb: { type: "spacing", property: "marginBottom" },
-  ml: { type: "spacing", property: "marginLeft" },
-  mr: { type: "spacing", property: "marginRight" },
-  ms: { type: "spacing", property: "marginInlineStart" },
-  me: { type: "spacing", property: "marginInlineEnd" },
-  mx: { type: "spacing", property: "marginInline" },
-  my: { type: "spacing", property: "marginBlock" },
-  p: { type: "spacing", property: "padding" },
-  pt: { type: "spacing", property: "paddingTop" },
-  pb: { type: "spacing", property: "paddingBottom" },
-  pl: { type: "spacing", property: "paddingLeft" },
-  pr: { type: "spacing", property: "paddingRight" },
-  ps: { type: "spacing", property: "paddingInlineStart" },
-  pe: { type: "spacing", property: "paddingInlineEnd" },
-  px: { type: "spacing", property: "paddingInline" },
-  py: { type: "spacing", property: "paddingBlock" },
-  bd: { type: "border", property: "border" },
-  bg: { type: "color", property: "background" },
-  c: { type: "textColor", property: "color" },
-  opacity: { type: "identity", property: "opacity" },
-  ff: { type: "fontFamily", property: "fontFamily" },
-  fz: { type: "fontSize", property: "fontSize" },
-  fw: { type: "identity", property: "fontWeight" },
-  lts: { type: "size", property: "letterSpacing" },
-  ta: { type: "identity", property: "textAlign" },
-  lh: { type: "lineHeight", property: "lineHeight" },
-  fs: { type: "identity", property: "fontStyle" },
-  tt: { type: "identity", property: "textTransform" },
-  td: { type: "identity", property: "textDecoration" },
-  w: { type: "spacing", property: "width" },
-  miw: { type: "spacing", property: "minWidth" },
-  maw: { type: "spacing", property: "maxWidth" },
-  h: { type: "spacing", property: "height" },
-  mih: { type: "spacing", property: "minHeight" },
-  mah: { type: "spacing", property: "maxHeight" },
-  bgsz: { type: "size", property: "backgroundSize" },
-  bgp: { type: "identity", property: "backgroundPosition" },
-  bgr: { type: "identity", property: "backgroundRepeat" },
-  bga: { type: "identity", property: "backgroundAttachment" },
-  pos: { type: "identity", property: "position" },
-  top: { type: "size", property: "top" },
-  left: { type: "size", property: "left" },
-  bottom: { type: "size", property: "bottom" },
-  right: { type: "size", property: "right" },
-  inset: { type: "size", property: "inset" },
-  display: { type: "identity", property: "display" },
-  flex: { type: "identity", property: "flex" }
-};
-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 zr(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 Fr(t, r) {
-  if (typeof t == "number")
-    return R(t);
-  if (typeof t == "string") {
-    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;
-}
-const pt = {
-  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 Ir(t) {
-  return typeof t == "string" && t in pt ? pt[t] : t;
-}
-const Wr = ["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" && Wr.includes(t) ? `var(--mantine-${t}-font-size)` : typeof t == "number" ? R(t) : typeof t == "string" ? R(t) : t;
-}
-function Dr(t) {
-  return t;
+  }, o);
 }
-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 ht(t, o) {
+  return gt("(prefers-reduced-motion: reduce)", t, o);
 }
-function Xr(t) {
-  return typeof t == "number" ? R(t) : t;
-}
-function Ur(t, r) {
-  if (typeof t == "number")
-    return R(t);
-  if (typeof t == "string") {
-    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 U = {
-  color: et,
-  textColor: zr,
-  fontSize: Gr,
-  spacing: Ur,
-  identity: Dr,
-  size: Xr,
-  lineHeight: Vr,
-  fontFamily: Ir,
-  border: Fr
-};
-function mt(t) {
-  return t.replace("(min-width: ", "").replace("em)", "");
-}
-function qr({
-  media: t,
-  ...r
-}) {
-  const e = Object.keys(t).sort((o, a) => Number(mt(o)) - Number(mt(a))).map((o) => ({ query: o, styles: t[o] }));
-  return { ...r, media: e };
-}
-function Qr(t) {
-  if (typeof t != "object" || t === null)
-    return !1;
-  const r = Object.keys(t);
-  return !(r.length === 1 && r[0] === "base");
-}
-function Kr(t) {
-  return typeof t == "object" && t !== null ? "base" in t ? t.base : void 0 : t;
-}
-function Zr(t) {
-  return typeof t == "object" && t !== null ? tt(t).filter((r) => r !== "base") : [];
-}
-function Jr(t, r) {
-  return typeof t == "object" && t !== null && r in t ? t[r] : t;
-}
-function tn({
-  styleProps: t,
-  data: r,
-  theme: n
-}) {
-  return qr(
-    tt(t).reduce(
-      (e, o) => {
-        if (o === "hiddenFrom" || o === "visibleFrom" || o === "sx")
-          return e;
-        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] = U[a.type](s, n);
-          }), e;
-        e.hasResponsiveStyles = !0;
-        const p = Zr(t[o]);
-        return i.forEach((c) => {
-          s && (e.styles[c] = U[a.type](s, n)), p.forEach((m) => {
-            const u = `(min-width: ${n.breakpoints[m]})`;
-            e.media[u] = {
-              ...e.media[u],
-              [c]: U[a.type](
-                Jr(t[o], m),
-                n
-              )
-            };
-          });
-        }), e;
-      },
-      {
-        hasResponsiveStyles: !1,
-        styles: {},
-        inlineStyles: {},
-        media: {}
-      }
-    )
-  );
-}
-function rn() {
-  return `__m__-${ur().replace(/:/g, "")}`;
-}
-function ht(t) {
-  return t.startsWith("data-") ? t : `data-${t}`;
-}
-function nn(t) {
-  return Object.keys(t).reduce((r, n) => {
-    const e = t[n];
-    return e === void 0 || e === "" || e === !1 || e === null || (r[ht(n)] = t[n]), r;
-  }, {});
-}
-function St(t) {
-  return t ? typeof t == "string" ? { [ht(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
-    (r, n) => ({ ...r, ...St(n) }),
-    {}
-  ) : nn(t) : null;
-}
-function J(t, r) {
-  return Array.isArray(t) ? [...t].reduce(
-    (n, e) => ({ ...n, ...J(e, r) }),
-    {}
-  ) : typeof t == "function" ? t(r) : t ?? {};
-}
-function en({
-  theme: t,
-  style: r,
-  vars: n,
-  styleProps: e
-}) {
-  const o = J(r, t), a = J(n, t);
-  return { ...o, ...a, ...e };
-}
-const vt = P(
-  ({
-    component: t,
-    style: r,
-    __vars: n,
-    className: e,
-    variant: o,
-    mod: a,
-    size: i,
-    hiddenFrom: s,
-    visibleFrom: p,
-    lightHidden: c,
-    darkHidden: m,
-    renderRoot: u,
-    __size: l,
-    ...g
-  }, d) => {
-    var v;
-    const h = k(), b = t || "div", { styleProps: w, rest: T } = jr(g), S = cr(), N = (v = S == null ? void 0 : S()) == null ? void 0 : v(w.sx), C = rn(), y = tn({
-      styleProps: w,
-      theme: h,
-      data: kr
-    }), x = {
-      ref: d,
-      style: en({
-        theme: h,
-        style: r,
-        vars: n,
-        styleProps: y.inlineStyles
-      }),
-      className: L(e, N, {
-        [C]: y.hasResponsiveStyles,
-        "mantine-light-hidden": c,
-        "mantine-dark-hidden": m,
-        [`mantine-hidden-from-${s}`]: s,
-        [`mantine-visible-from-${p}`]: p
-      }),
-      "data-variant": o,
-      "data-size": yt(i) ? void 0 : i || void 0,
-      size: l,
-      ...St(a),
-      ...T
-    };
-    return /* @__PURE__ */ j(q, { children: [
-      y.hasResponsiveStyles && /* @__PURE__ */ f(
-        Mr,
-        {
-          selector: `.${C}`,
-          styles: y.styles,
-          media: y.media
-        }
-      ),
-      typeof u == "function" ? u(x) : /* @__PURE__ */ f(b, { ...x })
-    ] });
-  }
-);
-vt.displayName = "@mantine/core/Box";
-const $ = vt;
-function Nt(t) {
-  return t;
-}
-function ot(t) {
-  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 wt(t) {
-  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 xt = { root: "m_87cf2631" };
-const on = {
+var nt = { root: "m_87cf2631" };
+const vt = {
   __staticSelector: "UnstyledButton"
-}, at = wt(
-  (t, r) => {
-    const n = O("UnstyledButton", on, t), {
-      className: e,
-      component: o = "button",
-      __staticSelector: a,
-      unstyled: i,
-      classNames: s,
-      styles: p,
-      style: c,
-      ...m
-    } = n, u = z({
-      name: a,
+}, W = tt(
+  (t, o) => {
+    const n = P("UnstyledButton", vt, t), {
+      className: s,
+      component: r = "button",
+      __staticSelector: e,
+      unstyled: a,
+      classNames: i,
+      styles: m,
+      style: p,
+      ...u
+    } = n, f = $({
+      name: e,
       props: n,
-      classes: xt,
-      className: e,
-      style: c,
-      classNames: s,
-      styles: p,
-      unstyled: i
+      classes: nt,
+      className: s,
+      style: p,
+      classNames: i,
+      styles: m,
+      unstyled: a
     });
-    return /* @__PURE__ */ f(
-      $,
+    return /* @__PURE__ */ c(
+      y,
       {
-        ...u("root", { focusable: !0 }),
-        component: o,
-        ref: r,
-        type: o === "button" ? "button" : void 0,
-        ...m
+        ...f("root", { focusable: !0 }),
+        component: r,
+        ref: o,
+        type: r === "button" ? "button" : void 0,
+        ...u
       }
     );
   }
 );
-at.classes = xt;
-at.displayName = "@mantine/core/UnstyledButton";
-const E = (t) => ({
+W.classes = nt;
+W.displayName = "@mantine/core/UnstyledButton";
+const T = (t) => ({
   in: { opacity: 1, transform: "scale(1)" },
   out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
   transitionProperty: "transform, opacity"
-}), I = {
+}), F = {
   fade: {
     in: { opacity: 1 },
     out: { opacity: 0 },
@@ -919,26 +175,26 @@ const E = (t) => ({
     transitionProperty: "transform, opacity"
   },
   pop: {
-    ...E("bottom"),
+    ...T("bottom"),
     common: { transformOrigin: "center center" }
   },
   "pop-bottom-left": {
-    ...E("bottom"),
+    ...T("bottom"),
     common: { transformOrigin: "bottom left" }
   },
   "pop-bottom-right": {
-    ...E("bottom"),
+    ...T("bottom"),
     common: { transformOrigin: "bottom right" }
   },
   "pop-top-left": {
-    ...E("top"),
+    ...T("top"),
     common: { transformOrigin: "top left" }
   },
   "pop-top-right": {
-    ...E("top"),
+    ...T("top"),
     common: { transformOrigin: "top right" }
   }
-}, ut = {
+}, K = {
   entering: "in",
   entered: "in",
   exiting: "out",
@@ -946,394 +202,396 @@ const E = (t) => ({
   "pre-exiting": "out",
   "pre-entering": "out"
 };
-function an({
+function wt({
   transition: t,
-  state: r,
+  state: o,
   duration: n,
-  timingFunction: e
+  timingFunction: s
 }) {
-  const o = {
+  const r = {
     WebkitBackfaceVisibility: "hidden",
     willChange: "transform, opacity",
     transitionDuration: `${n}ms`,
-    transitionTimingFunction: e
+    transitionTimingFunction: s
   };
-  return typeof t == "string" ? t in I ? {
-    transitionProperty: I[t].transitionProperty,
-    ...o,
-    ...I[t].common,
-    ...I[t][ut[r]]
+  return typeof t == "string" ? t in F ? {
+    transitionProperty: F[t].transitionProperty,
+    ...r,
+    ...F[t].common,
+    ...F[t][K[o]]
   } : {} : {
     transitionProperty: t.transitionProperty,
-    ...o,
+    ...r,
     ...t.common,
-    ...t[ut[r]]
+    ...t[K[o]]
   };
 }
-function sn({
+function St({
   duration: t,
-  exitDuration: r,
+  exitDuration: o,
   timingFunction: n,
-  mounted: e,
-  onEnter: o,
-  onExit: a,
-  onEntered: i,
-  onExited: s,
-  enterDelay: p,
-  exitDelay: c
+  mounted: s,
+  onEnter: r,
+  onExit: e,
+  onEntered: a,
+  onExited: i,
+  enterDelay: m,
+  exitDelay: p
 }) {
-  const m = k(), u = hr(), l = m.respectReducedMotion ? u : !1, [g, d] = Q(l ? 0 : t), [h, b] = Q(e ? "entered" : "exited"), w = M(-1), T = M(-1), S = M(-1), N = (y) => {
-    const x = y ? o : a, v = y ? i : s;
-    window.clearTimeout(w.current);
-    const B = l ? 0 : y ? t : r;
-    d(B), B === 0 ? (typeof x == "function" && x(), typeof v == "function" && v(), b(y ? "entered" : "exited")) : S.current = requestAnimationFrame(() => {
-      lr.flushSync(() => {
-        b(y ? "pre-entering" : "pre-exiting");
-      }), S.current = requestAnimationFrame(() => {
-        typeof x == "function" && x(), b(y ? "entering" : "exiting"), w.current = window.setTimeout(() => {
-          typeof v == "function" && v(), b(y ? "entered" : "exited");
-        }, B);
+  const u = lt(), f = ht(), g = u.respectReducedMotion ? f : !1, [v, l] = V(g ? 0 : t), [S, w] = V(s ? "entered" : "exited"), _ = Y(-1), C = Y(-1), x = Y(-1), R = (d) => {
+    const N = d ? r : e, b = d ? a : i;
+    window.clearTimeout(_.current);
+    const O = g ? 0 : d ? t : o;
+    l(O), O === 0 ? (typeof N == "function" && N(), typeof b == "function" && b(), w(d ? "entered" : "exited")) : x.current = requestAnimationFrame(() => {
+      ut.flushSync(() => {
+        w(d ? "pre-entering" : "pre-exiting");
+      }), x.current = requestAnimationFrame(() => {
+        typeof N == "function" && N(), w(d ? "entering" : "exiting"), _.current = window.setTimeout(() => {
+          typeof b == "function" && b(), w(d ? "entered" : "exited");
+        }, O);
       });
     });
-  }, C = (y) => {
-    if (window.clearTimeout(T.current), typeof (y ? p : c) != "number") {
-      N(y);
+  }, Q = (d) => {
+    if (window.clearTimeout(C.current), typeof (d ? m : p) != "number") {
+      R(d);
       return;
     }
-    T.current = window.setTimeout(
+    C.current = window.setTimeout(
       () => {
-        N(y);
+        R(d);
       },
-      y ? p : c
+      d ? m : p
     );
   };
-  return br(() => {
-    C(e);
-  }, [e]), W(
+  return bt(() => {
+    Q(s);
+  }, [s]), D(
     () => () => {
-      window.clearTimeout(w.current), cancelAnimationFrame(S.current);
+      window.clearTimeout(_.current), cancelAnimationFrame(x.current);
     },
     []
   ), {
-    transitionDuration: g,
-    transitionStatus: h,
+    transitionDuration: v,
+    transitionStatus: S,
     transitionTimingFunction: n || "ease"
   };
 }
-function $t({
+function rt({
   keepMounted: t,
-  transition: r = "fade",
+  transition: o = "fade",
   duration: n = 250,
-  exitDuration: e = n,
-  mounted: o,
-  children: a,
-  timingFunction: i = "ease",
-  onExit: s,
-  onEntered: p,
-  onEnter: c,
-  onExited: m,
-  enterDelay: u,
-  exitDelay: l
+  exitDuration: s = n,
+  mounted: r,
+  children: e,
+  timingFunction: a = "ease",
+  onExit: i,
+  onEntered: m,
+  onEnter: p,
+  onExited: u,
+  enterDelay: f,
+  exitDelay: g
 }) {
-  const g = pr(), { transitionDuration: d, transitionStatus: h, transitionTimingFunction: b } = sn({
-    mounted: o,
-    exitDuration: e,
+  const v = pt(), { transitionDuration: l, transitionStatus: S, transitionTimingFunction: w } = St({
+    mounted: r,
+    exitDuration: s,
     duration: n,
-    timingFunction: i,
-    onExit: s,
-    onEntered: p,
-    onEnter: c,
-    onExited: m,
-    enterDelay: u,
-    exitDelay: l
+    timingFunction: a,
+    onExit: i,
+    onEntered: m,
+    onEnter: p,
+    onExited: u,
+    enterDelay: f,
+    exitDelay: g
   });
-  return d === 0 || g === "test" ? o ? /* @__PURE__ */ f(q, { children: a({}) }) : t ? a({ display: "none" }) : null : h === "exited" ? t ? a({ display: "none" }) : null : /* @__PURE__ */ f(q, { children: a(
-    an({
-      transition: r,
-      duration: d,
-      state: h,
-      timingFunction: b
+  return l === 0 || v === "test" ? r ? /* @__PURE__ */ c(J, { children: e({}) }) : t ? e({ display: "none" }) : null : S === "exited" ? t ? e({ display: "none" }) : null : /* @__PURE__ */ c(J, { children: e(
+    wt({
+      transition: o,
+      duration: l,
+      state: S,
+      timingFunction: w
     })
   ) });
 }
-$t.displayName = "@mantine/core/Transition";
-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 })
+rt.displayName = "@mantine/core/Transition";
+var h = { 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 et = j(({ className: t, ...o }, n) => /* @__PURE__ */ X(y, { component: "span", className: I(h.barsLoader, t), ...o, ref: n, children: [
+  /* @__PURE__ */ c("span", { className: h.bar }),
+  /* @__PURE__ */ c("span", { className: h.bar }),
+  /* @__PURE__ */ c("span", { className: h.bar })
 ] }));
-_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 })
+et.displayName = "@mantine/core/Bars";
+const at = j(({ className: t, ...o }, n) => /* @__PURE__ */ X(y, { component: "span", className: I(h.dotsLoader, t), ...o, ref: n, children: [
+  /* @__PURE__ */ c("span", { className: h.dot }),
+  /* @__PURE__ */ c("span", { className: h.dot }),
+  /* @__PURE__ */ c("span", { className: h.dot })
 ] }));
-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,
+at.displayName = "@mantine/core/Dots";
+const st = j(({ className: t, ...o }, n) => /* @__PURE__ */ c(y, { component: "span", className: I(h.ovalLoader, t), ...o, ref: n }));
+st.displayName = "@mantine/core/Oval";
+const it = {
+  bars: et,
+  oval: st,
+  dots: at
+}, Nt = {
+  loaders: it,
   type: "oval"
-}, pn = (t, { size: r, color: n }) => ({
+}, Pt = E((t, { size: o, color: n }) => ({
   root: {
-    "--loader-size": A(r, "loader-size"),
-    "--loader-color": n ? mr(n, t) : void 0
+    "--loader-size": L(o, "loader-size"),
+    "--loader-color": n ? dt(n, t) : void 0
   }
-}), D = ot((t, r) => {
-  const n = O("Loader", cn, t), {
-    size: e,
-    color: o,
-    type: a,
-    vars: i,
-    className: s,
-    style: p,
-    classNames: c,
-    styles: m,
-    unstyled: u,
-    loaders: l,
-    variant: g,
-    children: d,
-    ...h
-  } = n, b = z({
+})), U = M((t, o) => {
+  const n = P("Loader", Nt, t), {
+    size: s,
+    color: r,
+    type: e,
+    vars: a,
+    className: i,
+    style: m,
+    classNames: p,
+    styles: u,
+    unstyled: f,
+    loaders: g,
+    variant: v,
+    children: l,
+    ...S
+  } = n, w = $({
     name: "Loader",
     props: n,
-    classes: _,
-    className: s,
-    style: p,
-    classNames: c,
-    styles: m,
-    unstyled: u,
-    vars: i,
-    varsResolver: pn
+    classes: h,
+    className: i,
+    style: m,
+    classNames: p,
+    styles: u,
+    unstyled: f,
+    vars: a,
+    varsResolver: Pt
   });
-  return d ? /* @__PURE__ */ f($, { ...b("root"), ref: r, ...h, children: d }) : /* @__PURE__ */ f(
-    $,
+  return l ? /* @__PURE__ */ c(y, { ...w("root"), ref: o, ...S, children: l }) : /* @__PURE__ */ c(
+    y,
     {
-      ...b("root"),
-      ref: r,
-      component: l[a],
-      variant: g,
-      size: e,
-      ...h
+      ...w("root"),
+      ref: o,
+      component: g[e],
+      variant: v,
+      size: s,
+      ...S
     }
   );
 });
-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 = {
+U.defaultLoaders = it;
+U.classes = h;
+U.displayName = "@mantine/core/Loader";
+var B = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
+const Z = {
   orientation: "horizontal"
-}, mn = (t, { borderWidth: r }) => ({
-  group: { "--button-border-width": R(r) }
-}), it = ot((t, r) => {
-  const n = O("ButtonGroup", lt, t), {
-    className: e,
-    style: o,
-    classNames: a,
-    styles: i,
-    unstyled: s,
-    orientation: p,
-    vars: c,
-    borderWidth: m,
-    variant: u,
-    mod: l,
-    ...g
-  } = O("ButtonGroup", lt, t), d = z({
+}, xt = E((t, { borderWidth: o }) => ({
+  group: { "--button-border-width": z(o) }
+})), A = M((t, o) => {
+  const n = P("ButtonGroup", Z, t), {
+    className: s,
+    style: r,
+    classNames: e,
+    styles: a,
+    unstyled: i,
+    orientation: m,
+    vars: p,
+    borderWidth: u,
+    variant: f,
+    mod: g,
+    ...v
+  } = P("ButtonGroup", Z, t), l = $({
     name: "ButtonGroup",
     props: n,
-    classes: Y,
-    className: e,
-    style: o,
-    classNames: a,
-    styles: i,
-    unstyled: s,
-    vars: c,
-    varsResolver: mn,
+    classes: B,
+    className: s,
+    style: r,
+    classNames: e,
+    styles: a,
+    unstyled: i,
+    vars: p,
+    varsResolver: xt,
     rootSelector: "group"
   });
-  return /* @__PURE__ */ f(
-    $,
+  return /* @__PURE__ */ c(
+    y,
     {
-      ...d("group"),
-      ref: r,
-      variant: u,
-      mod: [{ "data-orientation": p }, l],
+      ...l("group"),
+      ref: o,
+      variant: f,
+      mod: [{ "data-orientation": m }, g],
       role: "group",
-      ...g
+      ...v
     }
   );
 });
-it.classes = Y;
-it.displayName = "@mantine/core/ButtonGroup";
-const ft = {}, un = (t, { radius: r, color: n, gradient: e, variant: o, autoContrast: a, size: i }) => {
-  const s = t.variantColorResolver({
-    color: n || t.primaryColor,
-    theme: t,
-    gradient: e,
-    variant: o || "filled",
-    autoContrast: a
-  });
-  return {
-    groupSection: {
-      "--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": r === void 0 ? void 0 : gt(r),
-      "--section-bg": n || o ? s.background : void 0,
-      "--section-color": s.color,
-      "--section-bd": n || o ? s.border : void 0
-    }
-  };
-}, st = ot((t, r) => {
-  const n = O("ButtonGroupSection", ft, t), {
-    className: e,
-    style: o,
-    classNames: a,
-    styles: i,
-    unstyled: s,
-    vars: p,
-    variant: c,
-    gradient: m,
-    radius: u,
-    autoContrast: l,
-    ...g
-  } = O("ButtonGroupSection", ft, t), d = z({
+A.classes = B;
+A.displayName = "@mantine/core/ButtonGroup";
+const q = {}, Bt = E(
+  (t, { radius: o, color: n, gradient: s, variant: r, autoContrast: e, size: a }) => {
+    const i = t.variantColorResolver({
+      color: n || t.primaryColor,
+      theme: t,
+      gradient: s,
+      variant: r || "filled",
+      autoContrast: e
+    });
+    return {
+      groupSection: {
+        "--section-height": L(a, "section-height"),
+        "--section-padding-x": L(a, "section-padding-x"),
+        "--section-fz": a != null && a.includes("compact") ? k(a.replace("compact-", "")) : k(a),
+        "--section-radius": o === void 0 ? void 0 : ot(o),
+        "--section-bg": n || r ? i.background : void 0,
+        "--section-color": i.color,
+        "--section-bd": n || r ? i.border : void 0
+      }
+    };
+  }
+), H = M((t, o) => {
+  const n = P("ButtonGroupSection", q, t), {
+    className: s,
+    style: r,
+    classNames: e,
+    styles: a,
+    unstyled: i,
+    vars: m,
+    variant: p,
+    gradient: u,
+    radius: f,
+    autoContrast: g,
+    ...v
+  } = P("ButtonGroupSection", q, t), l = $({
     name: "ButtonGroupSection",
     props: n,
-    classes: Y,
-    className: e,
-    style: o,
-    classNames: a,
-    styles: i,
-    unstyled: s,
-    vars: p,
-    varsResolver: un,
+    classes: B,
+    className: s,
+    style: r,
+    classNames: e,
+    styles: a,
+    unstyled: i,
+    vars: m,
+    varsResolver: Bt,
     rootSelector: "groupSection"
   });
-  return /* @__PURE__ */ f($, { ...d("groupSection"), ref: r, variant: c, ...g });
+  return /* @__PURE__ */ c(y, { ...l("groupSection"), ref: o, variant: p, ...v });
 });
-st.classes = Y;
-st.displayName = "@mantine/core/ButtonGroupSection";
-const ln = {
-  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${R(1)}))` },
+H.classes = B;
+H.displayName = "@mantine/core/ButtonGroupSection";
+const _t = {
+  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${z(1)}))` },
   out: { opacity: 0, transform: "translate(-50%, -200%)" },
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
-}, fn = {}, dn = (t, { radius: r, color: n, gradient: e, variant: o, size: a, justify: i, autoContrast: s }) => {
-  const p = t.variantColorResolver({
-    color: n || t.primaryColor,
-    theme: t,
-    gradient: e,
-    variant: o || "filled",
-    autoContrast: s
-  });
-  return {
-    root: {
-      "--button-justify": i,
-      "--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": 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": n || o ? p.border : void 0,
-      "--button-hover-color": n || o ? p.hoverColor : void 0
-    }
-  };
-}, F = wt((t, r) => {
-  const n = O("Button", fn, t), {
-    style: e,
-    vars: o,
-    className: a,
-    color: i,
-    disabled: s,
-    children: p,
-    leftSection: c,
-    rightSection: m,
-    fullWidth: u,
-    variant: l,
-    radius: g,
-    loading: d,
-    loaderProps: h,
-    gradient: b,
-    classNames: w,
-    styles: T,
-    unstyled: S,
-    "data-disabled": N,
-    autoContrast: C,
-    mod: y,
-    ...x
-  } = n, v = z({
+}, Rt = {}, Ot = E(
+  (t, { radius: o, color: n, gradient: s, variant: r, size: e, justify: a, autoContrast: i }) => {
+    const m = t.variantColorResolver({
+      color: n || t.primaryColor,
+      theme: t,
+      gradient: s,
+      variant: r || "filled",
+      autoContrast: i
+    });
+    return {
+      root: {
+        "--button-justify": a,
+        "--button-height": L(e, "button-height"),
+        "--button-padding-x": L(e, "button-padding-x"),
+        "--button-fz": e != null && e.includes("compact") ? k(e.replace("compact-", "")) : k(e),
+        "--button-radius": o === void 0 ? void 0 : ot(o),
+        "--button-bg": n || r ? m.background : void 0,
+        "--button-hover": n || r ? m.hover : void 0,
+        "--button-color": m.color,
+        "--button-bd": n || r ? m.border : void 0,
+        "--button-hover-color": n || r ? m.hoverColor : void 0
+      }
+    };
+  }
+), G = tt((t, o) => {
+  const n = P("Button", Rt, t), {
+    style: s,
+    vars: r,
+    className: e,
+    color: a,
+    disabled: i,
+    children: m,
+    leftSection: p,
+    rightSection: u,
+    fullWidth: f,
+    variant: g,
+    radius: v,
+    loading: l,
+    loaderProps: S,
+    gradient: w,
+    classNames: _,
+    styles: C,
+    unstyled: x,
+    "data-disabled": R,
+    autoContrast: Q,
+    mod: d,
+    ...N
+  } = n, b = $({
     name: "Button",
     props: n,
-    classes: Y,
-    className: a,
-    style: e,
-    classNames: w,
-    styles: T,
-    unstyled: S,
-    vars: o,
-    varsResolver: dn
-  }), B = !!c, H = !!m;
-  return /* @__PURE__ */ j(
-    at,
+    classes: B,
+    className: e,
+    style: s,
+    classNames: _,
+    styles: C,
+    unstyled: x,
+    vars: r,
+    varsResolver: Ot
+  }), O = !!p, ct = !!u;
+  return /* @__PURE__ */ X(
+    W,
     {
-      ref: r,
-      ...v("root", { active: !s && !d && !N }),
-      unstyled: S,
-      variant: l,
-      disabled: s || d,
+      ref: o,
+      ...b("root", { active: !i && !l && !R }),
+      unstyled: x,
+      variant: g,
+      disabled: i || l,
       mod: [
         {
-          disabled: s || N,
-          loading: d,
-          block: u,
-          "with-left-section": B,
-          "with-right-section": H
+          disabled: i || R,
+          loading: l,
+          block: f,
+          "with-left-section": O,
+          "with-right-section": ct
         },
-        y
+        d
       ],
-      ...x,
+      ...N,
       children: [
-        /* @__PURE__ */ f($t, { mounted: !!d, transition: ln, duration: 150, children: (V) => /* @__PURE__ */ f($, { component: "span", ...v("loader", { style: V }), "aria-hidden": !0, children: /* @__PURE__ */ f(
-          D,
+        /* @__PURE__ */ c(rt, { mounted: !!l, transition: _t, duration: 150, children: (mt) => /* @__PURE__ */ c(y, { component: "span", ...b("loader", { style: mt }), "aria-hidden": !0, children: /* @__PURE__ */ c(
+          U,
           {
             color: "var(--button-color)",
             size: "calc(var(--button-height) / 1.8)",
-            ...h
+            ...S
           }
         ) }) }),
-        /* @__PURE__ */ j("span", { ...v("inner"), children: [
-          c && /* @__PURE__ */ f($, { component: "span", ...v("section"), mod: { position: "left" }, children: c }),
-          /* @__PURE__ */ f($, { component: "span", mod: { loading: d }, ...v("label"), children: p }),
-          m && /* @__PURE__ */ f($, { component: "span", ...v("section"), mod: { position: "right" }, children: m })
+        /* @__PURE__ */ X("span", { ...b("inner"), children: [
+          p && /* @__PURE__ */ c(y, { component: "span", ...b("section"), mod: { position: "left" }, children: p }),
+          /* @__PURE__ */ c(y, { component: "span", mod: { loading: l }, ...b("label"), children: m }),
+          u && /* @__PURE__ */ c(y, { component: "span", ...b("section"), mod: { position: "right" }, children: u })
         ] })
       ]
     }
   );
 });
-F.classes = Y;
-F.displayName = "@mantine/core/Button";
-F.Group = it;
-F.GroupSection = st;
-const yn = "_root_1w9zb_1", gn = "_inner_1w9zb_9", bn = "_label_1w9zb_13", hn = {
-  root: yn,
-  inner: gn,
-  label: bn
-}, $n = (t) => /* @__PURE__ */ f(
-  F,
+G.classes = B;
+G.displayName = "@mantine/core/Button";
+G.Group = A;
+G.GroupSection = H;
+const Tt = "_root_arz1h_1", Yt = {
+  root: Tt
+}, Xt = (t) => /* @__PURE__ */ c(
+  G,
   {
     ...t,
-    classNames: hn
+    classNames: Yt
   }
 );
 export {
-  $n as Button
+  Xt as Button
 };