@kvell-group/ui 1.10.0 → 1.11.0

package/dist/components/{CardInput/CardInput.d.ts → InputCard/InputCard.d.ts}

@@ -1,5 +1,5 @@
 import { InputBaseProps, ElementProps } from '@mantine/core';
-export declare const CardInputBase: <L = import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+export declare const InputCardBase: <L = import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
     [x: string]: unknown;
 }>, "ref"> & Omit<import('imask').MaskedDateOptions, "mask"> & {
     mask: DateConstructor;
@@ -138,8 +138,8 @@ export declare const CardInputBase: <L = import('react').ForwardRefExoticCompone
 } & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
     ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
 }, "ref">) & import('react').RefAttributes<unknown>>>(props: import('@mantine/core').PolymorphicComponentProps<L, InputBaseProps>) => React.ReactElement;
-type CardInputProps = InputBaseProps & Omit<ElementProps<'input'>, 'value'> & {
+type InputCardProps = InputBaseProps & Omit<ElementProps<'input'>, 'value'> & {
     value: string;
 };
-export declare const CardInput: (props: CardInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputCard: (props: InputCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/InputCard/InputCard.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { InputBase as i } from "@mantine/core";
+import { I as r } from "../../input-CT_F2u-Q.js";
+import * as n from "react";
+import { c as a } from "../../Text.module-D3VLOIGk.js";
+import { useCardLogo as c } from "./useCardLogo.js";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import '../../assets/InputMasked.css';const p = "_input_1uqnk_1", m = "_section_1uqnk_7", e = {
+  input: p,
+  section: m
+}, _ = (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: {
+  fill: "#0D1126",
+  fill: "color(display-p3 0.0510 0.0667 0.1490)",
+  fillOpacity: 0.4
+} })), u = l(e.input, a["caption-l-regular"]), C = i.withProps({
+  leftSection: /* @__PURE__ */ o(_, {}),
+  component: r,
+  mask: "0000 0000 0000 0000",
+  placeholder: "____ ____ ____ ____",
+  classNames: { input: u, section: e.section }
+}), w = (t) => {
+  const s = c(t.value);
+  return /* @__PURE__ */ o(
+    C,
+    {
+      ...t,
+      rightSection: s && /* @__PURE__ */ o(s, {})
+    }
+  );
+};
+export {
+  w as InputCard,
+  C as InputCardBase
+};

package/dist/components/InputCard/index.d.ts

@@ -0,0 +1 @@
+export { InputCard } from './InputCard';

package/dist/components/InputCard/index.js

@@ -0,0 +1,4 @@
+import { InputCard as p } from "./InputCard.js";
+export {
+  p as InputCard
+};

package/dist/components/{CardInput → InputCard}/useCardLogo.js

@@ -37,9 +37,11 @@ const V = (e) => /* @__PURE__ */ C.createElement("svg", { width: 45, height: 35,
   const [c, L] = s(null), a = u(c);
   return M(() => {
     if (!e)
-      return;
-    const i = g(e);
-    L(i || null);
+      L(null);
+    else {
+      const i = g(e);
+      L(i || null);
+    }
   }, [e]), a;
 };
 export {

package/dist/components/InputMasked/InputMasked.d.ts

@@ -0,0 +1,139 @@
+export declare const InputMasked: <L = import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & Omit<import('imask').MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+} & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedDate;
+} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+}, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "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">> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedNumber;
+} & 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"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedEnum;
+} & Omit<import('imask').MaskedEnumOptions, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedRange;
+} & Omit<import('imask').MaskedRangeOptions, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedRegExp;
+} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedFunction;
+} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedPattern;
+} & 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"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').MaskedDynamic;
+} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: typeof import('imask').Masked;
+} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedDate;
+} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
+    mask: DateConstructor;
+}, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedNumber;
+} & 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"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedEnum;
+} & Omit<import('imask').MaskedEnumOptions, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedRange;
+} & Omit<import('imask').MaskedRangeOptions, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedRegExp;
+} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedFunction<any>;
+} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedPattern<string>;
+} & 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"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').MaskedDynamic<any>;
+} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
+    [x: string]: unknown;
+}>, "ref"> & {
+    mask: import('imask').Masked<any>;
+} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
+    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
+}, "ref">) & import('react').RefAttributes<unknown>>>(props: import('@mantine/core').PolymorphicComponentProps<L, import('@mantine/core').InputBaseProps>) => React.ReactElement;

package/dist/components/InputMasked/InputMasked.js

@@ -0,0 +1,15 @@
+import { InputBase as t } from "@mantine/core";
+import { I as n } from "../../input-CT_F2u-Q.js";
+import "react";
+import { c as o } from "../../Text.module-D3VLOIGk.js";
+import { c as i } from "../../clsx-OuTLNxxd.js";
+import '../../assets/InputMasked.css';const p = "_input_1uqnk_1", a = "_section_1uqnk_7", s = {
+  input: p,
+  section: a
+}, c = i(s.input, o["caption-l-regular"]), _ = t.withProps({
+  component: n,
+  classNames: { input: c, section: s.section }
+});
+export {
+  _ as InputMasked
+};

package/dist/components/InputMasked/index.d.ts

@@ -0,0 +1 @@
+export { InputMasked } from './InputMasked';

package/dist/components/InputMasked/index.js

@@ -0,0 +1,4 @@
+import { InputMasked as p } from "./InputMasked.js";
+export {
+  p as InputMasked
+};