linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/inputs2/mask/Cnpj.js

@@ -0,0 +1,72 @@
+import { __exportAll as e, __toESM as t } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { mergeRefs as r } from "../../form2/helpers.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { Input as a } from "../textfield/index.js";
+import { CNPJValidation as o } from "./helpers.js";
+import { forwardRef as s, useEffect as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/lib/inputs2/mask/Cnpj.tsx
+var d = /* @__PURE__ */ e({ Input: () => m }), f = /* @__PURE__ */ t(n(), 1), p = "CNPJ inválido", m = s((e, t) => {
+	let { mask: n = "00.000.000/0000-00", unmask: s = !0, lazy: d = !1, placeholder: m = "__.___.___/____-__", disabledValidation: h = !1, autoCompleteMask: g = void 0, ..._ } = e, [v, y] = l(!1), [b, x] = l([]), S = [...b, ..._?.errors || []], C = (t) => {
+		if (h) return;
+		let n = b.includes(p), r = o(t);
+		!r && !n && (e?.onValidate?.([p]), x([p])), r && n && (e?.onValidate?.([]), x([]));
+	}, { ref: w, value: T, unmaskedValue: E, setValue: D } = i({
+		mask: n,
+		lazy: d,
+		scale: 0,
+		radix: "",
+		placeholderChar: "_",
+		mapToRadix: []
+	}, {
+		onComplete: (e, t, n) => {
+			_?.onComplete?.(e, n);
+		},
+		onAccept: (t, n, r) => {
+			let i = s ? n.unmaskedValue : n.value;
+			_?.onAccept?.(i, r), D(t), e?.onChange?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			}), v && C(n.unmaskedValue);
+		}
+	}), O = (e) => {
+		if (y(!0), !v && !f.default.isEmpty(T) && C(T), E.trim().length && g) {
+			let e = E, t = n?.toString().replace(/\D+/g, "").length;
+			if (t && t > e.length) switch (g) {
+				case "left":
+					D(e.padStart(t, "0"));
+					break;
+				case "right":
+					D(e.padEnd(t, "0"));
+					break;
+				default:
+					D(e);
+					break;
+			}
+		}
+		_?.onBlur?.(e);
+	};
+	return c(() => {
+		f.default.isNil(e?.value) || D(f.default.toString(e?.value));
+	}, [e?.value]), /* @__PURE__ */ u(a, {
+		..._,
+		type: "text",
+		value: T,
+		errors: S,
+		placeholder: m,
+		onBlur: O,
+		onChange: () => {},
+		ref: r(t, w)
+	});
+});
+m.displayName = "CNPJInputField";
+//#endregion
+export { d as Cnpj_exports };
+
+//# sourceMappingURL=Cnpj.js.map

package/lib/inputs2/mask/Cnpj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cnpj.js","names":[],"sources":["../../../src/lib/inputs2/mask/Cnpj.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { mergeRefs } from '../../form2/helpers';\nimport * as TextField from '../textfield';\nimport type { MaskFieldProps } from './types';\nimport { CNPJValidation } from './helpers';\n\ninterface CNPJFieldProps extends MaskFieldProps {\n  disabledValidation?: boolean;\n  onValidate?: (errors: string[]) => void;\n}\n\nconst CNPJ_INVALID_MESSAGE = 'CNPJ inválido';\nconst Input = forwardRef<HTMLInputElement, CNPJFieldProps>((props, ref) => {\n  const { \n    mask = '00.000.000/0000-00', unmask = true, lazy = false, placeholder = '__.___.___/____-__', \n    disabledValidation = false, autoCompleteMask = undefined, ...rest\n  } = props;\n  const [touched, setTouched] = useState(false);\n  const [validationError, setValidationError] = useState<string[]>([]);\n  const fieldErrors = [...validationError, ...(rest?.errors || [])];\n\n  const handleValidateCNPJ = (raw: string) => {\n    if (disabledValidation) { return; }\n    const hasCnpjError = validationError.includes(CNPJ_INVALID_MESSAGE);\n    const isValid = CNPJValidation(raw);\n    if (!isValid && !hasCnpjError) {\n      props?.onValidate?.([CNPJ_INVALID_MESSAGE]);\n      setValidationError([CNPJ_INVALID_MESSAGE]);\n    }\n    if (isValid && hasCnpjError) {\n      props?.onValidate?.([]);\n      setValidationError([]);\n    }\n  };\n\n  const { ref: inputRef, value, unmaskedValue, setValue } = useIMask({\n    mask: mask as string,\n    lazy,\n    scale: 0,\n    radix: '',\n    placeholderChar: '_',\n    mapToRadix: [],\n  }, {\n    onComplete: (imaskValue, ___, event) => {\n      rest?.onComplete?.(imaskValue, event);\n    },\n    onAccept: (acceptValue, imask, event) => {\n      const valueToSet = unmask ? imask.unmaskedValue : imask.value;\n      rest?.onAccept?.(valueToSet, event);\n      setValue(acceptValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: valueToSet,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (touched) { handleValidateCNPJ(imask.unmaskedValue); }\n    },\n  });\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    setTouched(true);\n    if (!touched && !_.isEmpty(value)) { handleValidateCNPJ(value); }\n    if (unmaskedValue.trim().length && autoCompleteMask) {\n      const currentValue = unmaskedValue;\n      const sizeMask = mask?.toString().replace(/\\D+/g, '').length;\n      if (sizeMask && sizeMask > currentValue.length) {\n        switch (autoCompleteMask) {\n          case 'left':\n            setValue(currentValue.padStart(sizeMask, '0'));\n            break;\n          case 'right':\n            setValue(currentValue.padEnd(sizeMask, '0'));\n            break;\n          default:\n            setValue(currentValue);\n            break;\n        }\n      }\n    }\n    rest?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    if (!_.isNil(props?.value)) { \n      setValue(_.toString(props?.value)); \n    }\n  }, [props?.value]);\n\n  return (\n    <TextField.Input\n      {...rest}\n      type=\"text\"\n      value={value}\n      errors={fieldErrors}\n      placeholder={placeholder}\n      onBlur={handleBlur}\n      onChange={() => { }}\n      ref={mergeRefs(ref, inputRef as React.Ref<HTMLInputElement>)} />\n  );\n});\n\nInput.displayName = 'CNPJInputField';\nexport { Input };\nexport type { CNPJFieldProps };\n"],"mappings":";;;;;;;;;;8EAaM,IAAuB,iBACvB,IAAQ,GAA8C,GAAO,MAAQ;CACzE,IAAM,EACJ,UAAO,sBAAsB,YAAS,IAAM,UAAO,IAAO,iBAAc,sBACxE,wBAAqB,IAAO,sBAAmB,KAAA,GAAW,GAAG,MAC3D,GACE,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAiB,KAAsB,EAAmB,EAAE,CAAC,EAC9D,IAAc,CAAC,GAAG,GAAiB,GAAI,GAAM,UAAU,EAAE,CAAE,EAE3D,KAAsB,MAAgB;AAC1C,MAAI,EAAsB;EAC1B,IAAM,IAAe,EAAgB,SAAS,EAAqB,EAC7D,IAAU,EAAe,EAAI;AAKnC,EAJI,CAAC,KAAW,CAAC,MACf,GAAO,aAAa,CAAC,EAAqB,CAAC,EAC3C,EAAmB,CAAC,EAAqB,CAAC,GAExC,KAAW,MACb,GAAO,aAAa,EAAE,CAAC,EACvB,EAAmB,EAAE,CAAC;IAIpB,EAAE,KAAK,GAAU,UAAO,kBAAe,gBAAa,EAAS;EAC3D;EACN;EACA,OAAO;EACP,OAAO;EACP,iBAAiB;EACjB,YAAY,EAAA;EACb,EAAE;EACD,aAAa,GAAY,GAAK,MAAU;AACtC,MAAM,aAAa,GAAY,EAAM;;EAEvC,WAAW,GAAa,GAAO,MAAU;GACvC,IAAM,IAAa,IAAS,EAAM,gBAAgB,EAAM;AAWxD,GAVA,GAAM,WAAW,GAAY,EAAM,EACnC,EAAS,EAAY,EACrB,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC,EACrC,KAAW,EAAmB,EAAM,cAAc;;EAEzD,CAAC,EAEI,KAAc,MAA8C;AAGhE,MAFA,EAAW,GAAK,EACZ,CAAC,KAAW,CAAC,EAAA,QAAE,QAAQ,EAAM,IAAI,EAAmB,EAAM,EAC1D,EAAc,MAAM,CAAC,UAAU,GAAkB;GACnD,IAAM,IAAe,GACf,IAAW,GAAM,UAAU,CAAC,QAAQ,QAAQ,GAAG,CAAC;AACtD,OAAI,KAAY,IAAW,EAAa,OACtC,SAAQ,GAAR;IACE,KAAK;AACH,OAAS,EAAa,SAAS,GAAU,IAAI,CAAC;AAC9C;IACF,KAAK;AACH,OAAS,EAAa,OAAO,GAAU,IAAI,CAAC;AAC5C;IACF;AACE,OAAS,EAAa;AACtB;;;AAIR,KAAM,SAAS,EAAM;;AASvB,QANA,QAAgB;AACd,EAAK,EAAA,QAAE,MAAM,GAAO,MAAM,IACxB,EAAS,EAAA,QAAE,SAAS,GAAO,MAAM,CAAC;IAEnC,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,MAAK;EACE;EACP,QAAQ;EACK;EACb,QAAQ;EACR,gBAAgB;EAChB,KAAK,EAAU,GAAK,EAAA;EAA4C,CAAA;EAEpE;AAEF,EAAM,cAAc"}

