@kvell-group/ui 1.6.6 → 1.6.8

package/dist/MantineThemeProvider-CyD9KzqB.js

@@ -0,0 +1,704 @@
+import { createContext as F, useContext as M, useMemo as H } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+function rr(r) {
+  return Object.keys(r);
+}
+function v(r) {
+  return r && typeof r == "object" && !Array.isArray(r);
+}
+function L(r, e) {
+  const t = { ...r }, o = e;
+  return v(r) && v(e) && Object.keys(e).forEach((i) => {
+    v(o[i]) && i in r ? t[i] = L(t[i], o[i]) : t[i] = o[i];
+  }), t;
+}
+function y(r) {
+  return r === "0rem" ? "0rem" : `calc(${r} * var(--mantine-scale))`;
+}
+function N(r, { shouldScale: e = !1 } = {}) {
+  function t(o) {
+    if (o === 0 || o === "0")
+      return `0${r}`;
+    if (typeof o == "number") {
+      const i = `${o / 16}${r}`;
+      return e ? y(i) : i;
+    }
+    if (typeof o == "string") {
+      if (o === "" || o.startsWith("calc(") || o.startsWith("clamp(") || o.includes("rgba("))
+        return o;
+      if (o.includes(","))
+        return o.split(",").map((a) => t(a)).join(",");
+      if (o.includes(" "))
+        return o.split(" ").map((a) => t(a)).join(" ");
+      if (o.includes(r))
+        return e ? y(o) : o;
+      const i = o.replace("px", "");
+      if (!Number.isNaN(Number(i))) {
+        const a = `${Number(i) / 16}${r}`;
+        return e ? y(a) : a;
+      }
+    }
+    return o;
+  }
+  return t;
+}
+const n = N("rem", { shouldScale: !0 }), er = N("em"), j = F(null);
+function u() {
+  const r = M(j);
+  if (!r)
+    throw new Error("[@mantine/core] MantineProvider was not found in tree");
+  return r;
+}
+function nr() {
+  return u().cssVariablesResolver;
+}
+function ar() {
+  return u().classNamesPrefix;
+}
+function tr() {
+  return u().getStyleNonce;
+}
+function or() {
+  return u().withStaticClasses;
+}
+function ir() {
+  return u().headless;
+}
+function sr() {
+  var r;
+  return (r = u().stylesTransform) == null ? void 0 : r.sx;
+}
+function fr() {
+  var r;
+  return (r = u().stylesTransform) == null ? void 0 : r.styles;
+}
+function cr() {
+  return u().env || "default";
+}
+function W(r) {
+  return /^#?([0-9A-F]{3}){1,2}([0-9A-F]{2})?$/i.test(r);
+}
+function z(r) {
+  let e = r.replace("#", "");
+  if (e.length === 3) {
+    const f = e.split("");
+    e = [
+      f[0],
+      f[0],
+      f[1],
+      f[1],
+      f[2],
+      f[2]
+    ].join("");
+  }
+  if (e.length === 8) {
+    const f = parseInt(e.slice(6, 8), 16) / 255;
+    return {
+      r: parseInt(e.slice(0, 2), 16),
+      g: parseInt(e.slice(2, 4), 16),
+      b: parseInt(e.slice(4, 6), 16),
+      a: f
+    };
+  }
+  const t = parseInt(e, 16), o = t >> 16 & 255, i = t >> 8 & 255, a = t & 255;
+  return {
+    r: o,
+    g: i,
+    b: a,
+    a: 1
+  };
+}
+function G(r) {
+  const [e, t, o, i] = r.replace(/[^0-9,./]/g, "").split(/[/,]/).map(Number);
+  return { r: e, g: t, b: o, a: i || 1 };
+}
+function D(r) {
+  const e = /^hsla?\(\s*(\d+)\s*,\s*(\d+%)\s*,\s*(\d+%)\s*(,\s*(0?\.\d+|\d+(\.\d+)?))?\s*\)$/i, t = r.match(e);
+  if (!t)
+    return {
+      r: 0,
+      g: 0,
+      b: 0,
+      a: 1
+    };
+  const o = parseInt(t[1], 10), i = parseInt(t[2], 10) / 100, a = parseInt(t[3], 10) / 100, f = t[5] ? parseFloat(t[5]) : void 0, s = (1 - Math.abs(2 * a - 1)) * i, c = o / 60, d = s * (1 - Math.abs(c % 2 - 1)), $ = a - s / 2;
+  let b, h, m;
+  return c >= 0 && c < 1 ? (b = s, h = d, m = 0) : c >= 1 && c < 2 ? (b = d, h = s, m = 0) : c >= 2 && c < 3 ? (b = 0, h = s, m = d) : c >= 3 && c < 4 ? (b = 0, h = d, m = s) : c >= 4 && c < 5 ? (b = d, h = 0, m = s) : (b = s, h = 0, m = d), {
+    r: Math.round((b + $) * 255),
+    g: Math.round((h + $) * 255),
+    b: Math.round((m + $) * 255),
+    a: f || 1
+  };
+}
+function x(r) {
+  return W(r) ? z(r) : r.startsWith("rgb") ? G(r) : r.startsWith("hsl") ? D(r) : {
+    r: 0,
+    g: 0,
+    b: 0,
+    a: 1
+  };
+}
+function p(r, e) {
+  if (r.startsWith("var("))
+    return `color-mix(in srgb, ${r}, black ${e * 100}%)`;
+  const { r: t, g: o, b: i, a } = x(r), f = 1 - e, s = (c) => Math.round(c * f);
+  return `rgba(${s(t)}, ${s(o)}, ${s(i)}, ${a})`;
+}
+function O(r, e) {
+  return typeof r.primaryShade == "number" ? r.primaryShade : e === "dark" ? r.primaryShade.dark : r.primaryShade.light;
+}
+function C(r) {
+  return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+}
+function V(r) {
+  const e = r.match(/oklch\((.*?)%\s/);
+  return e ? parseFloat(e[1]) : null;
+}
+function U(r) {
+  if (r.startsWith("oklch("))
+    return (V(r) || 0) / 100;
+  const { r: e, g: t, b: o } = x(r), i = e / 255, a = t / 255, f = o / 255, s = C(i), c = C(a), d = C(f);
+  return 0.2126 * s + 0.7152 * c + 0.0722 * d;
+}
+function g(r, e = 0.179) {
+  return r.startsWith("var(") ? !1 : U(r) > e;
+}
+function P({
+  color: r,
+  theme: e,
+  colorScheme: t
+}) {
+  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: t === "dark" ? e.white : e.black,
+      shade: void 0,
+      isThemeColor: !1,
+      isLight: g(
+        t === "dark" ? e.white : e.black,
+        e.luminanceThreshold
+      ),
+      variable: "--mantine-color-bright"
+    };
+  if (r === "dimmed")
+    return {
+      color: r,
+      value: t === "dark" ? e.colors.dark[2] : e.colors.gray[7],
+      shade: void 0,
+      isThemeColor: !1,
+      isLight: g(
+        t === "dark" ? e.colors.dark[2] : e.colors.gray[6],
+        e.luminanceThreshold
+      ),
+      variable: "--mantine-color-dimmed"
+    };
+  if (r === "white" || r === "black")
+    return {
+      color: r,
+      value: r === "white" ? e.white : e.black,
+      shade: void 0,
+      isThemeColor: !1,
+      isLight: g(
+        r === "white" ? e.white : e.black,
+        e.luminanceThreshold
+      ),
+      variable: `--mantine-color-${r}`
+    };
+  const [o, i] = r.split("."), a = i ? Number(i) : void 0, f = o in e.colors;
+  if (f) {
+    const s = a !== void 0 ? e.colors[o][a] : e.colors[o][O(e, t || "light")];
+    return {
+      color: o,
+      value: s,
+      shade: a,
+      isThemeColor: f,
+      isLight: g(s, e.luminanceThreshold),
+      variable: i ? `--mantine-color-${o}-${a}` : `--mantine-color-${o}-filled`
+    };
+  }
+  return {
+    color: r,
+    value: r,
+    isThemeColor: f,
+    isLight: g(r, e.luminanceThreshold),
+    shade: a,
+    variable: void 0
+  };
+}
+function w(r, e) {
+  const t = P({ color: r || e.primaryColor, theme: e });
+  return t.variable ? `var(${t.variable})` : r;
+}
+function S(r, e) {
+  const t = {
+    from: (r == null ? void 0 : r.from) || e.defaultGradient.from,
+    to: (r == null ? void 0 : r.to) || e.defaultGradient.to,
+    deg: (r == null ? void 0 : r.deg) ?? e.defaultGradient.deg ?? 0
+  }, o = w(t.from, e), i = w(t.to, e);
+  return `linear-gradient(${t.deg}deg, ${o} 0%, ${i} 100%)`;
+}
+function l(r, e) {
+  if (typeof r != "string" || e > 1 || e < 0)
+    return "rgba(0, 0, 0, 1)";
+  if (r.startsWith("var(")) {
+    const a = (1 - e) * 100;
+    return `color-mix(in srgb, ${r}, transparent ${a}%)`;
+  }
+  if (r.startsWith("oklch"))
+    return r.includes("/") ? r.replace(/\/\s*[\d.]+\s*\)/, `/ ${e})`) : r.replace(")", ` / ${e})`);
+  const { r: t, g: o, b: i } = x(r);
+  return `rgba(${t}, ${o}, ${i}, ${e})`;
+}
+const lr = l, X = ({
+  color: r,
+  theme: e,
+  variant: t,
+  gradient: o,
+  autoContrast: i
+}) => {
+  const a = P({ color: r, theme: e }), f = typeof i == "boolean" ? i : e.autoContrast;
+  if (t === "filled") {
+    const s = f && a.isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
+    return a.isThemeColor ? a.shade === void 0 ? {
+      background: `var(--mantine-color-${r}-filled)`,
+      hover: `var(--mantine-color-${r}-filled-hover)`,
+      color: s,
+      border: `${n(1)} solid transparent`
+    } : {
+      background: `var(--mantine-color-${a.color}-${a.shade})`,
+      hover: `var(--mantine-color-${a.color}-${a.shade === 9 ? 8 : a.shade + 1})`,
+      color: s,
+      border: `${n(1)} solid transparent`
+    } : {
+      background: r,
+      hover: p(r, 0.1),
+      color: s,
+      border: `${n(1)} solid transparent`
+    };
+  }
+  if (t === "light") {
+    if (a.isThemeColor) {
+      if (a.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: `${n(1)} solid transparent`
+        };
+      const s = e.colors[a.color][a.shade];
+      return {
+        background: l(s, 0.1),
+        hover: l(s, 0.12),
+        color: `var(--mantine-color-${a.color}-${Math.min(a.shade, 6)})`,
+        border: `${n(1)} solid transparent`
+      };
+    }
+    return {
+      background: l(r, 0.1),
+      hover: l(r, 0.12),
+      color: r,
+      border: `${n(1)} solid transparent`
+    };
+  }
+  if (t === "outline")
+    return a.isThemeColor ? a.shade === void 0 ? {
+      background: "transparent",
+      hover: `var(--mantine-color-${r}-outline-hover)`,
+      color: `var(--mantine-color-${r}-outline)`,
+      border: `${n(1)} solid var(--mantine-color-${r}-outline)`
+    } : {
+      background: "transparent",
+      hover: l(e.colors[a.color][a.shade], 0.05),
+      color: `var(--mantine-color-${a.color}-${a.shade})`,
+      border: `${n(1)} solid var(--mantine-color-${a.color}-${a.shade})`
+    } : {
+      background: "transparent",
+      hover: l(r, 0.05),
+      color: r,
+      border: `${n(1)} solid ${r}`
+    };
+  if (t === "subtle") {
+    if (a.isThemeColor) {
+      if (a.shade === void 0)
+        return {
+          background: "transparent",
+          hover: `var(--mantine-color-${r}-light-hover)`,
+          color: `var(--mantine-color-${r}-light-color)`,
+          border: `${n(1)} solid transparent`
+        };
+      const s = e.colors[a.color][a.shade];
+      return {
+        background: "transparent",
+        hover: l(s, 0.12),
+        color: `var(--mantine-color-${a.color}-${Math.min(a.shade, 6)})`,
+        border: `${n(1)} solid transparent`
+      };
+    }
+    return {
+      background: "transparent",
+      hover: l(r, 0.12),
+      color: r,
+      border: `${n(1)} solid transparent`
+    };
+  }
+  return t === "transparent" ? a.isThemeColor ? a.shade === void 0 ? {
+    background: "transparent",
+    hover: "transparent",
+    color: `var(--mantine-color-${r}-light-color)`,
+    border: `${n(1)} solid transparent`
+  } : {
+    background: "transparent",
+    hover: "transparent",
+    color: `var(--mantine-color-${a.color}-${Math.min(a.shade, 6)})`,
+    border: `${n(1)} solid transparent`
+  } : {
+    background: "transparent",
+    hover: "transparent",
+    color: r,
+    border: `${n(1)} solid transparent`
+  } : t === "white" ? a.isThemeColor ? a.shade === void 0 ? {
+    background: "var(--mantine-color-white)",
+    hover: p(e.white, 0.01),
+    color: `var(--mantine-color-${r}-filled)`,
+    border: `${n(1)} solid transparent`
+  } : {
+    background: "var(--mantine-color-white)",
+    hover: p(e.white, 0.01),
+    color: `var(--mantine-color-${a.color}-${a.shade})`,
+    border: `${n(1)} solid transparent`
+  } : {
+    background: "var(--mantine-color-white)",
+    hover: p(e.white, 0.01),
+    color: r,
+    border: `${n(1)} solid transparent`
+  } : t === "gradient" ? {
+    background: S(o, e),
+    hover: S(o, e),
+    color: "var(--mantine-color-white)",
+    border: "none"
+  } : t === "default" ? {
+    background: "var(--mantine-color-default)",
+    hover: "var(--mantine-color-default-hover)",
+    color: "var(--mantine-color-default-color)",
+    border: `${n(1)} solid var(--mantine-color-default-border)`
+  } : {};
+}, Y = {
+  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"
+  ]
+}, R = "-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji", A = {
+  scale: 1,
+  fontSmoothing: !0,
+  focusRing: "auto",
+  white: "#fff",
+  black: "#000",
+  colors: Y,
+  primaryShade: { light: 6, dark: 8 },
+  primaryColor: "blue",
+  variantColorResolver: X,
+  autoContrast: !1,
+  luminanceThreshold: 0.3,
+  fontFamily: R,
+  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: R,
+    fontWeight: "700",
+    textWrap: "wrap",
+    sizes: {
+      h1: { fontSize: n(34), lineHeight: "1.3" },
+      h2: { fontSize: n(26), lineHeight: "1.35" },
+      h3: { fontSize: n(22), lineHeight: "1.4" },
+      h4: { fontSize: n(18), lineHeight: "1.45" },
+      h5: { fontSize: n(16), lineHeight: "1.5" },
+      h6: { fontSize: n(14), lineHeight: "1.5" }
+    }
+  },
+  fontSizes: {
+    xs: n(12),
+    sm: n(14),
+    md: n(16),
+    lg: n(18),
+    xl: n(20)
+  },
+  lineHeights: {
+    xs: "1.4",
+    sm: "1.45",
+    md: "1.55",
+    lg: "1.6",
+    xl: "1.65"
+  },
+  radius: {
+    xs: n(2),
+    sm: n(4),
+    md: n(8),
+    lg: n(16),
+    xl: n(32)
+  },
+  spacing: {
+    xs: n(10),
+    sm: n(12),
+    md: n(16),
+    lg: n(20),
+    xl: n(32)
+  },
+  breakpoints: {
+    xs: "36em",
+    sm: "48em",
+    md: "62em",
+    lg: "75em",
+    xl: "88em"
+  },
+  shadows: {
+    xs: `0 ${n(1)} ${n(3)} rgba(0, 0, 0, 0.05), 0 ${n(1)} ${n(2)} rgba(0, 0, 0, 0.1)`,
+    sm: `0 ${n(1)} ${n(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${n(10)} ${n(
+      15
+    )} ${n(-5)}, rgba(0, 0, 0, 0.04) 0 ${n(7)} ${n(7)} ${n(-5)}`,
+    md: `0 ${n(1)} ${n(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${n(20)} ${n(
+      25
+    )} ${n(-5)}, rgba(0, 0, 0, 0.04) 0 ${n(10)} ${n(10)} ${n(-5)}`,
+    lg: `0 ${n(1)} ${n(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${n(28)} ${n(
+      23
+    )} ${n(-7)}, rgba(0, 0, 0, 0.04) 0 ${n(12)} ${n(12)} ${n(-7)}`,
+    xl: `0 ${n(1)} ${n(3)} rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 ${n(36)} ${n(
+      28
+    )} ${n(-7)}, rgba(0, 0, 0, 0.04) 0 ${n(17)} ${n(17)} ${n(-7)}`
+  },
+  other: {},
+  components: {}
+}, B = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", E = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
+function k(r) {
+  return r < 0 || r > 9 ? !1 : parseInt(r.toString(), 10) === r;
+}
+function I(r) {
+  if (!(r.primaryColor in r.colors))
+    throw new Error(B);
+  if (typeof r.primaryShade == "object" && (!k(r.primaryShade.dark) || !k(r.primaryShade.light)))
+    throw new Error(E);
+  if (typeof r.primaryShade == "number" && !k(r.primaryShade))
+    throw new Error(E);
+}
+function q(r, e) {
+  var o;
+  if (!e)
+    return I(r), r;
+  const t = L(r, e);
+  return e.fontFamily && !((o = e.headings) != null && o.fontFamily) && (t.headings.fontFamily = e.fontFamily), I(t), t;
+}
+const T = F(null), J = () => M(T) || A;
+function dr() {
+  const r = M(T);
+  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 K({
+  theme: r,
+  children: e,
+  inherit: t = !0
+}) {
+  const o = J(), i = H(
+    () => q(t ? o : A, r),
+    [r, o, t]
+  );
+  return /* @__PURE__ */ _(T.Provider, { value: i, children: e });
+}
+K.displayName = "@mantine/core/MantineThemeProvider";
+export {
+  A as D,
+  j as M,
+  tr as a,
+  lr as b,
+  nr as c,
+  L as d,
+  er as e,
+  K as f,
+  O as g,
+  fr as h,
+  ar as i,
+  or as j,
+  rr as k,
+  ir as l,
+  sr as m,
+  cr as n,
+  w as o,
+  P as p,
+  n as r,
+  dr as u
+};