@kvell-group/ui 1.6.6 → 1.6.8

package/dist/main.js

@@ -1,2470 +1,46 @@
-import { jsx as p, jsxs as z, Fragment as pt } from "react/jsx-runtime";
-import { useState as rt, useRef as W, useEffect as A, useLayoutEffect as Wr, createContext as Dt, useContext as $t, useMemo as zr, useCallback as Lt, useId as Yr, forwardRef as _ } from "react";
-import Gr from "react-dom";
-import './assets/main.css';function M(t) {
-  return Object.keys(t);
-}
-function it(t) {
-  return t && typeof t == "object" && !Array.isArray(t);
-}
-function vt(t, r) {
-  const e = { ...t }, n = r;
-  return it(t) && it(r) && Object.keys(r).forEach((a) => {
-    it(n[a]) && a in t ? e[a] = vt(e[a], n[a]) : e[a] = n[a];
-  }), e;
-}
-function Dr(t) {
-  return t.replace(/[A-Z]/g, (r) => `-${r.toLowerCase()}`);
-}
-function Xr(t) {
-  var r;
-  return typeof t != "string" || !t.includes("var(--mantine-scale)") ? t : (r = t.match(/^calc\((.*?)\)$/)) == null ? void 0 : r[1].split("*")[0].trim();
-}
-function Ur(t) {
-  const r = Xr(t);
-  return typeof r == "number" ? r : typeof r == "string" ? r.includes("calc") || r.includes("var") ? r : r.includes("px") ? Number(r.replace("px", "")) : r.includes("rem") ? Number(r.replace("rem", "")) * 16 : r.includes("em") ? Number(r.replace("em", "")) * 16 : Number(r) : NaN;
-}
-function st(t) {
-  return t === "0rem" ? "0rem" : `calc(${t} * var(--mantine-scale))`;
-}
-function Xt(t, { shouldScale: r = !1 } = {}) {
-  function e(n) {
-    if (n === 0 || n === "0")
-      return `0${t}`;
-    if (typeof n == "number") {
-      const a = `${n / 16}${t}`;
-      return r ? st(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(t))
-        return r ? st(n) : n;
-      const a = n.replace("px", "");
-      if (!Number.isNaN(Number(a))) {
-        const o = `${Number(a) / 16}${t}`;
-        return r ? st(o) : o;
-      }
-    }
-    return n;
-  }
-  return e;
-}
-const c = Xt("rem", { shouldScale: !0 }), Et = Xt("em");
-function St(t) {
-  return Object.keys(t).reduce((r, e) => (t[e] !== void 0 && (r[e] = t[e]), r), {});
-}
-function Ut(t) {
-  if (typeof t == "number")
-    return !0;
-  if (typeof t == "string") {
-    if (t.startsWith("calc(") || t.startsWith("var(") || t.includes(" ") && t.trim() !== "")
-      return !0;
-    const r = /^[+-]?[0-9]+(\.[0-9]+)?(px|em|rem|ex|ch|lh|rlh|vw|vh|vmin|vmax|vb|vi|svw|svh|lvw|lvh|dvw|dvh|cm|mm|in|pt|pc|q|cqw|cqh|cqi|cqb|cqmin|cqmax|%)?$/;
-    return t.trim().split(/\s+/).every((n) => r.test(n));
-  }
-  return !1;
-}
-function O(t, r = "size", e = !0) {
-  if (t !== void 0)
-    return Ut(t) ? e ? c(t) : t : `var(--${r}-${t})`;
-}
-function qt(t) {
-  return t === void 0 ? "var(--mantine-radius-default)" : O(t, "mantine-radius");
-}
-function nt(t) {
-  return O(t, "mantine-font-size");
-}
-function qr(t, r) {
-  try {
-    return t.addEventListener("change", r), () => t.removeEventListener("change", r);
-  } catch {
-    return t.addListener(r), () => t.removeListener(r);
-  }
-}
-function Qr(t, r) {
-  return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
-}
-function Kr(t, r, { getInitialValueInEffect: e } = {
-  getInitialValueInEffect: !0
-}) {
-  const [n, a] = rt(
-    e ? r : Qr(t)
-  ), o = W(null);
-  return A(() => {
-    if ("matchMedia" in window)
-      return o.current = window.matchMedia(t), a(o.current.matches), qr(o.current, (i) => a(i.matches));
-  }, [t]), n;
-}
-const Qt = typeof document < "u" ? Wr : A;
-function Zr(t, r) {
-  const e = W(!1);
-  A(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), A(() => {
-    if (e.current)
-      return t();
-    e.current = !0;
-  }, r);
-}
-function Jr(t, r) {
-  return Kr("(prefers-reduced-motion: reduce)", t, r);
-}
-function Kt(t) {
-  var r, e, n = "";
-  if (typeof t == "string" || typeof t == "number") n += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var a = t.length;
-    for (r = 0; r < a; r++) t[r] && (e = Kt(t[r])) && (n && (n += " "), n += e);
-  } else for (e in t) t[e] && (n && (n += " "), n += e);
-  return n;
-}
-function B() {
-  for (var t, r, e = 0, n = "", a = arguments.length; e < a; e++) (t = arguments[e]) && (r = Kt(t)) && (n && (n += " "), n += r);
-  return n;
-}
-const tn = {};
-function rn(t) {
-  const r = {};
-  return t.forEach((e) => {
-    Object.entries(e).forEach(([n, a]) => {
-      r[n] ? r[n] = B(r[n], a) : r[n] = a;
-    });
-  }), r;
-}
-function wt({ theme: t, classNames: r, props: e, stylesCtx: n }) {
-  const o = (Array.isArray(r) ? r : [r]).map(
-    (i) => typeof i == "function" ? i(t, e, n) : i || tn
-  );
-  return rn(o);
-}
-function gt({ theme: t, styles: r, props: e, stylesCtx: n }) {
-  return (Array.isArray(r) ? r : [r]).reduce((o, i) => typeof i == "function" ? { ...o, ...i(t, e, n) } : { ...o, ...i }, {});
-}
-const Zt = Dt(null);
-function P() {
-  const t = $t(Zt);
-  if (!t)
-    throw new Error("[@mantine/core] MantineProvider was not found in tree");
-  return t;
-}
-function nn() {
-  return P().cssVariablesResolver;
-}
-function en() {
-  return P().classNamesPrefix;
-}
-function Ct() {
-  return P().getStyleNonce;
-}
-function on() {
-  return P().withStaticClasses;
-}
-function an() {
-  return P().headless;
-}
-function sn() {
-  var t;
-  return (t = P().stylesTransform) == null ? void 0 : t.sx;
-}
-function cn() {
-  var t;
-  return (t = P().stylesTransform) == null ? void 0 : t.styles;
-}
-function ln() {
-  return P().env || "default";
-}
-function dn(t) {
-  return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(t);
-}
-function fn(t) {
-  let r = t.replace("#", "");
-  if (r.length === 3) {
-    const i = r.split("");
-    r = [
-      i[0],
-      i[0],
-      i[1],
-      i[1],
-      i[2],
-      i[2]
-    ].join("");
-  }
-  if (r.length === 8) {
-    const i = parseInt(r.slice(6, 8), 16) / 255;
-    return {
-      r: parseInt(r.slice(0, 2), 16),
-      g: parseInt(r.slice(2, 4), 16),
-      b: parseInt(r.slice(4, 6), 16),
-      a: i
-    };
-  }
-  const e = parseInt(r, 16), n = e >> 16 & 255, a = e >> 8 & 255, o = e & 255;
-  return {
-    r: n,
-    g: a,
-    b: o,
-    a: 1
-  };
-}
-function un(t) {
-  const [r, e, n, a] = t.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
-  return { r, g: e, b: n, a: a || 1 };
-}
-function mn(t) {
-  const r = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, e = t.match(r);
-  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 xt(t) {
-  return dn(t) ? fn(t) : t.startsWith("rgb") ? un(t) : t.startsWith("hsl") ? mn(t) : {
-    r: 0,
-    g: 0,
-    b: 0,
-    a: 1
-  };
-}
-function Z(t, r) {
-  if (t.startsWith("var("))
-    return `color-mix(in srgb, ${t}, black ${r * 100}%)`;
-  const { r: e, g: n, b: a, a: o } = xt(t), i = 1 - r, s = (l) => Math.round(l * i);
-  return `rgba(${s(e)}, ${s(n)}, ${s(a)}, ${o})`;
-}
-function U(t, r) {
-  return typeof t.primaryShade == "number" ? t.primaryShade : r === "dark" ? t.primaryShade.dark : t.primaryShade.light;
-}
-function ct(t) {
-  return t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4;
-}
-function pn(t) {
-  const r = t.match(/oklch\((.*?)%\s/);
-  return r ? parseFloat(r[1]) : null;
-}
-function gn(t) {
-  if (t.startsWith("oklch("))
-    return (pn(t) || 0) / 100;
-  const { r, g: e, b: n } = xt(t), a = r / 255, o = e / 255, i = n / 255, s = ct(a), l = ct(o), d = ct(i);
-  return 0.2126 * s + 0.7152 * l + 0.0722 * d;
-}
-function G(t, r = 0.179) {
-  return t.startsWith("var(") ? !1 : gn(t) > r;
-}
-function q({
-  color: t,
-  theme: r,
-  colorScheme: e
-}) {
-  if (typeof t != "string")
-    throw new Error(
-      `[@mantine/core] Failed to parse color. Expected color to be a string, instead got ${typeof t}`
-    );
-  if (t === "bright")
-    return {
-      color: t,
-      value: e === "dark" ? r.white : r.black,
-      shade: void 0,
-      isThemeColor: !1,
-      isLight: G(
-        e === "dark" ? r.white : r.black,
-        r.luminanceThreshold
-      ),
-      variable: "--mantine-color-bright"
-    };
-  if (t === "dimmed")
-    return {
-      color: t,
-      value: e === "dark" ? r.colors.dark[2] : r.colors.gray[7],
-      shade: void 0,
-      isThemeColor: !1,
-      isLight: G(
-        e === "dark" ? r.colors.dark[2] : r.colors.gray[6],
-        r.luminanceThreshold
-      ),
-      variable: "--mantine-color-dimmed"
-    };
-  if (t === "white" || t === "black")
-    return {
-      color: t,
-      value: t === "white" ? r.white : r.black,
-      shade: void 0,
-      isThemeColor: !1,
-      isLight: G(
-        t === "white" ? r.white : r.black,
-        r.luminanceThreshold
-      ),
-      variable: `--mantine-color-${t}`
-    };
-  const [n, a] = t.split("."), o = a ? Number(a) : void 0, i = n in r.colors;
-  if (i) {
-    const s = o !== void 0 ? r.colors[n][o] : r.colors[n][U(r, e || "light")];
-    return {
-      color: n,
-      value: s,
-      shade: o,
-      isThemeColor: i,
-      isLight: G(s, r.luminanceThreshold),
-      variable: a ? `--mantine-color-${n}-${o}` : `--mantine-color-${n}-filled`
-    };
-  }
-  return {
-    color: t,
-    value: t,
-    isThemeColor: i,
-    isLight: G(t, r.luminanceThreshold),
-    shade: o,
-    variable: void 0
-  };
-}
-function yt(t, r) {
-  const e = q({ color: t || r.primaryColor, theme: r });
-  return e.variable ? `var(${e.variable})` : t;
-}
-function At(t, r) {
-  const e = {
-    from: (t == null ? void 0 : t.from) || r.defaultGradient.from,
-    to: (t == null ? void 0 : t.to) || r.defaultGradient.to,
-    deg: (t == null ? void 0 : t.deg) ?? r.defaultGradient.deg ?? 0
-  }, n = yt(e.from, r), a = yt(e.to, r);
-  return `linear-gradient(${e.deg}deg, ${n} 0%, ${a} 100%)`;
-}
-function R(t, r) {
-  if (typeof t != "string" || r > 1 || r < 0)
-    return "rgba(0, 0, 0, 1)";
-  if (t.startsWith("var(")) {
-    const o = (1 - r) * 100;
-    return `color-mix(in srgb, ${t}, transparent ${o}%)`;
-  }
-  if (t.startsWith("oklch"))
-    return t.includes("/") ? t.replace(/\/\s*[\d.]+\s*\)/, `/ ${r})`) : t.replace(")", ` / ${r})`);
-  const { r: e, g: n, b: a } = xt(t);
-  return `rgba(${e}, ${n}, ${a}, ${r})`;
-}
-const j = R, yn = ({
-  color: t,
-  theme: r,
-  variant: e,
-  gradient: n,
-  autoContrast: a
-}) => {
-  const o = q({ color: t, theme: r }), i = typeof a == "boolean" ? a : r.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-${t}-filled)`,
-      hover: `var(--mantine-color-${t}-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: t,
-      hover: Z(t, 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-${t}-light)`,
-          hover: `var(--mantine-color-${t}-light-hover)`,
-          color: `var(--mantine-color-${t}-light-color)`,
-          border: `${c(1)} solid transparent`
-        };
-      const s = r.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(t, 0.1),
-      hover: R(t, 0.12),
-      color: t,
-      border: `${c(1)} solid transparent`
-    };
-  }
-  if (e === "outline")
-    return o.isThemeColor ? o.shade === void 0 ? {
-      background: "transparent",
-      hover: `var(--mantine-color-${t}-outline-hover)`,
-      color: `var(--mantine-color-${t}-outline)`,
-      border: `${c(1)} solid var(--mantine-color-${t}-outline)`
-    } : {
-      background: "transparent",
-      hover: R(r.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(t, 0.05),
-      color: t,
-      border: `${c(1)} solid ${t}`
-    };
-  if (e === "subtle") {
-    if (o.isThemeColor) {
-      if (o.shade === void 0)
-        return {
-          background: "transparent",
-          hover: `var(--mantine-color-${t}-light-hover)`,
-          color: `var(--mantine-color-${t}-light-color)`,
-          border: `${c(1)} solid transparent`
-        };
-      const s = r.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(t, 0.12),
-      color: t,
-      border: `${c(1)} solid transparent`
-    };
-  }
-  return e === "transparent" ? o.isThemeColor ? o.shade === void 0 ? {
-    background: "transparent",
-    hover: "transparent",
-    color: `var(--mantine-color-${t}-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: t,
-    border: `${c(1)} solid transparent`
-  } : e === "white" ? o.isThemeColor ? o.shade === void 0 ? {
-    background: "var(--mantine-color-white)",
-    hover: Z(r.white, 0.01),
-    color: `var(--mantine-color-${t}-filled)`,
-    border: `${c(1)} solid transparent`
-  } : {
-    background: "var(--mantine-color-white)",
-    hover: Z(r.white, 0.01),
-    color: `var(--mantine-color-${o.color}-${o.shade})`,
-    border: `${c(1)} solid transparent`
-  } : {
-    background: "var(--mantine-color-white)",
-    hover: Z(r.white, 0.01),
-    color: t,
-    border: `${c(1)} solid transparent`
-  } : e === "gradient" ? {
-    background: At(n, r),
-    hover: At(n, r),
-    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"
-  ]
-}, Ot = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", kt = {
-  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: Ot,
-  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: Ot,
-    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 It(t) {
-  return t === "auto" || t === "dark" || t === "light";
-}
-function hn({
-  key: t = "mantine-color-scheme-value"
-} = {}) {
-  let r;
-  return {
-    get: (e) => {
-      if (typeof window > "u")
-        return e;
-      try {
-        const n = window.localStorage.getItem(t);
-        return It(n) ? n : e;
-      } catch {
-        return e;
-      }
-    },
-    set: (e) => {
-      try {
-        window.localStorage.setItem(t, e);
-      } catch (n) {
-        console.warn(
-          "[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
-          n
-        );
-      }
-    },
-    subscribe: (e) => {
-      r = (n) => {
-        n.storageArea === window.localStorage && n.key === t && It(n.newValue) && e(n.newValue);
-      }, window.addEventListener("storage", r);
-    },
-    unsubscribe: () => {
-      window.removeEventListener("storage", r);
-    },
-    clear: () => {
-      window.localStorage.removeItem(t);
-    }
-  };
-}
-const $n = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", Bt = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
-function lt(t) {
-  return t < 0 || t > 9 ? !1 : parseInt(t.toString(), 10) === t;
-}
-function Vt(t) {
-  if (!(t.primaryColor in t.colors))
-    throw new Error($n);
-  if (typeof t.primaryShade == "object" && (!lt(t.primaryShade.dark) || !lt(t.primaryShade.light)))
-    throw new Error(Bt);
-  if (typeof t.primaryShade == "number" && !lt(t.primaryShade))
-    throw new Error(Bt);
-}
-function vn(t, r) {
-  var n;
-  if (!r)
-    return Vt(t), t;
-  const e = vt(t, r);
-  return r.fontFamily && !((n = r.headings) != null && n.fontFamily) && (e.headings.fontFamily = r.fontFamily), Vt(e), e;
-}
-const Nt = Dt(null), Sn = () => $t(Nt) || kt;
-function V() {
-  const t = $t(Nt);
-  if (!t)
-    throw new Error(
-      "@mantine/core: MantineProvider was not found in component tree, make sure you have it in your app"
-    );
-  return t;
-}
-function Jt({
-  theme: t,
-  children: r,
-  inherit: e = !0
-}) {
-  const n = Sn(), a = zr(
-    () => vn(e ? n : kt, t),
-    [t, n, e]
-  );
-  return /* @__PURE__ */ p(Nt.Provider, { value: a, children: r });
-}
-Jt.displayName = "@mantine/core/MantineThemeProvider";
-function wn() {
-  const t = V(), r = Ct(), e = M(t.breakpoints).reduce((n, a) => {
-    const o = t.breakpoints[a].includes("px"), i = Ur(t.breakpoints[a]), s = o ? `${i - 0.1}px` : Et(i - 0.1), l = o ? `${i}px` : Et(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: r == null ? void 0 : r(),
-      dangerouslySetInnerHTML: { __html: e }
-    }
-  );
-}
-function dt(t) {
-  return Object.entries(t).map(([r, e]) => `${r}: ${e};`).join("");
-}
-function D(t, r) {
-  return (Array.isArray(t) ? t : [t]).reduce((n, a) => `${a}{${n}}`, r);
-}
-function Cn(t, r) {
-  const e = dt(t.variables), n = e ? D(r, e) : "", a = dt(t.dark), o = dt(t.light), i = a ? D(r === ":host" ? `${r}([data-mantine-color-scheme="dark"])` : `${r}[data-mantine-color-scheme="dark"]`, a) : "", s = o ? D(r === ":host" ? `${r}([data-mantine-color-scheme="light"])` : `${r}[data-mantine-color-scheme="light"]`, o) : "";
-  return `${n}${i}${s}`;
-}
-function xn({ color: t, theme: r, autoContrast: e }) {
-  return r.autoContrast && q({ color: t || r.primaryColor, theme: r }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
-}
-function jt(t, r) {
-  return xn({
-    color: t.colors[t.primaryColor][U(t, r)],
-    theme: t,
-    autoContrast: null
-  });
-}
-function J({
-  theme: t,
-  color: r,
-  colorScheme: e,
-  name: n = r,
-  withColorValues: a = !0
-}) {
-  if (!t.colors[r])
-    return {};
-  if (e === "light") {
-    const s = U(t, "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(t.colors[r][s], 0.1),
-      [`--mantine-color-${n}-light-hover`]: j(t.colors[r][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(t.colors[r][s], 0.05)
-    };
-    return a ? {
-      [`--mantine-color-${n}-0`]: t.colors[r][0],
-      [`--mantine-color-${n}-1`]: t.colors[r][1],
-      [`--mantine-color-${n}-2`]: t.colors[r][2],
-      [`--mantine-color-${n}-3`]: t.colors[r][3],
-      [`--mantine-color-${n}-4`]: t.colors[r][4],
-      [`--mantine-color-${n}-5`]: t.colors[r][5],
-      [`--mantine-color-${n}-6`]: t.colors[r][6],
-      [`--mantine-color-${n}-7`]: t.colors[r][7],
-      [`--mantine-color-${n}-8`]: t.colors[r][8],
-      [`--mantine-color-${n}-9`]: t.colors[r][9],
-      ...l
-    } : l;
-  }
-  const o = U(t, "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(
-      t.colors[r][Math.max(0, o - 2)],
-      0.15
-    ),
-    [`--mantine-color-${n}-light-hover`]: j(
-      t.colors[r][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(
-      t.colors[r][Math.max(o - 4, 0)],
-      0.05
-    )
-  };
-  return a ? {
-    [`--mantine-color-${n}-0`]: t.colors[r][0],
-    [`--mantine-color-${n}-1`]: t.colors[r][1],
-    [`--mantine-color-${n}-2`]: t.colors[r][2],
-    [`--mantine-color-${n}-3`]: t.colors[r][3],
-    [`--mantine-color-${n}-4`]: t.colors[r][4],
-    [`--mantine-color-${n}-5`]: t.colors[r][5],
-    [`--mantine-color-${n}-6`]: t.colors[r][6],
-    [`--mantine-color-${n}-7`]: t.colors[r][7],
-    [`--mantine-color-${n}-8`]: t.colors[r][8],
-    [`--mantine-color-${n}-9`]: t.colors[r][9],
-    ...i
-  } : i;
-}
-function kn(t) {
-  return !!t && typeof t == "object" && "mantine-virtual-color" in t;
-}
-function F(t, r, e) {
-  M(r).forEach(
-    (n) => Object.assign(t, { [`--mantine-${e}-${n}`]: r[n] })
-  );
-}
-const tr = (t) => {
-  const r = U(t, "light"), e = t.defaultRadius in t.radius ? t.radius[t.defaultRadius] : c(t.defaultRadius), n = {
-    variables: {
-      "--mantine-scale": t.scale.toString(),
-      "--mantine-cursor-type": t.cursorType,
-      "--mantine-color-scheme": "light dark",
-      "--mantine-webkit-font-smoothing": t.fontSmoothing ? "antialiased" : "unset",
-      "--mantine-moz-font-smoothing": t.fontSmoothing ? "grayscale" : "unset",
-      "--mantine-color-white": t.white,
-      "--mantine-color-black": t.black,
-      "--mantine-line-height": t.lineHeights.md,
-      "--mantine-font-family": t.fontFamily,
-      "--mantine-font-family-monospace": t.fontFamilyMonospace,
-      "--mantine-font-family-headings": t.headings.fontFamily,
-      "--mantine-heading-font-weight": t.headings.fontWeight,
-      "--mantine-heading-text-wrap": t.headings.textWrap,
-      "--mantine-radius-default": e,
-      // Primary colors
-      "--mantine-primary-color-filled": `var(--mantine-color-${t.primaryColor}-filled)`,
-      "--mantine-primary-color-filled-hover": `var(--mantine-color-${t.primaryColor}-filled-hover)`,
-      "--mantine-primary-color-light": `var(--mantine-color-${t.primaryColor}-light)`,
-      "--mantine-primary-color-light-hover": `var(--mantine-color-${t.primaryColor}-light-hover)`,
-      "--mantine-primary-color-light-color": `var(--mantine-color-${t.primaryColor}-light-color)`
-    },
-    light: {
-      "--mantine-primary-color-contrast": jt(t, "light"),
-      "--mantine-color-bright": "var(--mantine-color-black)",
-      "--mantine-color-text": t.black,
-      "--mantine-color-body": t.white,
-      "--mantine-color-error": "var(--mantine-color-red-6)",
-      "--mantine-color-placeholder": "var(--mantine-color-gray-5)",
-      "--mantine-color-anchor": `var(--mantine-color-${t.primaryColor}-${r})`,
-      "--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": jt(t, "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-${t.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, t.breakpoints, "breakpoint"), F(n.variables, t.spacing, "spacing"), F(n.variables, t.fontSizes, "font-size"), F(n.variables, t.lineHeights, "line-height"), F(n.variables, t.shadows, "shadow"), F(n.variables, t.radius, "radius"), t.colors[t.primaryColor].forEach((o, i) => {
-    n.variables[`--mantine-primary-color-${i}`] = `var(--mantine-color-${t.primaryColor}-${i})`;
-  }), M(t.colors).forEach((o) => {
-    const i = t.colors[o];
-    if (kn(i)) {
-      Object.assign(
-        n.light,
-        J({
-          theme: t,
-          name: i.name,
-          color: i.light,
-          colorScheme: "light",
-          withColorValues: !0
-        })
-      ), Object.assign(
-        n.dark,
-        J({
-          theme: t,
-          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: t,
-        color: o,
-        colorScheme: "light",
-        withColorValues: !1
-      })
-    ), Object.assign(
-      n.dark,
-      J({
-        theme: t,
-        color: o,
-        colorScheme: "dark",
-        withColorValues: !1
-      })
-    );
-  });
-  const a = t.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 || t.headings.fontWeight;
-  }), n;
-};
-function Nn({ theme: t, generator: r }) {
-  const e = tr(t), n = r == null ? void 0 : r(t);
-  return n ? vt(e, n) : e;
-}
-const ft = tr(kt);
-function Tn(t) {
-  const r = {
-    variables: {},
-    light: {},
-    dark: {}
-  };
-  return M(t.variables).forEach((e) => {
-    ft.variables[e] !== t.variables[e] && (r.variables[e] = t.variables[e]);
-  }), M(t.light).forEach((e) => {
-    ft.light[e] !== t.light[e] && (r.light[e] = t.light[e]);
-  }), M(t.dark).forEach((e) => {
-    ft.dark[e] !== t.dark[e] && (r.dark[e] = t.dark[e]);
-  }), r;
-}
-function Mn(t) {
-  return `
-  ${t}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
-  ${t}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
-`;
-}
-function rr({
-  cssVariablesSelector: t,
-  deduplicateCssVariables: r
-}) {
-  const e = V(), n = Ct(), a = nn(), o = Nn({ theme: e, generator: a }), i = t === ":root" && r, s = i ? Tn(o) : o, l = Cn(s, t);
-  return l ? /* @__PURE__ */ p(
-    "style",
-    {
-      "data-mantine-styles": !0,
-      nonce: n == null ? void 0 : n(),
-      dangerouslySetInnerHTML: {
-        __html: `${l}${i ? "" : Mn(t)}`
-      }
-    }
-  ) : null;
-}
-rr.displayName = "@mantine/CssVariables";
-function Rn() {
-  const t = console.error;
-  console.error = (...r) => {
-    r.length > 1 && typeof r[0] == "string" && r[0].toLowerCase().includes("extra attributes from the server") && typeof r[1] == "string" && r[1].toLowerCase().includes("data-mantine-color-scheme") || t(...r);
-  };
-}
-function H(t, r) {
-  var a, o;
-  const e = typeof window < "u" && "matchMedia" in window && ((a = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : a.matches), n = t !== "auto" ? t : e ? "dark" : "light";
-  (o = r()) == null || o.setAttribute("data-mantine-color-scheme", n);
-}
-function _n({
-  manager: t,
-  defaultColorScheme: r,
-  getRootElement: e,
-  forceColorScheme: n
-}) {
-  const a = W(null), [o, i] = rt(() => t.get(r)), s = n || o, l = Lt(
-    (u) => {
-      n || (H(u, e), i(u), t.set(u));
-    },
-    [t.set, s, n]
-  ), d = Lt(() => {
-    i(r), H(r, e), t.clear();
-  }, [t.clear, r]);
-  return A(() => (t.subscribe(l), t.unsubscribe), [t.subscribe, t.unsubscribe]), Qt(() => {
-    H(t.get(r), 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: t,
-  getRootElement: r
-}) {
-  Qt(() => {
-    var e;
-    t && ((e = r()) == null || e.setAttribute("data-respect-reduced-motion", "true"));
-  }, [t]);
-}
-Rn();
-function nr({
-  theme: t,
-  children: r,
-  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: (t == null ? void 0 : t.respectReducedMotion) || !1,
-    getRootElement: f
-  }), /* @__PURE__ */ p(
-    Zt.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(Jt, { theme: t, children: [
-        i && /* @__PURE__ */ p(
-          rr,
-          {
-            cssVariablesSelector: s,
-            deduplicateCssVariables: o
-          }
-        ),
-        a && /* @__PURE__ */ p(wn, {}),
-        r
-      ] })
-    }
-  );
-}
-nr.displayName = "@mantine/core/MantineProvider";
-const Ln = {
-  always: "mantine-focus-always",
-  auto: "mantine-focus-auto",
-  never: "mantine-focus-never"
-};
-function En({ theme: t, options: r, unstyled: e }) {
-  return B(
-    (r == null ? void 0 : r.focusable) && !e && (t.focusClassName || Ln[t.focusRing]),
-    (r == null ? void 0 : r.active) && !e && t.activeClassName
-  );
-}
-function An({
-  selector: t,
-  stylesCtx: r,
-  options: e,
-  props: n,
-  theme: a
-}) {
-  return wt({
-    theme: a,
-    classNames: e == null ? void 0 : e.classNames,
-    props: (e == null ? void 0 : e.props) || n,
-    stylesCtx: r
-  })[t];
-}
-function Ft({
-  selector: t,
-  stylesCtx: r,
-  theme: e,
-  classNames: n,
-  props: a
-}) {
-  return wt({ theme: e, classNames: n, props: a, stylesCtx: r })[t];
-}
-function On({ rootSelector: t, selector: r, className: e }) {
-  return t === r ? e : void 0;
-}
-function In({ selector: t, classes: r, unstyled: e }) {
-  return e ? void 0 : r[t];
-}
-function Bn({
-  themeName: t,
-  classNamesPrefix: r,
-  selector: e,
-  withStaticClass: n
-}) {
-  return n === !1 ? [] : t.map((a) => `${r}-${a}-${e}`);
-}
-function Vn({
-  themeName: t,
-  theme: r,
-  selector: e,
-  props: n,
-  stylesCtx: a
-}) {
-  return t.map(
-    (o) => {
-      var i, s;
-      return (s = wt({
-        theme: r,
-        classNames: (i = r.components[o]) == null ? void 0 : i.classNames,
-        props: n,
-        stylesCtx: a
-      })) == null ? void 0 : s[e];
-    }
-  );
-}
-function jn({
-  options: t,
-  classes: r,
-  selector: e,
-  unstyled: n
-}) {
-  return t != null && t.variant && !n ? r[`${e}--${t.variant}`] : void 0;
-}
-function Fn({
-  theme: t,
-  options: r,
-  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: t, options: r, unstyled: s || g }),
-    Vn({ theme: t, themeName: e, selector: n, props: u, stylesCtx: f }),
-    jn({ options: r, classes: i, selector: n, unstyled: s }),
-    Ft({ selector: n, stylesCtx: f, theme: t, classNames: o, props: u }),
-    Ft({ selector: n, stylesCtx: f, theme: t, classNames: y, props: u }),
-    An({ selector: n, stylesCtx: f, options: r, props: u, theme: t }),
-    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: r == null ? void 0 : r.withStaticClass
-    }),
-    r == null ? void 0 : r.className
-  );
-}
-function Hn({
-  theme: t,
-  themeName: r,
-  props: e,
-  stylesCtx: n,
-  selector: a
-}) {
-  return r.map(
-    (o) => {
-      var i;
-      return gt({
-        theme: t,
-        styles: (i = t.components[o]) == null ? void 0 : i.styles,
-        props: e,
-        stylesCtx: n
-      })[a];
-    }
-  ).reduce((o, i) => ({ ...o, ...i }), {});
-}
-function bt({ style: t, theme: r }) {
-  return Array.isArray(t) ? [...t].reduce(
-    (e, n) => ({ ...e, ...bt({ style: n, theme: r }) }),
-    {}
-  ) : typeof t == "function" ? t(r) : t ?? {};
-}
-function Wn(t) {
-  return t.reduce((r, e) => (e && Object.keys(e).forEach((n) => {
-    r[n] = { ...r[n], ...St(e[n]) };
-  }), r), {});
-}
-function zn({
-  vars: t,
-  varsResolver: r,
-  theme: e,
-  props: n,
-  stylesCtx: a,
-  selector: o,
-  themeName: i,
-  headless: s
-}) {
-  var l;
-  return (l = Wn([
-    s ? {} : r == null ? void 0 : r(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);
-    }),
-    t == null ? void 0 : t(e, n, a)
-  ])) == null ? void 0 : l[o];
-}
-function Yn({
-  theme: t,
-  themeName: r,
-  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: t, themeName: r, props: a, stylesCtx: o, selector: e }),
-    ...!m && gt({ theme: t, styles: s, props: a, stylesCtx: o })[e],
-    ...!m && gt({ theme: t, styles: n == null ? void 0 : n.styles, props: (n == null ? void 0 : n.props) || a, stylesCtx: o })[e],
-    ...zn({ theme: t, props: a, stylesCtx: o, vars: d, varsResolver: u, selector: e, themeName: r, headless: f }),
-    ...i === e ? bt({ style: l, theme: t }) : null,
-    ...bt({ style: n == null ? void 0 : n.style, theme: t })
-  };
-}
-function Gn({ props: t, stylesCtx: r, themeName: e }) {
-  var i;
-  const n = V(), a = (i = cn()) == null ? void 0 : i();
-  return {
-    getTransformedStyles: (s) => a ? [
-      ...s.map(
-        (d) => a(d, { props: t, theme: n, ctx: r })
-      ),
-      ...e.map(
-        (d) => {
-          var u;
-          return a((u = n.components[d]) == null ? void 0 : u.styles, { props: t, theme: n, ctx: r });
-        }
-      )
-    ].filter(Boolean) : [],
-    withStylesTransform: !!a
-  };
-}
-function Q({
-  name: t,
-  classes: r,
-  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(t) ? t : [t]).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: r,
-      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: t,
-  localStorageKey: r,
-  forceColorScheme: e
-}) => e ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${e}');` : `try {
-  var _colorScheme = window.localStorage.getItem("${r}");
-  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${t}";
+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 Le({
-  defaultColorScheme: t = "light",
-  localStorageKey: r = "mantine-color-scheme-value",
-  forceColorScheme: e,
-  ...n
+function l({
+  defaultColorScheme: e = "light",
+  localStorageKey: o = "mantine-color-scheme-value",
+  forceColorScheme: t,
+  ...r
 }) {
-  const a = ["light", "dark", "auto"].includes(t) ? t : "light";
-  return /* @__PURE__ */ p(
+  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: r,
-          forceColorScheme: e
+        __html: a({
+          defaultColorScheme: c,
+          localStorageKey: o,
+          forceColorScheme: t
         })
       }
     }
   );
 }