package/lib/inputs2/mask/Cpf.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { MaskFieldProps } from './types';
+interface CPFFieldProps extends MaskFieldProps {
+    disabledValidation?: boolean;
+    onValidate?: (errors: string[]) => void;
+}
+declare const Input: React.ForwardRefExoticComponent<CPFFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { CPFFieldProps };

package/lib/inputs2/mask/Cpf.js

@@ -0,0 +1,58 @@
+import { __exportAll as e, __toESM as t } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { mergeRefs as r } from "../../form2/helpers.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { Input as a } from "../textfield/index.js";
+import { CPFValidation as o } from "./helpers.js";
+import { forwardRef as s, useEffect as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/lib/inputs2/mask/Cpf.tsx
+var d = /* @__PURE__ */ e({ Input: () => m }), f = /* @__PURE__ */ t(n(), 1), p = "CPF inválido", m = s((e, t) => {
+	let { mask: n = "000.000.000-00", unmask: s = !0, lazy: d = !1, placeholder: m = "___.___.___-__", disabledValidation: h = !1, ...g } = e, [_, v] = l(!1), [y, b] = l([]), x = [...y, ...g?.errors || []], S = (t) => {
+		if (h) return;
+		let n = y.includes(p), r = o(t);
+		!r && !n && (e?.onValidate?.([p]), b([p])), r && n && (e?.onValidate?.([]), b([]));
+	}, { ref: C, value: w, setValue: T } = i({
+		mask: n,
+		lazy: d,
+		scale: 0,
+		radix: "",
+		placeholderChar: "_",
+		mapToRadix: []
+	}, {
+		onComplete: (e, t, n) => {
+			g?.onComplete?.(e, n);
+		},
+		onAccept: (t, n, r) => {
+			let i = s ? n.unmaskedValue : n.value;
+			g?.onAccept?.(i, r), T(t), e?.onChange?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			}), _ && S(n.unmaskedValue);
+		}
+	}), E = (e) => {
+		v(!0), !_ && !f.default.isEmpty(w) && S(w), g?.onBlur?.(e);
+	};
+	return c(() => {
+		f.default.isNil(e?.value) || T(f.default.toString(e?.value));
+	}, [e?.value]), /* @__PURE__ */ u(a, {
+		...g,
+		type: "text",
+		value: w,
+		errors: x,
+		placeholder: m,
+		onBlur: E,
+		onChange: () => {},
+		ref: r(t, C)
+	});
+});
+m.displayName = "CPFInputField";
+//#endregion
+export { d as Cpf_exports };
+
+//# sourceMappingURL=Cpf.js.map

