@kvell-group/ui 1.6.6 → 1.6.7

package/dist/components/Button/Button.js

@@ -0,0 +1,1331 @@
+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()}`);
+}
+function nt(t) {
+  return Object.keys(t).reduce((n, r) => (t[r] !== void 0 && (n[r] = t[r]), n), {});
+}
+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 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));
+  }
+  return !1;
+}
+function A(t, n = "size", r = !0) {
+  if (t !== void 0)
+    return yt(t) ? r ? P(t) : t : `var(--${n}-${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 yn(t, n) {
+  try {
+    return t.addEventListener("change", n), () => t.removeEventListener("change", n);
+  } catch {
+    return t.addListener(n), () => t.removeListener(n);
+  }
+}
+function gn(t, n) {
+  return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
+}
+function hn(t, n, { getInitialValueInEffect: r } = {
+  getInitialValueInEffect: !0
+}) {
+  const [e, o] = Q(
+    r ? n : gn(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));
+  }, [t]), e;
+}
+function bn(t, n) {
+  const r = M(!1);
+  z(
+    () => () => {
+      r.current = !1;
+    },
+    []
+  ), z(() => {
+    if (r.current)
+      return t();
+    r.current = !0;
+  }, n);
+}
+function Sn(t, n) {
+  return hn("(prefers-reduced-motion: reduce)", t, n);
+}
+function ht(t) {
+  var n, r, 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);
+  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);
+  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;
+    });
+  }), n;
+}
+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
+  );
+  return Nn(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 }, {});
+}
+const xn = {
+  always: "mantine-focus-always",
+  auto: "mantine-focus-auto",
+  never: "mantine-focus-never"
+};
+function wn({ theme: t, options: n, unstyled: r }) {
+  return L(
+    (n == null ? void 0 : n.focusable) && !r && (t.focusClassName || xn[t.focusRing]),
+    (n == null ? void 0 : n.active) && !r && t.activeClassName
+  );
+}
+function $n({
+  selector: t,
+  stylesCtx: n,
+  options: r,
+  props: e,
+  theme: o
+}) {
+  return rt({
+    theme: o,
+    classNames: r == null ? void 0 : r.classNames,
+    props: (r == null ? void 0 : r.props) || e,
+    stylesCtx: n
+  })[t];
+}
+function ct({
+  selector: t,
+  stylesCtx: n,
+  theme: r,
+  classNames: e,
+  props: o
+}) {
+  return rt({ theme: r, classNames: e, props: o, stylesCtx: n })[t];
+}
+function Tn({ rootSelector: t, selector: n, className: r }) {
+  return t === n ? r : void 0;
+}
+function Rn({ selector: t, classes: n, unstyled: r }) {
+  return r ? void 0 : n[t];
+}
+function Pn({
+  themeName: t,
+  classNamesPrefix: n,
+  selector: r,
+  withStaticClass: e
+}) {
+  return e === !1 ? [] : t.map((o) => `${n}-${o}-${r}`);
+}
+function _n({
+  themeName: t,
+  theme: n,
+  selector: r,
+  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,
+        props: e,
+        stylesCtx: o
+      })) == null ? void 0 : s[r];
+    }
+  );
+}
+function Cn({
+  options: t,
+  classes: n,
+  selector: r,
+  unstyled: e
+}) {
+  return t != null && t.variant && !e ? n[`${r}--${t.variant}`] : void 0;
+}
+function Bn({
+  theme: t,
+  options: n,
+  themeName: r,
+  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(
+    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,
+      classNamesPrefix: o,
+      selector: e,
+      withStaticClass: n == null ? void 0 : n.withStaticClass
+    }),
+    n == null ? void 0 : n.className
+  );
+}
+function An({
+  theme: t,
+  themeName: n,
+  props: r,
+  stylesCtx: e,
+  selector: o
+}) {
+  return n.map(
+    (a) => {
+      var i;
+      return K({
+        theme: t,
+        styles: (i = t.components[a]) == null ? void 0 : i.styles,
+        props: r,
+        stylesCtx: e
+      })[o];
+    }
+  ).reduce((a, i) => ({ ...a, ...i }), {});
+}
+function Z({ style: t, theme: n }) {
+  return Array.isArray(t) ? [...t].reduce(
+    (r, e) => ({ ...r, ...Z({ style: e, theme: n }) }),
+    {}
+  ) : typeof t == "function" ? t(n) : t ?? {};
+}
+function On(t) {
+  return t.reduce((n, r) => (r && Object.keys(r).forEach((e) => {
+    n[e] = { ...n[e], ...nt(r[e]) };
+  }), n), {});
+}
+function Ln({
+  vars: t,
+  varsResolver: n,
+  theme: r,
+  props: e,
+  stylesCtx: o,
+  selector: a,
+  themeName: i,
+  headless: s
+}) {
+  var p;
+  return (p = On([
+    s ? {} : n == null ? void 0 : n(r, 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);
+    }),
+    t == null ? void 0 : t(r, e, o)
+  ])) == null ? void 0 : p[a];
+}
+function Yn({
+  theme: t,
+  themeName: n,
+  selector: r,
+  options: e,
+  props: o,
+  stylesCtx: a,
+  rootSelector: i,
+  styles: s,
+  style: p,
+  vars: c,
+  varsResolver: m,
+  headless: u,
+  withStylesTransform: l
+}) {
+  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,
+    ...Z({ style: e == null ? void 0 : e.style, theme: t })
+  };
+}
+function En({ props: t, stylesCtx: n, themeName: r }) {
+  var i;
+  const e = k(), o = (i = en()) == null ? void 0 : i();
+  return {
+    getTransformedStyles: (s) => o ? [
+      ...s.map(
+        (c) => o(c, { props: t, theme: e, ctx: n })
+      ),
+      ...r.map(
+        (c) => {
+          var m;
+          return o((m = e.components[c]) == null ? void 0 : m.styles, { props: t, theme: e, ctx: n });
+        }
+      )
+    ].filter(Boolean) : [],
+    withStylesTransform: !!o
+  };
+}
+function F({
+  name: t,
+  classes: n,
+  props: r,
+  stylesCtx: e,
+  className: o,
+  style: a,
+  rootSelector: i = "root",
+  unstyled: s,
+  classNames: p,
+  styles: c,
+  vars: m,
+  varsResolver: u
+}) {
+  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,
+    stylesCtx: e,
+    themeName: h
+  });
+  return (S, N) => ({
+    className: Bn({
+      theme: l,
+      options: N,
+      themeName: h,
+      selector: S,
+      classNamesPrefix: g,
+      classNames: p,
+      classes: n,
+      unstyled: s,
+      className: o,
+      rootSelector: i,
+      props: r,
+      stylesCtx: e,
+      withStaticClasses: d,
+      headless: b,
+      transformedStyles: R([N == null ? void 0 : N.styles, c])
+    }),
+    style: Yn({
+      theme: l,
+      themeName: h,
+      selector: S,
+      options: N,
+      props: r,
+      stylesCtx: e,
+      rootSelector: i,
+      styles: c,
+      style: a,
+      vars: m,
+      varsResolver: u,
+      headless: b,
+      withStylesTransform: x
+    })
+  });
+}
+function O(t, n, r) {
+  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) };
+}
+function X(t) {
+  return tt(t).reduce(
+    (n, r) => t[r] !== void 0 ? `${n}${dn(r)}:${t[r]};` : n,
+    ""
+  ).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(
+    (s) => `@container ${s.query}{${t}{${X(s.styles)}}}`
+  ) : [];
+  return `${o ? `${t}{${o}}` : ""}${a.join("")}${i.join("")}`.trim();
+}
+function jn(t) {
+  const n = cn();
+  return /* @__PURE__ */ f(
+    "style",
+    {
+      "data-mantine-styles": "inline",
+      nonce: n == null ? void 0 : n(),
+      dangerouslySetInnerHTML: { __html: Mn(t) }
+    }
+  );
+}
+function kn(t) {
+  const {
+    m: n,
+    mx: r,
+    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: b,
+    pr: h,
+    pe: x,
+    ps: R,
+    bd: S,
+    bg: N,
+    c: C,
+    opacity: y,
+    ff: w,
+    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: Ft,
+    bgp: It,
+    bgr: Wt,
+    bga: zt,
+    pos: Gt,
+    top: Dt,
+    left: Ht,
+    bottom: Vt,
+    right: Xt,
+    inset: qt,
+    display: Ut,
+    flex: Qt,
+    hiddenFrom: Kt,
+    visibleFrom: Zt,
+    lightHidden: Jt,
+    darkHidden: tn,
+    sx: nn,
+    ...rn
+  } = t;
+  return { styleProps: nt({
+    m: n,
+    mx: r,
+    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: b,
+    pr: h,
+    pe: x,
+    ps: R,
+    bd: S,
+    bg: N,
+    c: C,
+    opacity: y,
+    ff: w,
+    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: Ft,
+    bgp: It,
+    bgr: Wt,
+    bga: zt,
+    pos: Gt,
+    top: Dt,
+    left: Ht,
+    bottom: Vt,
+    right: Xt,
+    inset: qt,
+    display: Ut,
+    flex: Qt,
+    hiddenFrom: Kt,
+    visibleFrom: Zt,
+    lightHidden: Jt,
+    darkHidden: tn,
+    sx: nn
+  }), rest: rn };
+}
+const Fn = {
+  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, 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 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 Wn(t, n) {
+  if (typeof t == "number")
+    return P(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();
+  }
+  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 zn(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;
+}
+function Hn(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;
+}
+function qn(t) {
+  return typeof t == "number" ? P(t) : t;
+}
+function Un(t, n) {
+  if (typeof t == "number")
+    return P(t);
+  if (typeof t == "string") {
+    const r = t.replace("-", "");
+    if (!(r in n.spacing))
+      return P(t);
+    const e = `--mantine-spacing-${r}`;
+    return t.startsWith("-") ? `calc(var(${e}) * -1)` : `var(${e})`;
+  }
+  return t;
+}
+const q = {
+  color: et,
+  textColor: In,
+  fontSize: Dn,
+  spacing: Un,
+  identity: Hn,
+  size: qn,
+  lineHeight: Xn,
+  fontFamily: zn,
+  border: Wn
+};
+function mt(t) {
+  return t.replace("(min-width: ", "").replace("em)", "");
+}
+function Qn({
+  media: t,
+  ...n
+}) {
+  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 };
+}
+function Kn(t) {
+  if (typeof t != "object" || t === null)
+    return !1;
+  const n = Object.keys(t);
+  return !(n.length === 1 && n[0] === "base");
+}
+function Zn(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 tr(t, n) {
+  return typeof t == "object" && t !== null && n in t ? t[n] : t;
+}
+function nr({
+  styleProps: t,
+  data: n,
+  theme: r
+}) {
+  return Qn(
+    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]))
+          return i.forEach((c) => {
+            e.inlineStyles[c] = q[a.type](s, r);
+          }), e;
+        e.hasResponsiveStyles = !0;
+        const p = Jn(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
+              )
+            };
+          });
+        }), e;
+      },
+      {
+        hasResponsiveStyles: !1,
+        styles: {},
+        inlineStyles: {},
+        media: {}
+      }
+    )
+  );
+}
+function rr() {
+  return `__m__-${ln().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 St(t) {
+  return t ? typeof t == "string" ? { [bt(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
+    (n, r) => ({ ...n, ...St(r) }),
+    {}
+  ) : er(t) : null;
+}
+function J(t, n) {
+  return Array.isArray(t) ? [...t].reduce(
+    (r, e) => ({ ...r, ...J(e, n) }),
+    {}
+  ) : typeof t == "function" ? t(n) : t ?? {};
+}
+function or({
+  theme: t,
+  style: n,
+  vars: r,
+  styleProps: e
+}) {
+  const o = J(n, t), a = J(r, t);
+  return { ...o, ...a, ...e };
+}
+const vt = _(
+  ({
+    component: t,
+    style: n,
+    __vars: r,
+    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 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({
+      styleProps: x,
+      theme: b,
+      data: Fn
+    }), w = {
+      ref: d,
+      style: or({
+        theme: b,
+        style: n,
+        vars: r,
+        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),
+      ...R
+    };
+    return /* @__PURE__ */ j(U, { children: [
+      y.hasResponsiveStyles && /* @__PURE__ */ f(
+        jn,
+        {
+          selector: `.${C}`,
+          styles: y.styles,
+          media: y.media
+        }
+      ),
+      typeof u == "function" ? u(w) : /* @__PURE__ */ f(h, { ...w })
+    ] });
+  }
+);
+vt.displayName = "@mantine/core/Box";
+const $ = vt;
+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;
+}
+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;
+}
+var wt = { root: "m_87cf2631" };
+const ar = {
+  __staticSelector: "UnstyledButton"
+}, at = xt(
+  (t, n) => {
+    const r = O("UnstyledButton", ar, t), {
+      className: e,
+      component: o = "button",
+      __staticSelector: a,
+      unstyled: i,
+      classNames: s,
+      styles: p,
+      style: c,
+      ...m
+    } = r, u = F({
+      name: a,
+      props: r,
+      classes: wt,
+      className: e,
+      style: c,
+      classNames: s,
+      styles: p,
+      unstyled: i
+    });
+    return /* @__PURE__ */ f(
+      $,
+      {
+        ...u("root", { focusable: !0 }),
+        component: o,
+        ref: n,
+        type: o === "button" ? "button" : void 0,
+        ...m
+      }
+    );
+  }
+);
+at.classes = wt;
+at.displayName = "@mantine/core/UnstyledButton";
+const E = (t) => ({
+  in: { opacity: 1, transform: "scale(1)" },
+  out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
+  transitionProperty: "transform, opacity"
+}), W = {
+  fade: {
+    in: { opacity: 1 },
+    out: { opacity: 0 },
+    transitionProperty: "opacity"
+  },
+  "fade-up": {
+    in: { opacity: 1, transform: "translateY(0)" },
+    out: { opacity: 0, transform: "translateY(30px)" },
+    transitionProperty: "opacity, transform"
+  },
+  "fade-down": {
+    in: { opacity: 1, transform: "translateY(0)" },
+    out: { opacity: 0, transform: "translateY(-30px)" },
+    transitionProperty: "opacity, transform"
+  },
+  "fade-left": {
+    in: { opacity: 1, transform: "translateX(0)" },
+    out: { opacity: 0, transform: "translateX(30px)" },
+    transitionProperty: "opacity, transform"
+  },
+  "fade-right": {
+    in: { opacity: 1, transform: "translateX(0)" },
+    out: { opacity: 0, transform: "translateX(-30px)" },
+    transitionProperty: "opacity, transform"
+  },
+  scale: {
+    in: { opacity: 1, transform: "scale(1)" },
+    out: { opacity: 0, transform: "scale(0)" },
+    common: { transformOrigin: "top" },
+    transitionProperty: "transform, opacity"
+  },
+  "scale-y": {
+    in: { opacity: 1, transform: "scaleY(1)" },
+    out: { opacity: 0, transform: "scaleY(0)" },
+    common: { transformOrigin: "top" },
+    transitionProperty: "transform, opacity"
+  },
+  "scale-x": {
+    in: { opacity: 1, transform: "scaleX(1)" },
+    out: { opacity: 0, transform: "scaleX(0)" },
+    common: { transformOrigin: "left" },
+    transitionProperty: "transform, opacity"
+  },
+  "skew-up": {
+    in: { opacity: 1, transform: "translateY(0) skew(0deg, 0deg)" },
+    out: { opacity: 0, transform: "translateY(-20px) skew(-10deg, -5deg)" },
+    common: { transformOrigin: "top" },
+    transitionProperty: "transform, opacity"
+  },
+  "skew-down": {
+    in: { opacity: 1, transform: "translateY(0) skew(0deg, 0deg)" },
+    out: { opacity: 0, transform: "translateY(20px) skew(-10deg, -5deg)" },
+    common: { transformOrigin: "bottom" },
+    transitionProperty: "transform, opacity"
+  },
+  "rotate-left": {
+    in: { opacity: 1, transform: "translateY(0) rotate(0deg)" },
+    out: { opacity: 0, transform: "translateY(20px) rotate(-5deg)" },
+    common: { transformOrigin: "bottom" },
+    transitionProperty: "transform, opacity"
+  },
+  "rotate-right": {
+    in: { opacity: 1, transform: "translateY(0) rotate(0deg)" },
+    out: { opacity: 0, transform: "translateY(20px) rotate(5deg)" },
+    common: { transformOrigin: "top" },
+    transitionProperty: "transform, opacity"
+  },
+  "slide-down": {
+    in: { opacity: 1, transform: "translateY(0)" },
+    out: { opacity: 0, transform: "translateY(-100%)" },
+    common: { transformOrigin: "top" },
+    transitionProperty: "transform, opacity"
+  },
+  "slide-up": {
+    in: { opacity: 1, transform: "translateY(0)" },
+    out: { opacity: 0, transform: "translateY(100%)" },
+    common: { transformOrigin: "bottom" },
+    transitionProperty: "transform, opacity"
+  },
+  "slide-left": {
+    in: { opacity: 1, transform: "translateX(0)" },
+    out: { opacity: 0, transform: "translateX(100%)" },
+    common: { transformOrigin: "left" },
+    transitionProperty: "transform, opacity"
+  },
+  "slide-right": {
+    in: { opacity: 1, transform: "translateX(0)" },
+    out: { opacity: 0, transform: "translateX(-100%)" },
+    common: { transformOrigin: "right" },
+    transitionProperty: "transform, opacity"
+  },
+  pop: {
+    ...E("bottom"),
+    common: { transformOrigin: "center center" }
+  },
+  "pop-bottom-left": {
+    ...E("bottom"),
+    common: { transformOrigin: "bottom left" }
+  },
+  "pop-bottom-right": {
+    ...E("bottom"),
+    common: { transformOrigin: "bottom right" }
+  },
+  "pop-top-left": {
+    ...E("top"),
+    common: { transformOrigin: "top left" }
+  },
+  "pop-top-right": {
+    ...E("top"),
+    common: { transformOrigin: "top right" }
+  }
+}, ut = {
+  entering: "in",
+  entered: "in",
+  exiting: "out",
+  exited: "out",
+  "pre-exiting": "out",
+  "pre-entering": "out"
+};
+function ir({
+  transition: t,
+  state: n,
+  duration: r,
+  timingFunction: e
+}) {
+  const o = {
+    WebkitBackfaceVisibility: "hidden",
+    willChange: "transform, opacity",
+    transitionDuration: `${r}ms`,
+    transitionTimingFunction: e
+  };
+  return typeof t == "string" ? t in W ? {
+    transitionProperty: W[t].transitionProperty,
+    ...o,
+    ...W[t].common,
+    ...W[t][ut[n]]
+  } : {} : {
+    transitionProperty: t.transitionProperty,
+    ...o,
+    ...t.common,
+    ...t[ut[n]]
+  };
+}
+function sr({
+  duration: t,
+  exitDuration: n,
+  timingFunction: r,
+  mounted: e,
+  onEnter: o,
+  onExit: a,
+  onEntered: i,
+  onExited: s,
+  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 w = y ? o : a, v = y ? i : s;
+    window.clearTimeout(x.current);
+    const B = l ? 0 : y ? t : n;
+    d(B), B === 0 ? (typeof w == "function" && w(), typeof v == "function" && v(), h(y ? "entered" : "exited")) : S.current = requestAnimationFrame(() => {
+      fn.flushSync(() => {
+        h(y ? "pre-entering" : "pre-exiting");
+      }), S.current = requestAnimationFrame(() => {
+        typeof w == "function" && w(), h(y ? "entering" : "exiting"), x.current = window.setTimeout(() => {
+          typeof v == "function" && v(), h(y ? "entered" : "exited");
+        }, B);
+      });
+    });
+  }, C = (y) => {
+    if (window.clearTimeout(R.current), typeof (y ? p : c) != "number") {
+      N(y);
+      return;
+    }
+    R.current = window.setTimeout(
+      () => {
+        N(y);
+      },
+      y ? p : c
+    );
+  };
+  return bn(() => {
+    C(e);
+  }, [e]), z(
+    () => () => {
+      window.clearTimeout(x.current), cancelAnimationFrame(S.current);
+    },
+    []
+  ), {
+    transitionDuration: g,
+    transitionStatus: b,
+    transitionTimingFunction: r || "ease"
+  };
+}
+function $t({
+  keepMounted: t,
+  transition: n = "fade",
+  duration: r = 250,
+  exitDuration: e = r,
+  mounted: o,
+  children: a,
+  timingFunction: i = "ease",
+  onExit: s,
+  onEntered: p,
+  onEnter: c,
+  onExited: m,
+  enterDelay: u,
+  exitDelay: l
+}) {
+  const g = mn(), { transitionDuration: d, transitionStatus: b, transitionTimingFunction: h } = sr({
+    mounted: o,
+    exitDuration: e,
+    duration: r,
+    timingFunction: i,
+    onExit: s,
+    onEntered: p,
+    onEnter: c,
+    onExited: m,
+    enterDelay: u,
+    exitDelay: l
+  });
+  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,
+      duration: d,
+      state: b,
+      timingFunction: h
+    })
+  ) });
+}
+$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 })
+] }));
+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 })
+] }));
+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,
+  type: "oval"
+}, pr = (t, { size: n, color: r }) => ({
+  root: {
+    "--loader-size": A(n, "loader-size"),
+    "--loader-color": r ? un(r, t) : void 0
+  }
+}), D = ot((t, n) => {
+  const r = O("Loader", cr, 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,
+    ...b
+  } = r, h = F({
+    name: "Loader",
+    props: r,
+    classes: T,
+    className: s,
+    style: p,
+    classNames: c,
+    styles: m,
+    unstyled: u,
+    vars: i,
+    varsResolver: pr
+  });
+  return d ? /* @__PURE__ */ f($, { ...h("root"), ref: n, ...b, children: d }) : /* @__PURE__ */ f(
+    $,
+    {
+      ...h("root"),
+      ref: n,
+      component: l[a],
+      variant: g,
+      size: e,
+      ...b
+    }
+  );
+});
+D.defaultLoaders = _t;
+D.classes = T;
+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 = {
+  orientation: "horizontal"
+}, mr = (t, { borderWidth: n }) => ({
+  group: { "--button-border-width": P(n) }
+}), it = ot((t, n) => {
+  const r = 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 = F({
+    name: "ButtonGroup",
+    props: r,
+    classes: Y,
+    className: e,
+    style: o,
+    classNames: a,
+    styles: i,
+    unstyled: s,
+    vars: c,
+    varsResolver: mr,
+    rootSelector: "group"
+  });
+  return /* @__PURE__ */ f(
+    $,
+    {
+      ...d("group"),
+      ref: n,
+      variant: u,
+      mod: [{ "data-orientation": p }, l],
+      role: "group",
+      ...g
+    }
+  );
+});
+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 s = t.variantColorResolver({
+    color: r || 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": n === void 0 ? void 0 : gt(n),
+      "--section-bg": r || o ? s.background : void 0,
+      "--section-color": s.color,
+      "--section-bd": r || o ? s.border : void 0
+    }
+  };
+}, st = ot((t, n) => {
+  const r = 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 = F({
+    name: "ButtonGroupSection",
+    props: r,
+    classes: Y,
+    className: e,
+    style: o,
+    classNames: a,
+    styles: i,
+    unstyled: s,
+    vars: p,
+    varsResolver: ur,
+    rootSelector: "groupSection"
+  });
+  return /* @__PURE__ */ f($, { ...d("groupSection"), ref: n, variant: c, ...g });
+});
+st.classes = Y;
+st.displayName = "@mantine/core/ButtonGroupSection";
+const lr = {
+  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${P(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 }) => {
+  const p = t.variantColorResolver({
+    color: r || 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": n === void 0 ? void 0 : gt(n),
+      "--button-bg": r || o ? p.background : void 0,
+      "--button-hover": r || 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
+    }
+  };
+}, I = xt((t, n) => {
+  const r = O("Button", fr, 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: b,
+    gradient: h,
+    classNames: x,
+    styles: R,
+    unstyled: S,
+    "data-disabled": N,
+    autoContrast: C,
+    mod: y,
+    ...w
+  } = r, v = F({
+    name: "Button",
+    props: r,
+    classes: Y,
+    className: a,
+    style: e,
+    classNames: x,
+    styles: R,
+    unstyled: S,
+    vars: o,
+    varsResolver: dr
+  }), B = !!c, H = !!m;
+  return /* @__PURE__ */ j(
+    at,
+    {
+      ref: n,
+      ...v("root", { active: !s && !d && !N }),
+      unstyled: S,
+      variant: l,
+      disabled: s || d,
+      mod: [
+        {
+          disabled: s || N,
+          loading: d,
+          block: u,
+          "with-left-section": B,
+          "with-right-section": H
+        },
+        y
+      ],
+      ...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(
+          D,
+          {
+            color: "var(--button-color)",
+            size: "calc(var(--button-height) / 1.8)",
+            ...b
+          }
+        ) }) }),
+        /* @__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 })
+        ] })
+      ]
+    }
+  );
+});
+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(I, { ...t, className: gr.button });
+export {
+  xr as Button
+};