@kvell-group/ui 1.6.5 → 1.6.7

package/dist/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { Button } from './Button';

package/dist/components/Button/index.js

@@ -0,0 +1,4 @@
+import { Button as r } from "./Button.js";
+export {
+  r as Button
+};

package/dist/components/MainProvider/MantineProvider.d.ts

@@ -1,4 +1,4 @@
 import { MantineProviderProps as MantineProviderCoreProps } from '@mantine/core';
 type MantineProviderProps = MantineProviderCoreProps;
-export declare function MantineProvider({ children }: MantineProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function MantineProvider({ children, theme }: MantineProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/MainProvider/MantineProvider.js

@@ -0,0 +1,424 @@
+import { jsx as v, jsxs as I } from "react/jsx-runtime";
+import { u as E, a as j, k as d, e as M, g as p, p as z, b as f, r as D, d as R, D as B, c as G, M as U, f as q } from "../../MantineThemeProvider-CyD9KzqB.js";
+import { useLayoutEffect as J, useEffect as k, useRef as K, useState as Q, useCallback as S } from "react";
+function X(r) {
+  var o;
+  return typeof r != "string" || !r.includes("var(--mantine-scale)") ? r : (o = r.match(/^calc\((.*?)\)$/)) == null ? void 0 : o[1].split("*")[0].trim();
+}
+function Y(r) {
+  const o = X(r);
+  return typeof o == "number" ? o : typeof o == "string" ? o.includes("calc") || o.includes("var") ? o : o.includes("px") ? Number(o.replace("px", "")) : o.includes("rem") ? Number(o.replace("rem", "")) * 16 : o.includes("em") ? Number(o.replace("em", "")) * 16 : Number(o) : NaN;
+}
+const L = typeof document < "u" ? J : k;
+function x(r) {
+  return r === "auto" || r === "dark" || r === "light";
+}
+function Z({
+  key: r = "mantine-color-scheme-value"
+} = {}) {
+  let o;
+  return {
+    get: (a) => {
+      if (typeof window > "u")
+        return a;
+      try {
+        const n = window.localStorage.getItem(r);
+        return x(n) ? n : a;
+      } catch {
+        return a;
+      }
+    },
+    set: (a) => {
+      try {
+        window.localStorage.setItem(r, a);
+      } catch (n) {
+        console.warn(
+          "[@mantine/core] Local storage color scheme manager was unable to save color scheme.",
+          n
+        );
+      }
+    },
+    subscribe: (a) => {
+      o = (n) => {
+        n.storageArea === window.localStorage && n.key === r && x(n.newValue) && a(n.newValue);
+      }, window.addEventListener("storage", o);
+    },
+    unsubscribe: () => {
+      window.removeEventListener("storage", o);
+    },
+    clear: () => {
+      window.localStorage.removeItem(r);
+    }
+  };
+}
+function rr() {
+  const r = E(), o = j(), a = d(r.breakpoints).reduce((n, t) => {
+    const i = r.breakpoints[t].includes("px"), e = Y(r.breakpoints[t]), l = i ? `${e - 0.1}px` : M(e - 0.1), c = i ? `${e}px` : M(e);
+    return `${n}@media (max-width: ${l}) {.mantine-visible-from-${t} {display: none !important;}}@media (min-width: ${c}) {.mantine-hidden-from-${t} {display: none !important;}}`;
+  }, "");
+  return /* @__PURE__ */ v(
+    "style",
+    {
+      "data-mantine-styles": "classes",
+      nonce: o == null ? void 0 : o(),
+      dangerouslySetInnerHTML: { __html: a }
+    }
+  );
+}
+function w(r) {
+  return Object.entries(r).map(([o, a]) => `${o}: ${a};`).join("");
+}
+function h(r, o) {
+  return (Array.isArray(r) ? r : [r]).reduce((n, t) => `${t}{${n}}`, o);
+}
+function or(r, o) {
+  const a = w(r.variables), n = a ? h(o, a) : "", t = w(r.dark), i = w(r.light), e = t ? h(o === ":host" ? `${o}([data-mantine-color-scheme="dark"])` : `${o}[data-mantine-color-scheme="dark"]`, t) : "", l = i ? h(o === ":host" ? `${o}([data-mantine-color-scheme="light"])` : `${o}[data-mantine-color-scheme="light"]`, i) : "";
+  return `${n}${e}${l}`;
+}
+function nr({ color: r, theme: o, autoContrast: a }) {
+  return o.autoContrast && z({ color: r || o.primaryColor, theme: o }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
+}
+function V(r, o) {
+  return nr({
+    color: r.colors[r.primaryColor][p(r, o)],
+    theme: r,
+    autoContrast: null
+  });
+}
+function b({
+  theme: r,
+  color: o,
+  colorScheme: a,
+  name: n = o,
+  withColorValues: t = !0
+}) {
+  if (!r.colors[o])
+    return {};
+  if (a === "light") {
+    const l = p(r, "light"), c = {
+      [`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-filled)`,
+      [`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${l})`,
+      [`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${l === 9 ? 8 : l + 1})`,
+      [`--mantine-color-${n}-light`]: f(r.colors[o][l], 0.1),
+      [`--mantine-color-${n}-light-hover`]: f(r.colors[o][l], 0.12),
+      [`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${l})`,
+      [`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${l})`,
+      [`--mantine-color-${n}-outline-hover`]: f(r.colors[o][l], 0.05)
+    };
+    return t ? {
+      [`--mantine-color-${n}-0`]: r.colors[o][0],
+      [`--mantine-color-${n}-1`]: r.colors[o][1],
+      [`--mantine-color-${n}-2`]: r.colors[o][2],
+      [`--mantine-color-${n}-3`]: r.colors[o][3],
+      [`--mantine-color-${n}-4`]: r.colors[o][4],
+      [`--mantine-color-${n}-5`]: r.colors[o][5],
+      [`--mantine-color-${n}-6`]: r.colors[o][6],
+      [`--mantine-color-${n}-7`]: r.colors[o][7],
+      [`--mantine-color-${n}-8`]: r.colors[o][8],
+      [`--mantine-color-${n}-9`]: r.colors[o][9],
+      ...c
+    } : c;
+  }
+  const i = p(r, "dark"), e = {
+    [`--mantine-color-${n}-text`]: `var(--mantine-color-${n}-4)`,
+    [`--mantine-color-${n}-filled`]: `var(--mantine-color-${n}-${i})`,
+    [`--mantine-color-${n}-filled-hover`]: `var(--mantine-color-${n}-${i === 9 ? 8 : i + 1})`,
+    [`--mantine-color-${n}-light`]: f(
+      r.colors[o][Math.max(0, i - 2)],
+      0.15
+    ),
+    [`--mantine-color-${n}-light-hover`]: f(
+      r.colors[o][Math.max(0, i - 2)],
+      0.2
+    ),
+    [`--mantine-color-${n}-light-color`]: `var(--mantine-color-${n}-${Math.max(i - 5, 0)})`,
+    [`--mantine-color-${n}-outline`]: `var(--mantine-color-${n}-${Math.max(i - 4, 0)})`,
+    [`--mantine-color-${n}-outline-hover`]: f(
+      r.colors[o][Math.max(i - 4, 0)],
+      0.05
+    )
+  };
+  return t ? {
+    [`--mantine-color-${n}-0`]: r.colors[o][0],
+    [`--mantine-color-${n}-1`]: r.colors[o][1],
+    [`--mantine-color-${n}-2`]: r.colors[o][2],
+    [`--mantine-color-${n}-3`]: r.colors[o][3],
+    [`--mantine-color-${n}-4`]: r.colors[o][4],
+    [`--mantine-color-${n}-5`]: r.colors[o][5],
+    [`--mantine-color-${n}-6`]: r.colors[o][6],
+    [`--mantine-color-${n}-7`]: r.colors[o][7],
+    [`--mantine-color-${n}-8`]: r.colors[o][8],
+    [`--mantine-color-${n}-9`]: r.colors[o][9],
+    ...e
+  } : e;
+}
+function ar(r) {
+  return !!r && typeof r == "object" && "mantine-virtual-color" in r;
+}
+function $(r, o, a) {
+  d(o).forEach(
+    (n) => Object.assign(r, { [`--mantine-${a}-${n}`]: o[n] })
+  );
+}
+const N = (r) => {
+  const o = p(r, "light"), a = r.defaultRadius in r.radius ? r.radius[r.defaultRadius] : D(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": a,
+      // 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": V(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}-${o})`,
+      "--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": V(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)"
+    }
+  };
+  $(n.variables, r.breakpoints, "breakpoint"), $(n.variables, r.spacing, "spacing"), $(n.variables, r.fontSizes, "font-size"), $(n.variables, r.lineHeights, "line-height"), $(n.variables, r.shadows, "shadow"), $(n.variables, r.radius, "radius"), r.colors[r.primaryColor].forEach((i, e) => {
+    n.variables[`--mantine-primary-color-${e}`] = `var(--mantine-color-${r.primaryColor}-${e})`;
+  }), d(r.colors).forEach((i) => {
+    const e = r.colors[i];
+    if (ar(e)) {
+      Object.assign(
+        n.light,
+        b({
+          theme: r,
+          name: e.name,
+          color: e.light,
+          colorScheme: "light",
+          withColorValues: !0
+        })
+      ), Object.assign(
+        n.dark,
+        b({
+          theme: r,
+          name: e.name,
+          color: e.dark,
+          colorScheme: "dark",
+          withColorValues: !0
+        })
+      );
+      return;
+    }
+    e.forEach((l, c) => {
+      n.variables[`--mantine-color-${i}-${c}`] = l;
+    }), Object.assign(
+      n.light,
+      b({
+        theme: r,
+        color: i,
+        colorScheme: "light",
+        withColorValues: !1
+      })
+    ), Object.assign(
+      n.dark,
+      b({
+        theme: r,
+        color: i,
+        colorScheme: "dark",
+        withColorValues: !1
+      })
+    );
+  });
+  const t = r.headings.sizes;
+  return d(t).forEach((i) => {
+    n.variables[`--mantine-${i}-font-size`] = t[i].fontSize, n.variables[`--mantine-${i}-line-height`] = t[i].lineHeight, n.variables[`--mantine-${i}-font-weight`] = t[i].fontWeight || r.headings.fontWeight;
+  }), n;
+};
+function ir({ theme: r, generator: o }) {
+  const a = N(r), n = o == null ? void 0 : o(r);
+  return n ? R(a, n) : a;
+}
+const C = N(B);
+function tr(r) {
+  const o = {
+    variables: {},
+    light: {},
+    dark: {}
+  };
+  return d(r.variables).forEach((a) => {
+    C.variables[a] !== r.variables[a] && (o.variables[a] = r.variables[a]);
+  }), d(r.light).forEach((a) => {
+    C.light[a] !== r.light[a] && (o.light[a] = r.light[a]);
+  }), d(r.dark).forEach((a) => {
+    C.dark[a] !== r.dark[a] && (o.dark[a] = r.dark[a]);
+  }), o;
+}
+function er(r) {
+  return `
+  ${r}[data-mantine-color-scheme="dark"] { --mantine-color-scheme: dark; }
+  ${r}[data-mantine-color-scheme="light"] { --mantine-color-scheme: light; }
+`;
+}
+function P({
+  cssVariablesSelector: r,
+  deduplicateCssVariables: o
+}) {
+  const a = E(), n = j(), t = G(), i = ir({ theme: a, generator: t }), e = r === ":root" && o, l = e ? tr(i) : i, c = or(l, r);
+  return c ? /* @__PURE__ */ v(
+    "style",
+    {
+      "data-mantine-styles": !0,
+      nonce: n == null ? void 0 : n(),
+      dangerouslySetInnerHTML: {
+        __html: `${c}${e ? "" : er(r)}`
+      }
+    }
+  ) : null;
+}
+P.displayName = "@mantine/CssVariables";
+function lr() {
+  const r = console.error;
+  console.error = (...o) => {
+    o.length > 1 && typeof o[0] == "string" && o[0].toLowerCase().includes("extra attributes from the server") && typeof o[1] == "string" && o[1].toLowerCase().includes("data-mantine-color-scheme") || r(...o);
+  };
+}
+function g(r, o) {
+  var t, i;
+  const a = typeof window < "u" && "matchMedia" in window && ((t = window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : t.matches), n = r !== "auto" ? r : a ? "dark" : "light";
+  (i = o()) == null || i.setAttribute("data-mantine-color-scheme", n);
+}
+function cr({
+  manager: r,
+  defaultColorScheme: o,
+  getRootElement: a,
+  forceColorScheme: n
+}) {
+  const t = K(null), [i, e] = Q(() => r.get(o)), l = n || i, c = S(
+    (s) => {
+      n || (g(s, a), e(s), r.set(s));
+    },
+    [r.set, l, n]
+  ), y = S(() => {
+    e(o), g(o, a), r.clear();
+  }, [r.clear, o]);
+  return k(() => (r.subscribe(c), r.unsubscribe), [r.subscribe, r.unsubscribe]), L(() => {
+    g(r.get(o), a);
+  }, []), k(() => {
+    var u;
+    if (n)
+      return g(n, a), () => {
+      };
+    n === void 0 && g(i, a), typeof window < "u" && "matchMedia" in window && (t.current = window.matchMedia("(prefers-color-scheme: dark)"));
+    const s = (m) => {
+      i === "auto" && g(m.matches ? "dark" : "light", a);
+    };
+    return (u = t.current) == null || u.addEventListener("change", s), () => {
+      var m;
+      return (m = t.current) == null ? void 0 : m.removeEventListener("change", s);
+    };
+  }, [i, n]), { colorScheme: l, setColorScheme: c, clearColorScheme: y };
+}
+function sr({
+  respectReducedMotion: r,
+  getRootElement: o
+}) {
+  L(() => {
+    var a;
+    r && ((a = o()) == null || a.setAttribute("data-respect-reduced-motion", "true"));
+  }, [r]);
+}
+lr();
+function T({
+  theme: r,
+  children: o,
+  getStyleNonce: a,
+  withStaticClasses: n = !0,
+  withGlobalClasses: t = !0,
+  deduplicateCssVariables: i = !0,
+  withCssVariables: e = !0,
+  cssVariablesSelector: l = ":root",
+  classNamesPrefix: c = "mantine",
+  colorSchemeManager: y = Z(),
+  defaultColorScheme: s = "light",
+  getRootElement: u = () => document.documentElement,
+  cssVariablesResolver: m,
+  forceColorScheme: _,
+  stylesTransform: W,
+  env: A
+}) {
+  const { colorScheme: O, setColorScheme: F, clearColorScheme: H } = cr({
+    defaultColorScheme: s,
+    forceColorScheme: _,
+    manager: y,
+    getRootElement: u
+  });
+  return sr({
+    respectReducedMotion: (r == null ? void 0 : r.respectReducedMotion) || !1,
+    getRootElement: u
+  }), /* @__PURE__ */ v(
+    U.Provider,
+    {
+      value: {
+        colorScheme: O,
+        setColorScheme: F,
+        clearColorScheme: H,
+        getRootElement: u,
+        classNamesPrefix: c,
+        getStyleNonce: a,
+        cssVariablesResolver: m,
+        cssVariablesSelector: l,
+        withStaticClasses: n,
+        stylesTransform: W,
+        env: A
+      },
+      children: /* @__PURE__ */ I(q, { theme: r, children: [
+        e && /* @__PURE__ */ v(
+          P,
+          {
+            cssVariablesSelector: l,
+            deduplicateCssVariables: i
+          }
+        ),
+        t && /* @__PURE__ */ v(rr, {}),
+        o
+      ] })
+    }
+  );
+}
+T.displayName = "@mantine/core/MantineProvider";
+function fr({ children: r, theme: o }) {
+  return /* @__PURE__ */ v(T, { theme: o, children: r });
+}
+export {
+  fr as MantineProvider
+};

package/dist/components/MainProvider/index.js

@@ -0,0 +1,4 @@
+import { MantineProvider as o } from "./MantineProvider.js";
+export {
+  o as MantineProvider
+};

package/dist/components/theme.d.ts

@@ -0,0 +1,2 @@
+import { MantineThemeOverride } from '@mantine/core';
+export declare const theme: MantineThemeOverride;

package/dist/components/theme.js

@@ -0,0 +1,21 @@
+function o(r) {
+  return Array.isArray(r) ? r : Array(10).fill(r);
+}
+const e = {
+  colors: {
+    primary: o("#14151A")
+  }
+  /* shadows: {
+    md: '1px 1px 3px rgba(0, 0, 0, .25)',
+    xl: '5px 5px 3px rgba(0, 0, 0, .25)',
+  }, */
+  /* headings: {
+    fontFamily: 'Roboto, sans-serif',
+    sizes: {
+      h1: { fontSize: rem(36) },
+    },
+  }, */
+};
+export {
+  e as theme
+};

package/dist/main.d.ts

@@ -1,3 +1,3 @@
 export { ColorSchemeScript, mantineHtmlProps } from '@mantine/core';
 export { MantineProvider } from './components/MainProvider';
-export { TestButton } from './components/TestButton';
+export { Button } from './components/Button';