@kvell-group/ui 1.11.1 → 1.11.3

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from '@mantine/core';
-export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,14 +1,16 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as r } 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(
+import { forwardRef as m } from "react";
+import '../../assets/Button.css';const a = "_root_arz1h_1", n = {
+  root: a
+}, p = m((o, t) => /* @__PURE__ */ r(
   s,
   {
+    ref: t,
     ...o,
     classNames: n
   }
-);
+));
 export {
-  c as Button
+  p as Button
 };

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

@@ -0,0 +1,4 @@
+export declare const PRIMARY_BUTTON_VARIANT: "primary";
+export declare const SECONDARY_BUTTON_VARIANT: "secondary";
+export declare const TERTIARY_BUTTON_VARIANT: "tertiary";
+export declare const ButtonVariants: ("primary" | "secondary" | "tertiary")[];

package/dist/components/Button/constants.js

@@ -0,0 +1,11 @@
+const T = "primary", t = "secondary", A = "tertiary", R = [
+  T,
+  t,
+  A
+];
+export {
+  R as ButtonVariants,
+  T as PRIMARY_BUTTON_VARIANT,
+  t as SECONDARY_BUTTON_VARIANT,
+  A as TERTIARY_BUTTON_VARIANT
+};

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

@@ -0,0 +1,5 @@
+import { ButtonVariants } from './constants';
+import { ButtonVariant } from '@mantine/core';
+type ButtonVariantsTypes = typeof ButtonVariants;
+export type ExtendedButtonVariant = ButtonVariant | ButtonVariantsTypes[number];
+export {};

package/dist/components/Button/types.js

@@ -0,0 +1 @@
+

package/dist/components/Inputs/CardInput/CardInput.d.ts

@@ -1,2 +1,4 @@
-import { InputProps } from '../types';
-export declare const CardInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardInput: import('react').ForwardRefExoticComponent<import('@mantine/core').InputBaseProps & import('@mantine/core').ElementProps<"input"> & {
+    value?: string;
+    mask?: string;
+} & import('react').RefAttributes<unknown>>;

package/dist/components/Inputs/CardInput/CardInput.js

@@ -1,24 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
-import * as l from "react";
-import { MaskedInput as r } from "../MaskedInput/MaskedInput.js";
-import { useCardLogo as i } from "./useCardLogo.js";
-const a = (t) => /* @__PURE__ */ l.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ l.createElement("path", { d: "M2.49984 2.5H17.4998C17.7209 2.5 17.9328 2.5878 18.0891 2.74408C18.2454 2.90036 18.3332 3.11232 18.3332 3.33333V16.6667C18.3332 16.8877 18.2454 17.0996 18.0891 17.2559C17.9328 17.4122 17.7209 17.5 17.4998 17.5H2.49984C2.27882 17.5 2.06686 17.4122 1.91058 17.2559C1.7543 17.0996 1.6665 16.8877 1.6665 16.6667V3.33333C1.6665 3.11232 1.7543 2.90036 1.91058 2.74408C2.06686 2.5878 2.27882 2.5 2.49984 2.5ZM16.6665 9.16667H3.33317V15.8333H16.6665V9.16667ZM16.6665 7.5V4.16667H3.33317V7.5H16.6665ZM11.6665 12.5H14.9998V14.1667H11.6665V12.5Z", fill: "currentColor", fillOpacity: 0.4, style: {
+import * as e from "react";
+import { forwardRef as i } from "react";
+import { MaskedInput as _ } from "../MaskedInput/MaskedInput.js";
+import { useCardLogo as a } from "./useCardLogo.js";
+import { CARD_NUMBER_MASK as m } from "../../../constants/masks.js";
+const f = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M2.49984 2.5H17.4998C17.7209 2.5 17.9328 2.5878 18.0891 2.74408C18.2454 2.90036 18.3332 3.11232 18.3332 3.33333V16.6667C18.3332 16.8877 18.2454 17.0996 18.0891 17.2559C17.9328 17.4122 17.7209 17.5 17.4998 17.5H2.49984C2.27882 17.5 2.06686 17.4122 1.91058 17.2559C1.7543 17.0996 1.6665 16.8877 1.6665 16.6667V3.33333C1.6665 3.11232 1.7543 2.90036 1.91058 2.74408C2.06686 2.5878 2.27882 2.5 2.49984 2.5ZM16.6665 9.16667H3.33317V15.8333H16.6665V9.16667ZM16.6665 7.5V4.16667H3.33317V7.5H16.6665ZM11.6665 12.5H14.9998V14.1667H11.6665V12.5Z", fill: "currentColor", fillOpacity: 0.4, style: {
   fill: "#0D1126",
   fill: "color(display-p3 0.0510 0.0667 0.1490)",
   fillOpacity: 0.4
-} })), C = (t) => {
-  const e = i(t.value);
+} })), d = i((t, l) => {
+  const r = a(t.value);
   return /* @__PURE__ */ o(
-    r,
+    _,
     {
+      ref: l,
       ...t,
-      mask: "0000 0000 0000 0000",
-      rightSection: e && /* @__PURE__ */ o(e, {}),
-      leftSection: /* @__PURE__ */ o(a, {}),
+      mask: m,
+      rightSection: r && /* @__PURE__ */ o(r, {}),
+      leftSection: /* @__PURE__ */ o(f, {}),
       placeholder: "____ ____ ____ ____"
     }
   );
-};
+});
 export {
-  C as CardInput
+  d as CardInput
 };