package/lib/inputs2/mask/Cpf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cpf.js","names":[],"sources":["../../../src/lib/inputs2/mask/Cpf.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { mergeRefs } from '../../form2/helpers';\nimport * as TextField from '../textfield';\nimport type { MaskFieldProps } from './types';\nimport { CPFValidation } from './helpers';\n\ninterface CPFFieldProps extends MaskFieldProps {\n  disabledValidation?: boolean;\n  onValidate?: (errors: string[]) => void;\n}\n\nconst CPF_INVALID_MESSAGE = 'CPF inválido';\nconst Input = forwardRef<HTMLInputElement, CPFFieldProps>((props, ref) => {\n  const { \n    mask = '000.000.000-00', unmask = true, lazy = false, \n    placeholder = '___.___.___-__', disabledValidation = false, ...rest\n  } = props;\n  const [touched, setTouched] = useState(false);\n  const [validationError, setValidationError] = useState<string[]>([]);\n  const fieldErrors = [...validationError, ...(rest?.errors || [])];\n\n  const handleValidateCPF = (raw: string) => {\n    if (disabledValidation) { return; }\n    const hasCpfError = validationError.includes(CPF_INVALID_MESSAGE);\n    const isValid = CPFValidation(raw);\n    if (!isValid && !hasCpfError) {\n      props?.onValidate?.([CPF_INVALID_MESSAGE]);\n      setValidationError([CPF_INVALID_MESSAGE]);\n    }\n    if (isValid && hasCpfError) {\n      props?.onValidate?.([]);\n      setValidationError([]);\n    }\n  };\n\n  const { ref: inputRef, value, setValue } = useIMask({\n    mask: mask as string,\n    lazy,\n    scale: 0,\n    radix: '',\n    placeholderChar: '_',\n    mapToRadix: [],\n  }, {\n    onComplete: (imaskValue, ___, event) => {\n      rest?.onComplete?.(imaskValue, event);\n    },\n    onAccept: (acceptValue, imask, event) => {\n      const valueToSet = unmask ? imask.unmaskedValue : imask.value;\n      rest?.onAccept?.(valueToSet, event);\n      setValue(acceptValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: valueToSet,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n      if (touched) { handleValidateCPF(imask.unmaskedValue); }\n    },\n  });\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    setTouched(true);\n    if (!touched && !_.isEmpty(value)) { handleValidateCPF(value); }\n    rest?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    if (!_.isNil(props?.value)) { \n      setValue(_.toString(props?.value)); \n    }\n  }, [props?.value]);\n\n  return (\n    <TextField.Input\n      {...rest}\n      type=\"text\"\n      value={value}\n      errors={fieldErrors}\n      placeholder={placeholder}\n      onBlur={handleBlur}\n      onChange={() => { }}\n      ref={mergeRefs(ref, inputRef as React.Ref<HTMLInputElement>)} />\n  );\n});\n\nInput.displayName = 'CPFInputField';\nexport { Input };\nexport type { CPFFieldProps };\n"],"mappings":";;;;;;;;;;8EAaM,IAAsB,gBACtB,IAAQ,GAA6C,GAAO,MAAQ;CACxE,IAAM,EACJ,UAAO,kBAAkB,YAAS,IAAM,UAAO,IAC/C,iBAAc,kBAAkB,wBAAqB,IAAO,GAAG,MAC7D,GACE,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAiB,KAAsB,EAAmB,EAAE,CAAC,EAC9D,IAAc,CAAC,GAAG,GAAiB,GAAI,GAAM,UAAU,EAAE,CAAE,EAE3D,KAAqB,MAAgB;AACzC,MAAI,EAAsB;EAC1B,IAAM,IAAc,EAAgB,SAAS,EAAoB,EAC3D,IAAU,EAAc,EAAI;AAKlC,EAJI,CAAC,KAAW,CAAC,MACf,GAAO,aAAa,CAAC,EAAoB,CAAC,EAC1C,EAAmB,CAAC,EAAoB,CAAC,GAEvC,KAAW,MACb,GAAO,aAAa,EAAE,CAAC,EACvB,EAAmB,EAAE,CAAC;IAIpB,EAAE,KAAK,GAAU,UAAO,gBAAa,EAAS;EAC5C;EACN;EACA,OAAO;EACP,OAAO;EACP,iBAAiB;EACjB,YAAY,EAAA;EACb,EAAE;EACD,aAAa,GAAY,GAAK,MAAU;AACtC,MAAM,aAAa,GAAY,EAAM;;EAEvC,WAAW,GAAa,GAAO,MAAU;GACvC,IAAM,IAAa,IAAS,EAAM,gBAAgB,EAAM;AAWxD,GAVA,GAAM,WAAW,GAAY,EAAM,EACnC,EAAS,EAAY,EACrB,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC,EACrC,KAAW,EAAkB,EAAM,cAAc;;EAExD,CAAC,EAEI,KAAc,MAA8C;AAGhE,EAFA,EAAW,GAAK,EACZ,CAAC,KAAW,CAAC,EAAA,QAAE,QAAQ,EAAM,IAAI,EAAkB,EAAM,EAC7D,GAAM,SAAS,EAAM;;AASvB,QANA,QAAgB;AACd,EAAK,EAAA,QAAE,MAAM,GAAO,MAAM,IACxB,EAAS,EAAA,QAAE,SAAS,GAAO,MAAM,CAAC;IAEnC,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,MAAK;EACE;EACP,QAAQ;EACK;EACb,QAAQ;EACR,gBAAgB;EAChB,KAAK,EAAU,GAAK,EAAA;EAA4C,CAAA;EAEpE;AAEF,EAAM,cAAc"}

