@kvell-group/ui 1.6.11 → 1.6.13

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
-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 { jsx as f, jsxs as k, Fragment as q } from "react/jsx-runtime";
+import { r as P, u as F, 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 j, useEffect as z, useId as ur, forwardRef as R } from "react";
+import lr from "react-dom";
 import '../../assets/Button.css';function fr(t) {
   return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
 }
@@ -21,7 +21,7 @@ function yt(t) {
 }
 function A(t, r = "size", n = !0) {
   if (t !== void 0)
-    return yt(t) ? n ? R(t) : t : `var(--${r}-${t})`;
+    return yt(t) ? n ? P(t) : t : `var(--${r}-${t})`;
 }
 function gt(t) {
   return t === void 0 ? "var(--mantine-radius-default)" : A(t, "mantine-radius");
@@ -44,14 +44,14 @@ function gr(t, r, { getInitialValueInEffect: n } = {
 }) {
   const [e, o] = Q(
     n ? r : yr(t)
-  ), a = M(null);
+  ), a = j(null);
   return z(() => {
     if ("matchMedia" in window)
       return a.current = window.matchMedia(t), o(a.current.matches), dr(a.current, (i) => o(i.matches));
   }, [t]), e;
 }
 function hr(t, r) {
-  const n = M(!1);
+  const n = j(!1);
   z(
     () => () => {
       n.current = !1;
@@ -145,7 +145,7 @@ function Tr({
 }) {
   return e === !1 ? [] : t.map((o) => `${r}-${o}-${n}`);
 }
-function Rr({
+function Pr({
   themeName: t,
   theme: r,
   selector: n,
@@ -164,7 +164,7 @@ function Rr({
     }
   );
 }
-function Pr({
+function Rr({
   options: t,
   classes: r,
   selector: n,
@@ -184,21 +184,21 @@ function Cr({
   className: p,
   rootSelector: c,
   props: m,
-  stylesCtx: l,
-  withStaticClasses: u,
+  stylesCtx: u,
+  withStaticClasses: l,
   headless: g,
   transformedStyles: d
 }) {
   return L(
     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 }),
+    Pr({ theme: t, themeName: n, selector: e, props: m, stylesCtx: u }),
+    Rr({ 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 }),
+    wr({ 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 }),
-    u && !g && Tr({
+    l && !g && Tr({
       themeName: n,
       classNamesPrefix: o,
       selector: e,
@@ -251,8 +251,8 @@ function Or({
   return (p = Ar([
     s ? {} : r == null ? void 0 : r(n, e, o),
     ...i.map((c) => {
-      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);
+      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];
@@ -269,21 +269,21 @@ function Lr({
   style: p,
   vars: c,
   varsResolver: m,
-  headless: l,
-  withStylesTransform: u
+  headless: u,
+  withStylesTransform: l
 }) {
   return {
-    ...!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 }),
+    ...!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();
+  const e = F(), o = (i = er()) == null ? void 0 : i();
   return {
     getTransformedStyles: (s) => o ? [
       ...s.map(
@@ -299,7 +299,7 @@ function Yr({ props: t, stylesCtx: r, themeName: n }) {
     withStylesTransform: !!o
   };
 }
-function F({
+function I({
   name: t,
   classes: r,
   props: n,
@@ -311,16 +311,16 @@ function F({
   classNames: p,
   styles: c,
   vars: m,
-  varsResolver: l
+  varsResolver: u
 }) {
-  const u = k(), g = or(), d = ar(), b = ir(), h = (Array.isArray(t) ? t : [t]).filter((S) => S), { withStylesTransform: x, getTransformedStyles: T } = Yr({
+  const l = F(), 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: Cr({
-      theme: u,
+      theme: l,
       options: N,
       themeName: h,
       selector: S,
@@ -337,7 +337,7 @@ function F({
       transformedStyles: T([N == null ? void 0 : N.styles, c])
     }),
     style: Lr({
-      theme: u,
+      theme: l,
       themeName: h,
       selector: S,
       options: N,
@@ -347,7 +347,7 @@ function F({
       styles: c,
       style: a,
       vars: m,
-      varsResolver: l,
+      varsResolver: u,
       headless: b,
       withStylesTransform: x
     })
@@ -355,7 +355,7 @@ function F({
 }
 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;
+  const e = F(), 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) {
@@ -393,8 +393,8 @@ function jr(t) {
     me: p,
     ms: c,
     p: m,
-    px: l,
-    py: u,
+    px: u,
+    py: l,
     pt: g,
     pb: d,
     pl: b,
@@ -450,8 +450,8 @@ function jr(t) {
     me: p,
     ms: c,
     p: m,
-    px: l,
-    py: u,
+    px: u,
+    py: l,
     pt: g,
     pb: d,
     pl: b,
@@ -557,10 +557,10 @@ function Fr(t, r) {
 }
 function Ir(t, r) {
   if (typeof t == "number")
-    return R(t);
+    return P(t);
   if (typeof t == "string") {
     const [n, e, ...o] = t.split(" ").filter((i) => i.trim() !== "");
-    let a = `${R(n)}`;
+    let a = `${P(n)}`;
     return e && (a += ` ${e}`), o.length > 0 && (a += ` ${et(o.join(" "), r)}`), a.trim();
   }
   return t;
@@ -577,7 +577,7 @@ function Wr(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;
+  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" ? P(t) : typeof t == "string" ? P(t) : t;
 }
 function Dr(t) {
   return t;
@@ -587,15 +587,15 @@ 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 Xr(t) {
-  return typeof t == "number" ? R(t) : t;
+  return typeof t == "number" ? P(t) : t;
 }
 function Ur(t, r) {
   if (typeof t == "number")
-    return R(t);
+    return P(t);
   if (typeof t == "string") {
     const n = t.replace("-", "");
     if (!(n in r.spacing))
-      return R(t);
+      return P(t);
     const e = `--mantine-spacing-${n}`;
     return t.startsWith("-") ? `calc(var(${e}) * -1)` : `var(${e})`;
   }
@@ -656,9 +656,9 @@ function tn({
         const p = Zr(t[o]);
         return i.forEach((c) => {
           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],
+            const u = `(min-width: ${n.breakpoints[m]})`;
+            e.media[u] = {
+              ...e.media[u],
               [c]: U[a.type](
                 Jr(t[o], m),
                 n
@@ -677,7 +677,7 @@ function tn({
   );
 }
 function rn() {
-  return `__m__-${lr().replace(/:/g, "")}`;
+  return `__m__-${ur().replace(/:/g, "")}`;
 }
 function bt(t) {
   return t.startsWith("data-") ? t : `data-${t}`;
@@ -709,7 +709,7 @@ function en({
   const o = J(r, t), a = J(n, t);
   return { ...o, ...a, ...e };
 }
-const vt = P(
+const vt = R(
   ({
     component: t,
     style: r,
@@ -722,12 +722,12 @@ const vt = P(
     visibleFrom: p,
     lightHidden: c,
     darkHidden: m,
-    renderRoot: l,
-    __size: u,
+    renderRoot: u,
+    __size: l,
     ...g
   }, d) => {
     var v;
-    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({
+    const b = F(), 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: kr
@@ -748,11 +748,11 @@ const vt = P(
       }),
       "data-variant": o,
       "data-size": yt(i) ? void 0 : i || void 0,
-      size: u,
+      size: l,
       ...St(a),
       ...T
     };
-    return /* @__PURE__ */ j(q, { children: [
+    return /* @__PURE__ */ k(q, { children: [
       y.hasResponsiveStyles && /* @__PURE__ */ f(
         Mr,
         {
@@ -761,7 +761,7 @@ const vt = P(
           media: y.media
         }
       ),
-      typeof l == "function" ? l(w) : /* @__PURE__ */ f(h, { ...w })
+      typeof u == "function" ? u(w) : /* @__PURE__ */ f(h, { ...w })
     ] });
   }
 );
@@ -771,16 +771,16 @@ function Nt(t) {
   return t;
 }
 function ot(t) {
-  const r = P(t);
+  const r = R(t);
   return r.extend = Nt, r.withProps = (n) => {
-    const e = P((o, a) => /* @__PURE__ */ f(r, { ...n, ...o, ref: a }));
+    const e = R((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 r = P(t);
+  const r = R(t);
   return r.withProps = (n) => {
-    const e = P((o, a) => /* @__PURE__ */ f(r, { ...n, ...o, ref: a }));
+    const e = R((o, a) => /* @__PURE__ */ f(r, { ...n, ...o, ref: a }));
     return e.extend = r.extend, e.displayName = `WithProps(${r.displayName})`, e;
   }, r.extend = Nt, r;
 }
@@ -798,7 +798,7 @@ const on = {
       styles: p,
       style: c,
       ...m
-    } = n, l = F({
+    } = n, u = I({
       name: a,
       props: n,
       classes: wt,
@@ -811,7 +811,7 @@ const on = {
     return /* @__PURE__ */ f(
       $,
       {
-        ...l("root", { focusable: !0 }),
+        ...u("root", { focusable: !0 }),
         component: o,
         ref: r,
         type: o === "button" ? "button" : void 0,
@@ -822,7 +822,7 @@ const on = {
 );
 at.classes = wt;
 at.displayName = "@mantine/core/UnstyledButton";
-const E = (t) => ({
+const M = (t) => ({
   in: { opacity: 1, transform: "scale(1)" },
   out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
   transitionProperty: "transform, opacity"
@@ -919,26 +919,26 @@ const E = (t) => ({
     transitionProperty: "transform, opacity"
   },
   pop: {
-    ...E("bottom"),
+    ...M("bottom"),
     common: { transformOrigin: "center center" }
   },
   "pop-bottom-left": {
-    ...E("bottom"),
+    ...M("bottom"),
     common: { transformOrigin: "bottom left" }
   },
   "pop-bottom-right": {
-    ...E("bottom"),
+    ...M("bottom"),
     common: { transformOrigin: "bottom right" }
   },
   "pop-top-left": {
-    ...E("top"),
+    ...M("top"),
     common: { transformOrigin: "top left" }
   },
   "pop-top-right": {
-    ...E("top"),
+    ...M("top"),
     common: { transformOrigin: "top right" }
   }
-}, lt = {
+}, ut = {
   entering: "in",
   entered: "in",
   exiting: "out",
@@ -962,12 +962,12 @@ function an({
     transitionProperty: W[t].transitionProperty,
     ...o,
     ...W[t].common,
-    ...W[t][lt[r]]
+    ...W[t][ut[r]]
   } : {} : {
     transitionProperty: t.transitionProperty,
     ...o,
     ...t.common,
-    ...t[lt[r]]
+    ...t[ut[r]]
   };
 }
 function sn({
@@ -982,12 +982,12 @@ function sn({
   enterDelay: p,
   exitDelay: c
 }) {
-  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 m = F(), u = br(), l = m.respectReducedMotion ? u : !1, [g, d] = Q(l ? 0 : t), [b, h] = Q(e ? "entered" : "exited"), x = j(-1), T = j(-1), S = j(-1), N = (y) => {
     const w = y ? o : a, v = y ? i : s;
     window.clearTimeout(x.current);
-    const B = u ? 0 : y ? t : r;
+    const B = l ? 0 : y ? t : r;
     d(B), B === 0 ? (typeof w == "function" && w(), typeof v == "function" && v(), h(y ? "entered" : "exited")) : S.current = requestAnimationFrame(() => {
-      ur.flushSync(() => {
+      lr.flushSync(() => {
         h(y ? "pre-entering" : "pre-exiting");
       }), S.current = requestAnimationFrame(() => {
         typeof w == "function" && w(), h(y ? "entering" : "exiting"), x.current = window.setTimeout(() => {
@@ -1032,8 +1032,8 @@ function $t({
   onEntered: p,
   onEnter: c,
   onExited: m,
-  enterDelay: l,
-  exitDelay: u
+  enterDelay: u,
+  exitDelay: l
 }) {
   const g = pr(), { transitionDuration: d, transitionStatus: b, transitionTimingFunction: h } = sn({
     mounted: o,
@@ -1044,8 +1044,8 @@ function $t({
     onEntered: p,
     onEnter: c,
     onExited: m,
-    enterDelay: l,
-    exitDelay: u
+    enterDelay: u,
+    exitDelay: l
   });
   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({
@@ -1058,26 +1058,26 @@ function $t({
 }
 $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: [
+const _t = R(({ className: t, ...r }, n) => /* @__PURE__ */ k($, { 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 })
 ] }));
 _t.displayName = "@mantine/core/Bars";
-const Tt = P(({ className: t, ...r }, n) => /* @__PURE__ */ j($, { component: "span", className: L(_.dotsLoader, t), ...r, ref: n, children: [
+const Tt = R(({ className: t, ...r }, n) => /* @__PURE__ */ k($, { 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 })
 ] }));
 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 = {
+const Pt = R(({ className: t, ...r }, n) => /* @__PURE__ */ f($, { component: "span", className: L(_.ovalLoader, t), ...r, ref: n }));
+Pt.displayName = "@mantine/core/Oval";
+const Rt = {
   bars: _t,
-  oval: Rt,
+  oval: Pt,
   dots: Tt
 }, cn = {
-  loaders: Pt,
+  loaders: Rt,
   type: "oval"
 }, pn = (t, { size: r, color: n }) => ({
   root: {
@@ -1094,12 +1094,12 @@ const Pt = {
     style: p,
     classNames: c,
     styles: m,
-    unstyled: l,
-    loaders: u,
+    unstyled: u,
+    loaders: l,
     variant: g,
     children: d,
     ...b
-  } = n, h = F({
+  } = n, h = I({
     name: "Loader",
     props: n,
     classes: _,
@@ -1107,7 +1107,7 @@ const Pt = {
     style: p,
     classNames: c,
     styles: m,
-    unstyled: l,
+    unstyled: u,
     vars: i,
     varsResolver: pn
   });
@@ -1116,23 +1116,23 @@ const Pt = {
     {
       ...h("root"),
       ref: r,
-      component: u[a],
+      component: l[a],
       variant: g,
       size: e,
       ...b
     }
   );
 });
-D.defaultLoaders = Pt;
+D.defaultLoaders = Rt;
 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 ut = {
+const lt = {
   orientation: "horizontal"
 }, mn = (t, { borderWidth: r }) => ({
-  group: { "--button-border-width": R(r) }
+  group: { "--button-border-width": P(r) }
 }), it = ot((t, r) => {
-  const n = O("ButtonGroup", ut, t), {
+  const n = O("ButtonGroup", lt, t), {
     className: e,
     style: o,
     classNames: a,
@@ -1141,10 +1141,10 @@ const ut = {
     orientation: p,
     vars: c,
     borderWidth: m,
-    variant: l,
-    mod: u,
+    variant: u,
+    mod: l,
     ...g
-  } = O("ButtonGroup", ut, t), d = F({
+  } = O("ButtonGroup", lt, t), d = I({
     name: "ButtonGroup",
     props: n,
     classes: Y,
@@ -1162,8 +1162,8 @@ const ut = {
     {
       ...d("group"),
       ref: r,
-      variant: l,
-      mod: [{ "data-orientation": p }, u],
+      variant: u,
+      mod: [{ "data-orientation": p }, l],
       role: "group",
       ...g
     }
@@ -1171,7 +1171,7 @@ const ut = {
 });
 it.classes = Y;
 it.displayName = "@mantine/core/ButtonGroup";
-const ft = {}, ln = (t, { radius: r, color: n, gradient: e, variant: o, autoContrast: a, size: i }) => {
+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,
@@ -1200,10 +1200,10 @@ const ft = {}, ln = (t, { radius: r, color: n, gradient: e, variant: o, autoCont
     vars: p,
     variant: c,
     gradient: m,
-    radius: l,
-    autoContrast: u,
+    radius: u,
+    autoContrast: l,
     ...g
-  } = O("ButtonGroupSection", ft, t), d = F({
+  } = O("ButtonGroupSection", ft, t), d = I({
     name: "ButtonGroupSection",
     props: n,
     classes: Y,
@@ -1213,15 +1213,15 @@ const ft = {}, ln = (t, { radius: r, color: n, gradient: e, variant: o, autoCont
     styles: i,
     unstyled: s,
     vars: p,
-    varsResolver: ln,
+    varsResolver: un,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ f($, { ...d("groupSection"), ref: r, variant: c, ...g });
 });
 st.classes = Y;
 st.displayName = "@mantine/core/ButtonGroupSection";
-const un = {
-  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${R(1)}))` },
+const ln = {
+  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${P(1)}))` },
   out: { opacity: 0, transform: "translate(-50%, -200%)" },
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
@@ -1247,7 +1247,7 @@ const un = {
       "--button-hover-color": n || o ? p.hoverColor : void 0
     }
   };
-}, I = xt((t, r) => {
+}, E = xt((t, r) => {
   const n = O("Button", fn, t), {
     style: e,
     vars: o,
@@ -1257,8 +1257,8 @@ const un = {
     children: p,
     leftSection: c,
     rightSection: m,
-    fullWidth: l,
-    variant: u,
+    fullWidth: u,
+    variant: l,
     radius: g,
     loading: d,
     loaderProps: b,
@@ -1270,7 +1270,7 @@ const un = {
     autoContrast: C,
     mod: y,
     ...w
-  } = n, v = F({
+  } = n, v = I({
     name: "Button",
     props: n,
     classes: Y,
@@ -1282,19 +1282,19 @@ const un = {
     vars: o,
     varsResolver: dn
   }), B = !!c, H = !!m;
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ k(
     at,
     {
       ref: r,
       ...v("root", { active: !s && !d && !N }),
       unstyled: S,
-      variant: u,
+      variant: l,
       disabled: s || d,
       mod: [
         {
           disabled: s || N,
           loading: d,
-          block: l,
+          block: u,
           "with-left-section": B,
           "with-right-section": H
         },
@@ -1302,7 +1302,7 @@ const un = {
       ],
       ...w,
       children: [
-        /* @__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(
+        /* @__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,
           {
             color: "var(--button-color)",
@@ -1310,7 +1310,7 @@ const un = {
             ...b
           }
         ) }) }),
-        /* @__PURE__ */ j("span", { ...v("inner"), children: [
+        /* @__PURE__ */ k("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 })
@@ -1319,16 +1319,18 @@ const un = {
     }
   );
 });
-I.classes = Y;
-I.displayName = "@mantine/core/Button";
-I.Group = it;
-I.GroupSection = st;
+E.classes = Y;
+E.displayName = "@mantine/core/Button";
+E.Group = it;
+E.GroupSection = st;
 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,
+};
+E.withProps({});
+const $n = (t) => /* @__PURE__ */ f(
+  E,
   {
     ...t,
     classNames: bn

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.6.11",
+  "version": "1.6.13",
   "type": "module",
   "files": [
     "dist",