package/dist/components/Inputs/CvvInput/CvvInput.d.ts

@@ -1,2 +1,4 @@
-import { InputProps } from '../types';
-export declare const CvvInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CvvInput: import('react').ForwardRefExoticComponent<import('@mantine/core').InputBaseProps & import('@mantine/core').ElementProps<"input"> & {
+    value?: string;
+    mask?: string;
+} & import('react').RefAttributes<unknown>>;

package/dist/components/Inputs/CvvInput/CvvInput.js

@@ -1,16 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { MaskedInput as a } from "../MaskedInput/MaskedInput.js";
-import { c as n, b as p } from "../../../clsx-BvFBxcni.js";
-import '../../../assets/CvvInput.css';const o = "_input_17dgl_9", m = {
-  input: o
-}, { input: c, ...e } = p, i = n(c, m.input), N = (s) => /* @__PURE__ */ t(
+import { c as m, b as p } from "../../../clsx-BvFBxcni.js";
+import { forwardRef as r } from "react";
+import { CARD_CVV_MASK as n } from "../../../constants/masks.js";
+import '../../../assets/CvvInput.css';const i = "_input_17dgl_9", e = {
+  input: i
+}, { input: c, ...u } = p, f = m(c, e.input), x = r((s, t) => /* @__PURE__ */ o(
   a,
   {
+    ref: t,
     ...s,
-    mask: "000",
-    classNames: { ...e, input: i }
+    mask: n,
+    classNames: { ...u, input: f }
   }
-);
+));
 export {
-  N as CvvInput
+  x as CvvInput
 };

package/dist/components/Inputs/Input.js

@@ -1,9 +1,10 @@
 import { InputBase as a } from "@mantine/core";
