@kvell-group/ui 1.9.0 → 1.9.2

package/dist/components/MainProvider/MantineProvider.js

@@ -1,431 +1,15 @@
-import { jsx as v, jsxs as I } from "react/jsx-runtime";
-import { u as E, b as j, k as d, e as k, c as p, p as z, d as f, r as D, f as R, D as B, h as G, M as U, i as q } from "../../MantineThemeProvider-kHsOfZUW.js";
-import { useRef as J, useState as K, useCallback as M, useEffect as S } from "react";
-import { u as L } from "../../use-isomorphic-effect-TT0F1lfC.js";
-function Q(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 X(r) {
-  const o = Q(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;
-}
-function x(r) {
-  return r === "auto" || r === "dark" || r === "light";
-}
-function Y({
-  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 Z() {
-  const r = E(), o = j(), a = d(r.breakpoints).reduce((n, t) => {
-    const i = r.breakpoints[t].includes("px"), e = X(r.breakpoints[t]), l = i ? `${e - 0.1}px` : k(e - 0.1), c = i ? `${e}px` : k(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 rr(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 or({ 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 or({
-    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 nr(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 (nr(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 ar({ 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 ir(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 tr(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 = ar({ theme: a, generator: t }), e = r === ":root" && o, l = e ? ir(i) : i, c = rr(l, r);
-  return c ? /* @__PURE__ */ v(
-    "style",
-    {
-      "data-mantine-styles": !0,
-      nonce: n == null ? void 0 : n(),
-      dangerouslySetInnerHTML: {
-        __html: `${c}${e ? "" : tr(r)}`
-      }
-    }
-  ) : null;
-}
-P.displayName = "@mantine/CssVariables";
-function er() {
-  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 lr({
-  manager: r,
-  defaultColorScheme: o,
-  getRootElement: a,
-  forceColorScheme: n
-}) {
-  const t = J(null), [i, e] = K(() => r.get(o)), l = n || i, c = M(
-    (s) => {
-      n || (g(s, a), e(s), r.set(s));
-    },
-    [r.set, l, n]
-  ), y = M(() => {
-    e(o), g(o, a), r.clear();
-  }, [r.clear, o]);
-  return S(() => (r.subscribe(c), r.unsubscribe), [r.subscribe, r.unsubscribe]), L(() => {
-    g(r.get(o), a);
-  }, []), S(() => {
-    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 cr({
-  respectReducedMotion: r,
-  getRootElement: o
-}) {
-  L(() => {
-    var a;
-    r && ((a = o()) == null || a.setAttribute("data-respect-reduced-motion", "true"));
-  }, [r]);
-}
-er();
-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 = Y(),
-  defaultColorScheme: s = "light",
-  getRootElement: u = () => document.documentElement,
-  cssVariablesResolver: m,
-  forceColorScheme: _,
-  stylesTransform: W,
-  env: A
-}) {
-  const { colorScheme: O, setColorScheme: F, clearColorScheme: H } = lr({
-    defaultColorScheme: s,
-    forceColorScheme: _,
-    manager: y,
-    getRootElement: u
-  });
-  return cr({
-    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(Z, {}),
-        o
-      ] })
-    }
-  );
-}
-T.displayName = "@mantine/core/MantineProvider";
-function fr({ children: r, theme: o, ...a }) {
-  return /* @__PURE__ */ v(
-    T,
-    {
-      theme: o,
-      ...a,
+import { jsx as o } from "react/jsx-runtime";
+import { MantineProvider as e } from "@mantine/core";
+function m({ children: r, theme: i, ...n }) {
+  return /* @__PURE__ */ o(
+    e,
+    {
+      theme: i,
+      ...n,
       children: r
     }
   );
 }
 export {
-  fr as MantineProvider
+  m as MantineProvider
 };

package/dist/components/Text/Text.js

@@ -1,88 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as S } from "../../Text.module-R-XLggXY.js";
-import "react";
-import { p as _, u as z, a as B, B as F, c as P, g as R, b as j } from "../../polymorphic-factory-Bvt8Is5k.js";
-import { g as C, a as G } from "../../MantineThemeProvider-kHsOfZUW.js";
-var c = { root: "m_b6d8b162" };
-function H(t) {
-  if (t === "start")
-    return "start";
-  if (t === "end" || t)
-    return "end";
-}
-const L = {
-  inherit: !1
-}, V = P(
-  (t, { variant: r, lineClamp: e, gradient: o, size: s, color: a }) => ({
-    root: {
-      "--text-fz": j(s),
-      "--text-lh": R(s),
-      "--text-gradient": r === "gradient" ? G(o, t) : void 0,
-      "--text-line-clamp": typeof e == "number" ? e.toString() : void 0,
-      "--text-color": a ? C(a, t) : void 0
-    }
-  })
-), n = _((t, r) => {
-  const e = z("Text", L, t), {
-    lineClamp: o,
-    truncate: s,
-    inline: a,
-    inherit: l,
-    gradient: $,
-    span: m,
-    __staticSelector: d,
-    vars: p,
-    className: u,
-    style: x,
-    classNames: f,
-    styles: g,
-    unstyled: v,
-    variant: y,
-    mod: T,
-    size: h,
-    ...b
-  } = e, N = B({
-    name: ["Text", d],
-    props: e,
-    classes: c,
-    className: u,
-    style: x,
-    classNames: f,
-    styles: g,
-    unstyled: v,
-    vars: p,
-    varsResolver: V
-  });
-  return /* @__PURE__ */ i(
-    F,
-    {
-      ...N("root", { focusable: !0 }),
-      ref: r,
-      component: m ? "span" : "p",
-      variant: y,
-      mod: [
-        {
-          "data-truncate": H(s),
-          "data-line-clamp": typeof o == "number",
-          "data-inline": a,
-          "data-inherit": l
-        },
-        T
-      ],
-      size: h,
-      ...b
-    }
-  );
-});
-n.classes = c;
-n.displayName = "@mantine/core/Text";
-const E = (t) => /* @__PURE__ */ i(
-  n,
+import { jsx as s } from "react/jsx-runtime";
+import { Text as o } from "@mantine/core";
+import { c as a } from "../../Text.module-R-XLggXY.js";
+const x = (t) => /* @__PURE__ */ s(
+  o,
   {
     ...t,
-    classNames: { root: S[t.variant || "text"] }
+    classNames: { root: a[t.variant || "text"] }
   }
 );
 export {
-  E as Text
+  x as Text
 };

package/dist/components/theme.js

@@ -1,7 +1,5 @@
-function e(r) {
-  return Array.isArray(r) ? r : Array(10).fill(r);
-}
-const a = {
+import { colorsTuple as e } from "@mantine/core";
+const m = {
   focusRing: "never",
   scale: 1,
   //default value
@@ -154,5 +152,5 @@ const a = {
   }
 };
 export {
-  a as theme
+  m as theme
 };

package/dist/main.js

@@ -1,52 +1,15 @@
-import { MantineProvider as u } from "./components/MainProvider/MantineProvider.js";
-import { theme as p } from "./components/theme.js";
-import { Button as g } from "./components/Button/Button.js";
-import { CardInput as x } from "./components/CardInput/CardInput.js";
-import { Text as v } from "./components/Text/Text.js";
-import { jsx as m } from "react/jsx-runtime";
-const a = ({
-  defaultColorScheme: e,
-  localStorageKey: o,
-  forceColorScheme: t
-}) => t ? `document.documentElement.setAttribute("data-mantine-color-scheme", '${t}');` : `try {
-  var _colorScheme = window.localStorage.getItem("${o}");
-  var colorScheme = _colorScheme === "light" || _colorScheme === "dark" || _colorScheme === "auto" ? _colorScheme : "${e}";
-  var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-  document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme);
-} catch (e) {}
-`;
-function l({
-  defaultColorScheme: e = "light",
-  localStorageKey: o = "mantine-color-scheme-value",
-  forceColorScheme: t,
-  ...r
-}) {
-  const c = ["light", "dark", "auto"].includes(e) ? e : "light";
-  return /* @__PURE__ */ m(
-    "script",
-    {
-      ...r,
-      "data-mantine-script": !0,
-      dangerouslySetInnerHTML: {
-        __html: a({
-          defaultColorScheme: c,
-          localStorageKey: o,
-          forceColorScheme: t
-        })
-      }
-    }
-  );
-}
-const i = {
-  suppressHydrationWarning: !0,
-  "data-mantine-color-scheme": "light"
-};
+import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
+import { MantineProvider as p } from "./components/MainProvider/MantineProvider.js";
+import { theme as f } from "./components/theme.js";
+import { Button as i } from "./components/Button/Button.js";
+import { CardInput as c } from "./components/CardInput/CardInput.js";
+import { Text as h } from "./components/Text/Text.js";
 export {
-  g as Button,
-  x as CardInput,
-  l as ColorSchemeScript,
-  u as MantineProvider,
-  v as Text,
-  i as mantineHtmlProps,
-  p as theme
+  i as Button,
+  c as CardInput,
+  t as ColorSchemeScript,
+  p as MantineProvider,
+  h as Text,
+  e as mantineHtmlProps,
+  f as theme
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.9.0",
+  "version": "1.9.2",
   "type": "module",
   "files": [
     "dist",
@@ -21,19 +21,12 @@
     "format:fix": "prettier --write .",
     "build-storybook": "storybook build"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@mantine/core": "^7.17.3",
     "@mantine/hooks": "^7.17.3",
-    "classnames": "^2.5.1",
-    "glob": "^11.0.1",
-    "react-imask": "^7.6.1",
-    "semantic-release": "^24.2.3",
-    "vite-plugin-svgr": "^4.3.0",
-    "vite-tsconfig-paths": "^5.1.4"
-  },
-  "peerDependencies ": {
-    "react-dom": "^19.0.0",
-    "react": "^19.0.0"
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-imask": "^7.6.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.6",
@@ -53,17 +46,20 @@
     "@vitest/browser": "^3.1.1",
     "@vitest/coverage-v8": "^3.1.1",
     "autoprefixer": "^10.4.21",
+    "classnames": "^2.5.1",
     "eslint": "^9.21.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-storybook": "^0.12.0",
+    "glob": "^11.0.1",
     "globals": "^15.15.0",
     "playwright": "^1.51.1",
     "postcss": "^8.5.3",
     "postcss-preset-mantine": "^1.17.0",
     "postcss-simple-vars": "^7.0.1",
     "prettier": "^3.5.3",
+    "semantic-release": "^24.2.3",
     "storybook": "^8.6.12",
     "stylelint": "^16.17.0",
     "stylelint-config-standard": "^37.0.0",
@@ -72,6 +68,8 @@
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-lib-inject-css": "^2.2.1",
+    "vite-plugin-svgr": "^4.3.0",
+    "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.1.1"
   },
   "publishConfig": {