@kvell-group/ui 1.9.3 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Text.module-D3VLOIGk.js +8 -0
- package/dist/assets/Input.css +1 -0
- package/dist/assets/InputMasked.css +1 -0
- package/dist/assets/Text.css +1 -1
- package/dist/clsx-OuTLNxxd.js +16 -0
- package/dist/components/Input/Input.d.ts +1 -0
- package/dist/components/Input/Input.js +11 -0
- package/dist/components/Input/index.d.ts +1 -0
- package/dist/components/Input/index.js +4 -0
- package/dist/components/{CardInput/CardInput.d.ts → InputCard/InputCard.d.ts} +3 -3
- package/dist/components/InputCard/InputCard.js +34 -0
- package/dist/components/InputCard/index.d.ts +1 -0
- package/dist/components/InputCard/index.js +4 -0
- package/dist/components/{CardInput → InputCard}/useCardLogo.js +5 -3
- package/dist/components/InputMasked/InputMasked.d.ts +139 -0
- package/dist/components/InputMasked/InputMasked.js +15 -0
- package/dist/components/InputMasked/index.d.ts +1 -0
- package/dist/components/InputMasked/index.js +4 -0
- package/dist/components/Text/Text.js +1 -1
- package/dist/{components/CardInput/CardInput.js → input-CT_F2u-Q.js} +549 -618
- package/dist/main.d.ts +3 -1
- package/dist/main.js +12 -8
- package/package.json +3 -3
- package/dist/Text.module-R-XLggXY.js +0 -8
- package/dist/assets/CardInput.css +0 -1
- package/dist/components/CardInput/index.d.ts +0 -1
- package/dist/components/CardInput/index.js +0 -4
- /package/dist/components/{CardInput → InputCard}/useCardLogo.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._input_huhi9_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);padding:18px 16px;box-shadow:var(--mantine-shadow-xs)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._input_1uqnk_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_1uqnk_7[data-position=left]{padding-left:6px}._section_1uqnk_7[data-position=left]+input{padding-left:38px}._section_1uqnk_7[data-position=right]{margin-right:16px}
|
package/dist/assets/Text.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._body-s-
|
|
1
|
+
._body-s-medium_19522_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_19522_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_19522_19{font-family:var(--mantine-font-family);font-weight:400;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)}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
function a(r) {
|
|
2
|
+
var f, n, t = "";
|
|
3
|
+
if (typeof r == "string" || typeof r == "number") t += r;
|
|
4
|
+
else if (typeof r == "object") if (Array.isArray(r)) {
|
|
5
|
+
var o = r.length;
|
|
6
|
+
for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
|
|
7
|
+
} else for (n in r) r[n] && (t && (t += " "), t += n);
|
|
8
|
+
return t;
|
|
9
|
+
}
|
|
10
|
+
function i() {
|
|
11
|
+
for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
|
|
12
|
+
return t;
|
|
13
|
+
}
|
|
14
|
+
export {
|
|
15
|
+
i as c
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Input: <L = "input">(props: import('@mantine/core').PolymorphicComponentProps<L, import('@mantine/core').InputBaseProps>) => React.ReactElement;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { InputBase as s } from "@mantine/core";
|
|
2
|
+
import { c as t } from "../../Text.module-D3VLOIGk.js";
|
|
3
|
+
import { c as p } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import '../../assets/Input.css';const a = "_input_huhi9_1", n = {
|
|
5
|
+
input: a
|
|
6
|
+
}, i = p(n.input, t["caption-l-regular"]), m = s.withProps({
|
|
7
|
+
classNames: { input: i }
|
|
8
|
+
});
|
|
9
|
+
export {
|
|
10
|
+
m as Input
|
|
11
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Input } from './Input';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputBaseProps, ElementProps } from '@mantine/core';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const InputCardBase: <L = import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
3
3
|
[x: string]: unknown;
|
|
4
4
|
}>, "ref"> & Omit<import('imask').MaskedDateOptions, "mask"> & {
|
|
5
5
|
mask: DateConstructor;
|
|
@@ -138,8 +138,8 @@ export declare const CardInputBase: <L = import('react').ForwardRefExoticCompone
|
|
|
138
138
|
} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
139
139
|
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
140
140
|
}, "ref">) & import('react').RefAttributes<unknown>>>(props: import('@mantine/core').PolymorphicComponentProps<L, InputBaseProps>) => React.ReactElement;
|
|
141
|
-
type
|
|
141
|
+
type InputCardProps = InputBaseProps & Omit<ElementProps<'input'>, 'value'> & {
|
|
142
142
|
value: string;
|
|
143
143
|
};
|
|
144
|
-
export declare const
|
|
144
|
+
export declare const InputCard: (props: InputCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
145
145
|
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { InputBase as i } from "@mantine/core";
|
|
3
|
+
import { I as r } from "../../input-CT_F2u-Q.js";
|
|
4
|
+
import * as n from "react";
|
|
5
|
+
import { c as a } from "../../Text.module-D3VLOIGk.js";
|
|
6
|
+
import { useCardLogo as c } from "./useCardLogo.js";
|
|
7
|
+
import { c as l } from "../../clsx-OuTLNxxd.js";
|
|
8
|
+
import '../../assets/InputMasked.css';const p = "_input_1uqnk_1", m = "_section_1uqnk_7", e = {
|
|
9
|
+
input: p,
|
|
10
|
+
section: m
|
|
11
|
+
}, _ = (t) => /* @__PURE__ */ n.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.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: {
|
|
12
|
+
fill: "#0D1126",
|
|
13
|
+
fill: "color(display-p3 0.0510 0.0667 0.1490)",
|
|
14
|
+
fillOpacity: 0.4
|
|
15
|
+
} })), u = l(e.input, a["caption-l-regular"]), C = i.withProps({
|
|
16
|
+
leftSection: /* @__PURE__ */ o(_, {}),
|
|
17
|
+
component: r,
|
|
18
|
+
mask: "0000 0000 0000 0000",
|
|
19
|
+
placeholder: "____ ____ ____ ____",
|
|
20
|
+
classNames: { input: u, section: e.section }
|
|
21
|
+
}), w = (t) => {
|
|
22
|
+
const s = c(t.value);
|
|
23
|
+
return /* @__PURE__ */ o(
|
|
24
|
+
C,
|
|
25
|
+
{
|
|
26
|
+
...t,
|
|
27
|
+
rightSection: s && /* @__PURE__ */ o(s, {})
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
export {
|
|
32
|
+
w as InputCard,
|
|
33
|
+
C as InputCardBase
|
|
34
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputCard } from './InputCard';
|
|
@@ -37,9 +37,11 @@ const V = (e) => /* @__PURE__ */ C.createElement("svg", { width: 45, height: 35,
|
|
|
37
37
|
const [c, L] = s(null), a = u(c);
|
|
38
38
|
return M(() => {
|
|
39
39
|
if (!e)
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
L(null);
|
|
41
|
+
else {
|
|
42
|
+
const i = g(e);
|
|
43
|
+
L(i || null);
|
|
44
|
+
}
|
|
43
45
|
}, [e]), a;
|
|
44
46
|
};
|
|
45
47
|
export {
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
export declare const InputMasked: <L = import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
2
|
+
[x: string]: unknown;
|
|
3
|
+
}>, "ref"> & Omit<import('imask').MaskedDateOptions, "mask"> & {
|
|
4
|
+
mask: DateConstructor;
|
|
5
|
+
} & {
|
|
6
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
7
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
8
|
+
[x: string]: unknown;
|
|
9
|
+
}>, "ref"> & {
|
|
10
|
+
mask: typeof import('imask').MaskedDate;
|
|
11
|
+
} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
|
|
12
|
+
mask: DateConstructor;
|
|
13
|
+
}, "mask"> & {
|
|
14
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
15
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
16
|
+
[x: string]: unknown;
|
|
17
|
+
}>, "ref"> & Partial<Pick<import('imask').MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & {
|
|
18
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
19
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
20
|
+
[x: string]: unknown;
|
|
21
|
+
}>, "ref"> & {
|
|
22
|
+
mask: typeof import('imask').MaskedNumber;
|
|
23
|
+
} & Omit<Partial<Pick<import('imask').MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
|
|
24
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
25
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
26
|
+
[x: string]: unknown;
|
|
27
|
+
}>, "ref"> & Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">> & {
|
|
28
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
29
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
30
|
+
[x: string]: unknown;
|
|
31
|
+
}>, "ref"> & {
|
|
32
|
+
mask: typeof import('imask').MaskedEnum;
|
|
33
|
+
} & Omit<import('imask').MaskedEnumOptions, "mask"> & {
|
|
34
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
35
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
36
|
+
[x: string]: unknown;
|
|
37
|
+
}>, "ref"> & {
|
|
38
|
+
mask: typeof import('imask').MaskedRange;
|
|
39
|
+
} & Omit<import('imask').MaskedRangeOptions, "mask"> & {
|
|
40
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
41
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
42
|
+
[x: string]: unknown;
|
|
43
|
+
}>, "ref"> & Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">> & {
|
|
44
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
45
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
46
|
+
[x: string]: unknown;
|
|
47
|
+
}>, "ref"> & {
|
|
48
|
+
mask: typeof import('imask').MaskedRegExp;
|
|
49
|
+
} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
50
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
51
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
52
|
+
[x: string]: unknown;
|
|
53
|
+
}>, "ref"> & Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">> & {
|
|
54
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
55
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
56
|
+
[x: string]: unknown;
|
|
57
|
+
}>, "ref"> & {
|
|
58
|
+
mask: typeof import('imask').MaskedFunction;
|
|
59
|
+
} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
60
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
61
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
62
|
+
[x: string]: unknown;
|
|
63
|
+
}>, "ref"> & {
|
|
64
|
+
mask: typeof import('imask').MaskedPattern;
|
|
65
|
+
} & Omit<Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">>, "mask"> & {
|
|
66
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
67
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
68
|
+
[x: string]: unknown;
|
|
69
|
+
}>, "ref"> & Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">> & {
|
|
70
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
71
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
72
|
+
[x: string]: unknown;
|
|
73
|
+
}>, "ref"> & {
|
|
74
|
+
mask: typeof import('imask').MaskedDynamic;
|
|
75
|
+
} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
|
|
76
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
77
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
78
|
+
[x: string]: unknown;
|
|
79
|
+
}>, "ref"> & {
|
|
80
|
+
mask: typeof import('imask').Masked;
|
|
81
|
+
} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
82
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
83
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
84
|
+
[x: string]: unknown;
|
|
85
|
+
}>, "ref"> & {
|
|
86
|
+
mask: import('imask').MaskedDate;
|
|
87
|
+
} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
|
|
88
|
+
mask: DateConstructor;
|
|
89
|
+
}, "mask"> & {
|
|
90
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
91
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
92
|
+
[x: string]: unknown;
|
|
93
|
+
}>, "ref"> & {
|
|
94
|
+
mask: import('imask').MaskedNumber;
|
|
95
|
+
} & Omit<Partial<Pick<import('imask').MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
|
|
96
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
97
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
98
|
+
[x: string]: unknown;
|
|
99
|
+
}>, "ref"> & {
|
|
100
|
+
mask: import('imask').MaskedEnum;
|
|
101
|
+
} & Omit<import('imask').MaskedEnumOptions, "mask"> & {
|
|
102
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
103
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
104
|
+
[x: string]: unknown;
|
|
105
|
+
}>, "ref"> & {
|
|
106
|
+
mask: import('imask').MaskedRange;
|
|
107
|
+
} & Omit<import('imask').MaskedRangeOptions, "mask"> & {
|
|
108
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
109
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
110
|
+
[x: string]: unknown;
|
|
111
|
+
}>, "ref"> & {
|
|
112
|
+
mask: import('imask').MaskedRegExp;
|
|
113
|
+
} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
114
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
115
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
116
|
+
[x: string]: unknown;
|
|
117
|
+
}>, "ref"> & {
|
|
118
|
+
mask: import('imask').MaskedFunction<any>;
|
|
119
|
+
} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
120
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
121
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
122
|
+
[x: string]: unknown;
|
|
123
|
+
}>, "ref"> & {
|
|
124
|
+
mask: import('imask').MaskedPattern<string>;
|
|
125
|
+
} & Omit<Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">>, "mask"> & {
|
|
126
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
127
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
128
|
+
[x: string]: unknown;
|
|
129
|
+
}>, "ref"> & {
|
|
130
|
+
mask: import('imask').MaskedDynamic<any>;
|
|
131
|
+
} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
|
|
132
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
133
|
+
}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
|
|
134
|
+
[x: string]: unknown;
|
|
135
|
+
}>, "ref"> & {
|
|
136
|
+
mask: import('imask').Masked<any>;
|
|
137
|
+
} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
|
|
138
|
+
ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
|
|
139
|
+
}, "ref">) & import('react').RefAttributes<unknown>>>(props: import('@mantine/core').PolymorphicComponentProps<L, import('@mantine/core').InputBaseProps>) => React.ReactElement;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { InputBase as t } from "@mantine/core";
|
|
2
|
+
import { I as n } from "../../input-CT_F2u-Q.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { c as o } from "../../Text.module-D3VLOIGk.js";
|
|
5
|
+
import { c as i } from "../../clsx-OuTLNxxd.js";
|
|
6
|
+
import '../../assets/InputMasked.css';const p = "_input_1uqnk_1", a = "_section_1uqnk_7", s = {
|
|
7
|
+
input: p,
|
|
8
|
+
section: a
|
|
9
|
+
}, c = i(s.input, o["caption-l-regular"]), _ = t.withProps({
|
|
10
|
+
component: n,
|
|
11
|
+
classNames: { input: c, section: s.section }
|
|
12
|
+
});
|
|
13
|
+
export {
|
|
14
|
+
_ as InputMasked
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { InputMasked } from './InputMasked';
|