@kvell-group/ui 1.10.0 → 1.11.1

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.
Files changed (37) hide show
  1. package/dist/assets/CvvInput.css +1 -0
  2. package/dist/assets/PasswordInput.css +1 -0
  3. package/dist/assets/clsx.css +1 -0
  4. package/dist/clsx-BvFBxcni.js +23 -0
  5. package/dist/components/Inputs/CardInput/CardInput.d.ts +2 -0
  6. package/dist/components/Inputs/CardInput/CardInput.js +24 -0
  7. package/dist/components/{CardInput → Inputs/CardInput}/useCardLogo.js +5 -3
  8. package/dist/components/Inputs/CvvInput/CvvInput.d.ts +2 -0
  9. package/dist/components/Inputs/CvvInput/CvvInput.js +16 -0
  10. package/dist/components/Inputs/CvvInput/index.d.ts +1 -0
  11. package/dist/components/Inputs/CvvInput/index.js +4 -0
  12. package/dist/components/Inputs/Input.js +9 -0
  13. package/dist/components/Inputs/MaskedInput/MaskedInput.d.ts +2 -0
  14. package/dist/components/{CardInput/CardInput.js → Inputs/MaskedInput/MaskedInput.js} +248 -269
  15. package/dist/components/Inputs/MaskedInput/index.d.ts +1 -0
  16. package/dist/components/Inputs/MaskedInput/index.js +4 -0
  17. package/dist/components/Inputs/PasswordInput/PasswordInput.d.ts +4 -0
  18. package/dist/components/Inputs/PasswordInput/PasswordInput.js +16 -0
  19. package/dist/components/Inputs/PasswordInput/index.d.ts +1 -0
  20. package/dist/components/Inputs/PasswordInput/index.js +4 -0
  21. package/dist/components/Inputs/types.d.ts +5 -0
  22. package/dist/components/Inputs/types.js +1 -0
  23. package/dist/components/theme.js +3 -1
  24. package/dist/main.d.ts +5 -2
  25. package/dist/main.js +16 -10
  26. package/package.json +1 -1
  27. package/dist/assets/CardInput.css +0 -1
  28. package/dist/assets/Input.css +0 -1
  29. package/dist/clsx-OuTLNxxd.js +0 -16
  30. package/dist/components/CardInput/CardInput.d.ts +0 -145
  31. package/dist/components/Input/Input.js +0 -11
  32. /package/dist/components/{CardInput → Inputs/CardInput}/index.d.ts +0 -0
  33. /package/dist/components/{CardInput → Inputs/CardInput}/index.js +0 -0
  34. /package/dist/components/{CardInput → Inputs/CardInput}/useCardLogo.d.ts +0 -0
  35. /package/dist/components/{Input → Inputs}/Input.d.ts +0 -0
  36. /package/dist/components/{Input → Inputs}/index.d.ts +0 -0
  37. /package/dist/components/{Input → Inputs}/index.js +0 -0
