@kvell-group/ui 1.4.2

package/dist/main.js

@@ -0,0 +1,2429 @@
+import { jsx as p, jsxs as z, Fragment as pr } from "react/jsx-runtime";
+import { useState as tr, useRef as H, useEffect as A, useLayoutEffect as Ht, createContext as Dr, useContext as $r, useMemo as zt, useCallback as Lr, useId as Yt, forwardRef as P } from "react";
+import Gt from "react-dom";
+import './assets/main.css';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 = H(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" ? Ht : A;
+function Zt(r, t) {
+  const e = H(!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 I() {
+  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] = I(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 yr({ 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 _() {
+  const r = $r(Zr);
+  if (!r)
+    throw new Error("[@mantine/core] MantineProvider was not found in tree");
+  return r;
+}
+function nn() {
+  return _().cssVariablesResolver;
+}
+function en() {
+  return _().classNamesPrefix;
+}
+function Cr() {
+  return _().getStyleNonce;
+}
+function on() {
+  return _().withStaticClasses;
+}
+function an() {
+  return _().headless;
+}
+function sn() {
+  var r;
+  return (r = _().stylesTransform) == null ? void 0 : r.sx;
+}
+function cn() {
+  var r;
+  return (r = _().stylesTransform) == null ? void 0 : r.styles;
+}
+function ln() {
+  return _().env || "default";
+}
+function fn(r) {
+  return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(r);
+}
+function dn(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, f = s * (1 - Math.abs(l % 2 - 1)), u = o - s / 2;
+  let d, m, y;
+  return l >= 0 && l < 1 ? (d = s, m = f, y = 0) : l >= 1 && l < 2 ? (d = f, m = s, y = 0) : l >= 2 && l < 3 ? (d = 0, m = s, y = f) : l >= 3 && l < 4 ? (d = 0, m = f, y = s) : l >= 4 && l < 5 ? (d = f, m = 0, y = s) : (d = s, m = 0, y = f), {
+    r: Math.round((d + u) * 255),
+    g: Math.round((m + u) * 255),
+    b: Math.round((y + u) * 255),
+    a: i || 1
+  };
+}
+function xr(r) {
+  return fn(r) ? dn(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 yn(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), f = cr(i);
+  return 0.2126 * s + 0.7152 * l + 0.0722 * f;
+}
+function G(r, t = 0.179) {
+  return r.startsWith("var(") ? !1 : yn(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 gr(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 = gr(e.from, t), a = gr(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, gn = ({
+  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: gn,
+  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 Br(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 Br(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 && Br(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", Ir = "[@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(Ir);
+  if (typeof r.primaryShade == "number" && !lr(r.primaryShade))
+    throw new Error(Ir);
+}
+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 fr(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 = fr(r.variables), n = e ? D(t, e) : "", a = fr(r.dark), o = fr(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 dr = rt(kr);
+function Tn(r) {
+  const t = {
+    variables: {},
+    light: {},
+    dark: {}
+  };
+  return M(r.variables).forEach((e) => {
+    dr.variables[e] !== r.variables[e] && (t.variables[e] = r.variables[e]);
+  }), M(r.light).forEach((e) => {
+    dr.light[e] !== r.light[e] && (t.light[e] = r.light[e]);
+  }), M(r.dark).forEach((e) => {
+    dr.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 W(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 Pn({
+  manager: r,
+  defaultColorScheme: t,
+  getRootElement: e,
+  forceColorScheme: n
+}) {
+  const a = H(null), [o, i] = tr(() => r.get(t)), s = n || o, l = Lr(
+    (u) => {
+      n || (W(u, e), i(u), r.set(u));
+    },
+    [r.set, s, n]
+  ), f = Lr(() => {
+    i(t), W(t, e), r.clear();
+  }, [r.clear, t]);
+  return A(() => (r.subscribe(l), r.unsubscribe), [r.subscribe, r.unsubscribe]), Qr(() => {
+    W(r.get(t), e);
+  }, []), A(() => {
+    var d;
+    if (n)
+      return W(n, e), () => {
+      };
+    n === void 0 && W(o, e), typeof window < "u" && "matchMedia" in window && (a.current = window.matchMedia("(prefers-color-scheme: dark)"));
+    const u = (m) => {
+      o === "auto" && W(m.matches ? "dark" : "light", e);
+    };
+    return (d = a.current) == null || d.addEventListener("change", u), () => {
+      var m;
+      return (m = a.current) == null ? void 0 : m.removeEventListener("change", u);
+    };
+  }, [o, n]), { colorScheme: s, setColorScheme: l, clearColorScheme: f };
+}
+function _n({
+  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: f = hn(),
+  defaultColorScheme: u = "light",
+  getRootElement: d = () => document.documentElement,
+  cssVariablesResolver: m,
+  forceColorScheme: y,
+  stylesTransform: g,
+  env: $
+}) {
+  const { colorScheme: h, setColorScheme: C, clearColorScheme: x } = Pn({
+    defaultColorScheme: u,
+    forceColorScheme: y,
+    manager: f,
+    getRootElement: d
+  });
+  return _n({
+    respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
+    getRootElement: d
+  }), /* @__PURE__ */ p(
+    Zr.Provider,
+    {
+      value: {
+        colorScheme: h,
+        setColorScheme: C,
+        clearColorScheme: x,
+        getRootElement: d,
+        classNamesPrefix: l,
+        getStyleNonce: e,
+        cssVariablesResolver: m,
+        cssVariablesSelector: s,
+        withStaticClasses: n,
+        stylesTransform: g,
+        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 I(
+    (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 Bn({ selector: r, classes: t, unstyled: e }) {
+  return e ? void 0 : t[r];
+}
+function In({
+  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: f,
+  props: u,
+  stylesCtx: d,
+  withStaticClasses: m,
+  headless: y,
+  transformedStyles: g
+}) {
+  return I(
+    En({ theme: r, options: t, unstyled: s || y }),
+    Vn({ theme: r, themeName: e, selector: n, props: u, stylesCtx: d }),
+    jn({ options: t, classes: i, selector: n, unstyled: s }),
+    Fr({ selector: n, stylesCtx: d, theme: r, classNames: o, props: u }),
+    Fr({ selector: n, stylesCtx: d, theme: r, classNames: g, props: u }),
+    An({ selector: n, stylesCtx: d, options: t, props: u, theme: r }),
+    On({ rootSelector: f, selector: n, className: l }),
+    Bn({ selector: n, classes: i, unstyled: s || y }),
+    m && !y && In({
+      themeName: e,
+      classNamesPrefix: a,
+      selector: n,
+      withStaticClass: t == null ? void 0 : t.withStaticClass
+    }),
+    t == null ? void 0 : t.className
+  );
+}
+function Wn({
+  theme: r,
+  themeName: t,
+  props: e,
+  stylesCtx: n,
+  selector: a
+}) {
+  return t.map(
+    (o) => {
+      var i;
+      return yr({
+        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 Hn(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 = Hn([
+    s ? {} : t == null ? void 0 : t(e, n, a),
+    ...i.map((f) => {
+      var u, d, m;
+      return (m = (d = (u = e.components) == null ? void 0 : u[f]) == null ? void 0 : d.vars) == null ? void 0 : m.call(d, 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: f,
+  varsResolver: u,
+  headless: d,
+  withStylesTransform: m
+}) {
+  return {
+    ...!m && Wn({ theme: r, themeName: t, props: a, stylesCtx: o, selector: e }),
+    ...!m && yr({ theme: r, styles: s, props: a, stylesCtx: o })[e],
+    ...!m && yr({ 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: f, varsResolver: u, selector: e, themeName: t, headless: d }),
+    ...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(
+        (f) => a(f, { props: r, theme: n, ctx: t })
+      ),
+      ...e.map(
+        (f) => {
+          var u;
+          return a((u = n.components[f]) == 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: f,
+  vars: u,
+  varsResolver: d
+}) {
+  const m = V(), y = en(), g = 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: y,
+      classNames: l,
+      classes: t,
+      unstyled: s,
+      className: a,
+      rootSelector: i,
+      props: e,
+      stylesCtx: n,
+      withStaticClasses: g,
+      headless: $,
+      transformedStyles: x([w == null ? void 0 : w.styles, f])
+    }),
+    style: Yn({
+      theme: m,
+      themeName: h,
+      selector: v,
+      options: w,
+      props: e,
+      stylesCtx: n,
+      rootSelector: i,
+      styles: f,
+      style: o,
+      vars: u,
+      varsResolver: d,
+      headless: $,
+      withStylesTransform: C
+    })
+  });
+}
+function B(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) };
+}
+function ur(r) {
+  return M(r).reduce(
+    (t, e) => r[e] !== void 0 ? `${t}${Dt(e)}:${r[e]};` : t,
+    ""
+  ).trim();
+}
+function Dn({ 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 Xn(r) {
+  const t = Cr();
+  return /* @__PURE__ */ p(
+    "style",
+    {
+      "data-mantine-styles": "inline",
+      nonce: t == null ? void 0 : t(),
+      dangerouslySetInnerHTML: { __html: Dn(r) }
+    }
+  );
+}
+function Un(r) {
+  const {
+    m: t,
+    mx: e,
+    my: n,
+    mt: a,
+    mb: o,
+    ml: i,
+    mr: s,
+    me: l,
+    ms: f,
+    p: u,
+    px: d,
+    py: m,
+    pt: y,
+    pb: g,
+    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: yt,
+    tt: gt,
+    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: Pt,
+    bottom: _t,
+    right: Lt,
+    inset: Et,
+    display: At,
+    flex: Ot,
+    hiddenFrom: Bt,
+    visibleFrom: It,
+    lightHidden: Vt,
+    darkHidden: jt,
+    sx: Ft,
+    ...Wt
+  } = r;
+  return { styleProps: Sr({
+    m: t,
+    mx: e,
+    my: n,
+    mt: a,
+    mb: o,
+    ml: i,
+    mr: s,
+    me: l,
+    ms: f,
+    p: u,
+    px: d,
+    py: m,
+    pt: y,
+    pb: g,
+    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: yt,
+    tt: gt,
+    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: Pt,
+    bottom: _t,
+    right: Lt,
+    inset: Et,
+    display: At,
+    flex: Ot,
+    hiddenFrom: Bt,
+    visibleFrom: It,
+    lightHidden: Vt,
+    darkHidden: jt,
+    sx: Ft
+  }), rest: Wt };
+}
+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 Qn(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 Kn(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 Wr = {
+  text: "var(--mantine-font-family)",
+  mono: "var(--mantine-font-family-monospace)",
+  monospace: "var(--mantine-font-family-monospace)",
+  heading: "var(--mantine-font-family-headings)",
+  headings: "var(--mantine-font-family-headings)"
+};
+function Zn(r) {
+  return typeof r == "string" && r in Wr ? Wr[r] : r;
+}
+const Jn = ["h1", "h2", "h3", "h4", "h5", "h6"];
+function re(r, t) {
+  return typeof r == "string" && r in t.fontSizes ? `var(--mantine-font-size-${r})` : typeof r == "string" && Jn.includes(r) ? `var(--mantine-${r}-font-size)` : typeof r == "number" || typeof r == "string" ? c(r) : r;
+}
+function te(r) {
+  return r;
+}
+const ne = ["h1", "h2", "h3", "h4", "h5", "h6"];
+function ee(r, t) {
+  return typeof r == "string" && r in t.lineHeights ? `var(--mantine-line-height-${r})` : typeof r == "string" && ne.includes(r) ? `var(--mantine-${r}-line-height)` : r;
+}
+function oe(r) {
+  return typeof r == "number" ? c(r) : r;
+}
+function ae(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: Qn,
+  fontSize: re,
+  spacing: ae,
+  identity: te,
+  size: oe,
+  lineHeight: ee,
+  fontFamily: Zn,
+  border: Kn
+};
+function Hr(r) {
+  return r.replace("(min-width: ", "").replace("em)", "");
+}
+function ie({
+  media: r,
+  ...t
+}) {
+  const n = Object.keys(r).sort((a, o) => Number(Hr(a)) - Number(Hr(o))).map((a) => ({ query: a, styles: r[a] }));
+  return { ...t, media: n };
+}
+function se(r) {
+  if (typeof r != "object" || r === null)
+    return !1;
+  const t = Object.keys(r);
+  return !(t.length === 1 && t[0] === "base");
+}
+function ce(r) {
+  return typeof r == "object" && r !== null ? "base" in r ? r.base : void 0 : r;
+}
+function le(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 de({
+  styleProps: r,
+  data: t,
+  theme: e
+}) {
+  return ie(
+    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 = ce(r[a]);
+        if (!se(r[a]))
+          return i.forEach((f) => {
+            n.inlineStyles[f] = mr[o.type](s, e);
+          }), n;
+        n.hasResponsiveStyles = !0;
+        const l = le(r[a]);
+        return i.forEach((f) => {
+          s && (n.styles[f] = mr[o.type](s, e)), l.forEach((u) => {
+            const d = `(min-width: ${e.breakpoints[u]})`;
+            n.media[d] = {
+              ...n.media[d],
+              [f]: mr[o.type](
+                fe(r[a], u),
+                e
+              )
+            };
+          });
+        }), n;
+      },
+      {
+        hasResponsiveStyles: !1,
+        styles: {},
+        inlineStyles: {},
+        media: {}
+      }
+    )
+  );
+}
+function ue() {
+  return `__m__-${Yt().replace(/:/g, "")}`;
+}
+function et(r) {
+  return r.startsWith("data-") ? r : `data-${r}`;
+}
+function me(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) }),
+    {}
+  ) : me(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 pe({
+  theme: r,
+  style: t,
+  vars: e,
+  styleProps: n
+}) {
+  const a = hr(t, r), o = hr(e, r);
+  return { ...a, ...o, ...n };
+}
+const at = P(
+  ({
+    component: r,
+    style: t,
+    __vars: e,
+    className: n,
+    variant: a,
+    mod: o,
+    size: i,
+    hiddenFrom: s,
+    visibleFrom: l,
+    lightHidden: f,
+    darkHidden: u,
+    renderRoot: d,
+    __size: m,
+    ...y
+  }, g) => {
+    var S;
+    const $ = V(), h = r || "div", { styleProps: C, rest: x } = Un(y), v = sn(), w = (S = v == null ? void 0 : v()) == null ? void 0 : S(C.sx), L = ue(), b = de({
+      styleProps: C,
+      theme: $,
+      data: qn
+    }), k = {
+      ref: g,
+      style: pe({
+        theme: $,
+        style: t,
+        vars: e,
+        styleProps: b.inlineStyles
+      }),
+      className: I(n, w, {
+        [L]: b.hasResponsiveStyles,
+        "mantine-light-hidden": f,
+        "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(
+        Xn,
+        {
+          selector: `.${L}`,
+          styles: b.styles,
+          media: b.media
+        }
+      ),
+      typeof d == "function" ? d(k) : /* @__PURE__ */ p(h, { ...k })
+    ] });
+  }
+);
+at.displayName = "@mantine/core/Box";
+const N = at;
+function it(r) {
+  return r;
+}
+function Mr(r) {
+  const t = P(r);
+  return t.extend = it, t.withProps = (e) => {
+    const n = P((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 = P(r);
+  return t.withProps = (e) => {
+    const n = P((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 = B("UnstyledButton", ye, r), {
+      className: n,
+      component: a = "button",
+      __staticSelector: o,
+      unstyled: i,
+      classNames: s,
+      styles: l,
+      style: f,
+      ...u
+    } = e, d = Q({
+      name: o,
+      props: e,
+      classes: ct,
+      className: n,
+      style: f,
+      classNames: s,
+      styles: l,
+      unstyled: i
+    });
+    return /* @__PURE__ */ p(
+      N,
+      {
+        ...d("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 ge({
+  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 be({
+  duration: r,
+  exitDuration: t,
+  timingFunction: e,
+  mounted: n,
+  onEnter: a,
+  onExit: o,
+  onEntered: i,
+  onExited: s,
+  enterDelay: l,
+  exitDelay: f
+}) {
+  const u = V(), d = Jt(), m = u.respectReducedMotion ? d : !1, [y, g] = tr(m ? 0 : r), [$, h] = tr(n ? "entered" : "exited"), C = H(-1), x = H(-1), v = H(-1), w = (b) => {
+    const k = b ? a : o, S = b ? i : s;
+    window.clearTimeout(C.current);
+    const E = m ? 0 : b ? r : t;
+    g(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 : f) != "number") {
+      w(b);
+      return;
+    }
+    x.current = window.setTimeout(
+      () => {
+        w(b);
+      },
+      b ? l : f
+    );
+  };
+  return Zt(() => {
+    L(n);
+  }, [n]), A(
+    () => () => {
+      window.clearTimeout(C.current), cancelAnimationFrame(v.current);
+    },
+    []
+  ), {
+    transitionDuration: y,
+    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: f,
+  onExited: u,
+  enterDelay: d,
+  exitDelay: m
+}) {
+  const y = ln(), { transitionDuration: g, transitionStatus: $, transitionTimingFunction: h } = be({
+    mounted: a,
+    exitDuration: n,
+    duration: e,
+    timingFunction: i,
+    onExit: s,
+    onEntered: l,
+    onEnter: f,
+    onExited: u,
+    enterDelay: d,
+    exitDelay: m
+  });
+  return g === 0 || y === "test" ? a ? /* @__PURE__ */ p(pr, { children: o({}) }) : r ? o({ display: "none" }) : null : $ === "exited" ? r ? o({ display: "none" }) : null : /* @__PURE__ */ p(pr, { children: o(
+    ge({
+      transition: t,
+      duration: g,
+      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 ft = P(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: I(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 })
+] }));
+ft.displayName = "@mantine/core/Bars";
+const dt = P(({ className: r, ...t }, e) => /* @__PURE__ */ z(N, { component: "span", className: I(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 })
+] }));
+dt.displayName = "@mantine/core/Dots";
+const ut = P(({ className: r, ...t }, e) => /* @__PURE__ */ p(N, { component: "span", className: I(T.ovalLoader, r), ...t, ref: e }));
+ut.displayName = "@mantine/core/Oval";
+const mt = {
+  bars: ft,
+  oval: ut,
+  dots: dt
+}, he = {
+  loaders: mt,
+  type: "oval"
+}, $e = (r, { size: t, color: e }) => ({
+  root: {
+    "--loader-size": O(t, "loader-size"),
+    "--loader-color": e ? gr(e, r) : void 0
+  }
+}), er = Mr((r, t) => {
+  const e = B("Loader", he, r), {
+    size: n,
+    color: a,
+    type: o,
+    vars: i,
+    className: s,
+    style: l,
+    classNames: f,
+    styles: u,
+    unstyled: d,
+    loaders: m,
+    variant: y,
+    children: g,
+    ...$
+  } = e, h = Q({
+    name: "Loader",
+    props: e,
+    classes: T,
+    className: s,
+    style: l,
+    classNames: f,
+    styles: u,
+    unstyled: d,
+    vars: i,
+    varsResolver: $e
+  });
+  return g ? /* @__PURE__ */ p(N, { ...h("root"), ref: t, ...$, children: g }) : /* @__PURE__ */ p(
+    N,
+    {
+      ...h("root"),
+      ref: t,
+      component: m[o],
+      variant: y,
+      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"
+}, ve = (r, { borderWidth: t }) => ({
+  group: { "--button-border-width": c(t) }
+}), Pr = Mr((r, t) => {
+  const e = B("ButtonGroup", Yr, r), {
+    className: n,
+    style: a,
+    classNames: o,
+    styles: i,
+    unstyled: s,
+    orientation: l,
+    vars: f,
+    borderWidth: u,
+    variant: d,
+    mod: m,
+    ...y
+  } = B("ButtonGroup", Yr, r), g = Q({
+    name: "ButtonGroup",
+    props: e,
+    classes: Y,
+    className: n,
+    style: a,
+    classNames: o,
+    styles: i,
+    unstyled: s,
+    vars: f,
+    varsResolver: ve,
+    rootSelector: "group"
+  });
+  return /* @__PURE__ */ p(
+    N,
+    {
+      ...g("group"),
+      ref: t,
+      variant: d,
+      mod: [{ "data-orientation": l }, m],
+      role: "group",
+      ...y
+    }
+  );
+});
+Pr.classes = Y;
+Pr.displayName = "@mantine/core/ButtonGroup";
+const Gr = {}, Se = (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
+    }
+  };
+}, _r = Mr((r, t) => {
+  const e = B("ButtonGroupSection", Gr, r), {
+    className: n,
+    style: a,
+    classNames: o,
+    styles: i,
+    unstyled: s,
+    vars: l,
+    variant: f,
+    gradient: u,
+    radius: d,
+    autoContrast: m,
+    ...y
+  } = B("ButtonGroupSection", Gr, r), g = Q({
+    name: "ButtonGroupSection",
+    props: e,
+    classes: Y,
+    className: n,
+    style: a,
+    classNames: o,
+    styles: i,
+    unstyled: s,
+    vars: l,
+    varsResolver: Se,
+    rootSelector: "groupSection"
+  });
+  return /* @__PURE__ */ p(N, { ...g("groupSection"), ref: t, variant: f, ...y });
+});
+_r.classes = Y;
+_r.displayName = "@mantine/core/ButtonGroupSection";
+const we = {
+  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${c(1)}))` },
+  out: { opacity: 0, transform: "translate(-50%, -200%)" },
+  common: { transformOrigin: "center" },
+  transitionProperty: "transform, opacity"
+}, Ce = {}, xe = (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 = B("Button", Ce, r), {
+    style: n,
+    vars: a,
+    className: o,
+    color: i,
+    disabled: s,
+    children: l,
+    leftSection: f,
+    rightSection: u,
+    fullWidth: d,
+    variant: m,
+    radius: y,
+    loading: g,
+    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: xe
+  }), E = !!f, or = !!u;
+  return /* @__PURE__ */ z(
+    Rr,
+    {
+      ref: t,
+      ...S("root", { active: !s && !g && !w }),
+      unstyled: v,
+      variant: m,
+      disabled: s || g,
+      mod: [
+        {
+          disabled: s || w,
+          loading: g,
+          block: d,
+          "with-left-section": E,
+          "with-right-section": or
+        },
+        b
+      ],
+      ...k,
+      children: [
+        /* @__PURE__ */ p(lt, { mounted: !!g, transition: we, 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: [
+          f && /* @__PURE__ */ p(N, { component: "span", ...S("section"), mod: { position: "left" }, children: f }),
+          /* @__PURE__ */ p(N, { component: "span", mod: { loading: g }, ...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 = Pr;
+K.GroupSection = _r;
+function Re({ children: r }) {
+  return /* @__PURE__ */ p(nt, { children: r });
+}
+const Pe = (r) => /* @__PURE__ */ p(K, { ...r });
+export {
+  Re as MantineProvider,
+  Pe as TestButton
+};