package/lib/inputs2/mask/Phone.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { MaskFieldProps } from './types';
+interface PhoneFieldProps extends MaskFieldProps {
+    isCellphone?: boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<PhoneFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { PhoneFieldProps };

package/lib/inputs2/mask/Phone.js

@@ -0,0 +1,21 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { Input as t } from "./index.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/inputs2/mask/Phone.tsx
+var i = /* @__PURE__ */ e({ Input: () => a }), a = n((e, n) => {
+	let { mask: i = "(00) 0000-0000", unmask: a = !0, placeholder: o = "(__) ____-____", isCellphone: s = !1, ...c } = e, l = s ? "(00) 00000-0000" : i, u = s ? "(__) _____-____" : o;
+	return /* @__PURE__ */ r(t, {
+		...c,
+		ref: n,
+		type: "text",
+		mask: l,
+		unmask: a,
+		placeholder: u
+	});
+});
+a.displayName = "PhoneInputField";
+//#endregion
+export { i as Phone_exports };
+
+//# sourceMappingURL=Phone.js.map

package/lib/inputs2/mask/Phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Phone.js","names":[],"sources":["../../../src/lib/inputs2/mask/Phone.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport * as MaskField from './index';\nimport type { MaskFieldProps } from './types';\n\ninterface PhoneFieldProps extends MaskFieldProps {\n  isCellphone?: boolean;\n}\n\nconst Input = forwardRef<HTMLInputElement, PhoneFieldProps>((props, ref) => {\n  const { \n    mask = '(00) 0000-0000', unmask = true, placeholder = '(__) ____-____', \n    isCellphone = false, ...rest\n  } = props;\n  const phoneMask = isCellphone ? '(00) 00000-0000' : mask;\n  const phonePlaceholder = isCellphone ? '(__) _____-____' : placeholder;\n\n  return (\n    <MaskField.Input\n      {...rest}\n      ref={ref}\n      type=\"text\"\n      mask={phoneMask}\n      unmask={unmask}\n      placeholder={phonePlaceholder} />\n  );\n});\n\nInput.displayName = 'PhoneInputField';\nexport { Input };\nexport type { PhoneFieldProps };\n"],"mappings":";;;;;+CAQM,IAAQ,GAA+C,GAAO,MAAQ;CAC1E,IAAM,EACJ,UAAO,kBAAkB,YAAS,IAAM,iBAAc,kBACtD,iBAAc,IAAO,GAAG,MACtB,GACE,IAAY,IAAc,oBAAoB,GAC9C,IAAmB,IAAc,oBAAoB;AAE3D,QACE,kBAAC,GAAD;EACE,GAAI;EACC;EACL,MAAK;EACL,MAAM;EACE;EACR,aAAa;EAAoB,CAAA;EAErC;AAEF,EAAM,cAAc"}

package/lib/inputs2/mask/ZipCode.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { MaskFieldProps } from './types';
+interface ZipCodeFieldProps extends MaskFieldProps {
+}
+declare const Input: React.ForwardRefExoticComponent<ZipCodeFieldProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { ZipCodeFieldProps };

package/lib/inputs2/mask/ZipCode.js

@@ -0,0 +1,21 @@
+import { __exportAll as e } from "../../_virtual/_rolldown/runtime.js";
+import { Input as t } from "./index.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/lib/inputs2/mask/ZipCode.tsx
+var i = /* @__PURE__ */ e({ Input: () => a }), a = n((e, n) => {
+	let { mask: i = "00000-000", unmask: a = !0, placeholder: o = "_____-___", ...s } = e;
+	return /* @__PURE__ */ r(t, {
+		...s,
+		ref: n,
+		type: "text",
+		mask: i,
+		unmask: a,
+		placeholder: o
+	});
+});
+a.displayName = "ZipCodeInputField";
+//#endregion
+export { i as ZipCode_exports };
+
+//# sourceMappingURL=ZipCode.js.map

package/lib/inputs2/mask/ZipCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZipCode.js","names":[],"sources":["../../../src/lib/inputs2/mask/ZipCode.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport * as MaskField from './index';\nimport type { MaskFieldProps } from './types';\n\ninterface ZipCodeFieldProps extends MaskFieldProps { }\n\nconst Input = forwardRef<HTMLInputElement, ZipCodeFieldProps>((props, ref) => {\n  const { \n    mask = '00000-000', unmask = true, placeholder = '_____-___', ...rest\n  } = props;\n\n  return (\n    <MaskField.Input\n      {...rest}\n      ref={ref}\n      type=\"text\"\n      mask={mask}\n      unmask={unmask}\n      placeholder={placeholder} />\n  );\n});\n\nInput.displayName = 'ZipCodeInputField';\nexport { Input };\nexport type { ZipCodeFieldProps };\n"],"mappings":";;;;;+CAMM,IAAQ,GAAiD,GAAO,MAAQ;CAC5E,IAAM,EACJ,UAAO,aAAa,YAAS,IAAM,iBAAc,aAAa,GAAG,MAC/D;AAEJ,QACE,kBAAC,GAAD;EACE,GAAI;EACC;EACL,MAAK;EACC;EACE;EACK;EAAe,CAAA;EAEhC;AAEF,EAAM,cAAc"}

package/lib/inputs2/mask/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare function CPFValidation(cpf?: string): boolean;
+export declare function CNPJValidation(cnpj?: string): boolean;

package/lib/inputs2/mask/helpers.js

@@ -0,0 +1,28 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+//#region src/lib/inputs2/mask/helpers.ts
+var n = /* @__PURE__ */ e(t(), 1), r = (e) => e.split("").every((t) => t === e[0]);
+function i(e) {
+	let t = e ? e.replace(/[^\d]+/g, "") : "", i = 0, a;
+	if (t === "" || t.length < 11 || r(t)) return !1;
+	for (let e = 0; e < 9; e++) i += (0, n.parseInt)(t.charAt(e), 10) * (10 - e);
+	if (a = i * 10 % 11, (a === 10 || a === 11) && (a = 0), a !== (0, n.parseInt)(t.charAt(9), 10)) return !1;
+	i = 0;
+	for (let e = 0; e < 10; e++) i += (0, n.parseInt)(t.charAt(e), 10) * (11 - e);
+	return a = i * 10 % 11, (a === 10 || a === 11) && (a = 0), a === (0, n.parseInt)(t.charAt(10), 10);
+}
+function a(e) {
+	let t = e ? e.replace(/[^\d]+/g, "") : "";
+	if (t === "" || t.length !== 14 || r(t)) return !1;
+	let i = t.length - 2, a = t.substring(0, i), o = t.substring(i), s = 0, c = i - 7;
+	for (let e = i; e >= 1; e--) s += (0, n.parseInt)(a.charAt(i - e), 10) * c--, c < 2 && (c = 9);
+	let l = s % 11 < 2 ? 0 : 11 - s % 11;
+	if (l.toString() !== o.charAt(0)) return !1;
+	i += 1, a = t.substring(0, i), s = 0, c = i - 7;
+	for (let e = i; e >= 1; e--) s += (0, n.parseInt)(a.charAt(i - e), 10) * c--, c < 2 && (c = 9);
+	return l = s % 11 < 2 ? 0 : 11 - s % 11, l.toString() === o.charAt(1);
+}
+//#endregion
+export { a as CNPJValidation, i as CPFValidation };
+
+//# sourceMappingURL=helpers.js.map

package/lib/inputs2/mask/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/lib/inputs2/mask/helpers.ts"],"sourcesContent":["import { parseInt } from 'lodash';\n\nconst allEqualDigits = (input: string) => input.split('').every(char => char === input[0]);\n\nexport function CPFValidation(cpf?: string): boolean {\n  const stringCpf = cpf ? cpf.replace(/[^\\d]+/g, '') : '';\n  let sum = 0;\n  let split;\n\n  if (stringCpf === '' || stringCpf.length < 11) return false;\n  if (allEqualDigits(stringCpf)) return false;\n\n  for (let i = 0; i < 9; i++) {\n    sum += parseInt(stringCpf.charAt(i), 10) * (10 - i);\n  }\n  split = (sum * 10) % 11;\n  if (split === 10 || split === 11) split = 0;\n  if (split !== parseInt(stringCpf.charAt(9), 10)) return false;\n\n  sum = 0;\n  for (let i = 0; i < 10; i++) {\n    sum += parseInt(stringCpf.charAt(i), 10) * (11 - i);\n  }\n  split = (sum * 10) % 11;\n  if (split === 10 || split === 11) split = 0;\n  if (split !== parseInt(stringCpf.charAt(10), 10)) return false;\n\n  return true;\n}\n\nexport function CNPJValidation(cnpj?: string): boolean {\n  const stringCnpj = cnpj ? cnpj.replace(/[^\\d]+/g, '') : '';\n\n  if (stringCnpj === '' || stringCnpj.length !== 14) return false;\n  if (allEqualDigits(stringCnpj)) return false;\n\n  let length = stringCnpj.length - 2;\n  let numbers = stringCnpj.substring(0, length);\n  const digits = stringCnpj.substring(length);\n  let sum = 0;\n  let pos = length - 7;\n\n  for (let i = length; i >= 1; i--) {\n    sum += parseInt(numbers.charAt(length - i), 10) * pos--;\n    if (pos < 2) pos = 9;\n  }\n\n  let result = sum % 11 < 2 ? 0 : 11 - (sum % 11);\n  if (result.toString() !== digits.charAt(0)) return false;\n\n  length += 1;\n  numbers = stringCnpj.substring(0, length);\n  sum = 0;\n  pos = length - 7;\n\n  for (let i = length; i >= 1; i--) {\n    sum += parseInt(numbers.charAt(length - i), 10) * pos--;\n    if (pos < 2) pos = 9;\n  }\n\n  result = sum % 11 < 2 ? 0 : 11 - (sum % 11);\n  if (result.toString() !== digits.charAt(1)) return false;\n\n  return true;\n}\n"],"mappings":";;;mCAEM,KAAkB,MAAkB,EAAM,MAAM,GAAG,CAAC,OAAM,MAAQ,MAAS,EAAM,GAAG;AAE1F,SAAgB,EAAc,GAAuB;CACnD,IAAM,IAAY,IAAM,EAAI,QAAQ,WAAW,GAAG,GAAG,IACjD,IAAM,GACN;AAGJ,KADI,MAAc,MAAM,EAAU,SAAS,MACvC,EAAe,EAAU,CAAE,QAAO;AAEtC,MAAK,IAAI,IAAI,GAAG,IAAI,GAAG,IACrB,OAAA,GAAA,EAAA,UAAgB,EAAU,OAAO,EAAE,EAAE,GAAG,IAAI,KAAK;AAInD,KAFA,IAAS,IAAM,KAAM,KACjB,MAAU,MAAM,MAAU,QAAI,IAAQ,IACtC,OAAA,GAAA,EAAA,UAAmB,EAAU,OAAO,EAAE,EAAE,GAAG,CAAE,QAAO;AAExD,KAAM;AACN,MAAK,IAAI,IAAI,GAAG,IAAI,IAAI,IACtB,OAAA,GAAA,EAAA,UAAgB,EAAU,OAAO,EAAE,EAAE,GAAG,IAAI,KAAK;AAMnD,QAJA,IAAS,IAAM,KAAM,KACjB,MAAU,MAAM,MAAU,QAAI,IAAQ,IACtC,OAAA,GAAA,EAAA,UAAmB,EAAU,OAAO,GAAG,EAAE,GAAG;;AAKlD,SAAgB,EAAe,GAAwB;CACrD,IAAM,IAAa,IAAO,EAAK,QAAQ,WAAW,GAAG,GAAG;AAGxD,KADI,MAAe,MAAM,EAAW,WAAW,MAC3C,EAAe,EAAW,CAAE,QAAO;CAEvC,IAAI,IAAS,EAAW,SAAS,GAC7B,IAAU,EAAW,UAAU,GAAG,EAAO,EACvC,IAAS,EAAW,UAAU,EAAO,EACvC,IAAM,GACN,IAAM,IAAS;AAEnB,MAAK,IAAI,IAAI,GAAQ,KAAK,GAAG,IAE3B,CADA,MAAA,GAAA,EAAA,UAAgB,EAAQ,OAAO,IAAS,EAAE,EAAE,GAAG,GAAG,KAC9C,IAAM,MAAG,IAAM;CAGrB,IAAI,IAAS,IAAM,KAAK,IAAI,IAAI,KAAM,IAAM;AAC5C,KAAI,EAAO,UAAU,KAAK,EAAO,OAAO,EAAE,CAAE,QAAO;AAKnD,CAHA,KAAU,GACV,IAAU,EAAW,UAAU,GAAG,EAAO,EACzC,IAAM,GACN,IAAM,IAAS;AAEf,MAAK,IAAI,IAAI,GAAQ,KAAK,GAAG,IAE3B,CADA,MAAA,GAAA,EAAA,UAAgB,EAAQ,OAAO,IAAS,EAAE,EAAE,GAAG,GAAG,KAC9C,IAAM,MAAG,IAAM;AAMrB,QAHA,IAAS,IAAM,KAAK,IAAI,IAAI,KAAM,IAAM,IACpC,EAAO,UAAU,KAAK,EAAO,OAAO,EAAE"}

package/lib/inputs2/mask/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { MaskFieldProps } from './types';
+import * as TextField from '../textfield';
+declare const Input: React.ForwardRefExoticComponent<TextField.TextFieldInputProps & import('./types').IMaskOptions & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { MaskFieldProps };

package/lib/inputs2/mask/index.js

@@ -0,0 +1,68 @@
+import { __exportAll as e, __toESM as t } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import { mergeRefs as r } from "../../form2/helpers.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { Input as a } from "../textfield/index.js";
+import { forwardRef as o, useEffect as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/inputs2/mask/index.tsx
+var l = /* @__PURE__ */ e({ Input: () => d }), u = /* @__PURE__ */ t(n(), 1), d = o((e, t) => {
+	let { mask: n = "", unmask: o = !0, lazy: l = !0, placeholder: d = "", autoCompleteMask: f = void 0, radix: p = "", placeholderChar: m = "_", scale: h = 0, normalizeZeros: g = !1, padFractionalZeros: _ = !1, mapToRadix: v = [], ...y } = e, { ref: b, value: x, unmaskedValue: S, setValue: C } = i({
+		mask: n,
+		lazy: l,
+		scale: h,
+		radix: p,
+		mapToRadix: v,
+		placeholderChar: m,
+		normalizeZeros: g,
+		padFractionalZeros: _
+	}, {
+		onComplete: (e, t, n) => {
+			y?.onComplete?.(e, n);
+		},
+		onAccept: (t, n, r) => {
+			let i = o ? n.unmaskedValue : n.value;
+			y?.onAccept?.(i, r), C(t), e?.onChange?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			});
+		}
+	}), w = (e) => {
+		if (S.trim().length && f) {
+			let e = S, t = n?.toString().replace(/\D+/g, "").length;
+			if (t && t > e.length) switch (f) {
+				case "left":
+					C(e.padStart(t, "0"));
+					break;
+				case "right":
+					C(e.padEnd(t, "0"));
+					break;
+				default:
+					C(e);
+					break;
+			}
+		}
+		y?.onBlur?.(e);
+	};
+	return s(() => {
+		u.default.isNil(e?.value) || C(u.default.toString(e?.value));
+	}, [e?.value]), /* @__PURE__ */ c(a, {
+		...y,
+		type: "text",
+		value: x,
+		placeholder: d,
+		onBlur: w,
+		onChange: () => {},
+		ref: r(t, b)
+	});
+});
+d.displayName = "MaskInputField";
+//#endregion
+export { d as Input, l as mask_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/mask/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/mask/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { mergeRefs } from '../../form2/helpers';\nimport * as TextField from '../textfield';\nimport type { MaskFieldProps } from './types';\n\nconst Input = forwardRef<HTMLInputElement, MaskFieldProps>((props, ref) => {\n  const { \n    mask = '', unmask = true, lazy = true, placeholder = '', autoCompleteMask = undefined,\n    radix = '', placeholderChar = '_', scale = 0, normalizeZeros = false, padFractionalZeros = false,\n    mapToRadix = [], ...rest\n  } = props;\n\n  const { ref: inputRef, value, unmaskedValue, setValue } = useIMask({\n    mask: mask as string,\n    lazy,\n    scale,\n    radix,\n    mapToRadix,\n    placeholderChar,\n    normalizeZeros,\n    padFractionalZeros,\n  }, {\n    onComplete: (imaskValue, ___, event) => {\n      rest?.onComplete?.(imaskValue, event);\n    },\n    onAccept: (acceptValue, imask, event) => {\n      const valueToSet = unmask ? imask.unmaskedValue : imask.value;\n      rest?.onAccept?.(valueToSet, event);\n      setValue(acceptValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: valueToSet,\n        },\n      } as React.ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n    if (unmaskedValue.trim().length && autoCompleteMask) {\n      const currentValue = unmaskedValue;\n      const sizeMask = mask?.toString().replace(/\\D+/g, '').length;\n      if (sizeMask && sizeMask > currentValue.length) {\n        switch (autoCompleteMask) {\n          case 'left':\n            setValue(currentValue.padStart(sizeMask, '0'));\n            break;\n          case 'right':\n            setValue(currentValue.padEnd(sizeMask, '0'));\n            break;\n          default:\n            setValue(currentValue);\n            break;\n        }\n      }\n    }\n    rest?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    if (!_.isNil(props?.value)) { \n      setValue(_.toString(props?.value)); \n    }\n  }, [props?.value]);\n\n  return (\n    <TextField.Input\n      {...rest}\n      type=\"text\"\n      value={value}\n      placeholder={placeholder}\n      onBlur={handleBlur}\n      onChange={() => { }}\n      ref={mergeRefs(ref, inputRef as React.Ref<HTMLInputElement>)} />\n  );\n});\n\nInput.displayName = 'MaskInputField';\nexport { Input };\nexport type { MaskFieldProps };\n"],"mappings":";;;;;;;;;8EAOM,IAAQ,GAA8C,GAAO,MAAQ;CACzE,IAAM,EACJ,UAAO,IAAI,YAAS,IAAM,UAAO,IAAM,iBAAc,IAAI,sBAAmB,KAAA,GAC5E,WAAQ,IAAI,qBAAkB,KAAK,WAAQ,GAAG,oBAAiB,IAAO,wBAAqB,IAC3F,gBAAa,EAAE,EAAE,GAAG,MAClB,GAEE,EAAE,KAAK,GAAU,UAAO,kBAAe,gBAAa,EAAS;EAC3D;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACD,EAAE;EACD,aAAa,GAAY,GAAK,MAAU;AACtC,MAAM,aAAa,GAAY,EAAM;;EAEvC,WAAW,GAAa,GAAO,MAAU;GACvC,IAAM,IAAa,IAAS,EAAM,gBAAgB,EAAM;AAGxD,GAFA,GAAM,WAAW,GAAY,EAAM,EACnC,EAAS,EAAY,EACrB,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;EAE5C,CAAC,EAEI,KAAc,MAA8C;AAChE,MAAI,EAAc,MAAM,CAAC,UAAU,GAAkB;GACnD,IAAM,IAAe,GACf,IAAW,GAAM,UAAU,CAAC,QAAQ,QAAQ,GAAG,CAAC;AACtD,OAAI,KAAY,IAAW,EAAa,OACtC,SAAQ,GAAR;IACE,KAAK;AACH,OAAS,EAAa,SAAS,GAAU,IAAI,CAAC;AAC9C;IACF,KAAK;AACH,OAAS,EAAa,OAAO,GAAU,IAAI,CAAC;AAC5C;IACF;AACE,OAAS,EAAa;AACtB;;;AAIR,KAAM,SAAS,EAAM;;AASvB,QANA,QAAgB;AACd,EAAK,EAAA,QAAE,MAAM,GAAO,MAAM,IACxB,EAAS,EAAA,QAAE,SAAS,GAAO,MAAM,CAAC;IAEnC,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,MAAK;EACE;EACM;EACb,QAAQ;EACR,gBAAgB;EAChB,KAAK,EAAU,GAAK,EAAA;EAA4C,CAAA;EAEpE;AAEF,EAAM,cAAc"}

package/lib/inputs2/mask/types.d.ts

@@ -0,0 +1,16 @@
+import { TextFieldInputProps } from '../textfield';
+export type IMaskOptions = {
+    mask?: string | RegExp | (string | RegExp)[] | (() => void) | number;
+    unmask?: boolean | 'typed';
+    lazy?: boolean;
+    scale?: number;
+    radix?: string;
+    mapToRadix?: string[];
+    normalizeZeros?: boolean;
+    placeholderChar?: string;
+    padFractionalZeros?: boolean;
+    autoCompleteMask?: 'left' | 'right';
+    onAccept?: (value: string, event?: InputEvent) => void;
+    onComplete?: (value: string, event?: InputEvent) => void;
+};
+export type MaskFieldProps = TextFieldInputProps & IMaskOptions;

package/lib/inputs2/numberfield/currency.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CurrencyFieldInputProps } from './types';
+declare const Currency: React.ForwardRefExoticComponent<CurrencyFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Currency };

package/lib/inputs2/numberfield/currency.js

@@ -0,0 +1,86 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { mergeRefs as n } from "../../form2/helpers.js";
+import { useIMask as r } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { LeftSlot as i } from "../slot/index.js";
+import { Input as a } from "../textfield/index.js";
+import '../../assets/styles/numberfield.css';/* empty css                              */
+import { forwardRef as o, useCallback as s, useEffect as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/lib/inputs2/numberfield/currency.tsx
+var f = /* @__PURE__ */ e(t(), 1), p = o((e, t) => {
+	let { min: o = void 0, max: p = void 0, to: m = void 0, from: h = void 0, enum: g = void 0, onChange: _ = null, onBlur: v = null, allowNegative: y = !0, textAlign: b = "right", children: x = null, scale: S = 2, normalizeZeros: C = !1, padFractionalZeros: w = !0, currencySymbol: T = "R$", ...E } = e, D = l(null), { value: O, setValue: k, unmaskedValue: A } = r({
+		mask: Number,
+		unmask: !0,
+		min: f.default.isNil(o) ? y ? void 0 : 0 : o,
+		enum: g,
+		radix: ",",
+		mapToRadix: ["."],
+		thousandsSeparator: ".",
+		max: p,
+		to: m,
+		from: h,
+		scale: S,
+		normalizeZeros: C,
+		padFractionalZeros: w
+	}, {
+		ref: D,
+		onAccept: (t, n, r) => {
+			let i = parseFloat(n.unmaskedValue), a = f.default.isNaN(i) ? 0 : i;
+			_?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: a
+				}
+			});
+		}
+	}), j = s((t) => {
+		if (!f.default.isNil(o)) {
+			let n = parseFloat(A);
+			(f.default.isNaN(n) || n < o) && (k(f.default.toString(o)), _?.({
+				...t,
+				target: {
+					...t?.target,
+					name: e?.name,
+					value: o
+				}
+			}));
+		}
+		v?.(t);
+	}, [
+		o,
+		A,
+		_,
+		v,
+		k,
+		e.name
+	]);
+	return c(() => {
+		let t = f.default.toString(e?.value);
+		!f.default.isNil(e?.value) && !f.default.isEqual(parseFloat(t), parseFloat(A)) && k(parseFloat(t).toLocaleString("pt-BR"));
+	}, [e?.value]), /* @__PURE__ */ d(a, {
+		...E,
+		ref: n(t, D),
+		type: "text",
+		inputMode: "decimal",
+		value: O,
+		textAlign: b,
+		onBlur: j,
+		onChange: () => {},
+		children: [/* @__PURE__ */ u(i, {
+			className: "currency-left-elements",
+			children: /* @__PURE__ */ u("span", {
+				className: "currency-symbol",
+				children: T
+			})
+		}), x]
+	});
+});
+p.displayName = "CurrencyFieldInput";
+//#endregion
+export { p as Currency };
+
+//# sourceMappingURL=currency.js.map