-function I(t, r, e) {
-  var i;
-  const n = V(), a = (i = n.components[t]) == null ? void 0 : i.defaultProps, o = typeof a == "function" ? a(n) : a;
-  return { ...r, ...o, ...St(e) };
-}
-const Ee = {
+const i = {
   suppressHydrationWarning: !0,
   "data-mantine-color-scheme": "light"
 };
-function ut(t) {
-  return M(t).reduce(
-    (r, e) => t[e] !== void 0 ? `${r}${Dr(e)}:${t[e]};` : r,
-    ""
-  ).trim();
-}
-function Xn({ selector: t, styles: r, media: e, container: n }) {
-  const a = r ? ut(r) : "", o = Array.isArray(e) ? e.map((s) => `@media${s.query}{${t}{${ut(s.styles)}}}`) : [], i = Array.isArray(n) ? n.map(
-    (s) => `@container ${s.query}{${t}{${ut(s.styles)}}}`
-  ) : [];
-  return `${a ? `${t}{${a}}` : ""}${o.join("")}${i.join("")}`.trim();
-}
-function Un(t) {
-  const r = Ct();
-  return /* @__PURE__ */ p(
-    "style",
-    {
-      "data-mantine-styles": "inline",
-      nonce: r == null ? void 0 : r(),
-      dangerouslySetInnerHTML: { __html: Xn(t) }
-    }
-  );
-}
-function qn(t) {
-  const {
-    m: r,
-    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: ot,
-    ta: at,
-    lh: pr,
-    fs: gr,
-    tt: yr,
-    td: br,
-    w: hr,
-    miw: $r,
-    maw: vr,
-    h: Sr,
-    mih: wr,
-    mah: Cr,
-    bgsz: xr,
-    bgp: kr,
-    bgr: Nr,
-    bga: Tr,
-    pos: Mr,
-    top: Rr,
-    left: _r,
-    bottom: Pr,
-    right: Lr,
-    inset: Er,
-    display: Ar,
-    flex: Or,
-    hiddenFrom: Ir,
-    visibleFrom: Br,
-    lightHidden: Vr,
-    darkHidden: jr,
-    sx: Fr,
-    ...Hr
-  } = t;
-  return { styleProps: St({
-    m: r,
-    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: ot,
-    ta: at,
-    lh: pr,
-    fs: gr,
-    tt: yr,
-    td: br,
-    w: hr,
-    miw: $r,
-    maw: vr,
-    h: Sr,
-    mih: wr,
-    mah: Cr,
-    bgsz: xr,
-    bgp: kr,
-    bgr: Nr,
-    bga: Tr,
-    pos: Mr,
-    top: Rr,
-    left: _r,
-    bottom: Pr,
-    right: Lr,
-    inset: Er,
-    display: Ar,
-    flex: Or,
-    hiddenFrom: Ir,
-    visibleFrom: Br,
-    lightHidden: Vr,
-    darkHidden: jr,
-    sx: Fr
-  }), rest: Hr };
-}
-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 Tt(t, r) {
-  const e = q({ color: t, theme: r });
-  return e.color === "dimmed" ? "var(--mantine-color-dimmed)" : e.color === "bright" ? "var(--mantine-color-bright)" : e.variable ? `var(${e.variable})` : e.color;
-}
-function Kn(t, r) {
-  const e = q({ color: t, theme: r });
-  return e.isThemeColor && e.shade === void 0 ? `var(--mantine-color-${e.color}-text)` : Tt(t, r);
-}
-function Zn(t, r) {
-  if (typeof t == "number")
-    return c(t);
-  if (typeof t == "string") {
-    const [e, n, ...a] = t.split(" ").filter((i) => i.trim() !== "");
-    let o = `${c(e)}`;
-    return n && (o += ` ${n}`), a.length > 0 && (o += ` ${Tt(a.join(" "), r)}`), o.trim();
-  }
-  return t;
-}
-const Ht = {
-  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(t) {
-  return typeof t == "string" && t in Ht ? Ht[t] : t;
-}
-const te = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function re(t, r) {
-  return typeof t == "string" && t in r.fontSizes ? `var(--mantine-font-size-${t})` : typeof t == "string" && te.includes(t) ? `var(--mantine-${t}-font-size)` : typeof t == "number" || typeof t == "string" ? c(t) : t;
-}
-function ne(t) {
-  return t;
-}
-const ee = ["h1", "h2", "h3", "h4", "h5", "h6"];
-function oe(t, r) {
-  return typeof t == "string" && t in r.lineHeights ? `var(--mantine-line-height-${t})` : typeof t == "string" && ee.includes(t) ? `var(--mantine-${t}-line-height)` : t;
-}
-function ae(t) {
-  return typeof t == "number" ? c(t) : t;
-}
-function ie(t, r) {
-  if (typeof t == "number")
-    return c(t);
-  if (typeof t == "string") {
-    const e = t.replace("-", "");
-    if (!(e in r.spacing))
-      return c(t);
-    const n = `--mantine-spacing-${e}`;
-    return t.startsWith("-") ? `calc(var(${n}) * -1)` : `var(${n})`;
-  }
-  return t;
-}
-const mt = {
-  color: Tt,
-  textColor: Kn,
-  fontSize: re,
-  spacing: ie,
-  identity: ne,
-  size: ae,
-  lineHeight: oe,
-  fontFamily: Jn,
-  border: Zn
-};
-function Wt(t) {
-  return t.replace("(min-width: ", "").replace("em)", "");
-}
-function se({
-  media: t,
-  ...r
-}) {
-  const n = Object.keys(t).sort((a, o) => Number(Wt(a)) - Number(Wt(o))).map((a) => ({ query: a, styles: t[a] }));
-  return { ...r, media: n };
-}
-function ce(t) {
-  if (typeof t != "object" || t === null)
-    return !1;
-  const r = Object.keys(t);
-  return !(r.length === 1 && r[0] === "base");
-}
-function le(t) {
-  return typeof t == "object" && t !== null ? "base" in t ? t.base : void 0 : t;
-}
-function de(t) {
-  return typeof t == "object" && t !== null ? M(t).filter((r) => r !== "base") : [];
-}
-function fe(t, r) {
-  return typeof t == "object" && t !== null && r in t ? t[r] : t;
-}
-function ue({
-  styleProps: t,
-  data: r,
-  theme: e
-}) {
-  return se(
-    M(t).reduce(
-      (n, a) => {
-        if (a === "hiddenFrom" || a === "visibleFrom" || a === "sx")
-          return n;
-        const o = r[a], i = Array.isArray(o.property) ? o.property : [o.property], s = le(t[a]);
-        if (!ce(t[a]))
-          return i.forEach((d) => {
-            n.inlineStyles[d] = mt[o.type](s, e);
-          }), n;
-        n.hasResponsiveStyles = !0;
-        const l = de(t[a]);
-        return i.forEach((d) => {
-          s && (n.styles[d] = mt[o.type](s, e)), l.forEach((u) => {
-            const f = `(min-width: ${e.breakpoints[u]})`;
-            n.media[f] = {
-              ...n.media[f],
-              [d]: mt[o.type](
-                fe(t[a], u),
-                e
-              )
-            };
-          });
-        }), n;
-      },
-      {
-        hasResponsiveStyles: !1,
-        styles: {},
-        inlineStyles: {},
-        media: {}
-      }
-    )
-  );
-}
-function me() {
-  return `__m__-${Yr().replace(/:/g, "")}`;
-}
-function er(t) {
-  return t.startsWith("data-") ? t : `data-${t}`;
-}
-function pe(t) {
-  return Object.keys(t).reduce((r, e) => {
-    const n = t[e];
-    return n === void 0 || n === "" || n === !1 || n === null || (r[er(e)] = t[e]), r;
-  }, {});
-}
-function or(t) {
-  return t ? typeof t == "string" ? { [er(t)]: !0 } : Array.isArray(t) ? [...t].reduce(
-    (r, e) => ({ ...r, ...or(e) }),
-    {}
-  ) : pe(t) : null;
-}
-function ht(t, r) {
-  return Array.isArray(t) ? [...t].reduce(
-    (e, n) => ({ ...e, ...ht(n, r) }),
-    {}
-  ) : typeof t == "function" ? t(r) : t ?? {};
-}
-function ge({
-  theme: t,
-  style: r,
-  vars: e,
-  styleProps: n
-}) {
-  const a = ht(r, t), o = ht(e, t);
-  return { ...a, ...o, ...n };
-}
-const ar = _(
-  ({
-    component: t,
-    style: r,
-    __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 = t || "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: r,
-        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": Ut(i) ? void 0 : i || void 0,
-      size: m,
-      ...or(o),
-      ...x
-    };
-    return /* @__PURE__ */ z(pt, { children: [
-      b.hasResponsiveStyles && /* @__PURE__ */ p(
-        Un,
-        {
-          selector: `.${L}`,
-          styles: b.styles,
-          media: b.media
-        }
-      ),
-      typeof f == "function" ? f(k) : /* @__PURE__ */ p(h, { ...k })
-    ] });
-  }
-);
-ar.displayName = "@mantine/core/Box";
-const N = ar;
-function ir(t) {
-  return t;
-}
-function Mt(t) {
-  const r = _(t);
-  return r.extend = ir, r.withProps = (e) => {
-    const n = _((a, o) => /* @__PURE__ */ p(r, { ...e, ...a, ref: o }));
-    return n.extend = r.extend, n.displayName = `WithProps(${r.displayName})`, n;
-  }, r;
-}
-function sr(t) {
-  const r = _(t);
-  return r.withProps = (e) => {
-    const n = _((a, o) => /* @__PURE__ */ p(r, { ...e, ...a, ref: o }));
-    return n.extend = r.extend, n.displayName = `WithProps(${r.displayName})`, n;
-  }, r.extend = ir, r;
-}
-var cr = { root: "m_87cf2631" };
-const ye = {
-  __staticSelector: "UnstyledButton"
-}, Rt = sr(
-  (t, r) => {
-    const e = I("UnstyledButton", ye, t), {
-      className: n,
-      component: a = "button",
-      __staticSelector: o,
-      unstyled: i,
-      classNames: s,
-      styles: l,
-      style: d,
-      ...u
-    } = e, f = Q({
-      name: o,
-      props: e,
-      classes: cr,
-      className: n,
-      style: d,
-      classNames: s,
-      styles: l,
-      unstyled: i
-    });
-    return /* @__PURE__ */ p(
-      N,
-      {
-        ...f("root", { focusable: !0 }),
-        component: a,
-        ref: r,
-        type: a === "button" ? "button" : void 0,
-        ...u
-      }
-    );
-  }
-);
-Rt.classes = cr;
-Rt.displayName = "@mantine/core/UnstyledButton";
-const X = (t) => ({
-  in: { opacity: 1, transform: "scale(1)" },
-  out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
-  transitionProperty: "transform, opacity"
-}), tt = {
-  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" }
-  }
-}, zt = {
-  entering: "in",
-  entered: "in",
-  exiting: "out",
-  exited: "out",
-  "pre-exiting": "out",
-  "pre-entering": "out"
-};
-function be({
-  transition: t,
-  state: r,
-  duration: e,
-  timingFunction: n
-}) {
-  const a = {
-    WebkitBackfaceVisibility: "hidden",
-    willChange: "transform, opacity",
-    transitionDuration: `${e}ms`,
-    transitionTimingFunction: n
-  };
-  return typeof t == "string" ? t in tt ? {
-    transitionProperty: tt[t].transitionProperty,
-    ...a,
-    ...tt[t].common,
-    ...tt[t][zt[r]]
-  } : {} : {
-    transitionProperty: t.transitionProperty,
-    ...a,
-    ...t.common,
-    ...t[zt[r]]
-  };
-}
-function he({
-  duration: t,
-  exitDuration: r,
-  timingFunction: e,
-  mounted: n,
-  onEnter: a,
-  onExit: o,
-  onEntered: i,
-  onExited: s,
-  enterDelay: l,
-  exitDelay: d
-}) {
-  const u = V(), f = Jr(), m = u.respectReducedMotion ? f : !1, [g, y] = rt(m ? 0 : t), [$, h] = rt(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 ? t : r;
-    y(E), E === 0 ? (typeof k == "function" && k(), typeof S == "function" && S(), h(b ? "entered" : "exited")) : v.current = requestAnimationFrame(() => {
-      Gr.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 Zr(() => {
-    L(n);
-  }, [n]), A(
-    () => () => {
-      window.clearTimeout(C.current), cancelAnimationFrame(v.current);
-    },
-    []
-  ), {
-    transitionDuration: g,
-    transitionStatus: $,
-    transitionTimingFunction: e || "ease"
-  };
-}
-function lr({
-  keepMounted: t,
-  transition: r = "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(pt, { children: o({}) }) : t ? o({ display: "none" }) : null : $ === "exited" ? t ? o({ display: "none" }) : null : /* @__PURE__ */ p(pt, { children: o(
-    be({
-      transition: r,
-      duration: y,
-      state: $,
-      timingFunction: h
-    })
-  ) });
-}
-lr.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 dr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.barsLoader, t), ...r, ref: e, children: [
-  /* @__PURE__ */ p("span", { className: T.bar }),
-  /* @__PURE__ */ p("span", { className: T.bar }),
-  /* @__PURE__ */ p("span", { className: T.bar })
-] }));
-dr.displayName = "@mantine/core/Bars";
-const fr = _(({ className: t, ...r }, e) => /* @__PURE__ */ z(N, { component: "span", className: B(T.dotsLoader, t), ...r, ref: e, children: [
-  /* @__PURE__ */ p("span", { className: T.dot }),
-  /* @__PURE__ */ p("span", { className: T.dot }),
-  /* @__PURE__ */ p("span", { className: T.dot })
-] }));
-fr.displayName = "@mantine/core/Dots";
-const ur = _(({ className: t, ...r }, e) => /* @__PURE__ */ p(N, { component: "span", className: B(T.ovalLoader, t), ...r, ref: e }));
-ur.displayName = "@mantine/core/Oval";
-const mr = {
-  bars: dr,
-  oval: ur,
-  dots: fr
-}, $e = {
-  loaders: mr,
-  type: "oval"
-}, ve = (t, { size: r, color: e }) => ({
-  root: {
-    "--loader-size": O(r, "loader-size"),
-    "--loader-color": e ? yt(e, t) : void 0
-  }
-}), et = Mt((t, r) => {
-  const e = I("Loader", $e, t), {
-    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: r, ...$, children: y }) : /* @__PURE__ */ p(
-    N,
-    {
-      ...h("root"),
-      ref: r,
-      component: m[o],
-      variant: g,
-      size: n,
-      ...$
-    }
-  );
-});
-et.defaultLoaders = mr;
-et.classes = T;
-et.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 Yt = {
-  orientation: "horizontal"
-}, Se = (t, { borderWidth: r }) => ({
-  group: { "--button-border-width": c(r) }
-}), _t = Mt((t, r) => {
-  const e = I("ButtonGroup", Yt, t), {
-    className: n,
-    style: a,
-    classNames: o,
-    styles: i,
-    unstyled: s,
-    orientation: l,
-    vars: d,
-    borderWidth: u,
-    variant: f,
-    mod: m,
-    ...g
-  } = I("ButtonGroup", Yt, t), 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: r,
-      variant: f,
-      mod: [{ "data-orientation": l }, m],
-      role: "group",
-      ...g
-    }
-  );
-});
-_t.classes = Y;
-_t.displayName = "@mantine/core/ButtonGroup";
-const Gt = {}, we = (t, { radius: r, color: e, gradient: n, variant: a, autoContrast: o, size: i }) => {
-  const s = t.variantColorResolver({
-    color: e || t.primaryColor,
-    theme: t,
-    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") ? nt(i.replace("compact-", "")) : nt(i),
-      "--section-radius": r === void 0 ? void 0 : qt(r),
-      "--section-bg": e || a ? s.background : void 0,
-      "--section-color": s.color,
-      "--section-bd": e || a ? s.border : void 0
-    }
-  };
-}, Pt = Mt((t, r) => {
-  const e = I("ButtonGroupSection", Gt, t), {
-    className: n,
-    style: a,
-    classNames: o,
-    styles: i,
-    unstyled: s,
-    vars: l,
-    variant: d,
-    gradient: u,
-    radius: f,
-    autoContrast: m,
-    ...g
-  } = I("ButtonGroupSection", Gt, t), 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: r, variant: d, ...g });
-});
-Pt.classes = Y;
-Pt.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 = (t, { radius: r, color: e, gradient: n, variant: a, size: o, justify: i, autoContrast: s }) => {
-  const l = t.variantColorResolver({
-    color: e || t.primaryColor,
-    theme: t,
-    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") ? nt(o.replace("compact-", "")) : nt(o),
-      "--button-radius": r === void 0 ? void 0 : qt(r),
-      "--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 = sr((t, r) => {
-  const e = I("Button", xe, t), {
-    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, ot = !!u;
-  return /* @__PURE__ */ z(
-    Rt,
-    {
-      ref: r,
-      ...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": ot
-        },
-        b
-      ],
-      ...k,
-      children: [
-        /* @__PURE__ */ p(lr, { mounted: !!y, transition: Ce, duration: 150, children: (at) => /* @__PURE__ */ p(N, { component: "span", ...S("loader", { style: at }), "aria-hidden": !0, children: /* @__PURE__ */ p(
-          et,
-          {
-            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 = _t;
-K.GroupSection = Pt;
-function Ae({ children: t, theme: r }) {
-  return /* @__PURE__ */ p(nr, { theme: r, children: t });
-}
-const Ne = "_button_1bwq5_1", Te = {
-  button: Ne
-}, Oe = (t) => /* @__PURE__ */ p(K, { ...t, className: Te.button });
 export {
-  Oe as Button,
-  Le as ColorSchemeScript,
-  Ae as MantineProvider,
-  Ee as mantineHtmlProps
+  S as Button,
+  l as ColorSchemeScript,
+  s as MantineProvider,
+  i as mantineHtmlProps
 };