@kvell-group/ui 1.8.3 → 1.9.1

package/dist/Text.module-R-XLggXY.js

@@ -0,0 +1,8 @@
+import './assets/Text.css';const i = {
+  "body-s-medium": "_body-s-medium_ziqnx_2",
+  "caption-l-medium": "_caption-l-medium_ziqnx_11",
+  "caption-l-regular": "_caption-l-regular_ziqnx_19"
+};
+export {
+  i as c
+};

package/dist/assets/CardInput.css

@@ -0,0 +1 @@
+._input_u23b9_1{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);color:var(--mantine-color-text-base-tertiary-0)}._section_u23b9_7[data-position=right]{padding-right:.25rem}

package/dist/assets/Text.css

@@ -0,0 +1 @@
+._body-s-medium_ziqnx_2{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-letter-spacing-body-s)}._caption-l-medium_ziqnx_11{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}._caption-l-regular_ziqnx_19{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l-regular);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-letter-spacing-caption-l)}

package/dist/components/Button/Button.js

@@ -1,597 +1,14 @@
-import { jsx as c, Fragment as J, jsxs as X } from "react/jsx-runtime";
-import { u as lt, j as pt, g as dt, r as z } from "../../MantineThemeProvider-kHsOfZUW.js";
-import { useState as V, useRef as Y, useEffect as D, forwardRef as j } from "react";
-import { p as tt, u as P, a as $, B as y, d as I, f as M, c as E, e as L, h as ot, b as k } from "../../polymorphic-factory-DUeudAZR.js";
-import ut from "react-dom";
-import '../../assets/Button.css';function ft(t, o) {
-  try {
-    return t.addEventListener("change", o), () => t.removeEventListener("change", o);
-  } catch {
-    return t.addListener(o), () => t.removeListener(o);
-  }
-}
-function yt(t, o) {
-  return typeof window < "u" && "matchMedia" in window ? window.matchMedia(t).matches : !1;
-}
-function gt(t, o, { getInitialValueInEffect: n } = {
-  getInitialValueInEffect: !0
-}) {
-  const [s, r] = V(
-    n ? o : yt(t)
-  ), e = Y(null);
-  return D(() => {
-    if ("matchMedia" in window)
-      return e.current = window.matchMedia(t), r(e.current.matches), ft(e.current, (a) => r(a.matches));
-  }, [t]), s;
-}
-function bt(t, o) {
-  const n = Y(!1);
-  D(
-    () => () => {
-      n.current = !1;
-    },
-    []
-  ), D(() => {
-    if (n.current)
-      return t();
-    n.current = !0;
-  }, o);
-}
-function ht(t, o) {
-  return gt("(prefers-reduced-motion: reduce)", t, o);
-}
-var nt = { root: "m_87cf2631" };
-const vt = {
-  __staticSelector: "UnstyledButton"
-}, W = tt(
-  (t, o) => {
-    const n = P("UnstyledButton", vt, t), {
-      className: s,
-      component: r = "button",
-      __staticSelector: e,
-      unstyled: a,
-      classNames: i,
-      styles: m,
-      style: p,
-      ...u
-    } = n, f = $({
-      name: e,
-      props: n,
-      classes: nt,
-      className: s,
-      style: p,
-      classNames: i,
-      styles: m,
-      unstyled: a
-    });
-    return /* @__PURE__ */ c(
-      y,
-      {
-        ...f("root", { focusable: !0 }),
-        component: r,
-        ref: o,
-        type: r === "button" ? "button" : void 0,
-        ...u
-      }
-    );
-  }
-);
-W.classes = nt;
-W.displayName = "@mantine/core/UnstyledButton";
-const T = (t) => ({
-  in: { opacity: 1, transform: "scale(1)" },
-  out: { opacity: 0, transform: `scale(.9) translateY(${t === "bottom" ? 10 : -10}px)` },
-  transitionProperty: "transform, opacity"
-}), F = {
-  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: {
-    ...T("bottom"),
-    common: { transformOrigin: "center center" }
-  },
-  "pop-bottom-left": {
-    ...T("bottom"),
-    common: { transformOrigin: "bottom left" }
-  },
-  "pop-bottom-right": {
-    ...T("bottom"),
-    common: { transformOrigin: "bottom right" }
-  },
-  "pop-top-left": {
-    ...T("top"),
-    common: { transformOrigin: "top left" }
-  },
-  "pop-top-right": {
-    ...T("top"),
-    common: { transformOrigin: "top right" }
-  }
-}, K = {
-  entering: "in",
-  entered: "in",
-  exiting: "out",
-  exited: "out",
-  "pre-exiting": "out",
-  "pre-entering": "out"
-};
-function wt({
-  transition: t,
-  state: o,
-  duration: n,
-  timingFunction: s
-}) {
-  const r = {
-    WebkitBackfaceVisibility: "hidden",
-    willChange: "transform, opacity",
-    transitionDuration: `${n}ms`,
-    transitionTimingFunction: s
-  };
-  return typeof t == "string" ? t in F ? {
-    transitionProperty: F[t].transitionProperty,
-    ...r,
-    ...F[t].common,
-    ...F[t][K[o]]
-  } : {} : {
-    transitionProperty: t.transitionProperty,
-    ...r,
-    ...t.common,
-    ...t[K[o]]
-  };
-}
-function St({
-  duration: t,
-  exitDuration: o,
-  timingFunction: n,
-  mounted: s,
-  onEnter: r,
-  onExit: e,
-  onEntered: a,
-  onExited: i,
-  enterDelay: m,
-  exitDelay: p
-}) {
-  const u = lt(), f = ht(), g = u.respectReducedMotion ? f : !1, [v, l] = V(g ? 0 : t), [S, w] = V(s ? "entered" : "exited"), _ = Y(-1), C = Y(-1), x = Y(-1), R = (d) => {
-    const N = d ? r : e, b = d ? a : i;
-    window.clearTimeout(_.current);
-    const O = g ? 0 : d ? t : o;
-    l(O), O === 0 ? (typeof N == "function" && N(), typeof b == "function" && b(), w(d ? "entered" : "exited")) : x.current = requestAnimationFrame(() => {
-      ut.flushSync(() => {
-        w(d ? "pre-entering" : "pre-exiting");
-      }), x.current = requestAnimationFrame(() => {
-        typeof N == "function" && N(), w(d ? "entering" : "exiting"), _.current = window.setTimeout(() => {
-          typeof b == "function" && b(), w(d ? "entered" : "exited");
-        }, O);
-      });
-    });
-  }, Q = (d) => {
-    if (window.clearTimeout(C.current), typeof (d ? m : p) != "number") {
-      R(d);
-      return;
-    }
-    C.current = window.setTimeout(
-      () => {
-        R(d);
-      },
-      d ? m : p
-    );
-  };
-  return bt(() => {
-    Q(s);
-  }, [s]), D(
-    () => () => {
-      window.clearTimeout(_.current), cancelAnimationFrame(x.current);
-    },
-    []
-  ), {
-    transitionDuration: v,
-    transitionStatus: S,
-    transitionTimingFunction: n || "ease"
-  };
-}
-function rt({
-  keepMounted: t,
-  transition: o = "fade",
-  duration: n = 250,
-  exitDuration: s = n,
-  mounted: r,
-  children: e,
-  timingFunction: a = "ease",
-  onExit: i,
-  onEntered: m,
-  onEnter: p,
-  onExited: u,
-  enterDelay: f,
-  exitDelay: g
-}) {
-  const v = pt(), { transitionDuration: l, transitionStatus: S, transitionTimingFunction: w } = St({
-    mounted: r,
-    exitDuration: s,
-    duration: n,
-    timingFunction: a,
-    onExit: i,
-    onEntered: m,
-    onEnter: p,
-    onExited: u,
-    enterDelay: f,
-    exitDelay: g
-  });
-  return l === 0 || v === "test" ? r ? /* @__PURE__ */ c(J, { children: e({}) }) : t ? e({ display: "none" }) : null : S === "exited" ? t ? e({ display: "none" }) : null : /* @__PURE__ */ c(J, { children: e(
-    wt({
-      transition: o,
-      duration: l,
-      state: S,
-      timingFunction: w
-    })
-  ) });
-}
-rt.displayName = "@mantine/core/Transition";
-var h = { 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 et = j(({ className: t, ...o }, n) => /* @__PURE__ */ X(y, { component: "span", className: I(h.barsLoader, t), ...o, ref: n, children: [
-  /* @__PURE__ */ c("span", { className: h.bar }),
-  /* @__PURE__ */ c("span", { className: h.bar }),
-  /* @__PURE__ */ c("span", { className: h.bar })
-] }));
-et.displayName = "@mantine/core/Bars";
-const at = j(({ className: t, ...o }, n) => /* @__PURE__ */ X(y, { component: "span", className: I(h.dotsLoader, t), ...o, ref: n, children: [
-  /* @__PURE__ */ c("span", { className: h.dot }),
-  /* @__PURE__ */ c("span", { className: h.dot }),
-  /* @__PURE__ */ c("span", { className: h.dot })
-] }));
-at.displayName = "@mantine/core/Dots";
-const st = j(({ className: t, ...o }, n) => /* @__PURE__ */ c(y, { component: "span", className: I(h.ovalLoader, t), ...o, ref: n }));
-st.displayName = "@mantine/core/Oval";
-const it = {
-  bars: et,
-  oval: st,
-  dots: at
-}, Nt = {
-  loaders: it,
-  type: "oval"
-}, Pt = E((t, { size: o, color: n }) => ({
-  root: {
-    "--loader-size": L(o, "loader-size"),
-    "--loader-color": n ? dt(n, t) : void 0
-  }
-})), U = M((t, o) => {
-  const n = P("Loader", Nt, t), {
-    size: s,
-    color: r,
-    type: e,
-    vars: a,
-    className: i,
-    style: m,
-    classNames: p,
-    styles: u,
-    unstyled: f,
-    loaders: g,
-    variant: v,
-    children: l,
-    ...S
-  } = n, w = $({
-    name: "Loader",
-    props: n,
-    classes: h,
-    className: i,
-    style: m,
-    classNames: p,
-    styles: u,
-    unstyled: f,
-    vars: a,
-    varsResolver: Pt
-  });
-  return l ? /* @__PURE__ */ c(y, { ...w("root"), ref: o, ...S, children: l }) : /* @__PURE__ */ c(
-    y,
-    {
-      ...w("root"),
-      ref: o,
-      component: g[e],
-      variant: v,
-      size: s,
-      ...S
-    }
-  );
-});
-U.defaultLoaders = it;
-U.classes = h;
-U.displayName = "@mantine/core/Loader";
-var B = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844", groupSection: "m_70be2a01" };
-const Z = {
-  orientation: "horizontal"
-}, xt = E((t, { borderWidth: o }) => ({
-  group: { "--button-border-width": z(o) }
-})), A = M((t, o) => {
-  const n = P("ButtonGroup", Z, t), {
-    className: s,
-    style: r,
-    classNames: e,
-    styles: a,
-    unstyled: i,
-    orientation: m,
-    vars: p,
-    borderWidth: u,
-    variant: f,
-    mod: g,
-    ...v
-  } = P("ButtonGroup", Z, t), l = $({
-    name: "ButtonGroup",
-    props: n,
-    classes: B,
-    className: s,
-    style: r,
-    classNames: e,
-    styles: a,
-    unstyled: i,
-    vars: p,
-    varsResolver: xt,
-    rootSelector: "group"
-  });
-  return /* @__PURE__ */ c(
-    y,
-    {
-      ...l("group"),
-      ref: o,
-      variant: f,
-      mod: [{ "data-orientation": m }, g],
-      role: "group",
-      ...v
-    }
-  );
-});
-A.classes = B;
-A.displayName = "@mantine/core/ButtonGroup";
-const q = {}, Bt = E(
-  (t, { radius: o, color: n, gradient: s, variant: r, autoContrast: e, size: a }) => {
-    const i = t.variantColorResolver({
-      color: n || t.primaryColor,
-      theme: t,
-      gradient: s,
-      variant: r || "filled",
-      autoContrast: e
-    });
-    return {
-      groupSection: {
-        "--section-height": L(a, "section-height"),
-        "--section-padding-x": L(a, "section-padding-x"),
-        "--section-fz": a != null && a.includes("compact") ? k(a.replace("compact-", "")) : k(a),
-        "--section-radius": o === void 0 ? void 0 : ot(o),
-        "--section-bg": n || r ? i.background : void 0,
-        "--section-color": i.color,
-        "--section-bd": n || r ? i.border : void 0
-      }
-    };
-  }
-), H = M((t, o) => {
-  const n = P("ButtonGroupSection", q, t), {
-    className: s,
-    style: r,
-    classNames: e,
-    styles: a,
-    unstyled: i,
-    vars: m,
-    variant: p,
-    gradient: u,
-    radius: f,
-    autoContrast: g,
-    ...v
-  } = P("ButtonGroupSection", q, t), l = $({
-    name: "ButtonGroupSection",
-    props: n,
-    classes: B,
-    className: s,
-    style: r,
-    classNames: e,
-    styles: a,
-    unstyled: i,
-    vars: m,
-    varsResolver: Bt,
-    rootSelector: "groupSection"
-  });
-  return /* @__PURE__ */ c(y, { ...l("groupSection"), ref: o, variant: p, ...v });
-});
-H.classes = B;
-H.displayName = "@mantine/core/ButtonGroupSection";
-const _t = {
-  in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${z(1)}))` },
-  out: { opacity: 0, transform: "translate(-50%, -200%)" },
-  common: { transformOrigin: "center" },
-  transitionProperty: "transform, opacity"
-}, Rt = {}, Ot = E(
-  (t, { radius: o, color: n, gradient: s, variant: r, size: e, justify: a, autoContrast: i }) => {
-    const m = t.variantColorResolver({
-      color: n || t.primaryColor,
-      theme: t,
-      gradient: s,
-      variant: r || "filled",
-      autoContrast: i
-    });
-    return {
-      root: {
-        "--button-justify": a,
-        "--button-height": L(e, "button-height"),
-        "--button-padding-x": L(e, "button-padding-x"),
-        "--button-fz": e != null && e.includes("compact") ? k(e.replace("compact-", "")) : k(e),
-        "--button-radius": o === void 0 ? void 0 : ot(o),
-        "--button-bg": n || r ? m.background : void 0,
-        "--button-hover": n || r ? m.hover : void 0,
-        "--button-color": m.color,
-        "--button-bd": n || r ? m.border : void 0,
-        "--button-hover-color": n || r ? m.hoverColor : void 0
-      }
-    };
-  }
-), G = tt((t, o) => {
-  const n = P("Button", Rt, t), {
-    style: s,
-    vars: r,
-    className: e,
-    color: a,
-    disabled: i,
-    children: m,
-    leftSection: p,
-    rightSection: u,
-    fullWidth: f,
-    variant: g,
-    radius: v,
-    loading: l,
-    loaderProps: S,
-    gradient: w,
-    classNames: _,
-    styles: C,
-    unstyled: x,
-    "data-disabled": R,
-    autoContrast: Q,
-    mod: d,
-    ...N
-  } = n, b = $({
-    name: "Button",
-    props: n,
-    classes: B,
-    className: e,
-    style: s,
-    classNames: _,
-    styles: C,
-    unstyled: x,
-    vars: r,
-    varsResolver: Ot
-  }), O = !!p, ct = !!u;
-  return /* @__PURE__ */ X(
-    W,
-    {
-      ref: o,
-      ...b("root", { active: !i && !l && !R }),
-      unstyled: x,
-      variant: g,
-      disabled: i || l,
-      mod: [
-        {
-          disabled: i || R,
-          loading: l,
-          block: f,
-          "with-left-section": O,
-          "with-right-section": ct
-        },
-        d
-      ],
-      ...N,
-      children: [
-        /* @__PURE__ */ c(rt, { mounted: !!l, transition: _t, duration: 150, children: (mt) => /* @__PURE__ */ c(y, { component: "span", ...b("loader", { style: mt }), "aria-hidden": !0, children: /* @__PURE__ */ c(
-          U,
-          {
-            color: "var(--button-color)",
-            size: "calc(var(--button-height) / 1.8)",
-            ...S
-          }
-        ) }) }),
-        /* @__PURE__ */ X("span", { ...b("inner"), children: [
-          p && /* @__PURE__ */ c(y, { component: "span", ...b("section"), mod: { position: "left" }, children: p }),
-          /* @__PURE__ */ c(y, { component: "span", mod: { loading: l }, ...b("label"), children: m }),
-          u && /* @__PURE__ */ c(y, { component: "span", ...b("section"), mod: { position: "right" }, children: u })
-        ] })
-      ]
-    }
-  );
-});
-G.classes = B;
-G.displayName = "@mantine/core/Button";
-G.Group = A;
-G.GroupSection = H;
-const Tt = "_root_arz1h_1", Yt = {
-  root: Tt
-}, Xt = (t) => /* @__PURE__ */ c(
-  G,
+import { jsx as t } from "react/jsx-runtime";
+import { Button as s } from "@mantine/core";
+import '../../assets/Button.css';const r = "_root_arz1h_1", n = {
+  root: r
+}, c = (o) => /* @__PURE__ */ t(
+  s,
   {
-    ...t,
-    classNames: Yt
+    ...o,
+    classNames: n
   }
 );
 export {
-  Xt as Button
+  c as Button
 };