package/lib/inputs2/numberfield/currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency.js","names":[],"sources":["../../../src/lib/inputs2/numberfield/currency.tsx"],"sourcesContent":["import '../../assets/styles/numberfield.scss';\n\nimport React, { forwardRef, useCallback, useEffect, useRef, ChangeEvent} from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { TextField } from '..';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { CurrencyFieldInputProps } from './types';\n\nconst Currency = forwardRef<HTMLInputElement, CurrencyFieldInputProps>((props, ref) => {\n  const {\n    min = undefined, max = undefined, to = undefined, from = undefined, enum: interval = undefined,\n    onChange = null, onBlur = null, allowNegative = true, textAlign = 'right', children = null, \n    scale = 2, normalizeZeros = false, padFractionalZeros = true, currencySymbol = 'R$', ...rest\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    unmask: true,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    enum: interval,\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n    max,\n    to,\n    from,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n  }, {\n    ref: numberInputRef,\n    onAccept: (__, options, event) => {\n      const parsedValueToFloat = parseFloat(options.unmaskedValue);\n      const valueToReturn = !_.isNaN(parsedValueToFloat) ? parsedValueToFloat : 0;\n      onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: valueToReturn as unknown,\n        },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    if (!_.isNil(min)) {\n      const parsedCurrentValueToFloat = parseFloat(unmaskedValue) as number;\n      if (_.isNaN(parsedCurrentValueToFloat) || parsedCurrentValueToFloat < min) {\n        setMaskedValue(_.toString(min));\n        onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }\n    onBlur?.(event);\n  }, [min, unmaskedValue, onChange, onBlur, setMaskedValue, props.name]);\n\n  useEffect(() => {\n    const valueToString = _.toString(props?.value);\n    if (!_.isNil(props?.value) \n        && !_.isEqual(parseFloat(valueToString), parseFloat(unmaskedValue))) {\n      setMaskedValue(parseFloat(valueToString).toLocaleString('pt-BR'));\n    }\n  }, [props?.value]);\n\n  return (\n    <TextField.Input\n      {...rest}\n      ref={mergeRefs(ref, numberInputRef)}\n      type=\"text\"\n      inputMode=\"decimal\"\n      value={maskedValue}\n      textAlign={textAlign}\n      onBlur={handleBlur}\n      onChange={() => { }}>\n      <TextField.LeftSlot className=\"currency-left-elements\">\n        <span className=\"currency-symbol\">{currencySymbol}</span>\n      </TextField.LeftSlot>\n      {children}\n    </TextField.Input>\n  );\n});\n\nCurrency.displayName = 'CurrencyFieldInput';\n\nexport { Currency };\n"],"mappings":";;;;;;;;;;;mCASM,IAAW,GAAuD,GAAO,MAAQ;CACrF,IAAM,EACJ,SAAM,KAAA,GAAW,SAAM,KAAA,GAAW,QAAK,KAAA,GAAW,UAAO,KAAA,GAAW,MAAM,IAAW,KAAA,GACrF,cAAW,MAAM,YAAS,MAAM,mBAAgB,IAAM,eAAY,SAAS,cAAW,MACtF,WAAQ,GAAG,oBAAiB,IAAO,wBAAqB,IAAM,oBAAiB,MAAM,GAAG,MACtF,GACE,IAAiB,EAAgC,KAAK,EAEtD,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN,QAAQ;EACR,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB,MAAM;EACN,OAAO;EACP,YAAY,CAAC,IAAI;EACjB,oBAAoB;EACpB;EACA;EACA;EACA;EACA;EACA;EACD,EAAE;EACD,KAAK;EACL,WAAW,GAAI,GAAS,MAAU;GAChC,IAAM,IAAqB,WAAW,EAAQ,cAAc,EACtD,IAAiB,EAAA,QAAE,MAAM,EAAmB,GAAwB,IAArB;AACrD,OAAW;IACT,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAkC;;EAEtC,CAAC,EAMI,IAAa,GAAa,MAA8C;AAC5E,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAA4B,WAAW,EAAc;AAC3D,IAAI,EAAA,QAAE,MAAM,EAA0B,IAAI,IAA4B,OACpE,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,IAAW;IACT,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;AAG7C,MAAS,EAAM;IACd;EAAC;EAAK;EAAe;EAAU;EAAQ;EAAgB,EAAM;EAAK,CAAC;AAUtE,QARA,QAAgB;EACd,IAAM,IAAgB,EAAA,QAAE,SAAS,GAAO,MAAM;AAC9C,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,IACnB,CAAC,EAAA,QAAE,QAAQ,WAAW,EAAc,EAAE,WAAW,EAAc,CAAC,IACrE,EAAe,WAAW,EAAc,CAAC,eAAe,QAAQ,CAAC;IAElE,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,EAAU,GAAK,EAAe;EACnC,MAAK;EACL,WAAU;EACV,OAAO;EACI;EACX,QAAQ;EACR,gBAAgB;YARlB,CASE,kBAAC,GAAD;GAAoB,WAAU;aAC5B,kBAAC,QAAD;IAAM,WAAU;cAAmB;IAAsB,CAAA;GACtC,CAAA,EACpB,EAAA;;EAGL;AAEF,EAAS,cAAc"}

package/lib/inputs2/numberfield/decimal.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { DecimalFieldInputProps } from './types';
+declare const Decimal: React.ForwardRefExoticComponent<DecimalFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+export { Decimal };

package/lib/inputs2/numberfield/decimal.js

@@ -0,0 +1,78 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as t } from "../../node_modules/lodash/lodash.js";
+import { mergeRefs as n } from "../../form2/helpers.js";
+import { useIMask as r } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { Input as i } from "../textfield/index.js";
+import { forwardRef as a, useCallback as o, useEffect as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/lib/inputs2/numberfield/decimal.tsx
+var u = /* @__PURE__ */ e(t(), 1), d = a((e, t) => {
+	let { min: a = void 0, max: d = void 0, to: f = void 0, from: p = void 0, enum: m = void 0, onChange: h = null, onBlur: g = null, allowNegative: _ = !0, textAlign: v = "right", children: y = null, scale: b = 2, normalizeZeros: x = !1, padFractionalZeros: S = !0, ...C } = e, w = c(null), { value: T, setValue: E, unmaskedValue: D } = r({
+		mask: Number,
+		unmask: !0,
+		min: u.default.isNil(a) ? _ ? void 0 : 0 : a,
+		enum: m,
+		radix: ",",
+		mapToRadix: ["."],
+		thousandsSeparator: ".",
+		max: d,
+		to: f,
+		from: p,
+		scale: b,
+		normalizeZeros: x,
+		padFractionalZeros: S
+	}, {
+		ref: w,
+		onAccept: (t, n, r) => {
+			let i = parseFloat(n.unmaskedValue), a = u.default.isNaN(i) ? 0 : i;
+			h?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: a
+				}
+			});
+		}
+	}), O = o((t) => {
+		if (!u.default.isNil(a)) {
+			let n = parseFloat(D);
+			(u.default.isNaN(n) || n < a) && (E(u.default.toString(a)), h?.({
+				...t,
+				target: {
+					...t?.target,
+					name: e?.name,
+					value: a
+				}
+			}));
+		}
+		g?.(t);
+	}, [
+		a,
+		D,
+		h,
+		g,
+		E,
+		e.name
+	]);
+	return s(() => {
+		let t = u.default.toString(e?.value);
+		!u.default.isNil(e?.value) && !u.default.isEqual(parseFloat(t), parseFloat(D)) && E(parseFloat(t).toLocaleString("pt-BR"));
+	}, [e?.value]), /* @__PURE__ */ l(i, {
+		...C,
+		ref: n(t, w),
+		type: "text",
+		inputMode: "decimal",
+		value: T,
+		textAlign: v,
+		onBlur: O,
+		onChange: () => {},
+		children: y
+	});
+});
+d.displayName = "DecimalFieldInput";
+//#endregion
+export { d as Decimal };
+
+//# sourceMappingURL=decimal.js.map