-import { c as s, b as t } from "../../clsx-BvFBxcni.js";
-import { c as r } from "../../Text.module-D3VLOIGk.js";
-const { input: o, error: e, ...p } = t, m = s(o, r["caption-l-regular"]), n = s(e, r["caption-l-regular"]), u = a.withProps({
-  classNames: { ...p, input: m, error: n }
+import { c as s, b as o } from "../../clsx-BvFBxcni.js";
+import { c as t } from "../../typography.module-D5hr9RHB.js";
+import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
+const { input: m, error: p, ...n } = o, r = t[e], c = s(m, r), i = s(p, r), I = a.withProps({
+  classNames: { ...n, input: c, error: i }
 });
 export {
-  u as Input
+  I as Input
 };

package/dist/components/Inputs/MaskedInput/MaskedInput.d.ts

@@ -1,2 +1,4 @@
-import { InputProps } from '../types';
-export declare const MaskedInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MaskedInput: import('react').ForwardRefExoticComponent<import('@mantine/core').InputBaseProps & import('@mantine/core').ElementProps<"input"> & {
+    value?: string;
+    mask?: string;
+} & import('react').RefAttributes<unknown>>;

package/dist/components/Inputs/MaskedInput/MaskedInput.js

@@ -1,6 +1,6 @@
 import { jsx as ee } from "react/jsx-runtime";
-import X from "react";
-import { Input as se } from "../Input.js";
+import X, { forwardRef as se } from "react";
+import { Input as ie } from "../Input.js";
 function G(a) {
   return typeof a == "string" || a instanceof String;
 }
@@ -21,7 +21,7 @@ const m = {
   RIGHT: "RIGHT",
   FORCE_RIGHT: "FORCE_RIGHT"
 };
-function ie(a) {
+function re(a) {
   switch (a) {
     case m.LEFT:
       return m.FORCE_LEFT;
@@ -59,7 +59,7 @@ function ot(a, t) {
     return t.toString() === a.toString();
   return !1;
 }
-class re {
+class ne {
   /** Current input value */
   /** Current cursor position */
   /** Old input value */
@@ -187,7 +187,7 @@ class Rt {
   /** */
 }
 g.MaskElement = Rt;
-const Ot = 90, ne = 89;
+const Ot = 90, ae = 89;
 class ht extends Rt {
   /** HTMLElement to use mask on */
   constructor(t) {
@@ -206,7 +206,7 @@ class ht extends Rt {
     this.input.addEventListener("keydown", this._onKeydown), this.input.addEventListener("input", this._onInput), this.input.addEventListener("beforeinput", this._onBeforeinput), this.input.addEventListener("compositionend", this._onCompositionEnd), this.input.addEventListener("drop", t.drop), this.input.addEventListener("click", t.click), this.input.addEventListener("focus", t.focus), this.input.addEventListener("blur", t.commit), this._handlers = t;
   }
   _onKeydown(t) {
-    if (this._handlers.redo && (t.keyCode === Ot && t.shiftKey && (t.metaKey || t.ctrlKey) || t.keyCode === ne && t.ctrlKey))
+    if (this._handlers.redo && (t.keyCode === Ot && t.shiftKey && (t.metaKey || t.ctrlKey) || t.keyCode === ae && t.ctrlKey))
       return t.preventDefault(), this._handlers.redo(t);
     if (this._handlers.undo && t.keyCode === Ot && (t.metaKey || t.ctrlKey))
       return t.preventDefault(), this._handlers.undo(t);
@@ -230,7 +230,7 @@ class ht extends Rt {
   }
 }
 g.HTMLMaskElement = ht;
-class ae extends ht {
+class ue extends ht {
   /** InputElement to use mask on */
   constructor(t) {
     super(t), this.input = t;
@@ -310,13 +310,13 @@ class pt {
   }
 }
 pt.MAX_LENGTH = 100;
-class ue {
+class oe {
   /**
     View element
   */
   /** Internal {@link Masked} model */
   constructor(t, e) {
-    this.el = t instanceof Rt ? t : t.isContentEditable && t.tagName !== "INPUT" && t.tagName !== "TEXTAREA" ? new Kt(t) : new ae(t), this.masked = K(e), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new pt(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
+    this.el = t instanceof Rt ? t : t.isContentEditable && t.tagName !== "INPUT" && t.tagName !== "TEXTAREA" ? new Kt(t) : new ue(t), this.masked = K(e), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new pt(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(t) {
     var e;
@@ -475,7 +475,7 @@ class ue {
   /** Handles view input event */
   _onInput(t) {
     this._inputEvent = t, this._abortUpdateCursor();
-    const e = new re({
+    const e = new ne({
       // new state
       value: this.el.value,
       cursorPos: this.cursorPos,
@@ -519,7 +519,7 @@ class ue {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-g.InputMask = ue;
+g.InputMask = oe;
 class E {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -802,7 +802,7 @@ class P {
     });
     const n = t + e, u = this.extractTail(n), l = this.eager === !0 || this.eager === "remove";
     let h;
-    l && (i = ie(i), h = this.extractInput(0, n, {
+    l && (i = re(i), h = this.extractInput(0, n, {
       raw: !0
     }));
     let v = t;
@@ -932,7 +932,7 @@ class J {
     return "";
   }
 }
-class oe {
+class le {
   constructor(t, e) {
     this.masked = t, this._log = [];
     const {
@@ -1251,7 +1251,7 @@ lt.DEFAULT_DEFINITIONS = {
   // http://stackoverflow.com/a/22075070
   "*": /./
 };
-class le extends P {
+class he extends P {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -1265,7 +1265,7 @@ class le extends P {
     e && (t.validate = (s) => s.search(e) >= 0), super._update(t);
   }
 }
-g.MaskedRegExp = le;
+g.MaskedRegExp = he;
 class L extends P {
   /** */
   /** */
@@ -1528,7 +1528,7 @@ class L extends P {
   }
   nearestInputPos(t, e) {
     if (e === void 0 && (e = m.NONE), !this._blocks.length) return 0;
-    const s = new oe(this, t);
+    const s = new le(this, t);
     if (e === m.NONE)
       return s.pushRightBeforeInput() || (s.popState(), s.pushLeftBeforeInput()) ? s.pos : this.displayValue.length;
     if (e === m.LEFT || e === m.FORCE_LEFT) {
@@ -1643,7 +1643,7 @@ class ut extends L {
   }
 }
 g.MaskedRange = ut;
-const he = "d{.}`m{.}`Y";
+const pe = "d{.}`m{.}`Y";
 class H extends L {
   static extractPatternOptions(t) {
     const {
@@ -1736,7 +1736,7 @@ H.GET_DEFAULT_BLOCKS = () => ({
 H.DEFAULTS = {
   ...L.DEFAULTS,
   mask: Date,
-  pattern: he,
+  pattern: pe,
   format: (a, t) => {
     if (!a) return "";
     const e = String(a.getDate()).padStart(2, "0"), s = String(a.getMonth() + 1).padStart(2, "0"), i = a.getFullYear();
@@ -2019,7 +2019,7 @@ dt.DEFAULTS = {
   matchValue: (a, t, e) => a.indexOf(t, e) === e
 };
 g.MaskedEnum = dt;
-class pe extends P {
+class ce extends P {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -2035,7 +2035,7 @@ class pe extends P {
     });
   }
 }
-g.MaskedFunction = pe;
+g.MaskedFunction = ce;
 var Wt;
 class U extends P {
   /** Single char */
@@ -2251,13 +2251,13 @@ function Zt(a, t, e) {
   const s = K(a);
   return (i) => s.runIsolated((r) => (r[t] = i, r[e]));
 }
-function ce(a, t, e, s) {
+function de(a, t, e, s) {
   return Zt(t, e, s)(a);
 }
 g.PIPE_TYPE = It;
 g.createPipe = Zt;
-g.pipe = ce;
-class de extends L {
+g.pipe = de;
+class fe extends L {
   get repeatFrom() {
     var t;
     return (t = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? t : 0;
@@ -2350,12 +2350,12 @@ class de extends L {
     this._blocks.length = t._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = t;
   }
 }
-g.RepeatBlock = de;
+g.RepeatBlock = fe;
 try {
   globalThis.IMask = g;
 } catch {
 }
-function fe(a) {
+function me(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
 var nt = { exports: {} }, at = { exports: {} }, I = {};
@@ -2368,7 +2368,7 @@ var nt = { exports: {} }, at = { exports: {} }, I = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Dt;
-function me() {
+function ve() {
   if (Dt) return I;
   Dt = 1;
   var a = typeof Symbol == "function" && Symbol.for, t = a ? Symbol.for("react.element") : 60103, e = a ? Symbol.for("react.portal") : 60106, s = a ? Symbol.for("react.fragment") : 60107, i = a ? Symbol.for("react.strict_mode") : 60108, r = a ? Symbol.for("react.profiler") : 60114, n = a ? Symbol.for("react.provider") : 60109, u = a ? Symbol.for("react.context") : 60110, l = a ? Symbol.for("react.async_mode") : 60111, h = a ? Symbol.for("react.concurrent_mode") : 60111, v = a ? Symbol.for("react.forward_ref") : 60112, k = a ? Symbol.for("react.suspense") : 60113, F = a ? Symbol.for("react.suspense_list") : 60120, B = a ? Symbol.for("react.memo") : 60115, N = a ? Symbol.for("react.lazy") : 60116, M = a ? Symbol.for("react.block") : 60121, O = a ? Symbol.for("react.fundamental") : 60117, $ = a ? Symbol.for("react.responder") : 60118, tt = a ? Symbol.for("react.scope") : 60119;
@@ -2443,7 +2443,7 @@ var R = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Vt;
-function ve() {
+function ge() {
   return Vt || (Vt = 1, process.env.NODE_ENV !== "production" && function() {
     var a = typeof Symbol == "function" && Symbol.for, t = a ? Symbol.for("react.element") : 60103, e = a ? Symbol.for("react.portal") : 60106, s = a ? Symbol.for("react.fragment") : 60107, i = a ? Symbol.for("react.strict_mode") : 60108, r = a ? Symbol.for("react.profiler") : 60114, n = a ? Symbol.for("react.provider") : 60109, u = a ? Symbol.for("react.context") : 60110, l = a ? Symbol.for("react.async_mode") : 60111, h = a ? Symbol.for("react.concurrent_mode") : 60111, v = a ? Symbol.for("react.forward_ref") : 60112, k = a ? Symbol.for("react.suspense") : 60113, F = a ? Symbol.for("react.suspense_list") : 60120, B = a ? Symbol.for("react.memo") : 60115, N = a ? Symbol.for("react.lazy") : 60116, M = a ? Symbol.for("react.block") : 60121, O = a ? Symbol.for("react.fundamental") : 60117, $ = a ? Symbol.for("react.responder") : 60118, tt = a ? Symbol.for("react.scope") : 60119;
     function V(p) {
@@ -2527,7 +2527,7 @@ function ve() {
 }
 var Pt;
 function Xt() {
-  return Pt || (Pt = 1, process.env.NODE_ENV === "production" ? at.exports = me() : at.exports = ve()), at.exports;
+  return Pt || (Pt = 1, process.env.NODE_ENV === "production" ? at.exports = ve() : at.exports = ge()), at.exports;
 }
 /*
 object-assign
@@ -2535,7 +2535,7 @@ object-assign
 @license MIT
 */
 var At, Lt;
-function ge() {
+function ke() {
   if (Lt) return At;
   Lt = 1;
   var a = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, e = Object.prototype.propertyIsEnumerable;
@@ -2592,7 +2592,7 @@ function Jt() {
   return jt || (jt = 1, Ft = Function.call.bind(Object.prototype.hasOwnProperty)), Ft;
 }
 var St, Ut;
-function ke() {
+function _e() {
   if (Ut) return St;
   Ut = 1;
   var a = function() {
@@ -2641,10 +2641,10 @@ function ke() {
   }, St = i, St;
 }
 var xt, $t;
-function _e() {
+function Ee() {
   if ($t) return xt;
   $t = 1;
-  var a = Xt(), t = ge(), e = /* @__PURE__ */ wt(), s = /* @__PURE__ */ Jt(), i = /* @__PURE__ */ ke(), r = function() {
+  var a = Xt(), t = ke(), e = /* @__PURE__ */ wt(), s = /* @__PURE__ */ Jt(), i = /* @__PURE__ */ _e(), r = function() {
   };
   process.env.NODE_ENV !== "production" && (r = function(u) {
     var l = "Warning: " + u;
@@ -2962,7 +2962,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, "  ")
   }, xt;
 }
 var Tt, qt;
-function Ee() {
+function ye() {
   if (qt) return Tt;
   qt = 1;
   var a = /* @__PURE__ */ wt();
@@ -3010,17 +3010,17 @@ function Ee() {
   }, Tt;
 }
 var Yt;
-function ye() {
+function Ce() {
   if (Yt) return nt.exports;
   if (Yt = 1, process.env.NODE_ENV !== "production") {
     var a = Xt(), t = !0;
-    nt.exports = /* @__PURE__ */ _e()(a.isElement, t);
+    nt.exports = /* @__PURE__ */ Ee()(a.isElement, t);
   } else
-    nt.exports = /* @__PURE__ */ Ee()();
+    nt.exports = /* @__PURE__ */ ye()();
   return nt.exports;
 }
-var Ce = /* @__PURE__ */ ye();
-const f = /* @__PURE__ */ fe(Ce), Qt = {
+var Ae = /* @__PURE__ */ Ce();
+const f = /* @__PURE__ */ me(Ae), Qt = {
   // common
   mask: f.oneOfType([f.array, f.func, f.string, f.instanceOf(RegExp), f.oneOf([Date, Number, g.Masked]), f.instanceOf(g.Masked)]),
   value: f.any,
@@ -3067,8 +3067,8 @@ const f = /* @__PURE__ */ fe(Ce), Qt = {
   inputRef: f.oneOfType([f.func, f.shape({
     current: f.object
   })])
-}, te = Object.keys(Qt).filter((a) => a !== "value"), Ae = ["value", "unmask", "onAccept", "onComplete", "inputRef"], be = te.filter((a) => Ae.indexOf(a) < 0);
-function Fe(a) {
+}, te = Object.keys(Qt).filter((a) => a !== "value"), be = ["value", "unmask", "onAccept", "onComplete", "inputRef"], Fe = te.filter((a) => be.indexOf(a) < 0);
+function Se(a) {
   var t;
   const e = (t = class extends X.Component {
     constructor(r) {
@@ -3102,7 +3102,7 @@ function Fe(a) {
       const {
         ...n
       } = r;
-      return Object.keys(n).filter((u) => be.indexOf(u) < 0).forEach((u) => {
+      return Object.keys(n).filter((u) => Fe.indexOf(u) < 0).forEach((u) => {
         delete n[u];
       }), n;
     }
@@ -3138,7 +3138,7 @@ function Fe(a) {
     ref: r
   }));
 }
-const Se = Fe((a) => {
+const xe = Se((a) => {
   let {
     inputRef: t,
     ...e
@@ -3147,16 +3147,17 @@ const Se = Fe((a) => {
     ...e,
     ref: t
   });
-}), xe = (a, t) => X.createElement(Se, {
+}), Te = (a, t) => X.createElement(xe, {
   ...a,
   ref: t
-}), Te = X.forwardRef(xe), Be = (a) => /* @__PURE__ */ ee(
-  se,
+}), Ie = X.forwardRef(Te), Oe = se((a, t) => /* @__PURE__ */ ee(
+  ie,
   {
-    component: Te,
+    ref: t,
+    component: Ie,
     ...a
   }
-);
+));
 export {
-  Be as MaskedInput
+  Oe as MaskedInput
 };

package/dist/components/Inputs/PasswordInput/PasswordInput.js

@@ -1,16 +1,17 @@
 import { PasswordInput as t } from "@mantine/core";
 import { c as s, b as a } from "../../../clsx-BvFBxcni.js";
-import { c as o } from "../../../Text.module-D3VLOIGk.js";
-import '../../../assets/PasswordInput.css';const r = "_section_1lzoc_1", e = {
-  section: r
-}, { input: n, error: c, ...i } = a, p = s(n, o["caption-l-regular"]), l = s(c, o["caption-l-regular"]), C = t.withProps({
+import { c as r } from "../../../typography.module-D5hr9RHB.js";
+import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../../constants/font-variants.js";
+import '../../../assets/PasswordInput.css';const n = "_section_1lzoc_1", c = {
+  section: n
+}, { input: i, error: m, ...p } = a, o = r[e], l = s(i, o), N = s(m, o), P = t.withProps({
   classNames: {
-    ...i,
-    input: p,
-    error: l,
-    section: e.section
+    ...p,
+    input: l,
+    error: N,
+    section: c.section
   }
 });
 export {
-  C as PasswordInput
+  P as PasswordInput
 };

package/dist/components/Text/Text.d.ts

@@ -1,9 +1,7 @@
 import { TextProps as TextBaseProps } from '@mantine/core';
 import { ReactNode } from 'react';
-type TextVariants = TextBaseProps['variant'] | 'body-s-medium' | 'caption-l-medium' | 'caption-l-regular';
-export type TextProps = Omit<TextBaseProps, 'variant'> & {
+import { TextVariants } from './types';
+export declare const Text: import('react').ForwardRefExoticComponent<Omit<TextBaseProps, "variant"> & {
     children: ReactNode;
-    variant: TextVariants;
-};
-export declare const Text: (props: TextProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+    variant?: TextVariants;
+} & import('react').RefAttributes<HTMLParagraphElement>>;

package/dist/components/Text/Text.js

@@ -1,13 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Text as o } from "@mantine/core";
-import { c as a } from "../../Text.module-D3VLOIGk.js";
-const x = (t) => /* @__PURE__ */ s(
-  o,
+import { jsx as r } from "react/jsx-runtime";
+import { Text as m } from "@mantine/core";
+import { forwardRef as s } from "react";
+import { c as a } from "../../typography.module-D5hr9RHB.js";
+const c = s((t, o) => /* @__PURE__ */ r(
+  m,
   {
+    ref: o,
     ...t,
     classNames: { root: a[t.variant || "text"] }
   }
-);
+));
 export {
-  x as Text
+  c as Text
 };

package/dist/components/Text/types.d.ts

@@ -0,0 +1,5 @@
+import { FontVariants as FontVariantsConstants } from '../../constants/font-variants';
+import { TextProps as TextBaseProps } from '@mantine/core';
+type FontVariantsConstantsType = typeof FontVariantsConstants;
+export type TextVariants = TextBaseProps['variant'] | FontVariantsConstantsType[number];
+export {};

package/dist/components/Text/types.js

@@ -0,0 +1 @@
+

package/dist/constants/font-variants.d.ts

@@ -0,0 +1,4 @@
+export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
+export declare const CAPTION_L_MEDIUM_FONT_VARIANT: "caption-l-medium";
+export declare const CAPTION_L_REGULAR_FONT_VARIANT: "caption-l-regular";
+export declare const FontVariants: ("body-s-medium" | "caption-l-regular" | "caption-l-medium")[];

package/dist/constants/font-variants.js

@@ -0,0 +1,11 @@
+const _ = "body-s-medium", o = "caption-l-medium", t = "caption-l-regular", A = [
+  _,
+  o,
+  t
+];
+export {
+  _ as BODY_S_MEDIUM_FONT_VARIANT,
+  o as CAPTION_L_MEDIUM_FONT_VARIANT,
+  t as CAPTION_L_REGULAR_FONT_VARIANT,
+  A as FontVariants
+};

package/dist/constants/masks.d.ts

@@ -0,0 +1,4 @@
+export declare const CARD_NUMBER_MASK: "0000 0000 0000 0000";
+export declare const CARD_CVV_MASK: "000";
+export declare const CARD_EXPIRY_DATE_MASK: "00/00";
+export declare const PHONE_MASK: "+7 000 000 00 00";

package/dist/constants/masks.js

@@ -0,0 +1,7 @@
+const A = "0000 0000 0000 0000", _ = "000", o = "00/00", t = "+7 000 000 00 00";
+export {
+  _ as CARD_CVV_MASK,
+  o as CARD_EXPIRY_DATE_MASK,
+  A as CARD_NUMBER_MASK,
+  t as PHONE_MASK
+};

package/dist/{Text.module-D3VLOIGk.js → typography.module-D5hr9RHB.js}

@@ -1,4 +1,4 @@
-import './assets/Text.css';const a = {
+import './assets/typography.css';const a = {
   "body-s-medium": "_body-s-medium_19522_2",
   "caption-l-medium": "_caption-l-medium_19522_11",
   "caption-l-regular": "_caption-l-regular_19522_19"

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.11.1",
+  "version": "1.11.3",
   "type": "module",
   "files": [
     "dist",