@kvell-group/ui 1.6.5 → 1.6.7

package/dist/main.js

@@ -1,2468 +1,46 @@
-import { jsx as p, jsxs as z, Fragment as pr } from "react/jsx-runtime";
-import { useState as tr, useRef as W, useEffect as A, useLayoutEffect as Wt, createContext as Dr, useContext as $r, useMemo as zt, useCallback as Lr, useId as Yt, forwardRef as _ } from "react";
-import Gt from "react-dom";
-function M(r) {
-  return Object.keys(r);
-}
-function ir(r) {
-  return r && typeof r == "object" && !Array.isArray(r);
-}
-function vr(r, t) {
-  const e = { ...r }, n = t;
-  return ir(r) && ir(t) && Object.keys(t).forEach((a) => {
-    ir(n[a]) && a in r ? e[a] = vr(e[a], n[a]) : e[a] = n[a];
-  }), e;
-}
-function Dt(r) {
-  return r.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
-}
-function Xt(r) {
-  var t;
-  return typeof r != "string" || !r.includes("var(--mantine-scale)") ? r : (t = r.match(/^calc\((.*?)\)$/)) == null ? void 0 : t[1].split("*")[0].trim();
-}
-function Ut(r) {
-  const t = Xt(r);
-  return typeof t == "number" ? t : typeof t == "string" ? t.includes("calc") || t.includes("var") ? t : t.includes("px") ? Number(t.replace("px", "")) : t.includes("rem") ? Number(t.replace("rem", "")) * 16 : t.includes("em") ? Number(t.replace("em", "")) * 16 : Number(t) : NaN;
-}
-function sr(r) {
-  return r === "0rem" ? "0rem" : `calc(${r} * var(--mantine-scale))`;
-}
-function Xr(r, { shouldScale: t = !1 } = {}) {
-  function e(n) {
-    if (n === 0 || n === "0")
-      return `0${r}`;
-    if (typeof n == "number") {
-      const a = `${n / 16}${r}`;
-      return t ? sr(a) : a;
-    }
-    if (typeof n == "string") {
-      if (n === "" || n.startsWith("calc(") || n.startsWith("clamp(") || n.includes("rgba("))
-        return n;
-      if (n.includes(","))
-        return n.split(",").map((o) => e(o)).join(",");
-      if (n.includes(" "))
-        return n.split(" ").map((o) => e(o)).join(" ");
-      if (n.includes(r))
-        return t ? sr(n) : n;
-      const a = n.replace("px", "");
-      if (!Number.isNaN(Number(a))) {
-        const o = `${Number(a) / 16}${r}`;
-        return t ? sr(o) : o;
-      }
-    }
-    return n;
-  }
-  return e;
-}
-const c = Xr("rem", { shouldScale: !0 }), Er = Xr("em");
-function Sr(r) {
-  return Object.keys(r).reduce((t, e) => (r[e] !== void 0 && (t[e] = r[e]), t), {});
-}
-function Ur(r) {
-  if (typeof r == "number")
-    return !0;
-  if (typeof r == "string") {
-    if (r.startsWith("calc(") || r.startsWith("var(") || r.includes(" ") && r.trim() !== "")
-      return !0;
-    const t = /^[+-]?[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 r.trim().split(/\s+/).every((n) => t.test(n));
-  }
-  return !1;
-}
-function O(r, t = "size", e = !0) {
-  if (r !== void 0)
-    return Ur(r) ? e ? c(r) : r : `var(--${t}-${r})`;
-}
-function qr(r) {
-  return r === void 0 ? "var(--mantine-radius-default)" : O(r, "mantine-radius");
-}
-function nr(r) {
-  return O(r, "mantine-font-size");
-}
-function qt(r, t) {
-  try {
-    return r.addEventListener("change", t), () => r.removeEventListener("change", t);
-  } catch {
-    return r.addListener(t), () => r.removeListener(t);
-  }
-}
-function Qt(r, t) {
-  return typeof window < "u" && "matchMedia" in window ? window.matchMedia(r).matches : !1;
-}
-function Kt(r, t, { getInitialValueInEffect: e } = {
-  getInitialValueInEffect: !0
-}) {
-  const [n, a] = tr(
-    e ? t : Qt(r)
-  ), o = W(null);
-  return A(() => {
-    if ("matchMedia" in window)
-      return o.current = window.matchMedia(r), a(o.current.matches), qt(o.current, (i) => a(i.matches));
-  }, [r]), n;
-}
-const Qr = typeof document < "u" ? Wt : A;
-function Zt(r, t) {
-  const e = W(!1);
-  A(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), A(() => {
-    if (e.current)
-      return r();
-    e.current = !0;
-  }, t);
-}
-function Jt(r, t) {
-  return Kt("(prefers-reduced-motion: reduce)", r, t);
-}
-function Kr(r) {
-  var t, e, n = "";
-  if (typeof r == "string" || typeof r == "number") n += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var a = r.length;
-    for (t = 0; t < a; t++) r[t] && (e = Kr(r[t])) && (n && (n += " "), n += e);
-  } else for (e in r) r[e] && (n && (n += " "), n += e);
-  return n;
-}
-function B() {
-  for (var r, t, e = 0, n = "", a = arguments.length; e < a; e++) (r = arguments[e]) && (t = Kr(r)) && (n && (n += " "), n += t);
-  return n;
-}
-const rn = {};
-function tn(r) {
-  const t = {};
-  return r.forEach((e) => {
-    Object.entries(e).forEach(([n, a]) => {
-      t[n] ? t[n] = B(t[n], a) : t[n] = a;
-    });
-  }), t;
-}
-function wr({ theme: r, classNames: t, props: e, stylesCtx: n }) {
-  const o = (Array.isArray(t) ? t : [t]).map(
-    (i) => typeof i == "function" ? i(r, e, n) : i || rn
-  );
-  return tn(o);
-}
-function gr({ theme: r, styles: t, props: e, stylesCtx: n }) {
-  return (Array.isArray(t) ? t : [t]).reduce((o, i) => typeof i == "function" ? { ...o, ...i(r, e, n) } : { ...o, ...i }, {});
-}
-const Zr = Dr(null);
-function P() {
-  const r = $r(Zr);
-  if (!r)
-    throw new Error("[@mantine/core] MantineProvider was not found in tree");
-  return r;
-}
-function nn() {
-  return P().cssVariablesResolver;
-}
-function en() {
-  return P().classNamesPrefix;
-}
-function Cr() {
-  return P().getStyleNonce;
-}
-function on() {
-  return P().withStaticClasses;
-}
-function an() {
-  return P().headless;
-}
-function sn() {
-  var r;
-  return (r = P().stylesTransform) == null ? void 0 : r.sx;
-}
-function cn() {
-  var r;
-  return (r = P().stylesTransform) == null ? void 0 : r.styles;
-}
-function ln() {
-  return P().env || "default";
-}
-function dn(r) {
-  return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(r);
-}
-function fn(r) {
-  let t = r.replace("#", "");
-  if (t.length === 3) {
-    const i = t.split("");
-    t = [
-      i[0],
-      i[0],
-      i[1],
-      i[1],
-      i[2],
-      i[2]
-    ].join("");
-  }
-  if (t.length === 8) {
-    const i = parseInt(t.slice(6, 8), 16) / 255;
-    return {
-      r: parseInt(t.slice(0, 2), 16),
-      g: parseInt(t.slice(2, 4), 16),
-      b: parseInt(t.slice(4, 6), 16),
-      a: i
-    };
-  }
-  const e = parseInt(t, 16), n = e >> 16 & 255, a = e >> 8 & 255, o = e & 255;
-  return {
-    r: n,
-    g: a,
-    b: o,
-    a: 1
-  };
-}
-function un(r) {
-  const [t, e, n, a] = r.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
-  return { r: t, g: e, b: n, a: a || 1 };
-}
-function mn(r) {
-  const t = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, e = r.match(t);
-  if (!e)
-    return {
-      r: 0,
-      g: 0,
-      b: 0,
-      a: 1
-    };
-  const n = parseInt(e[1], 10), a = parseInt(e[2], 10) / 100, o = parseInt(e[3], 10) / 100, i = e[5] ? parseFloat(e[5]) : void 0, s = (1 - Math.abs(2 * o - 1)) * a, l = n / 60, d = s * (1 - Math.abs(l % 2 - 1)), u = o - s / 2;
-  let f, m, g;
-  return l >= 0 && l < 1 ? (f = s, m = d, g = 0) : l >= 1 && l < 2 ? (f = d, m = s, g = 0) : l >= 2 && l < 3 ? (f = 0, m = s, g = d) : l >= 3 && l < 4 ? (f = 0, m = d, g = s) : l >= 4 && l < 5 ? (f = d, m = 0, g = s) : (f = s, m = 0, g = d), {
-    r: Math.round((f + u) * 255),
-    g: Math.round((m + u) * 255),
-    b: Math.round((g + u) * 255),
-    a: i || 1
-  };
-}
-function xr(r) {
-  return dn(r) ? fn(r) : r.startsWith("rgb") ? un(r) : r.startsWith("hsl") ? mn(r) : {
-    r: 0,
-    g: 0,
-    b: 0,
-    a: 1
-  };
-}
-function Z(r, t) {
-  if (r.startsWith("var("))
-    return `color-mix(in srgb, ${r}, black ${t * 100}%)`;
-  const { r: e, g: n, b: a, a: o } = xr(r), i = 1 - t, s = (l) => Math.round(l * i);
-  return `rgba(${s(e)}, ${s(n)}, ${s(a)}, ${o})`;
-}
-function U(r, t) {
-  return typeof r.primaryShade == "number" ? r.primaryShade : t === "dark" ? r.primaryShade.dark : r.primaryShade.light;
-}
-function cr(r) {
-  return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
-}
-function pn(r) {
-  const t = r.match(/oklch\((.*?)%\s/);
-  return t ? parseFloat(t[1]) : null;
-}
-function gn(r) {
-  if (r.startsWith("oklch("))
-    return (pn(r) || 0) / 100;
-  const { r: t, g: e, b: n } = xr(r), a = t / 255, o = e / 255, i = n / 255, s = cr(a), l = cr(o), d = cr(i);
-  return 0.2126 * s + 0.7152 * l + 0.0722 * d;
-}
-function G(r, t = 0.179) {
-  return r.startsWith("var(") ? !1 : gn(r) > t;
-}
-function q({
-  color: r,
-  theme: t,
-  colorScheme: e
-}) {
-  if (typeof r != "string")
-    throw new Error(
-      `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof r}`
-    );
-  if (r === "bright")
-    return {
-      color: r,
-      value: e === "dark" ? t.white : t.black,
-      shade: void 0,
-      isThemeColor: !1,
-      isLight: G(
-        e === "dark" ? t.white : t.black,
-        t.luminanceThreshold
-      ),
-      variable: "--mantine-color-bright"
-    };
-  if (r === "dimmed")
-    return {
-      color: r,
-      value: e === "dark" ? t.colors.dark[2] : t.colors.gray[7],
-      shade: void 0,
-      isThemeColor: !1,
-      isLight: G(
-        e === "dark" ? t.colors.dark[2] : t.colors.gray[6],
-        t.luminanceThreshold
-      ),
-      variable: "--mantine-color-dimmed"
-    };
-  if (r === "white" || r === "black")
-    return {
-      color: r,
-      value: r === "white" ? t.white : t.black,
-      shade: void 0,
-      isThemeColor: !1,
-      isLight: G(
-        r === "white" ? t.white : t.black,
-        t.luminanceThreshold
-      ),
-      variable: `--mantine-color-${r}`
-    };
-  const [n, a] = r.split("."), o = a ? Number(a) : void 0, i = n in t.colors;
-  if (i) {
-    const s = o !== void 0 ? t.colors[n][o] : t.colors[n][U(t, e || "light")];
-    return {
-      color: n,
-      value: s,
-      shade: o,
-      isThemeColor: i,
-      isLight: G(s, t.luminanceThreshold),
-      variable: a ? `--mantine-color-${n}-${o}` : `--mantine-color-${n}-filled`
-    };
-  }
-  return {
-    color: r,
-    value: r,
-    isThemeColor: i,
-    isLight: G(r, t.luminanceThreshold),
-    shade: o,
-    variable: void 0
-  };
-}
-function yr(r, t) {
-  const e = q({ color: r || t.primaryColor, theme: t });
-  return e.variable ? `var(${e.variable})` : r;
-}
-function Ar(r, t) {
-  const e = {
-    from: (r == null ? void 0 : r.from) || t.defaultGradient.from,
-    to: (r == null ? void 0 : r.to) || t.defaultGradient.to,
-    deg: (r == null ? void 0 : r.deg) ?? t.defaultGradient.deg ?? 0
-  }, n = yr(e.from, t), a = yr(e.to, t);
-  return `linear-gradient(${e.deg}deg, ${n} 0%, ${a} 100%)`;
-}
-function R(r, t) {
-  if (typeof r != "string" || t > 1 || t < 0)
-    return "rgba(0, 0, 0, 1)";
-  if (r.startsWith("var(")) {
-    const o = (1 - t) * 100;
-    return `color-mix(in srgb, ${r}, transparent ${o}%)`;
-  }
-  if (r.startsWith("oklch"))
-    return r.includes("/") ? r.replace(/\/\s*[\d.]+\s*\)/, `/ ${t})`) : r.replace(")", ` / ${t})`);
-  const { r: e, g: n, b: a } = xr(r);
-  return `rgba(${e}, ${n}, ${a}, ${t})`;
-}
-const j = R, yn = ({
-  color: r,
-  theme: t,
-  variant: e,
-  gradient: n,
-  autoContrast: a
-}) => {
-  const o = q({ color: r, theme: t }), i = typeof a == "boolean" ? a : t.autoContrast;
-  if (e === "filled") {
-    const s = i && o.isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
-    return o.isThemeColor ? o.shade === void 0 ? {
-      background: `var(--mantine-color-${r}-filled)`,
-      hover: `var(--mantine-color-${r}-filled-hover)`,
-      color: s,
-      border: `${c(1)} solid transparent`
-    } : {
-      background: `var(--mantine-color-${o.color}-${o.shade})`,
-      hover: `var(--mantine-color-${o.color}-${o.shade === 9 ? 8 : o.shade + 1})`,
-      color: s,
-      border: `${c(1)} solid transparent`
-    } : {
-      background: r,
-      hover: Z(r, 0.1),
-      color: s,
-      border: `${c(1)} solid transparent`
-    };
-  }
-  if (e === "light") {
-    if (o.isThemeColor) {
-      if (o.shade === void 0)
-        return {
-          background: `var(--mantine-color-${r}-light)`,
-          hover: `var(--mantine-color-${r}-light-hover)`,
-          color: `var(--mantine-color-${r}-light-color)`,
-          border: `${c(1)} solid transparent`
-        };
-      const s = t.colors[o.color][o.shade];
-      return {
-        background: R(s, 0.1),
-        hover: R(s, 0.12),
-        color: `var(--mantine-color-${o.color}-${Math.min(o.shade, 6)})`,
-        border: `${c(1)} solid transparent`
-      };
-    }
-    return {
-      background: R(r, 0.1),
-      hover: R(r, 0.12),
-      color: r,
-      border: `${c(1)} solid transparent`
-    };
-  }
-  if (e === "outline")
-    return o.isThemeColor ? o.shade === void 0 ? {
-      background: "transparent",
-      hover: `var(--mantine-color-${r}-outline-hover)`,
-      color: `var(--mantine-color-${r}-outline)`,
-      border: `${c(1)} solid var(--mantine-color-${r}-outline)`
-    } : {
-      background: "transparent",
-      hover: R(t.colors[o.color][o.shade], 0.05),
-      color: `var(--mantine-color-${o.color}-${o.shade})`,
-      border: `${c(1)} solid var(--mantine-color-${o.color}-${o.shade})`
-    } : {
-      background: "transparent",
-      hover: R(r, 0.05),
-      color: r,
-      border: `${c(1)} solid ${r}`
-    };
-  if (e === "subtle") {
-    if (o.isThemeColor) {
-      if (o.shade === void 0)
-        return {
-          background: "transparent",
-          hover: `var(--mantine-color-${r}-light-hover)`,
-          color: `var(--mantine-color-${r}-light-color)`,
-          border: `${c(1)} solid transparent`
-        };
-      const s = t.colors[o.color][o.shade];
-      return {
-        background: "transparent",
-        hover: R(s, 0.12),
-        color: `var(--mantine-color-${o.color}-${Math.min(o.shade, 6)})`,
-        border: `${c(1)} solid transparent`
-      };
-    }
-    return {
-      background: "transparent",
-      hover: R(r, 0.12),
-      color: r,
-      border: `${c(1)} solid transparent`
-    };
-  }
-  return e === "transparent" ? o.isThemeColor ? o.shade === void 0 ? {
-    background: "transparent",
-    hover: "transparent",
-    color: `var(--mantine-color-${r}-light-color)`,
-    border: `${c(1)} solid transparent`
-  } : {
-    background: "transparent",
-    hover: "transparent",
-    color: `var(--mantine-color-${o.color}-${Math.min(o.shade, 6)})`,
-    border: `${c(1)} solid transparent`
-  } : {
-    background: "transparent",
-    hover: "transparent",
-    color: r,
-    border: `${c(1)} solid transparent`
-  } : e === "white" ? o.isThemeColor ? o.shade === void 0 ? {
-    background: "var(--mantine-color-white)",
-    hover: Z(t.white, 0.01),
-    color: `var(--mantine-color-${r}-filled)`,
-    border: `${c(1)} solid transparent`
-  } : {
-    background: "var(--mantine-color-white)",
-    hover: Z(t.white, 0.01),
-    color: `var(--mantine-color-${o.color}-${o.shade})`,
-    border: `${c(1)} solid transparent`
-  } : {
-    background: "var(--mantine-color-white)",
-    hover: Z(t.white, 0.01),
-    color: r,
-    border: `${c(1)} solid transparent`
-  } : e === "gradient" ? {
-    background: Ar(n, t),
-    hover: Ar(n, t),
-    color: "var(--mantine-color-white)",
-    border: "none"
-  } : e === "default" ? {
-    background: "var(--mantine-color-default)",
-    hover: "var(--mantine-color-default-hover)",
-    color: "var(--mantine-color-default-color)",
-    border: `${c(1)} solid var(--mantine-color-default-border)`
-  } : {};
-}, bn = {
-  dark: [
-    "#C9C9C9",
-    "#b8b8b8",
-    "#828282",
-    "#696969",
-    "#424242",
-    "#3b3b3b",
-    "#2e2e2e",
-    "#242424",
-    "#1f1f1f",
-    "#141414"
-  ],
-  gray: [
-    "#f8f9fa",
-    "#f1f3f5",
-    "#e9ecef",
-    "#dee2e6",
-    "#ced4da",
-    "#adb5bd",
-    "#868e96",
-    "#495057",
-    "#343a40",
-    "#212529"
-  ],
-  red: [
-    "#fff5f5",
-    "#ffe3e3",
-    "#ffc9c9",
-    "#ffa8a8",
-    "#ff8787",
-    "#ff6b6b",
-    "#fa5252",
-    "#f03e3e",
-    "#e03131",
-    "#c92a2a"
-  ],
-  pink: [
-    "#fff0f6",
-    "#ffdeeb",
-    "#fcc2d7",
-    "#faa2c1",
-    "#f783ac",
-    "#f06595",
-    "#e64980",
-    "#d6336c",
-    "#c2255c",
-    "#a61e4d"
-  ],
-  grape: [
-    "#f8f0fc",
-    "#f3d9fa",
-    "#eebefa",
-    "#e599f7",
-    "#da77f2",
-    "#cc5de8",
-    "#be4bdb",
-    "#ae3ec9",
-    "#9c36b5",
-    "#862e9c"
-  ],
-  violet: [
-    "#f3f0ff",
-    "#e5dbff",
-    "#d0bfff",
-    "#b197fc",
-    "#9775fa",
-    "#845ef7",
-    "#7950f2",
-    "#7048e8",
-    "#6741d9",
-    "#5f3dc4"
-  ],
-  indigo: [
-    "#edf2ff",
-    "#dbe4ff",
-    "#bac8ff",
-    "#91a7ff",
-    "#748ffc",
-    "#5c7cfa",
-    "#4c6ef5",
-    "#4263eb",
-    "#3b5bdb",
-    "#364fc7"
-  ],
-  blue: [
-    "#e7f5ff",
-    "#d0ebff",
-    "#a5d8ff",
-    "#74c0fc",
-    "#4dabf7",
-    "#339af0",
-    "#228be6",
-    "#1c7ed6",
-    "#1971c2",
-    "#1864ab"
-  ],
-  cyan: [
-    "#e3fafc",
-    "#c5f6fa",
-    "#99e9f2",
-    "#66d9e8",
-    "#3bc9db",
-    "#22b8cf",
-    "#15aabf",
-    "#1098ad",
-    "#0c8599",
-    "#0b7285"
-  ],
-  teal: [
-    "#e6fcf5",
-    "#c3fae8",
-    "#96f2d7",
-    "#63e6be",
-    "#38d9a9",
-    "#20c997",
-    "#12b886",
-    "#0ca678",
-    "#099268",
-    "#087f5b"
-  ],
-  green: [
-    "#ebfbee",
-    "#d3f9d8",
-    "#b2f2bb",
-    "#8ce99a",
-    "#69db7c",
-    "#51cf66",
-    "#40c057",
-    "#37b24d",
-    "#2f9e44",
-    "#2b8a3e"
-  ],
-  lime: [
-    "#f4fce3",
-    "#e9fac8",
-    "#d8f5a2",
-    "#c0eb75",
-    "#a9e34b",
-    "#94d82d",
-    "#82c91e",
-    "#74b816",
-    "#66a80f",
-    "#5c940d"
-  ],
-  yellow: [
-    "#fff9db",
-    "#fff3bf",
-    "#ffec99",
-    "#ffe066",
-    "#ffd43b",
-    "#fcc419",
-    "#fab005",
-    "#f59f00",
-    "#f08c00",
-    "#e67700"
-  ],
-  orange: [
-    "#fff4e6",
-    "#ffe8cc",
-    "#ffd8a8",
-    "#ffc078",
-    "#ffa94d",
-    "#ff922b",
-    "#fd7e14",
-    "#f76707",
-    "#e8590c",
-    "#d9480f"
-  ]
-}, Or = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", kr = {
-  scale: 1,
-  fontSmoothing: !0,
-  focusRing: "auto",
-  white: "#fff",
-  black: "#000",
-  colors: bn,
-  primaryShade: { light: 6, dark: 8 },
-  primaryColor: "blue",
-  variantColorResolver: yn,
-  autoContrast: !1,
-  luminanceThreshold: 0.3,
-  fontFamily: Or,
-  fontFamilyMonospace: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace",
-  respectReducedMotion: !1,
-  cursorType: "default",
-  defaultGradient: { from: "blue", to: "cyan", deg: 45 },
-  defaultRadius: "sm",
-  activeClassName: "mantine-active",
-  focusClassName: "",
-  headings: {
-    fontFamily: Or,
-    fontWeight: "700",
-    textWrap: "wrap",
-    sizes: {
-      h1: { fontSize: c(34), lineHeight: "1.3" },
-      h2: { fontSize: c(26), lineHeight: "1.35" },
-      h3: { fontSize: c(22), lineHeight: "1.4" },
-      h4: { fontSize: c(18), lineHeight: "1.45" },
-      h5: { fontSize: c(16), lineHeight: "1.5" },
-      h6: { fontSize: c(14), lineHeight: "1.5" }
-    }
-  },
-  fontSizes: {
-    xs: c(12),
-    sm: c(14),
-    md: c(16),
-    lg: c(18),
-    xl: c(20)
-  },
-  lineHeights: {
-    xs: "1.4",
-    sm: "1.45",
-    md: "1.55",
-    lg: "1.6",
-    xl: "1.65"
-  },
-  radius: {
-    xs: c(2),
-    sm: c(4),
-    md: c(8),
-    lg: c(16),
-    xl: c(32)
-  },
-  spacing: {
-    xs: c(10),
-    sm: c(12),
-    md: c(16),
-    lg: c(20),
-    xl: c(32)
-  },
-  breakpoints: {
-    xs: "36em",
-    sm: "48em",
-    md: "62em",
-    lg: "75em",
-    xl: "88em"
-  },
-  shadows: {
-    xs: `0 ${c(1)} ${c(3)} rgba(0, 0, 0, 0.05), 0 ${c(1)} ${c(2)} rgba(0, 0, 0, 0.1)`,
-    sm: `0 ${c(1)} ${c(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${c(10)} ${c(
-      15
-    )} ${c(-5)}, rgba(0, 0, 0, 0.04) 0 ${c(7)} ${c(7)} ${c(-5)}`,
-    md: `0 ${c(1)} ${c(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${c(20)} ${c(
-      25
-    )} ${c(-5)}, rgba(0, 0, 0, 0.04) 0 ${c(10)} ${c(10)} ${c(-5)}`,
-    lg: `0 ${c(1)} ${c(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${c(28)} ${c(
-      23
-    )} ${c(-7)}, rgba(0, 0, 0, 0.04) 0 ${c(12)} ${c(12)} ${c(-7)}`,
-    xl: `0 ${c(1)} ${c(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${c(36)} ${c(
-      28
-    )} ${c(-7)}, rgba(0, 0, 0, 0.04) 0 ${c(17)} ${c(17)} ${c(-7)}`
-  },
-  other: {},
-  components: {}
-};
-function Ir(r) {
-  return r === "auto" || r === "dark" || r === "light";
-}
-function hn({
-  key: r = "mantine-color-scheme-value"
-} = {}) {
-  let t;
-  return {
-    get: (e) => {
-      if (typeof window > "u")
-        return e;
-      try {
-        const n = window.localStorage.getItem(r);
-        return Ir(n) ? n : e;
-      } catch {
-        return e;
-      }
-    },
-    set: (e) => {
-      try {
-        window.localStorage.setItem(r, e);
-      } catch (n) {
-        console.warn(
-          "[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
-          n
-        );
-      }
-    },
-    subscribe: (e) => {
-      t = (n) => {
-        n.storageArea === window.localStorage && n.key === r && Ir(n.newValue) && e(n.newValue);
-      }, window.addEventListener("storage", t);
-    },
-    unsubscribe: () => {
-      window.removeEventListener("storage", t);
-    },
-    clear: () => {
-      window.localStorage.removeItem(r);
-    }
-  };
-}
-const $n = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", Br = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
-function lr(r) {
-  return r < 0 || r > 9 ? !1 : parseInt(r.toString(), 10) === r;
-}
-function Vr(r) {
-  if (!(r.primaryColor in r.colors))
-    throw new Error($n);
-  if (typeof r.primaryShade == "object" && (!lr(r.primaryShade.dark) || !lr(r.primaryShade.light)))
-    throw new Error(Br);
-  if (typeof r.primaryShade == "number" && !lr(r.primaryShade))
-    throw new Error(Br);
-}
-function vn(r, t) {
-  var n;
-  if (!t)
-    return Vr(r), r;
-  const e = vr(r, t);
-  return t.fontFamily && !((n = t.headings) != null && n.fontFamily) && (e.headings.fontFamily = t.fontFamily), Vr(e), e;
-}
-const Nr = Dr(null), Sn = () => $r(Nr) || kr;
-function V() {
-  const r = $r(Nr);
-  if (!r)
-    throw new Error(
-      "@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app"
-    );
-  return r;
-}
-function Jr({
-  theme: r,
-  children: t,
-  inherit: e = !0
-}) {
-  const n = Sn(), a = zt(
-    () => vn(e ? n : kr, r),
-    [r, n, e]
-  );
-  return /* @__PURE__ */ p(Nr.Provider, { value: a, children: t });
-}
-Jr.displayName = "@mantine/core/MantineThemeProvider";
-function wn() {
-  const r = V(), t = Cr(), e = M(r.breakpoints).reduce((n, a) => {
-    const o = r.breakpoints[a].includes("px"), i = Ut(r.breakpoints[a]), s = o ? `${i - 0.1}px` : Er(i - 0.1), l = o ? `${i}px` : Er(i);
-    return `${n}@media (max-width: ${s}) {.mantine-visible-from-${a} {display: none !important;}}@media (min-width: ${l}) {.mantine-hidden-from-${a} {display: none !important;}}`;
-  }, "");
-  return /* @__PURE__ */ p(
-    "style",
-    {
-      "data-mantine-styles": "classes",
-      nonce: t == null ? void 0 : t(),
-      dangerouslySetInnerHTML: { __html: e }
-    }
-  );
-}
-function dr(r) {
-  return Object.entries(r).map(([t, e]) => `${t}: ${e};`).join("");
-}
-function D(r, t) {
-  return (Array.isArray(r) ? r : [r]).reduce((n, a) => `${a}{${n}}`, t);
-}
-function Cn(r, t) {
-  const e = dr(r.variables), n = e ? D(t, e) : "", a = dr(r.dark), o = dr(r.light), i = a ? D(t === ":host" ? `${t}([data-mantine-color-scheme="dark"])` : `${t}[data-mantine-color-scheme="dark"]`, a) : "", s = o ? D(t === ":host" ? `${t}([data-mantine-color-scheme="light"])` : `${t}[data-mantine-color-scheme="light"]`, o) : "";
-  return `${n}${i}${s}`;
-}
-function xn({ color: r, theme: t, autoContrast: e }) {
-  return t.autoContrast && q({ color: r || t.primaryColor, theme: t }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
-}
-function jr(r, t) {
-  return xn({
-    color: r.colors[r.primaryColor][U(r, t)],
-    theme: r,
-    autoContrast: null
-  });
-}
-function J({
-  theme: r,
-  color: t,
-  colorScheme: e,
-  name: n = t,
-  withColorValues: a = !0
-}) {
-  if (!r.colors[t])
-    return {};
-  if (e === "light") {
-    const s = U(r, "light"), l = {
-      [`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-filled)`,
-      [`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${s})`,
-      [`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${s === 9 ? 8 : s + 1})`,
-      [`--mantine-color-${n}-light`]: j(r.colors[t][s], 0.1),
-      [`--mantine-color-${n}-light-hover`]: j(r.colors[t][s], 0.12),
-      [`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${s})`,
-      [`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${s})`,
-      [`--mantine-color-${n}-outline-hover`]: j(r.colors[t][s], 0.05)
-    };
-    return a ? {
-      [`--mantine-color-${n}-0`]: r.colors[t][0],
-      [`--mantine-color-${n}-1`]: r.colors[t][1],
-      [`--mantine-color-${n}-2`]: r.colors[t][2],
-      [`--mantine-color-${n}-3`]: r.colors[t][3],
-      [`--mantine-color-${n}-4`]: r.colors[t][4],
-      [`--mantine-color-${n}-5`]: r.colors[t][5],
-      [`--mantine-color-${n}-6`]: r.colors[t][6],
-      [`--mantine-color-${n}-7`]: r.colors[t][7],
-      [`--mantine-color-${n}-8`]: r.colors[t][8],
-      [`--mantine-color-${n}-9`]: r.colors[t][9],
-      ...l
-    } : l;
-  }
-  const o = U(r, "dark"), i = {
-    [`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-4)`,
-    [`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${o})`,
-    [`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${o === 9 ? 8 : o + 1})`,
-    [`--mantine-color-${n}-light`]: j(
-      r.colors[t][Math.max(0, o - 2)],
-      0.15
-    ),
-    [`--mantine-color-${n}-light-hover`]: j(
-      r.colors[t][Math.max(0, o - 2)],
-      0.2
-    ),
-    [`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${Math.max(o - 5, 0)})`,
-    [`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${Math.max(o - 4, 0)})`,
-    [`--mantine-color-${n}-outline-hover`]: j(
-      r.colors[t][Math.max(o - 4, 0)],
-      0.05
-    )
-  };
-  return a ? {
-    [`--mantine-color-${n}-0`]: r.colors[t][0],
-    [`--mantine-color-${n}-1`]: r.colors[t][1],
-    [`--mantine-color-${n}-2`]: r.colors[t][2],
-    [`--mantine-color-${n}-3`]: r.colors[t][3],
-    [`--mantine-color-${n}-4`]: r.colors[t][4],
-    [`--mantine-color-${n}-5`]: r.colors[t][5],
-    [`--mantine-color-${n}-6`]: r.colors[t][6],
-    [`--mantine-color-${n}-7`]: r.colors[t][7],
-    [`--mantine-color-${n}-8`]: r.colors[t][8],
-    [`--mantine-color-${n}-9`]: r.colors[t][9],
-    ...i
-  } : i;
-}
-function kn(r) {
-  return !!r && typeof r == "object" && "mantine-virtual-color" in r;
-}
-function F(r, t, e) {
-  M(t).forEach(
-    (n) => Object.assign(r, { [`--mantine-${e}-${n}`]: t[n] })
-  );
-}
-const rt = (r) => {
-  const t = U(r, "light"), e = r.defaultRadius in r.radius ? r.radius[r.defaultRadius] : c(r.defaultRadius), n = {
-    variables: {
-      "--mantine-scale": r.scale.toString(),
-      "--mantine-cursor-type": r.cursorType,
-      "--mantine-color-scheme": "light dark",
-      "--mantine-webkit-font-smoothing": r.fontSmoothing ? "antialiased" : "unset",
-      "--mantine-moz-font-smoothing": r.fontSmoothing ? "grayscale" : "unset",
-      "--mantine-color-white": r.white,
-      "--mantine-color-black": r.black,
-      "--mantine-line-height": r.lineHeights.md,
-      "--mantine-font-family": r.fontFamily,
-      "--mantine-font-family-monospace": r.fontFamilyMonospace,
-      "--mantine-font-family-headings": r.headings.fontFamily,
-      "--mantine-heading-font-weight": r.headings.fontWeight,
-      "--mantine-heading-text-wrap": r.headings.textWrap,
-      "--mantine-radius-default": e,
-      // Primary colors
-      "--mantine-primary-color-filled": `var(--mantine-color-${r.primaryColor}-filled)`,
-      "--mantine-primary-color-filled-hover": `var(--mantine-color-${r.primaryColor}-filled-hover)`,
-      "--mantine-primary-color-light": `var(--mantine-color-${r.primaryColor}-light)`,
-      "--mantine-primary-color-light-hover": `var(--mantine-color-${r.primaryColor}-light-hover)`,
-      "--mantine-primary-color-light-color": `var(--mantine-color-${r.primaryColor}-light-color)`
-    },
-    light: {
-      "--mantine-primary-color-contrast": jr(r, "light"),
-      "--mantine-color-bright": "var(--mantine-color-black)",
-      "--mantine-color-text": r.black,
-      "--mantine-color-body": r.white,
-      "--mantine-color-error": "var(--mantine-color-red-6)",
-      "--mantine-color-placeholder": "var(--mantine-color-gray-5)",
-      "--mantine-color-anchor": `var(--mantine-color-${r.primaryColor}-${t})`,
-      "--mantine-color-default": "var(--mantine-color-white)",
-      "--mantine-color-default-hover": "var(--mantine-color-gray-0)",
-      "--mantine-color-default-color": "var(--mantine-color-black)",
-      "--mantine-color-default-border": "var(--mantine-color-gray-4)",
-      "--mantine-color-dimmed": "var(--mantine-color-gray-6)"
-    },
-    dark: {
-      "--mantine-primary-color-contrast": jr(r, "dark"),
-      "--mantine-color-bright": "var(--mantine-color-white)",
-      "--mantine-color-text": "var(--mantine-color-dark-0)",
-      "--mantine-color-body": "var(--mantine-color-dark-7)",
-      "--mantine-color-error": "var(--mantine-color-red-8)",
-      "--mantine-color-placeholder": "var(--mantine-color-dark-3)",
-      "--mantine-color-anchor": `var(--mantine-color-${r.primaryColor}-4)`,
-      "--mantine-color-default": "var(--mantine-color-dark-6)",
-      "--mantine-color-default-hover": "var(--mantine-color-dark-5)",
-      "--mantine-color-default-color": "var(--mantine-color-white)",
-      "--mantine-color-default-border": "var(--mantine-color-dark-4)",
-      "--mantine-color-dimmed": "var(--mantine-color-dark-2)"
-    }
-  };
-  F(n.variables, r.breakpoints, "breakpoint"), F(n.variables, r.spacing, "spacing"), F(n.variables, r.fontSizes, "font-size"), F(n.variables, r.lineHeights, "line-height"), F(n.variables, r.shadows, "shadow"), F(n.variables, r.radius, "radius"), r.colors[r.primaryColor].forEach((o, i) => {
-    n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${r.primaryColor}-${i})`;
-  }), M(r.colors).forEach((o) => {
-    const i = r.colors[o];
-    if (kn(i)) {
-      Object.assign(
-        n.light,
-        J({
-          theme: r,
-          name: i.name,
-          color: i.light,
-          colorScheme: "light",
-          withColorValues: !0
-        })
-      ), Object.assign(
-        n.dark,
-        J({
-          theme: r,
-          name: i.name,
-          color: i.dark,
-          colorScheme: "dark",
-          withColorValues: !0
-        })
-      );
-      return;
-    }
-    i.forEach((s, l) => {
-      n.variables[`--mantine-color-${o}-${l}`] = s;
-    }), Object.assign(
-      n.light,
-      J({
-        theme: r,
-        color: o,
-        colorScheme: "light",
-        withColorValues: !1
-      })
-    ), Object.assign(
-      n.dark,
-      J({
-        theme: r,
-        color: o,
-        colorScheme: "dark",
-        withColorValues: !1
-      })
-    );
-  });
-  const a = r.headings.sizes;
-  return M(a).forEach((o) => {
-    n.variables[`--mantine-${o}-font-size`] = a[o].fontSize, n.variables[`--mantine-${o}-line-height`] = a[o].lineHeight, n.variables[`--mantine-${o}-font-weight`] = a[o].fontWeight || r.headings.fontWeight;
-  }), n;
-};
-function Nn({ theme: r, generator: t }) {
-  const e = rt(r), n = t == null ? void 0 : t(r);
-  return n ? vr(e, n) : e;
-}
-const fr = rt(kr);
-function Tn(r) {
-  const t = {
-    variables: {},
-    light: {},
-    dark: {}
-  };
-  return M(r.variables).forEach((e) => {
-    fr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
-  }), M(r.light).forEach((e) => {
-    fr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
-  }), M(r.dark).forEach((e) => {
-    fr.dark[e] !== r.dark[e] && (t.dark[e] = r.dark[e]);
-  }), t;
-}
-function Mn(r) {
-  return `
-  ${r}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
-  ${r}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
-`;
-}
-function tt({
-  cssVariablesSelector: r,
-  deduplicateCssVariables: t
-}) {
-  const e = V(), n = Cr(), a = nn(), o = Nn({ theme: e, generator: a }), i = r === ":root" && t, s = i ? Tn(o) : o, l = Cn(s, r);
-  return l ? /* @__PURE__ */ p(
-    "style",
-    {
-      "data-mantine-styles": !0,
-      nonce: n == null ? void 0 : n(),
-      dangerouslySetInnerHTML: {
-        __html: `${l}${i ? "" : Mn(r)}`
-      }
-    }
-  ) : null;
-}
-tt.displayName = "@mantine/CssVariables";
-function Rn() {
-  const r = console.error;
-  console.error = (...t) => {
-    t.length > 1 && typeof t[0] == "string" && t[0].toLowerCase().includes("extra attributes from the server") && typeof t[1] == "string" && t[1].toLowerCase().includes("data-mantine-color-scheme") || r(...t);
-  };
-}
-function H(r, t) {
-  var a, o;
-  const e = typeof window < "u" && "matchMedia" in window && ((a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : a.matches), n = r !== "auto" ? r : e ? "dark" : "light";
-  (o = t()) == null || o.setAttribute("data-mantine-color-scheme", n);
-}
-function _n({
-  manager: r,
-  defaultColorScheme: t,
-  getRootElement: e,
-  forceColorScheme: n
-}) {
-  const a = W(null), [o, i] = tr(() => r.get(t)), s = n || o, l = Lr(
-    (u) => {
-      n || (H(u, e), i(u), r.set(u));
-    },
-    [r.set, s, n]
-  ), d = Lr(() => {
-    i(t), H(t, e), r.clear();
-  }, [r.clear, t]);
-  return A(() => (r.subscribe(l), r.unsubscribe), [r.subscribe, r.unsubscribe]), Qr(() => {
-    H(r.get(t), e);
-  }, []), A(() => {
-    var f;
-    if (n)
-      return H(n, e), () => {
-      };
-    n === void 0 && H(o, e), typeof window < "u" && "matchMedia" in window && (a.current = window.matchMedia("(prefers-color-scheme: dark)"));
-    const u = (m) => {
-      o === "auto" && H(m.matches ? "dark" : "light", e);
-    };
-    return (f = a.current) == null || f.addEventListener("change", u), () => {
-      var m;
-      return (m = a.current) == null ? void 0 : m.removeEventListener("change", u);
-    };
-  }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: d };
-}
-function Pn({
-  respectReducedMotion: r,
-  getRootElement: t
-}) {
-  Qr(() => {
-    var e;
-    r && ((e = t()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
-  }, [r]);
-}
-Rn();
-function nt({
-  theme: r,
-  children: t,
-  getStyleNonce: e,
-  withStaticClasses: n = !0,
-  withGlobalClasses: a = !0,
-  deduplicateCssVariables: o = !0,
-  withCssVariables: i = !0,
-  cssVariablesSelector: s = ":root",
-  classNamesPrefix: l = "mantine",
-  colorSchemeManager: d = hn(),
-  defaultColorScheme: u = "light",
-  getRootElement: f = () => document.documentElement,
-  cssVariablesResolver: m,
-  forceColorScheme: g,
-  stylesTransform: y,
-  env: $
-}) {
-  const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = _n({
-    defaultColorScheme: u,
-    forceColorScheme: g,
-    manager: d,
-    getRootElement: f
-  });
-  return Pn({
-    respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
-    getRootElement: f
-  }), /* @__PURE__ */ p(
-    Zr.Provider,
-    {
-      value: {
-        colorScheme: h,
-        setColorScheme: C,
-        clearColorScheme: x,
-        getRootElement: f,
-        classNamesPrefix: l,
-        getStyleNonce: e,
-        cssVariablesResolver: m,
-        cssVariablesSelector: s,
-        withStaticClasses: n,
-        stylesTransform: y,
-        env: $
-      },
-      children: /* @__PURE__ */ z(Jr, { theme: r, children: [
-        i && /* @__PURE__ */ p(
-          tt,
-          {
-            cssVariablesSelector: s,
-            deduplicateCssVariables: o
-          }
-        ),
-        a && /* @__PURE__ */ p(wn, {}),
-        t
-      ] })
-    }
-  );
-}
-nt.displayName = "@mantine/core/MantineProvider";
-const Ln = {
-  always: "mantine-focus-always",
-  auto: "mantine-focus-auto",
-  never: "mantine-focus-never"
-};
-function En({ theme: r, options: t, unstyled: e }) {
-  return B(
-    (t == null ? void 0 : t.focusable) && !e && (r.focusClassName || Ln[r.focusRing]),
-    (t == null ? void 0 : t.active) && !e && r.activeClassName
-  );
-}
-function An({
-  selector: r,
-  stylesCtx: t,
-  options: e,
-  props: n,
-  theme: a
-}) {
-  return wr({
-    theme: a,
-    classNames: e == null ? void 0 : e.classNames,
-    props: (e == null ? void 0 : e.props) || n,
-    stylesCtx: t
-  })[r];
-}
-function Fr({
-  selector: r,
-  stylesCtx: t,
-  theme: e,
-  classNames: n,
-  props: a
-}) {
-  return wr({ theme: e, classNames: n, props: a, stylesCtx: t })[r];
-}
-function On({ rootSelector: r, selector: t, className: e }) {
-  return r === t ? e : void 0;
-}
-function In({ selector: r, classes: t, unstyled: e }) {
-  return e ? void 0 : t[r];
-}
-function Bn({
-  themeName: r,
-  classNamesPrefix: t,
-  selector: e,
-  withStaticClass: n
-}) {
-  return n === !1 ? [] : r.map((a) => `${t}-${a}-${e}`);
-}
-function Vn({
-  themeName: r,
-  theme: t,
-  selector: e,
-  props: n,
-  stylesCtx: a
-}) {
-  return r.map(
-    (o) => {
-      var i, s;
-      return (s = wr({
-        theme: t,
-        classNames: (i = t.components[o]) == null ? void 0 : i.classNames,
-        props: n,
-        stylesCtx: a
-      })) == null ? void 0 : s[e];
-    }
-  );
-}
-function jn({
-  options: r,
-  classes: t,
-  selector: e,
-  unstyled: n
-}) {
-  return r != null && r.variant && !n ? t[`${e}--${r.variant}`] : void 0;
-}
-function Fn({
-  theme: r,
-  options: t,
-  themeName: e,
-  selector: n,
-  classNamesPrefix: a,
-  classNames: o,
-  classes: i,
-  unstyled: s,
-  className: l,
-  rootSelector: d,
-  props: u,
-  stylesCtx: f,
-  withStaticClasses: m,
-  headless: g,
-  transformedStyles: y
-}) {
-  return B(
-    En({ theme: r, options: t, unstyled: s || g }),
-    Vn({ theme: r, themeName: e, selector: n, props: u, stylesCtx: f }),
-    jn({ options: t, classes: i, selector: n, unstyled: s }),
-    Fr({ selector: n, stylesCtx: f, theme: r, classNames: o, props: u }),
-    Fr({ selector: n, stylesCtx: f, theme: r, classNames: y, props: u }),
-    An({ selector: n, stylesCtx: f, options: t, props: u, theme: r }),
-    On({ rootSelector: d, selector: n, className: l }),
-    In({ selector: n, classes: i, unstyled: s || g }),
-    m && !g && Bn({
-      themeName: e,
-      classNamesPrefix: a,
-      selector: n,
-      withStaticClass: t == null ? void 0 : t.withStaticClass
-    }),
-    t == null ? void 0 : t.className
-  );
-}
-function Hn({
-  theme: r,
-  themeName: t,
-  props: e,
-  stylesCtx: n,
-  selector: a
-}) {
-  return t.map(
-    (o) => {
-      var i;
-      return gr({
-        theme: r,
-        styles: (i = r.components[o]) == null ? void 0 : i.styles,
-        props: e,
-        stylesCtx: n
-      })[a];
-    }
-  ).reduce((o, i) => ({ ...o, ...i }), {});
-}
-function br({ style: r, theme: t }) {
-  return Array.isArray(r) ? [...r].reduce(
-    (e, n) => ({ ...e, ...br({ style: n, theme: t }) }),
-    {}
-  ) : typeof r == "function" ? r(t) : r ?? {};
-}
-function Wn(r) {
-  return r.reduce((t, e) => (e && Object.keys(e).forEach((n) => {
-    t[n] = { ...t[n], ...Sr(e[n]) };
-  }), t), {});
-}
-function zn({
-  vars: r,
-  varsResolver: t,
-  theme: e,
-  props: n,
-  stylesCtx: a,
-  selector: o,
-  themeName: i,
-  headless: s
-}) {
-  var l;
-  return (l = Wn([
-    s ? {} : t == null ? void 0 : t(e, n, a),
-    ...i.map((d) => {
-      var u, f, m;
-      return (m = (f = (u = e.components) == null ? void 0 : u[d]) == null ? void 0 : f.vars) == null ? void 0 : m.call(f, e, n, a);
-    }),
-    r == null ? void 0 : r(e, n, a)
-  ])) == null ? void 0 : l[o];
-}
-function Yn({
-  theme: r,
-  themeName: t,
-  selector: e,
-  options: n,
-  props: a,
-  stylesCtx: o,
-  rootSelector: i,
-  styles: s,
-  style: l,
-  vars: d,
-  varsResolver: u,
-  headless: f,
-  withStylesTransform: m
-}) {
-  return {
-    ...!m && Hn({ theme: r, themeName: t, props: a, stylesCtx: o, selector: e }),
-    ...!m && gr({ theme: r, styles: s, props: a, stylesCtx: o })[e],
-    ...!m && gr({ theme: r, styles: n == null ? void 0 : n.styles, props: (n == null ? void 0 : n.props) || a, stylesCtx: o })[e],
-    ...zn({ theme: r, props: a, stylesCtx: o, vars: d, varsResolver: u, selector: e, themeName: t, headless: f }),
-    ...i === e ? br({ style: l, theme: r }) : null,
-    ...br({ style: n == null ? void 0 : n.style, theme: r })
-  };
-}
-function Gn({ props: r, stylesCtx: t, themeName: e }) {
-  var i;
-  const n = V(), a = (i = cn()) == null ? void 0 : i();
-  return {
-    getTransformedStyles: (s) => a ? [
-      ...s.map(
-        (d) => a(d, { props: r, theme: n, ctx: t })
-      ),
-      ...e.map(
-        (d) => {
-          var u;
-          return a((u = n.components[d]) == null ? void 0 : u.styles, { props: r, theme: n, ctx: t });
-        }
-      )
-    ].filter(Boolean) : [],
-    withStylesTransform: !!a
-  };
-}
-function Q({
-  name: r,
-  classes: t,
-  props: e,
-  stylesCtx: n,
-  className: a,
-  style: o,
-  rootSelector: i = "root",
-  unstyled: s,
-  classNames: l,
-  styles: d,
-  vars: u,
-  varsResolver: f
-}) {
-  const m = V(), g = en(), y = on(), $ = an(), h = (Array.isArray(r) ? r : [r]).filter((v) => v), { withStylesTransform: C, getTransformedStyles: x } = Gn({
-    props: e,
-    stylesCtx: n,
-    themeName: h
-  });
-  return (v, w) => ({
-    className: Fn({
-      theme: m,
-      options: w,
-      themeName: h,
-      selector: v,
-      classNamesPrefix: g,
-      classNames: l,
-      classes: t,
-      unstyled: s,
-      className: a,
-      rootSelector: i,
-      props: e,
-      stylesCtx: n,
-      withStaticClasses: y,
-      headless: $,
-      transformedStyles: x([w == null ? void 0 : w.styles, d])
-    }),
-    style: Yn({
-      theme: m,
-      themeName: h,
-      selector: v,
-      options: w,
-      props: e,
-      stylesCtx: n,
-      rootSelector: i,
-      styles: d,
-      style: o,
-      vars: u,
-      varsResolver: f,
-      headless: $,
-      withStylesTransform: C
-    })
-  });
-}
-const Dn = ({
-  defaultColorScheme: r,
-  localStorageKey: t,
-  forceColorScheme: e
-}) => e ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${e}');` : `try {
-  var _colorScheme = window.localStorage.getItem("${t}");
-  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${r}";
+import { MantineProvider as s } from "./components/MainProvider/MantineProvider.js";
+import { Button as S } from "./components/Button/Button.js";
+import { jsx as m } from "react/jsx-runtime";
+const a = ({
+  defaultColorScheme: e,
+  localStorageKey: o,
+  forceColorScheme: t
+}) => t ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${t}');` : `try {
+  var _colorScheme = window.localStorage.getItem("${o}");
+  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${e}";
   var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
 } catch (e) {}
 `;
-function _e({
-  defaultColorScheme: r = "light",
-  localStorageKey: t = "mantine-color-scheme-value",
-  forceColorScheme: e,
-  ...n
-}) {
-  const a = ["light", "dark", "auto"].includes(r) ? r : "light";
-  return /* @__PURE__ */ p(
+function l({
+  defaultColorScheme: e = "light",
+  localStorageKey: o = "mantine-color-scheme-value",
+  forceColorScheme: t,
+  ...r
+}) {
+  const c = ["light", "dark", "auto"].includes(e) ? e : "light";
+  return /* @__PURE__ */ m(
     "script",
     {
-      ...n,
+      ...r,
       "data-mantine-script": !0,
       dangerouslySetInnerHTML: {
-        __html: Dn({
-          defaultColorScheme: a,
-          localStorageKey: t,
-          forceColorScheme: e
+        __html: a({
+          defaultColorScheme: c,
+          localStorageKey: o,
+          forceColorScheme: t
         })
       }
     }
   );
 }
-function I(r, t, e) {
-  var i;
-  const n = V(), a = (i = n.components[r]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
-  return { ...t, ...o, ...Sr(e) };
-}
-const Pe = {
+const i = {
   suppressHydrationWarning: !0,
   "data-mantine-color-scheme": "light"
 };
-function ur(r) {
-  return M(r).reduce(
-    (t, e) => r[e] !== void 0 ? `${t}${Dt(e)}:${r[e]};` : t,
-    ""
-  ).trim();
-}
-function Xn({ selector: r, styles: t, media: e, container: n }) {
-  const a = t ? ur(t) : "", o = Array.isArray(e) ? e.map((s) => `@media${s.query}{${r}{${ur(s.styles)}}}`) : [], i = Array.isArray(n) ? n.map(
-    (s) => `@container ${s.query}{${r}{${ur(s.styles)}}}`
-  ) : [];
-  return `${a ? `${r}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
-}
-function Un(r) {
-  const t = Cr();
-  return /* @__PURE__ */ p(
-    "style",
-    {
-      "data-mantine-styles": "inline",
-      nonce: t == null ? void 0 : t(),
-      dangerouslySetInnerHTML: { __html: Xn(r) }
-    }
-  );
-}
-function qn(r) {
-  const {
-    m: t,
-    mx: e,
-    my: n,
-    mt: a,
-    mb: o,
-    ml: i,
-    mr: s,
-    me: l,
-    ms: d,
-    p: u,
-    px: f,
-    py: m,
-    pt: g,
-    pb: y,
-    pl: $,
-    pr: h,
-    pe: C,
-    ps: x,
-    bd: v,
-    bg: w,
-    c: L,
-    opacity: b,
-    ff: k,
-    fz: S,
-    fw: E,
-    lts: or,
-    ta: ar,
-    lh: pt,
-    fs: gt,
-    tt: yt,
-    td: bt,
-    w: ht,
-    miw: $t,
-    maw: vt,
-    h: St,
-    mih: wt,
-    mah: Ct,
-    bgsz: xt,
-    bgp: kt,
-    bgr: Nt,
-    bga: Tt,
-    pos: Mt,
-    top: Rt,
-    left: _t,
-    bottom: Pt,
-    right: Lt,
-    inset: Et,
-    display: At,
-    flex: Ot,
-    hiddenFrom: It,
-    visibleFrom: Bt,
-    lightHidden: Vt,
-    darkHidden: jt,
-    sx: Ft,
-    ...Ht
-  } = r;
-  return { styleProps: Sr({
-    m: t,
-    mx: e,
-    my: n,
-    mt: a,
-    mb: o,
-    ml: i,
-    mr: s,
-    me: l,
-    ms: d,
-    p: u,
-    px: f,
-    py: m,
-    pt: g,
-    pb: y,
-    pl: $,
-    pr: h,
-    pe: C,
-    ps: x,
-    bd: v,
-    bg: w,
-    c: L,
-    opacity: b,
-    ff: k,
-    fz: S,
-    fw: E,
-    lts: or,
-    ta: ar,
-    lh: pt,
-    fs: gt,
-    tt: yt,
-    td: bt,
-    w: ht,
-    miw: $t,
-    maw: vt,
-    h: St,
-    mih: wt,
-    mah: Ct,
-    bgsz: xt,
-    bgp: kt,
-    bgr: Nt,
-    bga: Tt,
-    pos: Mt,
-    top: Rt,
-    left: _t,
-    bottom: Pt,
-    right: Lt,
-    inset: Et,
-    display: At,
-    flex: Ot,
-    hiddenFrom: It,
-    visibleFrom: Bt,
-    lightHidden: Vt,
-    darkHidden: jt,
-    sx: Ft
-  }), rest: Ht };
-}
-const Qn = {
-  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 Tr(r, t) {
-  const e = q({ color: r, theme: t });
-  return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
-}
-function Kn(r, t) {
-  const e = q({ color: r, theme: t });
-  return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` : Tr(r, t);
-}
-function Zn(r, t) {
-  if (typeof r == "number")
-    return c(r);
-  if (typeof r == "string") {
-    const [e, n, ...a] = r.split(" ").filter((i) => i.trim() !== "");
-    let o = `${c(e)}`;
-    return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tr(a.join(" "), t)}`), o.trim();
-  }
-  return r;
-}
-const Hr = {
-  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 Jn(r) {
-  return typeof r == "string" && r in Hr ? Hr[r] : r;
-}
-const re = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function te(r, t) {
-  return typeof r == "string" && r in t.fontSizes ? `var(--mantine-font-size-${r})` : typeof r == "string" && re.includes(r) ? `var(--mantine-${r}-font-size)` : typeof r == "number" || typeof r == "string" ? c(r) : r;
-}
-function ne(r) {
-  return r;
-}
-const ee = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function oe(r, t) {
-  return typeof r == "string" && r in t.lineHeights ? `var(--mantine-line-height-${r})` : typeof r == "string" && ee.includes(r) ? `var(--mantine-${r}-line-height)` : r;
-}
-function ae(r) {
-  return typeof r == "number" ? c(r) : r;
-}
-function ie(r, t) {
-  if (typeof r == "number")
-    return c(r);
-  if (typeof r == "string") {
-    const e = r.replace("-", "");
-    if (!(e in t.spacing))
-      return c(r);
-    const n = `--mantine-spacing-${e}`;
-    return r.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
-  }
-  return r;
-}
-const mr = {
-  color: Tr,
-  textColor: Kn,
-  fontSize: te,
-  spacing: ie,
-  identity: ne,
-  size: ae,
-  lineHeight: oe,
-  fontFamily: Jn,
-  border: Zn
-};
-function Wr(r) {
-  return r.replace("(min-width: ", "").replace("em)", "");
-}
-function se({
-  media: r,
-  ...t
-}) {
-  const n = Object.keys(r).sort((a, o) => Number(Wr(a)) - Number(Wr(o))).map((a) => ({ query: a, styles: r[a] }));
-  return { ...t, media: n };
-}
-function ce(r) {
-  if (typeof r != "object" || r === null)
-    return !1;
-  const t = Object.keys(r);
-  return !(t.length === 1 && t[0] === "base");
-}
-function le(r) {
-  return typeof r == "object" && r !== null ? "base" in r ? r.base : void 0 : r;
-}
-function de(r) {
-  return typeof r == "object" && r !== null ? M(r).filter((t) => t !== "base") : [];
-}
-function fe(r, t) {
-  return typeof r == "object" && r !== null && t in r ? r[t] : r;
-}
-function ue({
-  styleProps: r,
-  data: t,
-  theme: e
-}) {
-  return se(
-    M(r).reduce(
-      (n, a) => {
-        if (a === "hiddenFrom" || a === "visibleFrom" || a === "sx")
-          return n;
-        const o = t[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(r[a]);
-        if (!ce(r[a]))
-          return i.forEach((d) => {
-            n.inlineStyles[d] = mr[o.type](s, e);
-          }), n;
-        n.hasResponsiveStyles = !0;
-        const l = de(r[a]);
-        return i.forEach((d) => {
-          s && (n.styles[d] = mr[o.type](s, e)), l.forEach((u) => {
-            const f = `(min-width: ${e.breakpoints[u]})`;
-            n.media[f] = {
-              ...n.media[f],
-              [d]: mr[o.type](
-                fe(r[a], u),
-                e
-              )
-            };
-          });
-        }), n;
-      },
-      {
-        hasResponsiveStyles: !1,
-        styles: {},
-        inlineStyles: {},
-        media: {}
-      }
-    )
-  );
-}
-function me() {
-  return `__m__-${Yt().replace(/:/g, "")}`;
-}
-function et(r) {
-  return r.startsWith("data-") ? r : `data-${r}`;
-}
-function pe(r) {
-  return Object.keys(r).reduce((t, e) => {
-    const n = r[e];
-    return n === void 0 || n === "" || n === !1 || n === null || (t[et(e)] = r[e]), t;
-  }, {});
-}
-function ot(r) {
-  return r ? typeof r == "string" ? { [et(r)]: !0 } : Array.isArray(r) ? [...r].reduce(
-    (t, e) => ({ ...t, ...ot(e) }),
-    {}
-  ) : pe(r) : null;
-}
-function hr(r, t) {
-  return Array.isArray(r) ? [...r].reduce(
-    (e, n) => ({ ...e, ...hr(n, t) }),
-    {}
-  ) : typeof r == "function" ? r(t) : r ?? {};
-}
-function ge({
-  theme: r,
-  style: t,
-  vars: e,
-  styleProps: n
-}) {
-  const a = hr(t, r), o = hr(e, r);
-  return { ...a, ...o, ...n };
-}
-const at = _(
-  ({
-    component: r,
-    style: t,
-    __vars: e,
-    className: n,
-    variant: a,
-    mod: o,
-    size: i,
-    hiddenFrom: s,
-    visibleFrom: l,
-    lightHidden: d,
-    darkHidden: u,
-    renderRoot: f,
-    __size: m,
-    ...g
-  }, y) => {
-    var S;
-    const $ = V(), h = r || "div", { styleProps: C, rest: x } = qn(g), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = me(), b = ue({
-      styleProps: C,
-      theme: $,
-      data: Qn
-    }), k = {
-      ref: y,
-      style: ge({
-        theme: $,
-        style: t,
-        vars: e,
-        styleProps: b.inlineStyles
-      }),
-      className: B(n, w, {
-        [L]: b.hasResponsiveStyles,
-        "mantine-light-hidden": d,
-        "mantine-dark-hidden": u,
-        [`mantine-hidden-from-${s}`]: s,
-        [`mantine-visible-from-${l}`]: l
-      }),
-      "data-variant": a,
-      "data-size": Ur(i) ? void 0 : i || void 0,
-      size: m,
-      ...ot(o),
-      ...x
-    };
-    return /* @__PURE__ */ z(pr, { children: [
-      b.hasResponsiveStyles && /* @__PURE__ */ p(
-        Un,
-        {
-          selector: `.${L}`,
-          styles: b.styles,
-          media: b.media
-        }
-      ),
-      typeof f == "function" ? f(k) : /* @__PURE__ */ p(h, { ...k })
-    ] });
-  }
-);
-at.displayName = "@mantine/core/Box";
-const N = at;
-function it(r) {
-  return r;
-}
-function Mr(r) {
-  const t = _(r);
-  return t.extend = it, t.withProps = (e) => {
-    const n = _((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
-    return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
-  }, t;
-}
-function st(r) {
-  const t = _(r);
-  return t.withProps = (e) => {
-    const n = _((a, o) => /* @__PURE__ */ p(t, { ...e, ...a, ref: o }));
-    return n.extend = t.extend, n.displayName = `WithProps(${t.displayName})`, n;
-  }, t.extend = it, t;
-}
-var ct = { root: "m_87cf2631" };
-const ye = {
-  __staticSelector: "UnstyledButton"
-}, Rr = st(
-  (r, t) => {
-    const e = I("UnstyledButton", ye, r), {
-      className: n,
-      component: a = "button",
-      __staticSelector: o,
-      unstyled: i,
-      classNames: s,
-      styles: l,
-      style: d,
-      ...u
-    } = e, f = Q({
-      name: o,
-      props: e,
-      classes: ct,
-      className: n,
-      style: d,
-      classNames: s,
-      styles: l,
-      unstyled: i
-    });
-    return /* @__PURE__ */ p(
-      N,
-      {
-        ...f("root", { focusable: !0 }),
-        component: a,
-        ref: t,
-        type: a === "button" ? "button" : void 0,
-        ...u
-      }
-    );
-  }
-);
-Rr.classes = ct;
-Rr.displayName = "@mantine/core/UnstyledButton";
-const X = (r) => ({
-  in: { opacity: 1, transform: "scale(1)" },
-  out: { opacity: 0, transform: `scale(.9) translateY(${r === "bottom" ? 10 : -10}px)` },
-  transitionProperty: "transform, opacity"
-}), rr = {
-  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: {
-    ...X("bottom"),
-    common: { transformOrigin: "center center" }
-  },
-  "pop-bottom-left": {
-    ...X("bottom"),
-    common: { transformOrigin: "bottom left" }
-  },
-  "pop-bottom-right": {
-    ...X("bottom"),
-    common: { transformOrigin: "bottom right" }
-  },
-  "pop-top-left": {
-    ...X("top"),
-    common: { transformOrigin: "top left" }
-  },
-  "pop-top-right": {
-    ...X("top"),
-    common: { transformOrigin: "top right" }
-  }
-}, zr = {
-  entering: "in",
-  entered: "in",
-  exiting: "out",
-  exited: "out",
-  "pre-exiting": "out",
-  "pre-entering": "out"
-};
-function be({
-  transition: r,
-  state: t,
-  duration: e,
-  timingFunction: n
-}) {
-  const a = {
-    WebkitBackfaceVisibility: "hidden",
-    willChange: "transform, opacity",
-    transitionDuration: `${e}ms`,
-    transitionTimingFunction: n
-  };
-  return typeof r == "string" ? r in rr ? {
-    transitionProperty: rr[r].transitionProperty,
-    ...a,
-    ...rr[r].common,
-    ...rr[r][zr[t]]
-  } : {} : {
-    transitionProperty: r.transitionProperty,
-    ...a,
-    ...r.common,
-    ...r[zr[t]]
-  };
-}
-function he({
-  duration: r,
-  exitDuration: t,
-  timingFunction: e,
-  mounted: n,
-  onEnter: a,
-  onExit: o,
-  onEntered: i,
-  onExited: s,
-  enterDelay: l,
-  exitDelay: d
-}) {
-  const u = V(), f = Jt(), m = u.respectReducedMotion ? f : !1, [g, y] = tr(m ? 0 : r), [$, h] = tr(n ? "entered" : "exited"), C = W(-1), x = W(-1), v = W(-1), w = (b) => {
-    const k = b ? a : o, S = b ? i : s;
-    window.clearTimeout(C.current);
-    const E = m ? 0 : b ? r : t;
-    y(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
-      Gt.flushSync(() => {
-        h(b ? "pre-entering" : "pre-exiting");
-      }), v.current = requestAnimationFrame(() => {
-        typeof k == "function" && k(), h(b ? "entering" : "exiting"), C.current = window.setTimeout(() => {
-          typeof S == "function" && S(), h(b ? "entered" : "exited");
-        }, E);
-      });
-    });
-  }, L = (b) => {
-    if (window.clearTimeout(x.current), typeof (b ? l : d) != "number") {
-      w(b);
-      return;
-    }
-    x.current = window.setTimeout(
-      () => {
-        w(b);
-      },
-      b ? l : d
-    );
-  };
-  return Zt(() => {
-    L(n);
-  }, [n]), A(
-    () => () => {
-      window.clearTimeout(C.current), cancelAnimationFrame(v.current);
-    },
-    []
-  ), {
-    transitionDuration: g,
-    transitionStatus: $,
-    transitionTimingFunction: e || "ease"
-  };
-}
-function lt({
-  keepMounted: r,
-  transition: t = "fade",
-  duration: e = 250,
-  exitDuration: n = e,
-  mounted: a,
-  children: o,
-  timingFunction: i = "ease",
-  onExit: s,
-  onEntered: l,
-  onEnter: d,
-  onExited: u,
-  enterDelay: f,
-  exitDelay: m
-}) {
-  const g = ln(), { transitionDuration: y, transitionStatus: $, transitionTimingFunction: h } = he({
-    mounted: a,
-    exitDuration: n,
-    duration: e,
-    timingFunction: i,
-    onExit: s,
-    onEntered: l,
-    onEnter: d,
-    onExited: u,
-    enterDelay: f,
-    exitDelay: m
-  });
-  return y === 0 || g === "test" ? a ? /* @__PURE__ */ p(pr, { children: o({}) }) : r ? o({ display: "none" }) : null : $ === "exited" ? r ? o({ display: "none" }) : null : /* @__PURE__ */ p(pr, { children: o(
-    be({
-      transition: t,
-      duration: y,
-      state: $,
-      timingFunction: h
-    })
-  ) });
-}
-lt.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 dt = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.barsLoader, r), ...t, ref: e, children: [
-  /* @__PURE__ */ p("span", { className: T.bar }),
-  /* @__PURE__ */ p("span", { className: T.bar }),
-  /* @__PURE__ */ p("span", { className: T.bar })
-] }));
-dt.displayName = "@mantine/core/Bars";
-const ft = _(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.dotsLoader, r), ...t, ref: e, children: [
-  /* @__PURE__ */ p("span", { className: T.dot }),
-  /* @__PURE__ */ p("span", { className: T.dot }),
-  /* @__PURE__ */ p("span", { className: T.dot })
-] }));
-ft.displayName = "@mantine/core/Dots";
-const ut = _(({ className: r, ...t }, e) => /* @__PURE__ */ p(N, { component: "span", className: B(T.ovalLoader, r), ...t, ref: e }));
-ut.displayName = "@mantine/core/Oval";
-const mt = {
-  bars: dt,
-  oval: ut,
-  dots: ft
-}, $e = {
-  loaders: mt,
-  type: "oval"
-}, ve = (r, { size: t, color: e }) => ({
-  root: {
-    "--loader-size": O(t, "loader-size"),
-    "--loader-color": e ? yr(e, r) : void 0
-  }
-}), er = Mr((r, t) => {
-  const e = I("Loader", $e, r), {
-    size: n,
-    color: a,
-    type: o,
-    vars: i,
-    className: s,
-    style: l,
-    classNames: d,
-    styles: u,
-    unstyled: f,
-    loaders: m,
-    variant: g,
-    children: y,
-    ...$
-  } = e, h = Q({
-    name: "Loader",
-    props: e,
-    classes: T,
-    className: s,
-    style: l,
-    classNames: d,
-    styles: u,
-    unstyled: f,
-    vars: i,
-    varsResolver: ve
-  });
-  return y ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: y }) : /* @__PURE__ */ p(
-    N,
-    {
-      ...h("root"),
-      ref: t,
-      component: m[o],
-      variant: g,
-      size: n,
-      ...$
-    }
-  );
-});
-er.defaultLoaders = mt;
-er.classes = T;
-er.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 Yr = {
-  orientation: "horizontal"
-}, Se = (r, { borderWidth: t }) => ({
-  group: { "--button-border-width": c(t) }
-}), _r = Mr((r, t) => {
-  const e = I("ButtonGroup", Yr, r), {
-    className: n,
-    style: a,
-    classNames: o,
-    styles: i,
-    unstyled: s,
-    orientation: l,
-    vars: d,
-    borderWidth: u,
-    variant: f,
-    mod: m,
-    ...g
-  } = I("ButtonGroup", Yr, r), y = Q({
-    name: "ButtonGroup",
-    props: e,
-    classes: Y,
-    className: n,
-    style: a,
-    classNames: o,
-    styles: i,
-    unstyled: s,
-    vars: d,
-    varsResolver: Se,
-    rootSelector: "group"
-  });
-  return /* @__PURE__ */ p(
-    N,
-    {
-      ...y("group"),
-      ref: t,
-      variant: f,
-      mod: [{ "data-orientation": l }, m],
-      role: "group",
-      ...g
-    }
-  );
-});
-_r.classes = Y;
-_r.displayName = "@mantine/core/ButtonGroup";
-const Gr = {}, we = (r, { radius: t, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
-  const s = r.variantColorResolver({
-    color: e || r.primaryColor,
-    theme: r,
-    gradient: n,
-    variant: a || "filled",
-    autoContrast: o
-  });
-  return {
-    groupSection: {
-      "--section-height": O(i, "section-height"),
-      "--section-padding-x": O(i, "section-padding-x"),
-      "--section-fz": i != null && i.includes("compact") ? nr(i.replace("compact-", "")) : nr(i),
-      "--section-radius": t === void 0 ? void 0 : qr(t),
-      "--section-bg": e || a ? s.background : void 0,
-      "--section-color": s.color,
-      "--section-bd": e || a ? s.border : void 0
-    }
-  };
-}, Pr = Mr((r, t) => {
-  const e = I("ButtonGroupSection", Gr, r), {
-    className: n,
-    style: a,
-    classNames: o,
-    styles: i,
-    unstyled: s,
-    vars: l,
-    variant: d,
-    gradient: u,
-    radius: f,
-    autoContrast: m,
-    ...g
-  } = I("ButtonGroupSection", Gr, r), y = Q({
-    name: "ButtonGroupSection",
-    props: e,
-    classes: Y,
-    className: n,
-    style: a,
-    classNames: o,
-    styles: i,
-    unstyled: s,
-    vars: l,
-    varsResolver: we,
-    rootSelector: "groupSection"
-  });
-  return /* @__PURE__ */ p(N, { ...y("groupSection"), ref: t, variant: d, ...g });
-});
-Pr.classes = Y;
-Pr.displayName = "@mantine/core/ButtonGroupSection";
-const Ce = {
-  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${c(1)}))` },
-  out: { opacity: 0, transform: "translate(-50%, -200%)" },
-  common: { transformOrigin: "center" },
-  transitionProperty: "transform, opacity"
-}, xe = {}, ke = (r, { radius: t, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
-  const l = r.variantColorResolver({
-    color: e || r.primaryColor,
-    theme: r,
-    gradient: n,
-    variant: a || "filled",
-    autoContrast: s
-  });
-  return {
-    root: {
-      "--button-justify": i,
-      "--button-height": O(o, "button-height"),
-      "--button-padding-x": O(o, "button-padding-x"),
-      "--button-fz": o != null && o.includes("compact") ? nr(o.replace("compact-", "")) : nr(o),
-      "--button-radius": t === void 0 ? void 0 : qr(t),
-      "--button-bg": e || a ? l.background : void 0,
-      "--button-hover": e || a ? l.hover : void 0,
-      "--button-color": l.color,
-      "--button-bd": e || a ? l.border : void 0,
-      "--button-hover-color": e || a ? l.hoverColor : void 0
-    }
-  };
-}, K = st((r, t) => {
-  const e = I("Button", xe, r), {
-    style: n,
-    vars: a,
-    className: o,
-    color: i,
-    disabled: s,
-    children: l,
-    leftSection: d,
-    rightSection: u,
-    fullWidth: f,
-    variant: m,
-    radius: g,
-    loading: y,
-    loaderProps: $,
-    gradient: h,
-    classNames: C,
-    styles: x,
-    unstyled: v,
-    "data-disabled": w,
-    autoContrast: L,
-    mod: b,
-    ...k
-  } = e, S = Q({
-    name: "Button",
-    props: e,
-    classes: Y,
-    className: o,
-    style: n,
-    classNames: C,
-    styles: x,
-    unstyled: v,
-    vars: a,
-    varsResolver: ke
-  }), E = !!d, or = !!u;
-  return /* @__PURE__ */ z(
-    Rr,
-    {
-      ref: t,
-      ...S("root", { active: !s && !y && !w }),
-      unstyled: v,
-      variant: m,
-      disabled: s || y,
-      mod: [
-        {
-          disabled: s || w,
-          loading: y,
-          block: f,
-          "with-left-section": E,
-          "with-right-section": or
-        },
-        b
-      ],
-      ...k,
-      children: [
-        /* @__PURE__ */ p(lt, { mounted: !!y, transition: Ce, duration: 150, children: (ar) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: ar }), "aria-hidden": !0, children: /* @__PURE__ */ p(
-          er,
-          {
-            color: "var(--button-color)",
-            size: "calc(var(--button-height) / 1.8)",
-            ...$
-          }
-        ) }) }),
-        /* @__PURE__ */ z("span", { ...S("inner"), children: [
-          d && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: d }),
-          /* @__PURE__ */ p(N, { component: "span", mod: { loading: y }, ...S("label"), children: l }),
-          u && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "right" }, children: u })
-        ] })
-      ]
-    }
-  );
-});
-K.classes = Y;
-K.displayName = "@mantine/core/Button";
-K.Group = _r;
-K.GroupSection = Pr;
-function Le({ children: r }) {
-  return /* @__PURE__ */ p(nt, { children: r });
-}
-const Ee = (r) => /* @__PURE__ */ p(K, { ...r });
 export {
-  _e as ColorSchemeScript,
-  Le as MantineProvider,
-  Ee as TestButton,
-  Pe as mantineHtmlProps
+  S as Button,
+  l as ColorSchemeScript,
+  s as MantineProvider,
+  i as mantineHtmlProps
 };