package/lib/inputs2/numberfield/decimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decimal.js","names":[],"sources":["../../../src/lib/inputs2/numberfield/decimal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, ChangeEvent} from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { TextField } from '..';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { DecimalFieldInputProps } from './types';\n\nconst Decimal = forwardRef<HTMLInputElement, DecimalFieldInputProps>((props, ref) => {\n  const {\n    min = undefined, max = undefined, to = undefined, from = undefined, enum: interval = undefined,\n    onChange = null, onBlur = null, allowNegative = true, textAlign = 'right', children = null, \n    scale = 2, normalizeZeros = false, padFractionalZeros = true, ...rest\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    unmask: true,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    enum: interval,\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n    max,\n    to,\n    from,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n  }, {\n    ref: numberInputRef,\n    onAccept: (__, options, event) => {\n      const parsedValueToFloat = parseFloat(options.unmaskedValue);\n      const valueToReturn = !_.isNaN(parsedValueToFloat) ? parsedValueToFloat : 0;\n      onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: valueToReturn as unknown,\n        },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n  });\n\n  /**\n   * Função sobrescrevendo o evento onBlur para tratar o valor mínimo ao sair do campo, \n   * garantindo que o valor não seja menor que o mínimo definido.\n   */\n  const handleBlur = useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n    if (!_.isNil(min)) {\n      const parsedCurrentValueToFloat = parseFloat(unmaskedValue) as number;\n      if (_.isNaN(parsedCurrentValueToFloat) || parsedCurrentValueToFloat < min) {\n        setMaskedValue(_.toString(min));\n        onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }\n    onBlur?.(event);\n  }, [min, unmaskedValue, onChange, onBlur, setMaskedValue, props.name]);\n\n  useEffect(() => {\n    const valueToString = _.toString(props?.value);\n    if (!_.isNil(props?.value) && \n        !_.isEqual(parseFloat(valueToString), parseFloat(unmaskedValue))) {\n      setMaskedValue(parseFloat(valueToString).toLocaleString('pt-BR'));\n    }\n  }, [props?.value]);\n\n  return (\n    <TextField.Input\n      {...rest}\n      ref={mergeRefs(ref, numberInputRef)}\n      type=\"text\"\n      inputMode=\"decimal\"\n      value={maskedValue}\n      textAlign={textAlign}\n      onBlur={handleBlur}\n      onChange={() => { }}>\n      {children}\n    </TextField.Input>\n  );\n});\n\nDecimal.displayName = 'DecimalFieldInput';\n\nexport { Decimal };\n"],"mappings":";;;;;;;;;mCAOM,IAAU,GAAsD,GAAO,MAAQ;CACnF,IAAM,EACJ,SAAM,KAAA,GAAW,SAAM,KAAA,GAAW,QAAK,KAAA,GAAW,UAAO,KAAA,GAAW,MAAM,IAAW,KAAA,GACrF,cAAW,MAAM,YAAS,MAAM,mBAAgB,IAAM,eAAY,SAAS,cAAW,MACtF,WAAQ,GAAG,oBAAiB,IAAO,wBAAqB,IAAM,GAAG,MAC/D,GACE,IAAiB,EAAgC,KAAK,EAEtD,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN,QAAQ;EACR,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB,MAAM;EACN,OAAO;EACP,YAAY,CAAC,IAAI;EACjB,oBAAoB;EACpB;EACA;EACA;EACA;EACA;EACA;EACD,EAAE;EACD,KAAK;EACL,WAAW,GAAI,GAAS,MAAU;GAChC,IAAM,IAAqB,WAAW,EAAQ,cAAc,EACtD,IAAiB,EAAA,QAAE,MAAM,EAAmB,GAAwB,IAArB;AACrD,OAAW;IACT,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAkC;;EAEtC,CAAC,EAMI,IAAa,GAAa,MAA8C;AAC5E,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAA4B,WAAW,EAAc;AAC3D,IAAI,EAAA,QAAE,MAAM,EAA0B,IAAI,IAA4B,OACpE,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,IAAW;IACT,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;AAG7C,MAAS,EAAM;IACd;EAAC;EAAK;EAAe;EAAU;EAAQ;EAAgB,EAAM;EAAK,CAAC;AAUtE,QARA,QAAgB;EACd,IAAM,IAAgB,EAAA,QAAE,SAAS,GAAO,MAAM;AAC9C,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,IACtB,CAAC,EAAA,QAAE,QAAQ,WAAW,EAAc,EAAE,WAAW,EAAc,CAAC,IAClE,EAAe,WAAW,EAAc,CAAC,eAAe,QAAQ,CAAC;IAElE,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,KAAK,EAAU,GAAK,EAAe;EACnC,MAAK;EACL,WAAU;EACV,OAAO;EACI;EACX,QAAQ;EACR,gBAAgB;EACf;EACe,CAAA;EAEpB;AAEF,EAAQ,cAAc"}