@@ -0,0 +1 @@
1
+ @font-face{font-family:Password;src:local("Password"),url(data:font/woff2;base64,d09GMgABAAAAAAVYAA0AAAAAJSAAAAUBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICq8YpR4LgU4AATYCJAOBVAQgBY8hB4FuG24eEdWkAsm+OjAPyTNn7SvElrLSBE3XkiIe+b2FmyxZS458FA/Pr+P/1545cyG1J7Je1sdohPKqMpX4Q4FDIhqAA8Tl4M1R54on9s4R2xDjAs/eD+v8Ka1BfLjz6FIA/R96WfxvLlVXGIIESP47WNjuWBkd+6dj+5d8lj6pKe8gvDXiMvUbtQLS1v474JE/cG1YGlcrpenbTzCYiYZ71dIpAv+gsQBFIxYLclgjmPFwBtgtEYO4HAI+//jzBPhq85eLcLcuUIUWZEJuWEjIkCVxQyFlMgCYsOc1wydIgBMEAKzekURgqb6+kIU0lxKQjWQj6BPIYU9X3o92o1ygSzIVZcpkONbXHg390NfnjQZ////w7fpv1woAooQARIYMoS7IU1FSuvSzLgetW0T/gMXiiWQqncnm8oViCZBYECVZUTW9XKnW6o2mKMmKqumGadmO6/lBGMVJmuVFWdVN2/XDCACdDQ1PM4jG/72mjvze/4QxSm5RcQNQBwoQIjdP6ZPXC3/C42VbhNENqy0dGt52bniMrC8bvLT7i5N7/srLu14ndj4VnuLPeOW54hxYcSncI8cRvRHfc698ehHb+YJdI/9/PL6/LCsEywrVY0abDtFXhAAADG4vuIOc+6u602HPL/y1rDI5Kkmils9IUGbJYXJHlDbGTBEEdwr9wSd2kfgkmnooGdGomJCBZfrinBBtM91GqDaKTKmzyFW7i6TZDyjkEShRHf0oNSHOo0xLfIdy5VkVKgxl36LS8vwjqixI51CtK/2DGhOKA4c3Glf8KBepHFMBEDpsQKbGEeQ6XEUy3iMUSvyJEh1RoNTumIIyE+MeyjXEH6jwLmtBpTO5iipHUw2qzU1vUWN30f5eGm0vblpRAeIEnqUZAo1ZrSWP9ESABITJDMfly8e2XXrqJdzCcjWDYSnD2B7xSqiLCAaXA16uS8IAa4rWa2Q8eB1Bn3J3nWosltyay4f1zPkIIIajU0kTDOukDVdbIB2xIYB2ryDQLjyDIa87U1JaGa+GLrYwV3lkgbTgHnDX5mFUGYI7xtntFMZbJZsijOdyLgNgCOGwEYTWpRJyyx8sGM8yDXEBncavD8blAgEjMhYyRH1i1kNzPash/qVYwnTzfAMrKczSOoqHlsx6Bc9yhM2TORLVs4vPDFBbBmYW0FSWRtRBPMNGI3CMETDzEhERK39j3v+PXwvaNFi9g+uAm/9N0/R4XNOlr6YLgLM5ummCM+No+ZYkkXVsdI6xdvutsdiDQfZijBGFRqdA19EhTJSLkjgey01OY2c8/EPZ9TEzKZqu4Fm6lZ6UJJwcd0KPEfmURqaqYbSf6jhOr832k0cCmqxKadzb1k2nWTDlqWniEDsK6iCtdnAeh1qE8KxcP6C9cPWy5eq65oc/eGEwWLBxiwpGC8wVdZms1z+yCkqHKfiwuSAmAgQZLi6xnjl1F9WaThVbTtFuy/E8xCIQGgyL7rzUnKWhm16mULM6GvqnOEbgMbRHGgKdhNmU+plUSnD5d2xu9e9ymK7IuYV/5UzwjHtqBE8BP9knzlUJcAAAAJyIRAbv9uoM62UaIWVWR99HpSrVatSqY2Pn4OTi5uHl4xcQFBIWERUTl5CUkpaRlZNXUFQCEGECkUSmUGl0ZRVVNXUNTWMTUzNzC6fOnLtw6cq1G7fI3a2sbdy59+DRk2cvXr159yGRyvz49eUb) format("woff2");font-weight:100}._input_17dgl_9{font-family:Password,monospace;font-display:swap}
@@ -0,0 +1 @@
1
+ ._section_1lzoc_1[data-position=right]{margin-right:0}
@@ -0,0 +1 @@
1
+ ._input_10rw6_1{padding:19px 16px;border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);box-shadow:var(--mantine-shadows-xs);color:var(--mantine-color-text-base-tertiary-0)}._input_10rw6_1[data-error=true]{border:1px solid var(--mantine-color-border-action-destructive-0);margin-bottom:-2px}._section_10rw6_14[data-position=left]{padding-left:10px}._section_10rw6_14[data-position=left]+input{padding-left:40px}._section_10rw6_14[data-position=right]{margin-right:1rem}._label_10rw6_26{margin-bottom:.25rem}._error_10rw6_30{color:var(--mantine-color-text-status-destructive-0);padding-left:.25rem}._error_10rw6_30:before{content:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.50001%2014.6666C4.81801%2014.6666%201.83334%2011.6819%201.83334%207.99992C1.83334%204.31792%204.81801%201.33325%208.50001%201.33325C12.182%201.33325%2015.1667%204.31792%2015.1667%207.99992C15.1667%2011.6819%2012.182%2014.6666%208.50001%2014.6666ZM8.50001%2013.3333C9.9145%2013.3333%2011.2711%2012.7713%2012.2712%2011.7712C13.2714%2010.771%2013.8333%209.41441%2013.8333%207.99992C13.8333%206.58543%2013.2714%205.22888%2012.2712%204.22868C11.2711%203.22849%209.9145%202.66659%208.50001%202.66659C7.08552%202.66659%205.72897%203.22849%204.72877%204.22868C3.72858%205.22888%203.16668%206.58543%203.16668%207.99992C3.16668%209.41441%203.72858%2010.771%204.72877%2011.7712C5.72897%2012.7713%207.08552%2013.3333%208.50001%2013.3333ZM7.83334%204.66659H9.16668V5.99992H7.83334V4.66659ZM7.83334%207.33325H9.16668V11.3333H7.83334V7.33325Z'%20fill='currentColor'%20style='fill:%23E6483D;fill:color(display-p3%200.9020%200.2824%200.2392);fill-opacity:1;'/%3e%3c/svg%3e");position:relative;top:3px;left:-.25rem}
@@ -0,0 +1,23 @@
1
+ import './assets/clsx.css';const a = "_input_10rw6_1", i = "_section_10rw6_14", c = "_label_10rw6_26", l = "_error_10rw6_30", _ = {
2
+ input: a,
3
+ section: i,
4
+ label: c,
5
+ error: l
6
+ };
7
+ function e(r) {
8
+ var o, n, t = "";
9
+ if (typeof r == "string" || typeof r == "number") t += r;
10
+ else if (typeof r == "object") if (Array.isArray(r)) {
11
+ var s = r.length;
12
+ for (o = 0; o < s; o++) r[o] && (n = e(r[o])) && (t && (t += " "), t += n);
13
+ } else for (n in r) r[n] && (t && (t += " "), t += n);
14
+ return t;
15
+ }
16
+ function u() {
17
+ for (var r, o, n = 0, t = "", s = arguments.length; n < s; n++) (r = arguments[n]) && (o = e(r)) && (t && (t += " "), t += o);
18
+ return t;
19
+ }
20
+ export {
21
+ _ as b,
22
+ u as c
23
+ };
@@ -0,0 +1,2 @@
1
+ import { InputProps } from '../types';
2
+ export declare const CardInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,24 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import * as l from "react";
3
+ import { MaskedInput as r } from "../MaskedInput/MaskedInput.js";
4
+ import { useCardLogo as i } from "./useCardLogo.js";
5
+ 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: {
6
+ fill: "#0D1126",
7
+ fill: "color(display-p3 0.0510 0.0667 0.1490)",
8
+ fillOpacity: 0.4
9
+ } })), C = (t) => {
10
+ const e = i(t.value);
11
+ return /* @__PURE__ */ o(
12
+ r,
13
+ {
14
+ ...t,
15
+ mask: "0000 0000 0000 0000",
16
+ rightSection: e && /* @__PURE__ */ o(e, {}),
17
+ leftSection: /* @__PURE__ */ o(a, {}),
18
+ placeholder: "____ ____ ____ ____"
19
+ }
20
+ );
21
+ };
22
+ export {
23
+ C as CardInput
24
+ };
@@ -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
- return;
41
- const i = g(e);
42
- L(i || null);
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,2 @@
1
+ import { InputProps } from '../types';
2
+ export declare const CvvInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,16 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { MaskedInput as a } from "../MaskedInput/MaskedInput.js";
3
+ import { c as n, b as p } from "../../../clsx-BvFBxcni.js";
4
+ import '../../../assets/CvvInput.css';const o = "_input_17dgl_9", m = {
5
+ input: o
6
+ }, { input: c, ...e } = p, i = n(c, m.input), N = (s) => /* @__PURE__ */ t(
7
+ a,
8
+ {
9
+ ...s,
10
+ mask: "000",
11
+ classNames: { ...e, input: i }
12
+ }
13
+ );
14
+ export {
15
+ N as CvvInput
16
+ };
@@ -0,0 +1 @@
1
+ export { CvvInput } from './CvvInput';
@@ -0,0 +1,4 @@
1
+ import { CvvInput as r } from "./CvvInput.js";
2
+ export {
3
+ r as CvvInput
4
+ };
@@ -0,0 +1,9 @@
1
+ import { InputBase as a } from "@mantine/core";
2
+ import { c as s, b as t } from "../../clsx-BvFBxcni.js";
3
+ import { c as r } from "../../Text.module-D3VLOIGk.js";
4
+ const { input: o, error: e, ...p } = t, m = s(o, r["caption-l-regular"]), n = s(e, r["caption-l-regular"]), u = a.withProps({
5
+ classNames: { ...p, input: m, error: n }
6
+ });
7
+ export {
8
+ u as Input
9
+ };
@@ -0,0 +1,2 @@
1
+ import { InputProps } from '../types';
2
+ export declare const MaskedInput: (props: InputProps) => import("react/jsx-runtime").JSX.Element;