@kvell-group/ui 1.8.2 → 1.9.0

package/dist/components/Button/Button.js

@@ -1,88 +1,51 @@
-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) {
+import { jsx as i, Fragment as Q, jsxs as F } from "react/jsx-runtime";
+import { u as it, j as ct, g as mt, r as q } from "../../MantineThemeProvider-kHsOfZUW.js";
+import { useState as j, useRef as L, useEffect as X, forwardRef as I } from "react";
+import { B as g, d as M, f as W, u as N, a as k, c as E, e as _, h as z, b as D, p as pt } from "../../polymorphic-factory-Bvt8Is5k.js";
+import lt from "react-dom";
+import { U as dt } from "../../UnstyledButton-D2QHft3M.js";
+import '../../assets/Button.css';function ut(t, o) {
   try {
     return t.addEventListener("change", o), () => t.removeEventListener("change", o);
   } catch {
     return t.addListener(o), () => t.removeListener(o);
   }
 }
-function yt(t, o) {
+function ft(t, o) {
   return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
 }
-function gt(t, o, { getInitialValueInEffect: n } = {
+function yt(t, o, { getInitialValueInEffect: r } = {
   getInitialValueInEffect: !0
 }) {
-  const [s, r] = V(
-    n ? o : yt(t)
-  ), e = Y(null);
-  return D(() => {
+  const [s, e] = j(
+    r ? o : ft(t)
+  ), n = L(null);
+  return X(() => {
     if ("matchMedia" in window)
-      return e.current = window.matchMedia(t), r(e.current.matches), ft(e.current, (a) => r(a.matches));
+      return n.current = window.matchMedia(t), e(n.current.matches), ut(n.current, (a) => e(a.matches));
   }, [t]), s;
 }
-function bt(t, o) {
-  const n = Y(!1);
-  D(
+function gt(t, o) {
+  const r = L(!1);
+  X(
     () => () => {
-      n.current = !1;
+      r.current = !1;
     },
     []
-  ), D(() => {
-    if (n.current)
+  ), X(() => {
+    if (r.current)
       return t();
-    n.current = !0;
+    r.current = !0;
   }, o);
 }
-function ht(t, o) {
-  return gt("(prefers-reduced-motion: reduce)", t, o);
+function bt(t, o) {
+  return yt("(prefers-reduced-motion: reduce)", t, o);
 }
-var nt = { root: "m_87cf2631" };
-const vt = {
-  __staticSelector: "UnstyledButton"
-}, 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: nt,
-      className: s,
-      style: p,
-      classNames: i,
-      styles: m,
-      unstyled: a
-    });
-    return /* @__PURE__ */ c(
-      y,
-      {
-        ...f("root", { focusable: !0 }),
-        component: r,
-        ref: o,
-        type: r === "button" ? "button" : void 0,
-        ...u
-      }
-    );
-  }
-);
-W.classes = nt;
-W.displayName = "@mantine/core/UnstyledButton";
-const T = (t) => ({
+const Y = (t) => ({
   in: { opacity: 1, transform: "scale(1)" },
   out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
   transitionProperty: "transform, opacity"
-}), F = {
+}), C = {
   fade: {
     in: { opacity: 1 },
     out: { opacity: 0 },
@@ -175,26 +138,26 @@ const T = (t) => ({
     transitionProperty: "transform, opacity"
   },
   pop: {
-    ...T("bottom"),
+    ...Y("bottom"),
     common: { transformOrigin: "center center" }
   },
   "pop-bottom-left": {
-    ...T("bottom"),
+    ...Y("bottom"),
     common: { transformOrigin: "bottom left" }
   },
   "pop-bottom-right": {
-    ...T("bottom"),
+    ...Y("bottom"),
     common: { transformOrigin: "bottom right" }
   },
   "pop-top-left": {
-    ...T("top"),
+    ...Y("top"),
     common: { transformOrigin: "top left" }
   },
   "pop-top-right": {
-    ...T("top"),
+    ...Y("top"),
     common: { transformOrigin: "top right" }
   }
-}, K = {
+}, J = {
   entering: "in",
   entered: "in",
   exiting: "out",
@@ -202,396 +165,396 @@ const T = (t) => ({
   "pre-exiting": "out",
   "pre-entering": "out"
 };
-function wt({
+function ht({
   transition: t,
   state: o,
-  duration: n,
+  duration: r,
   timingFunction: s
 }) {
-  const r = {
+  const e = {
     WebkitBackfaceVisibility: "hidden",
     willChange: "transform, opacity",
-    transitionDuration: `${n}ms`,
+    transitionDuration: `${r}ms`,
     transitionTimingFunction: s
   };
-  return typeof t == "string" ? t in F ? {
-    transitionProperty: F[t].transitionProperty,
-    ...r,
-    ...F[t].common,
-    ...F[t][K[o]]
+  return typeof t == "string" ? t in C ? {
+    transitionProperty: C[t].transitionProperty,
+    ...e,
+    ...C[t].common,
+    ...C[t][J[o]]
   } : {} : {
     transitionProperty: t.transitionProperty,
-    ...r,
+    ...e,
     ...t.common,
-    ...t[K[o]]
+    ...t[J[o]]
   };
 }
-function St({
+function vt({
   duration: t,
   exitDuration: o,
-  timingFunction: n,
+  timingFunction: r,
   mounted: s,
-  onEnter: r,
-  onExit: e,
+  onEnter: e,
+  onExit: n,
   onEntered: a,
-  onExited: i,
+  onExited: c,
   enterDelay: m,
-  exitDelay: p
+  exitDelay: l
 }) {
-  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(() => {
+  const u = it(), h = bt(), f = u.respectReducedMotion ? h : !1, [v, p] = j(f ? 0 : t), [S, w] = j(s ? "entered" : "exited"), B = L(-1), $ = L(-1), x = L(-1), O = (d) => {
+    const P = d ? e : n, y = d ? a : c;
+    window.clearTimeout(B.current);
+    const T = f ? 0 : d ? t : o;
+    p(T), T === 0 ? (typeof P == "function" && P(), typeof y == "function" && y(), w(d ? "entered" : "exited")) : x.current = requestAnimationFrame(() => {
+      lt.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);
+        typeof P == "function" && P(), w(d ? "entering" : "exiting"), B.current = window.setTimeout(() => {
+          typeof y == "function" && y(), w(d ? "entered" : "exited");
+        }, T);
       });
     });
-  }, Q = (d) => {
-    if (window.clearTimeout(C.current), typeof (d ? m : p) != "number") {
-      R(d);
+  }, H = (d) => {
+    if (window.clearTimeout($.current), typeof (d ? m : l) != "number") {
+      O(d);
       return;
     }
-    C.current = window.setTimeout(
+    $.current = window.setTimeout(
       () => {
-        R(d);
+        O(d);
       },
-      d ? m : p
+      d ? m : l
     );
   };
-  return bt(() => {
-    Q(s);
-  }, [s]), D(
+  return gt(() => {
+    H(s);
+  }, [s]), X(
     () => () => {
-      window.clearTimeout(_.current), cancelAnimationFrame(x.current);
+      window.clearTimeout(B.current), cancelAnimationFrame(x.current);
     },
     []
   ), {
     transitionDuration: v,
     transitionStatus: S,
-    transitionTimingFunction: n || "ease"
+    transitionTimingFunction: r || "ease"
   };
 }
-function rt({
+function tt({
   keepMounted: t,
   transition: o = "fade",
-  duration: n = 250,
-  exitDuration: s = n,
-  mounted: r,
-  children: e,
+  duration: r = 250,
+  exitDuration: s = r,
+  mounted: e,
+  children: n,
   timingFunction: a = "ease",
-  onExit: i,
+  onExit: c,
   onEntered: m,
-  onEnter: p,
+  onEnter: l,
   onExited: u,
-  enterDelay: f,
-  exitDelay: g
+  enterDelay: h,
+  exitDelay: f
 }) {
-  const v = pt(), { transitionDuration: l, transitionStatus: S, transitionTimingFunction: w } = St({
-    mounted: r,
+  const v = ct(), { transitionDuration: p, transitionStatus: S, transitionTimingFunction: w } = vt({
+    mounted: e,
     exitDuration: s,
-    duration: n,
+    duration: r,
     timingFunction: a,
-    onExit: i,
+    onExit: c,
     onEntered: m,
-    onEnter: p,
+    onEnter: l,
     onExited: u,
-    enterDelay: f,
-    exitDelay: g
+    enterDelay: h,
+    exitDelay: f
   });
-  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({
+  return p === 0 || v === "test" ? e ? /* @__PURE__ */ i(Q, { children: n({}) }) : t ? n({ display: "none" }) : null : S === "exited" ? t ? n({ display: "none" }) : null : /* @__PURE__ */ i(Q, { children: n(
+    ht({
       transition: o,
-      duration: l,
+      duration: p,
       state: S,
       timingFunction: w
     })
   ) });
 }
-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 })
+tt.displayName = "@mantine/core/Transition";
+var b = { 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 ot = I(({ className: t, ...o }, r) => /* @__PURE__ */ F(g, { component: "span", className: M(b.barsLoader, t), ...o, ref: r, children: [
+  /* @__PURE__ */ i("span", { className: b.bar }),
+  /* @__PURE__ */ i("span", { className: b.bar }),
+  /* @__PURE__ */ i("span", { className: b.bar })
 ] }));
-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 })
+ot.displayName = "@mantine/core/Bars";
+const rt = I(({ className: t, ...o }, r) => /* @__PURE__ */ F(g, { component: "span", className: M(b.dotsLoader, t), ...o, ref: r, children: [
+  /* @__PURE__ */ i("span", { className: b.dot }),
+  /* @__PURE__ */ i("span", { className: b.dot }),
+  /* @__PURE__ */ i("span", { className: b.dot })
 ] }));
-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,
+rt.displayName = "@mantine/core/Dots";
+const nt = I(({ className: t, ...o }, r) => /* @__PURE__ */ i(g, { component: "span", className: M(b.ovalLoader, t), ...o, ref: r }));
+nt.displayName = "@mantine/core/Oval";
+const et = {
+  bars: ot,
+  oval: nt,
+  dots: rt
+}, wt = {
+  loaders: et,
   type: "oval"
-}, Pt = E((t, { size: o, color: n }) => ({
+}, St = E((t, { size: o, color: r }) => ({
   root: {
-    "--loader-size": L(o, "loader-size"),
-    "--loader-color": n ? dt(n, t) : void 0
+    "--loader-size": _(o, "loader-size"),
+    "--loader-color": r ? mt(r, t) : void 0
   }
-})), U = M((t, o) => {
-  const n = P("Loader", Nt, t), {
+})), V = W((t, o) => {
+  const r = N("Loader", wt, t), {
     size: s,
-    color: r,
-    type: e,
+    color: e,
+    type: n,
     vars: a,
-    className: i,
+    className: c,
     style: m,
-    classNames: p,
+    classNames: l,
     styles: u,
-    unstyled: f,
-    loaders: g,
+    unstyled: h,
+    loaders: f,
     variant: v,
-    children: l,
+    children: p,
     ...S
-  } = n, w = $({
+  } = r, w = k({
     name: "Loader",
-    props: n,
-    classes: h,
-    className: i,
+    props: r,
+    classes: b,
+    className: c,
     style: m,
-    classNames: p,
+    classNames: l,
     styles: u,
-    unstyled: f,
+    unstyled: h,
     vars: a,
-    varsResolver: Pt
+    varsResolver: St
   });
-  return l ? /* @__PURE__ */ c(y, { ...w("root"), ref: o, ...S, children: l }) : /* @__PURE__ */ c(
-    y,
+  return p ? /* @__PURE__ */ i(g, { ...w("root"), ref: o, ...S, children: p }) : /* @__PURE__ */ i(
+    g,
     {
       ...w("root"),
       ref: o,
-      component: g[e],
+      component: f[n],
       variant: v,
       size: s,
       ...S
     }
   );
 });
-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 = {
+V.defaultLoaders = et;
+V.classes = b;
+V.displayName = "@mantine/core/Loader";
+var R = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
+const K = {
   orientation: "horizontal"
-}, xt = E((t, { borderWidth: o }) => ({
-  group: { "--button-border-width": z(o) }
-})), A = M((t, o) => {
-  const n = P("ButtonGroup", Z, t), {
+}, Pt = E((t, { borderWidth: o }) => ({
+  group: { "--button-border-width": q(o) }
+})), A = W((t, o) => {
+  const r = N("ButtonGroup", K, t), {
     className: s,
-    style: r,
-    classNames: e,
+    style: e,
+    classNames: n,
     styles: a,
-    unstyled: i,
+    unstyled: c,
     orientation: m,
-    vars: p,
+    vars: l,
     borderWidth: u,
-    variant: f,
-    mod: g,
+    variant: h,
+    mod: f,
     ...v
-  } = P("ButtonGroup", Z, t), l = $({
+  } = N("ButtonGroup", K, t), p = k({
     name: "ButtonGroup",
-    props: n,
-    classes: B,
+    props: r,
+    classes: R,
     className: s,
-    style: r,
-    classNames: e,
+    style: e,
+    classNames: n,
     styles: a,
-    unstyled: i,
-    vars: p,
-    varsResolver: xt,
+    unstyled: c,
+    vars: l,
+    varsResolver: Pt,
     rootSelector: "group"
   });
-  return /* @__PURE__ */ c(
-    y,
+  return /* @__PURE__ */ i(
+    g,
     {
-      ...l("group"),
+      ...p("group"),
       ref: o,
-      variant: f,
-      mod: [{ "data-orientation": m }, g],
+      variant: h,
+      mod: [{ "data-orientation": m }, f],
       role: "group",
       ...v
     }
   );
 });
-A.classes = B;
+A.classes = R;
 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,
+const Z = {}, xt = E(
+  (t, { radius: o, color: r, gradient: s, variant: e, autoContrast: n, size: a }) => {
+    const c = t.variantColorResolver({
+      color: r || t.primaryColor,
       theme: t,
       gradient: s,
-      variant: r || "filled",
-      autoContrast: e
+      variant: e || "filled",
+      autoContrast: n
     });
     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
+        "--section-height": _(a, "section-height"),
+        "--section-padding-x": _(a, "section-padding-x"),
+        "--section-fz": a != null && a.includes("compact") ? D(a.replace("compact-", "")) : D(a),
+        "--section-radius": o === void 0 ? void 0 : z(o),
+        "--section-bg": r || e ? c.background : void 0,
+        "--section-color": c.color,
+        "--section-bd": r || e ? c.border : void 0
       }
     };
   }
-), H = M((t, o) => {
-  const n = P("ButtonGroupSection", q, t), {
+), U = W((t, o) => {
+  const r = N("ButtonGroupSection", Z, t), {
     className: s,
-    style: r,
-    classNames: e,
+    style: e,
+    classNames: n,
     styles: a,
-    unstyled: i,
+    unstyled: c,
     vars: m,
-    variant: p,
+    variant: l,
     gradient: u,
-    radius: f,
-    autoContrast: g,
+    radius: h,
+    autoContrast: f,
     ...v
-  } = P("ButtonGroupSection", q, t), l = $({
+  } = N("ButtonGroupSection", Z, t), p = k({
     name: "ButtonGroupSection",
-    props: n,
-    classes: B,
+    props: r,
+    classes: R,
     className: s,
-    style: r,
-    classNames: e,
+    style: e,
+    classNames: n,
     styles: a,
-    unstyled: i,
+    unstyled: c,
     vars: m,
-    varsResolver: Bt,
+    varsResolver: xt,
     rootSelector: "groupSection"
   });
-  return /* @__PURE__ */ c(y, { ...l("groupSection"), ref: o, variant: p, ...v });
+  return /* @__PURE__ */ i(g, { ...p("groupSection"), ref: o, variant: l, ...v });
 });
-H.classes = B;
-H.displayName = "@mantine/core/ButtonGroupSection";
-const _t = {
-  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${z(1)}))` },
+U.classes = R;
+U.displayName = "@mantine/core/ButtonGroupSection";
+const Nt = {
+  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${q(1)}))` },
   out: { opacity: 0, transform: "translate(-50%, -200%)" },
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
-}, Rt = {}, Ot = E(
-  (t, { radius: o, color: n, gradient: s, variant: r, size: e, justify: a, autoContrast: i }) => {
+}, Rt = {}, Bt = E(
+  (t, { radius: o, color: r, gradient: s, variant: e, size: n, justify: a, autoContrast: c }) => {
     const m = t.variantColorResolver({
-      color: n || t.primaryColor,
+      color: r || t.primaryColor,
       theme: t,
       gradient: s,
-      variant: r || "filled",
-      autoContrast: i
+      variant: e || "filled",
+      autoContrast: c
     });
     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-height": _(n, "button-height"),
+        "--button-padding-x": _(n, "button-padding-x"),
+        "--button-fz": n != null && n.includes("compact") ? D(n.replace("compact-", "")) : D(n),
+        "--button-radius": o === void 0 ? void 0 : z(o),
+        "--button-bg": r || e ? m.background : void 0,
+        "--button-hover": r || e ? 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
+        "--button-bd": r || e ? m.border : void 0,
+        "--button-hover-color": r || e ? m.hoverColor : void 0
       }
     };
   }
-), G = tt((t, o) => {
-  const n = P("Button", Rt, t), {
+), G = pt((t, o) => {
+  const r = N("Button", Rt, t), {
     style: s,
-    vars: r,
-    className: e,
+    vars: e,
+    className: n,
     color: a,
-    disabled: i,
+    disabled: c,
     children: m,
-    leftSection: p,
+    leftSection: l,
     rightSection: u,
-    fullWidth: f,
-    variant: g,
+    fullWidth: h,
+    variant: f,
     radius: v,
-    loading: l,
+    loading: p,
     loaderProps: S,
     gradient: w,
-    classNames: _,
-    styles: C,
+    classNames: B,
+    styles: $,
     unstyled: x,
-    "data-disabled": R,
-    autoContrast: Q,
+    "data-disabled": O,
+    autoContrast: H,
     mod: d,
-    ...N
-  } = n, b = $({
+    ...P
+  } = r, y = k({
     name: "Button",
-    props: n,
-    classes: B,
-    className: e,
+    props: r,
+    classes: R,
+    className: n,
     style: s,
-    classNames: _,
-    styles: C,
+    classNames: B,
+    styles: $,
     unstyled: x,
-    vars: r,
-    varsResolver: Ot
-  }), O = !!p, ct = !!u;
-  return /* @__PURE__ */ X(
-    W,
+    vars: e,
+    varsResolver: Bt
+  }), T = !!l, at = !!u;
+  return /* @__PURE__ */ F(
+    dt,
     {
       ref: o,
-      ...b("root", { active: !i && !l && !R }),
+      ...y("root", { active: !c && !p && !O }),
       unstyled: x,
-      variant: g,
-      disabled: i || l,
+      variant: f,
+      disabled: c || p,
       mod: [
         {
-          disabled: i || R,
-          loading: l,
-          block: f,
-          "with-left-section": O,
-          "with-right-section": ct
+          disabled: c || O,
+          loading: p,
+          block: h,
+          "with-left-section": T,
+          "with-right-section": at
         },
         d
       ],
-      ...N,
+      ...P,
       children: [
-        /* @__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,
+        /* @__PURE__ */ i(tt, { mounted: !!p, transition: Nt, duration: 150, children: (st) => /* @__PURE__ */ i(g, { component: "span", ...y("loader", { style: st }), "aria-hidden": !0, children: /* @__PURE__ */ i(
+          V,
           {
             color: "var(--button-color)",
             size: "calc(var(--button-height) / 1.8)",
             ...S
           }
         ) }) }),
-        /* @__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 })
+        /* @__PURE__ */ F("span", { ...y("inner"), children: [
+          l && /* @__PURE__ */ i(g, { component: "span", ...y("section"), mod: { position: "left" }, children: l }),
+          /* @__PURE__ */ i(g, { component: "span", mod: { loading: p }, ...y("label"), children: m }),
+          u && /* @__PURE__ */ i(g, { component: "span", ...y("section"), mod: { position: "right" }, children: u })
         ] })
       ]
     }
   );
 });
-G.classes = B;
+G.classes = R;
 G.displayName = "@mantine/core/Button";
 G.Group = A;
-G.GroupSection = H;
-const Tt = "_root_arz1h_1", Yt = {
-  root: Tt
-}, Xt = (t) => /* @__PURE__ */ c(
+G.GroupSection = U;
+const Ot = "_root_arz1h_1", Tt = {
+  root: Ot
+}, Ft = (t) => /* @__PURE__ */ i(
   G,
   {
     ...t,
-    classNames: Yt
+    classNames: Tt
   }
 );
 export {
-  Xt as Button
+  Ft as Button
 };