package/lib/inputs2/numberfield/helpers.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Converte um valor string para um número seguro ou retorna como string limpa.
+ *
+ * Esta função sanitiza a entrada removendo todos os caracteres não-dígitos exceto hífens,
+ * e então converte para número se estiver dentro do intervalo seguro de inteiros do JavaScript.
+ * Se o valor exceder o intervalo seguro ou a conversão falhar, retorna a string limpa.
+ *
+ * @param stringValue - A string de entrada a ser convertida. Pode conter qualquer caractere.
+ * @param returnAsString - Se true, retorna a string limpa sem tentar conversão para número. Se false,
+ * tenta converter para número dentro dos limites seguros de inteiros.
+ *
+ * @returns {number | string} Retorna:
+ *   - String vazia ('') ou 0 se a entrada estiver vazia/nula (baseado na prop "returnAsString")
+ *   - String limpa se "returnAsString" for true
+ *   - Número se a conversão for bem-sucedida e dentro do intervalo seguro de inteiros
+ *   - String limpa se o número exceder o intervalo seguro ou a conversão falhar
+ *
+ * @example
+ * ```typescript
+ * convertToSafeNumber("123abc", false); // Retorna: 123
+ * convertToSafeNumber("123abc", true);  // Retorna: "123"
+ * convertToSafeNumber("-456def", false); // Retorna: -456
+ * convertToSafeNumber("999999999999999999999", false); // Retorna: "999999999999999999999" (excede intervalo seguro)
+ * convertToSafeNumber("", false); // Retorna: 0
+ * convertToSafeNumber("", true);  // Retorna: ""
+ * ```
+ */
+export declare const convertToSafeNumber: (stringValue: string, returnAsString: boolean) => number | string;

package/lib/inputs2/numberfield/helpers.js

@@ -0,0 +1,17 @@
+//#region src/lib/inputs2/numberfield/helpers.ts
+var e = (e, t) => {
+	if (!e || e === "") return t ? "" : 0;
+	let n = e.replace(/[^\d-]/g, "");
+	if (t) return n;
+	let { MAX_SAFE_INTEGER: r } = Number;
+	try {
+		let e = BigInt(n);
+		return e > BigInt(r) || e < BigInt(-r) ? n : Number(n);
+	} catch {
+		return n;
+	}
+};
+//#endregion
+export { e as convertToSafeNumber };
+
+//# sourceMappingURL=helpers.js.map