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

package/lib/inputs/number/Currency.js

@@ -1,22 +1,72 @@
-import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as p } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import u from "./BaseNumber.js";
-const x = (l) => {
-  const e = p.c(9);
-  let s, r;
-  e[0] !== l ? ({
-    displayCurrencySymbol: s,
-    ...r
-  } = l, e[0] = l, e[1] = s, e[2] = r) : (s = e[1], r = e[2]);
-  const {
-    currencySymbol: n
-  } = r, c = n === void 0 ? "R$" : n;
-  let t;
-  e[3] !== c || e[4] !== s ? (t = s ? /* @__PURE__ */ i.jsx("span", { className: "currency-symbol", children: c }) : [], e[3] = c, e[4] = s, e[5] = t) : t = e[5];
-  const m = t;
-  let o;
-  return e[6] !== m || e[7] !== r ? (o = /* @__PURE__ */ i.jsx(u, { leftElements: m, ...r }), e[6] = m, e[7] = r, e[8] = o) : o = e[8], o;
-};
-export {
-  x as default
+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 r from "../base/InputTextBase.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { numberToEnUS as a } from "./format_number.js";
+import { useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/inputs/number/Currency.tsx
+var l = /* @__PURE__ */ e(t(), 1), u = (e) => {
+	let { inputRef: t = void 0, textAlign: u = "left", themePopover: d = "light", popoverAlign: f = "left", min: p = void 0, max: m = void 0, allowNegative: h = !1, scale: g = 2, normalizeZeros: _ = !0, padFractionalZeros: v = !1, unmask: y = !0, currencySymbol: b = "R$", displayCurrencySymbol: x = !0 } = e, S = s(null), C = x ? /* @__PURE__ */ c("span", {
+		className: "currency-symbol",
+		children: b
+	}) : [], { value: w, setValue: T, unmaskedValue: E } = i({
+		mask: Number,
+		unmask: y,
+		scale: g,
+		normalizeZeros: _,
+		padFractionalZeros: v,
+		max: m,
+		min: l.default.isNil(p) ? h ? void 0 : 0 : p,
+		radix: ",",
+		mapToRadix: ["."],
+		thousandsSeparator: "."
+	}, {
+		ref: S,
+		onAccept: (t, n, r) => {
+			let i = a(n.unmaskedValue);
+			e?.onChange?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			});
+		}
+	}), D = (t) => {
+		if (!l.default.isNil(p)) {
+			let n = parseFloat(E);
+			(l.default.isNaN(n) || n < p) && (T(l.default.toString(p)), e?.onChange?.({
+				...t,
+				target: {
+					...t?.target,
+					name: e?.name,
+					value: p
+				}
+			}));
+		}
+		e?.onBlur?.(t);
+	};
+	return o(() => {
+		let t = l.default.toString(e?.value);
+		!l.default.isNil(e?.value) && !l.default.isEqual(parseFloat(t), parseFloat(E)) && T(t);
+	}, [e?.value]), /* @__PURE__ */ c(r, {
+		...e,
+		inputRef: n(S, t),
+		type: "text",
+		onChange: () => {},
+		leftElements: C,
+		onBlur: D,
+		value: w,
+		textAlign: u,
+		themePopover: d,
+		popoverAlign: f
+	});
 };
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Currency.js.map

package/lib/inputs/number/Currency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Currency.js","names":[],"sources":["../../../src/lib/inputs/number/Currency.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport { ICurrencyProps } from './types';\nimport { numberToEnUS } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport { mergeRefs } from '../../form2/helpers';\nimport type { CustomInputEvent } from '../base/types';\n\nconst CurrencyField = (props: ICurrencyProps) => {\n  const {\n    inputRef = undefined, textAlign = 'left', themePopover = 'light', popoverAlign = 'left',\n    min = undefined, max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = false, unmask = true, currencySymbol = 'R$', displayCurrencySymbol = true,\n  } = props;\n  const currencyNumberInputRef = useRef<HTMLInputElement | null>(null);\n  const leftElements = displayCurrencySymbol ?\n    <span className=\"currency-symbol\">{currencySymbol}</span>\n    : [];\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: currencyNumberInputRef,\n    onAccept: (__, options, event) => {\n      const parsedValue = numberToEnUS(options.unmaskedValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as React.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 = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseFloat(unmaskedValue) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    const valueToString = _.toString(props?.value);\n    if (!_.isNil(props?.value) && !_.isEqual(\n      parseFloat(valueToString), parseFloat(unmaskedValue),\n    )) {\n      setMaskedValue(valueToString);\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(currencyNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      leftElements={leftElements}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default CurrencyField;\n"],"mappings":";;;;;;;;;;mCASM,KAAiB,MAA0B;CAC/C,IAAM,EACJ,cAAW,KAAA,GAAW,eAAY,QAAQ,kBAAe,SAAS,kBAAe,QACjF,SAAM,KAAA,GAAW,SAAM,KAAA,GAAW,mBAAgB,IAAO,WAAQ,GAAG,oBAAiB,IACrF,wBAAqB,IAAO,YAAS,IAAM,oBAAiB,MAAM,2BAAwB,OACxF,GACE,IAAyB,EAAgC,KAAK,EAC9D,IAAe,IACnB,kBAAC,QAAD;EAAM,WAAU;YAAmB;EAAsB,CAAA,GACvD,EAAE,EAEA,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN;EACA;EACA;EACA;EACA;EACA,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB,OAAO;EACP,YAAY,CAAC,IAAI;EACjB,oBAAoB;EACrB,EAAE;EACD,KAAK;EACL,WAAW,GAAI,GAAS,MAAU;GAChC,IAAM,IAAc,EAAa,EAAQ,cAAc;AACvD,MAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;EAE5C,CAAC,EAMI,KAAc,MAA4B;AAC9C,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,WAAW,EAAc;AAC9C,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;AAG1B,KAAO,SAAS,EAAM;;AAYxB,QATA,QAAgB;EACd,IAAM,IAAgB,EAAA,QAAE,SAAS,GAAO,MAAM;AAC9C,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,IAAI,CAAC,EAAA,QAAE,QAC/B,WAAW,EAAc,EAAE,WAAW,EAAc,CACrD,IACC,EAAe,EAAc;IAE9B,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,UAAU,EAAU,GAAwB,EAAS;EACrD,MAAK;EACL,gBAAgB;EACF;EACd,QAAQ;EACR,OAAO;EACI;EACG;EACA;EAAgB,CAAA"}

package/lib/inputs/number/Decimal.d.ts

@@ -1,3 +1,3 @@
-import { IBaseNumberProps } from './types';
-declare const DecimalField: (props: IBaseNumberProps) => import("react/jsx-runtime").JSX.Element;
+import { IDecimalProps } from './types';
+declare const DecimalField: (props: IDecimalProps) => import("react/jsx-runtime").JSX.Element;
 export default DecimalField;

package/lib/inputs/number/Decimal.js

@@ -1,11 +1,68 @@
-import { j as r } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as o } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import i from "./BaseNumber.js";
-const l = (m) => {
-  const t = o.c(2);
-  let e;
-  return t[0] !== m ? (e = /* @__PURE__ */ r.jsx(i, { ...m }), t[0] = m, t[1] = e) : e = t[1], e;
-};
-export {
-  l as default
+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 r from "../base/InputTextBase.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import { numberToEnUS as a } from "./format_number.js";
+import { useEffect as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/inputs/number/Decimal.tsx
+var l = /* @__PURE__ */ e(t(), 1), u = (e) => {
+	let { textAlign: t = "left", themePopover: u = "light", popoverAlign: d = "left", min: f = void 0, max: p = void 0, allowNegative: m = !1, scale: h = 2, normalizeZeros: g = !0, padFractionalZeros: _ = !0, unmask: v = !0, inputRef: y = void 0 } = e, b = s(null), { value: x, setValue: S, unmaskedValue: C } = i({
+		mask: Number,
+		unmask: v,
+		scale: h,
+		normalizeZeros: g,
+		padFractionalZeros: _,
+		max: p,
+		min: l.default.isNil(f) ? m ? void 0 : 0 : f,
+		radix: ",",
+		mapToRadix: ["."],
+		thousandsSeparator: "."
+	}, {
+		ref: b,
+		onAccept: (t, n, r) => {
+			let i = a(n.unmaskedValue);
+			e?.onChange?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			});
+		}
+	}), w = (t) => {
+		if (!l.default.isNil(f)) {
+			let n = parseFloat(C);
+			(l.default.isNaN(n) || n < f) && (S(l.default.toString(f)), e?.onChange?.({
+				...t,
+				target: {
+					...t?.target,
+					name: e?.name,
+					value: f
+				}
+			}));
+		}
+		e?.onBlur?.(t);
+	};
+	return o(() => {
+		let t = l.default.toString(e?.value);
+		!l.default.isNil(e?.value) && !l.default.isEqual(parseFloat(t), parseFloat(C)) && S(t);
+	}, [e?.value]), /* @__PURE__ */ c(r, {
+		...e,
+		inputRef: n(b, y),
+		type: "text",
+		onChange: () => {},
+		onBlur: w,
+		value: x,
+		textAlign: t,
+		themePopover: u,
+		popoverAlign: d
+	});
 };
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=Decimal.js.map

package/lib/inputs/number/Decimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Decimal.js","names":[],"sources":["../../../src/lib/inputs/number/Decimal.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React, { useEffect, useRef } from 'react';\nimport { useIMask } from 'react-imask';\nimport { IDecimalProps } from './types';\nimport { numberToEnUS } from './format_number';\nimport InputTextBase from '../base/InputTextBase';\nimport type { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst DecimalField = (props: IDecimalProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined,\n    max = undefined, allowNegative = false, scale = 2, normalizeZeros = true,\n    padFractionalZeros = true, unmask = true, inputRef = undefined,\n  } = props;\n  const decimalNumberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    unmask,\n    scale,\n    normalizeZeros,\n    padFractionalZeros,\n    max,\n    min: !_.isNil(min) ? min : (allowNegative ? undefined : 0),\n    radix: ',',\n    mapToRadix: ['.'],\n    thousandsSeparator: '.',\n  }, {\n    ref: decimalNumberInputRef,\n    onAccept: (__, options, event) => {\n      const parsedValue = numberToEnUS(options.unmaskedValue);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as React.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 = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseFloat(unmaskedValue) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    const valueToString = _.toString(props?.value);\n    if (!_.isNil(props?.value) && !_.isEqual(\n      parseFloat(valueToString), parseFloat(unmaskedValue),\n    )) {\n      setMaskedValue(valueToString);\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(decimalNumberInputRef, inputRef) as any}\n      type=\"text\"\n      onChange={() => { }}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default DecimalField;\n"],"mappings":";;;;;;;;;;mCASM,KAAgB,MAAyB;CAC7C,IAAM,EACJ,eAAY,QAAQ,kBAAe,SAAS,kBAAe,QAAQ,SAAM,KAAA,GACzE,SAAM,KAAA,GAAW,mBAAgB,IAAO,WAAQ,GAAG,oBAAiB,IACpE,wBAAqB,IAAM,YAAS,IAAM,cAAW,KAAA,MACnD,GACE,IAAwB,EAAgC,KAAK,EAE7D,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN;EACA;EACA;EACA;EACA;EACA,KAAM,EAAA,QAAE,MAAM,EAAI,GAAU,IAAgB,KAAA,IAAY,IAAnC;EACrB,OAAO;EACP,YAAY,CAAC,IAAI;EACjB,oBAAoB;EACrB,EAAE;EACD,KAAK;EACL,WAAW,GAAI,GAAS,MAAU;GAChC,IAAM,IAAc,EAAa,EAAQ,cAAc;AACvD,MAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAwC;;EAE5C,CAAC,EAMI,KAAc,MAA4B;AAC9C,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,WAAW,EAAc;AAC9C,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;AAG1B,KAAO,SAAS,EAAM;;AAYxB,QATA,QAAgB;EACd,IAAM,IAAgB,EAAA,QAAE,SAAS,GAAO,MAAM;AAC9C,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,IAAI,CAAC,EAAA,QAAE,QAC/B,WAAW,EAAc,EAAE,WAAW,EAAc,CACrD,IACC,EAAe,EAAc;IAE9B,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,UAAU,EAAU,GAAuB,EAAS;EACpD,MAAK;EACL,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACI;EACG;EACA;EAAgB,CAAA"}

package/lib/inputs/number/format_number.d.ts

@@ -1,3 +1,3 @@
 export declare const numberToPtBR: (value?: string | number) => string | undefined;
-export declare const numberToEnUS: (value: string) => string | number;
+export declare const numberToEnUS: (value: string) => number;
 export declare const formatOnlyNumbers: (value: string) => string;

package/lib/inputs/number/format_number.js

@@ -1,9 +1,14 @@
-const e = (r) => r !== void 0 && typeof r == "number" ? r.toLocaleString("pt-BR") : r, n = (r) => {
-  let t;
-  return r && (t = r.replaceAll(".", "").replaceAll(",", "."), Number(t));
-}, o = (r) => r.replace(/[._\-/()\s+]/g, "");
-export {
-  o as formatOnlyNumbers,
-  n as numberToEnUS,
-  e as numberToPtBR
-};
+//#region src/lib/inputs/number/format_number.tsx
+var e = (e) => {
+	if (!e || e.trim() === "") return 0;
+	if (e.includes(",")) {
+		let t = e.replaceAll(".", "").replaceAll(",", "."), n = Number(t);
+		return isNaN(n) ? 0 : n;
+	}
+	let t = Number(e);
+	return isNaN(t) ? 0 : t;
+}, t = (e) => e.replace(/[._\-/()\s+]/g, "");
+//#endregion
+export { t as formatOnlyNumbers, e as numberToEnUS };
+
+//# sourceMappingURL=format_number.js.map

package/lib/inputs/number/format_number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format_number.js","names":[],"sources":["../../../src/lib/inputs/number/format_number.tsx"],"sourcesContent":["export const numberToPtBR = (value?: string | number): string | undefined => {\n  if (value !== undefined && typeof value === 'number') {\n    return value.toLocaleString('pt-BR');\n  }\n  return value;\n};\n\nexport const numberToEnUS = (value: string) => {\n  // Se o valor estiver vazio ou já for um número válido sem formatação BR\n  if (!value || value.trim() === '') {\n    return 0;\n  }\n  // Verifica se contém vírgula(indicador de formato BR)\n  // Formatos BR: \"12,89\", \"1.234,56\", \"1234,56\"\n  if (value.includes(',')) {\n    // Remove separadores de milhar(.) e substitui vírgula decimal por ponto\n    const formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');\n    const parsed = Number(formattedNumber);\n    return isNaN(parsed) ? 0 : parsed;\n  }\n  // Tenta converter diretamente(formato já é en-US ou Number)\n  const parsed = Number(value);\n  return isNaN(parsed) ? 0 : parsed;\n};\n\nexport const formatOnlyNumbers = (value: string): string => {\n  const teste = value.replace(/[._\\-/()\\s+]/g, '');\n  return teste;\n};\n"],"mappings":";AAOA,IAAa,KAAgB,MAAkB;AAE7C,KAAI,CAAC,KAAS,EAAM,MAAM,KAAK,GAC7B,QAAO;AAIT,KAAI,EAAM,SAAS,IAAI,EAAE;EAEvB,IAAM,IAAkB,EAAM,WAAW,KAAK,GAAG,CAAC,WAAW,KAAK,IAAI,EAChE,IAAS,OAAO,EAAgB;AACtC,SAAO,MAAM,EAAO,GAAG,IAAI;;CAG7B,IAAM,IAAS,OAAO,EAAM;AAC5B,QAAO,MAAM,EAAO,GAAG,IAAI;GAGhB,KAAqB,MAClB,EAAM,QAAQ,iBAAiB,GAAG"}

package/lib/inputs/number/index.d.ts

@@ -1,5 +1,5 @@
-import { default as CurrencyField } from './Currency';
 import { default as DecimalField } from './Decimal';
+import { default as CurrencyField } from './Currency';
 import { INumberFieldProps } from './types';
 declare const NumberField: (props: INumberFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default NumberField;

package/lib/inputs/number/index.js

@@ -1,34 +1,69 @@
-import { j } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as E } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { useState as F, useEffect as I } from "react";
-import { default as T } from "./Currency.js";
-import { default as k } from "./Decimal.js";
-import y from "../base/InputTextBase.js";
-import '../../assets/index23.css';const S = (t) => {
-  const e = E.c(15), {
-    textAlign: p,
-    value: h,
-    themePopover: b,
-    popoverAlign: A,
-    removeZeroLeft: V,
-    min: n,
-    max: r
-  } = t, m = p === void 0 ? "left" : p, l = h === void 0 ? "" : h, c = b === void 0 ? "light" : b, f = A === void 0 ? "left" : A, v = V === void 0 ? !0 : V, [g, d] = F();
-  let i;
-  e[0] !== r || e[1] !== n || e[2] !== t || e[3] !== v ? (i = (C) => {
-    const o = C.target.value.replace(/\D/g, "");
-    n && parseInt(o, 10) < n || r && parseInt(o, 10) > r || (v && o.charAt(0) === "0" && o.length > 1 ? d(o.substring(1)) : d(o), t.onChange && t.onChange(C));
-  }, e[0] = r, e[1] = n, e[2] = t, e[3] = v, e[4] = i) : i = e[4];
-  const x = i;
-  let a, u;
-  e[5] !== l ? (a = () => {
-    d(l?.toString() ?? "");
-  }, u = [l], e[5] = l, e[6] = a, e[7] = u) : (a = e[6], u = e[7]), I(a, u);
-  let s;
-  return e[8] !== g || e[9] !== x || e[10] !== f || e[11] !== t || e[12] !== m || e[13] !== c ? (s = /* @__PURE__ */ j.jsx(y, { ...t, value: g, textAlign: m, themePopover: c, popoverAlign: f, onChange: x, type: "number" }), e[8] = g, e[9] = x, e[10] = f, e[11] = t, e[12] = m, e[13] = c, e[14] = s) : s = e[14], s;
-};
-export {
-  T as CurrencyField,
-  k as DecimalField,
-  S as default
+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 r from "../base/InputTextBase.js";
+import { useIMask as i } from "../../node_modules/react-imask/esm/hook.js";
+import "../../node_modules/react-imask/esm/index.js";
+import '../../assets/styles/numbers.css';/* empty css                          */
+import a from "./Decimal.js";
+import o from "./Currency.js";
+import { useEffect as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/lib/inputs/number/index.tsx
+var u = /* @__PURE__ */ e(t(), 1), d = (e) => {
+	let { textAlign: t = "left", themePopover: a = "light", popoverAlign: o = "left", min: d = void 0, max: f = void 0, inputRef: p = void 0 } = e, m = c(null), { value: h, setValue: g, unmaskedValue: _ } = i({
+		mask: Number,
+		max: f,
+		min: d,
+		scale: 0,
+		enum: void 0,
+		to: void 0,
+		from: void 0,
+		normalizeZeros: !0,
+		padFractionalZeros: !1
+	}, {
+		ref: m,
+		onAccept: (t, n, r) => {
+			let i = parseInt(t, 10);
+			e?.onChange?.({
+				...r,
+				target: {
+					...r?.target,
+					name: e?.name,
+					value: i
+				}
+			});
+		}
+	}), v = (t) => {
+		if (!u.default.isNil(d)) {
+			let n = parseInt(_, 10);
+			(u.default.isNaN(n) || n < d) && (g(u.default.toString(d)), e?.onChange?.({
+				...t,
+				target: {
+					...t?.target,
+					name: e?.name,
+					value: d
+				}
+			}));
+		}
+		e?.onBlur?.(t);
+	};
+	return s(() => {
+		let t = Number(_ || "0");
+		!u.default.isNil(e?.value) && (!u.default.isEqual(e?.value, t) || u.default.isEqual(e?.value, 0)) && g(u.default.toString(e?.value));
+	}, [e?.value]), /* @__PURE__ */ l(r, {
+		...e,
+		inputRef: n(m, p),
+		type: "number",
+		onChange: () => {},
+		onBlur: v,
+		value: h,
+		textAlign: t,
+		themePopover: a,
+		popoverAlign: o
+	});
 };
+//#endregion
+export { o as CurrencyField, a as DecimalField, d as default };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs/number/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs/number/index.tsx"],"sourcesContent":["import '../../assets/styles/numbers.scss';\n\nimport React, { useEffect, useRef } from 'react';\nimport _ from 'lodash';\nimport { useIMask } from 'react-imask';\nimport DecimalField from './Decimal';\nimport CurrencyField from './Currency';\nimport { INumberFieldProps } from './types';\nimport InputTextBase from '../base/InputTextBase';\nimport { CustomInputEvent } from '../base/types';\nimport { mergeRefs } from '../../form2/helpers';\n\nconst NumberField = (props: INumberFieldProps) => {\n  const {\n    textAlign = 'left', themePopover = 'light', popoverAlign = 'left', min = undefined, \n    max = undefined, inputRef = undefined,\n  } = props;\n  const numberInputRef = useRef<HTMLInputElement | null>(null);\n\n  const { value: maskedValue, setValue: setMaskedValue, unmaskedValue } = useIMask({\n    mask: Number,\n    max,\n    min,\n    scale: 0,\n    enum: undefined,\n    to: undefined,\n    from: undefined,\n    normalizeZeros: true,\n    padFractionalZeros: false,\n  }, {\n    ref: numberInputRef,\n    onAccept: (value, __, event) => {\n      const parsedValue = parseInt(value, 10);\n      props?.onChange?.({\n        ...event,\n        target: {\n          ...event?.target,\n          name: props?.name,\n          value: parsedValue as any,\n        },\n      } as CustomInputEvent);\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 = (event: CustomInputEvent) => {\n    if (!_.isNil(min)) {\n      const currentValue = parseInt(unmaskedValue, 10) as number;\n      if (_.isNaN(currentValue) || currentValue < min) {\n        setMaskedValue(_.toString(min));\n        props?.onChange?.({\n          ...event,\n          target: {\n            ...event?.target,\n            name: props?.name,\n            value: min as any,\n          },\n        } as CustomInputEvent);\n      }\n    }\n    props?.onBlur?.(event);\n  };\n\n  useEffect(() => {\n    const floatUnmaskedValue = Number(unmaskedValue || '0');\n    if (!_.isNil(props?.value) && (!_.isEqual(props?.value,\n      floatUnmaskedValue) || _.isEqual(props?.value, 0))) {\n      setMaskedValue(_.toString(props?.value));\n    }\n  }, [props?.value]);\n\n  return (\n    <InputTextBase\n      {...props}\n      inputRef={mergeRefs(numberInputRef, inputRef) as any}\n      type=\"number\"\n      onChange={() => {}}\n      onBlur={handleBlur}\n      value={maskedValue}\n      textAlign={textAlign}\n      themePopover={themePopover}\n      popoverAlign={popoverAlign} />\n  );\n};\n\nexport default NumberField;\nexport {\n  CurrencyField,\n  DecimalField,\n};\n"],"mappings":";;;;;;;;;;;;mCAYM,KAAe,MAA6B;CAChD,IAAM,EACJ,eAAY,QAAQ,kBAAe,SAAS,kBAAe,QAAQ,SAAM,KAAA,GACzE,SAAM,KAAA,GAAW,cAAW,KAAA,MAC1B,GACE,IAAiB,EAAgC,KAAK,EAEtD,EAAE,OAAO,GAAa,UAAU,GAAgB,qBAAkB,EAAS;EAC/E,MAAM;EACN;EACA;EACA,OAAO;EACP,MAAM,KAAA;EACN,IAAI,KAAA;EACJ,MAAM,KAAA;EACN,gBAAgB;EAChB,oBAAoB;EACrB,EAAE;EACD,KAAK;EACL,WAAW,GAAO,GAAI,MAAU;GAC9B,IAAM,IAAc,SAAS,GAAO,GAAG;AACvC,MAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;EAEzB,CAAC,EAMI,KAAc,MAA4B;AAC9C,MAAI,CAAC,EAAA,QAAE,MAAM,EAAI,EAAE;GACjB,IAAM,IAAe,SAAS,GAAe,GAAG;AAChD,IAAI,EAAA,QAAE,MAAM,EAAa,IAAI,IAAe,OAC1C,EAAe,EAAA,QAAE,SAAS,EAAI,CAAC,EAC/B,GAAO,WAAW;IAChB,GAAG;IACH,QAAQ;KACN,GAAG,GAAO;KACV,MAAM,GAAO;KACb,OAAO;;IAEV,CAAqB;;AAG1B,KAAO,SAAS,EAAM;;AAWxB,QARA,QAAgB;EACd,IAAM,IAAqB,OAAO,KAAiB,IAAI;AACvD,EAAI,CAAC,EAAA,QAAE,MAAM,GAAO,MAAM,KAAK,CAAC,EAAA,QAAE,QAAQ,GAAO,OAC/C,EAAmB,IAAI,EAAA,QAAE,QAAQ,GAAO,OAAO,EAAE,KACjD,EAAe,EAAA,QAAE,SAAS,GAAO,MAAM,CAAC;IAEzC,CAAC,GAAO,MAAM,CAAC,EAGhB,kBAAC,GAAD;EACE,GAAI;EACJ,UAAU,EAAU,GAAgB,EAAS;EAC7C,MAAK;EACL,gBAAgB;EAChB,QAAQ;EACR,OAAO;EACI;EACG;EACA;EAAgB,CAAA"}

package/lib/inputs/number/types.d.ts

@@ -3,10 +3,10 @@ import { TextAlign } from 'src/lib/@types/Align';
 import { CustomInputEvent } from '../base/types';
 import { IMaskHOCProps } from '../types';
 export interface INumberFieldProps extends IMaskHOCProps {
-    value?: string;
+    value?: string | number;
     permissionAttr?: PermissionAttr;
     disabled?: boolean;
-    hint?: string | string[];
+    hint?: string;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
@@ -21,7 +21,16 @@ export interface IBaseNumberProps extends IMaskHOCProps {
 export interface ICurrencyProps extends IMaskHOCProps {
     currencySymbol?: string;
     displayCurrencySymbol?: boolean;
-    hint?: string | string[];
+    allowNegative?: boolean;
+    hint?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+export interface IDecimalProps extends IMaskHOCProps {
+    allowNegative?: boolean;
+    hint?: string;
+    textAlign?: TextAlign;
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';

package/lib/inputs/period/Dialog.js

@@ -1,18 +1,17 @@
-import { j as h } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as n } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { B as c } from "../../chunks/index.aw0XaUkg.js";
-const g = (a) => {
-  const e = n.c(8), {
-    onOpenChange: o,
-    handlerClose: l,
-    children: r,
-    dialogSize: t
-  } = a;
-  let i;
-  e[0] !== l ? (i = () => l(!1), e[0] = l, e[1] = i) : i = e[1];
-  let s;
-  return e[2] !== r || e[3] !== t.height || e[4] !== t.width || e[5] !== o || e[6] !== i ? (s = /* @__PURE__ */ h.jsx(c, { closeOnOutsideClick: !0, closeOnEsc: !0, wrapperClassName: "", width: t.width, height: t.height, onOpenChange: o, handlerClose: i, children: r }), e[2] = r, e[3] = t.height, e[4] = t.width, e[5] = o, e[6] = i, e[7] = s) : s = e[7], s;
-};
-export {
-  g as default
-};
+import e from "../../dialog/base/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/inputs/period/Dialog.tsx
+var n = ({ onOpenChange: n, handlerClose: r, children: i, dialogSize: a }) => /* @__PURE__ */ t(e, {
+	closeOnOutsideClick: !0,
+	closeOnEsc: !0,
+	wrapperClassName: "",
+	width: a.width,
+	height: a.height,
+	onOpenChange: n,
+	handlerClose: () => r(!1),
+	children: i
+});
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=Dialog.js.map

package/lib/inputs/period/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/lib/inputs/period/Dialog.tsx"],"sourcesContent":["import BaseDialog from '../../dialog/base';\nimport { IDialogProps } from './types';\n\nconst Dialog = ({ onOpenChange, handlerClose, children, dialogSize }: IDialogProps) => (\n  <BaseDialog\n    closeOnOutsideClick\n    closeOnEsc\n    wrapperClassName=\"\"\n    width={dialogSize.width}\n    height={dialogSize.height}\n    onOpenChange={onOpenChange}\n    handlerClose={() => handlerClose(false)}>\n    {children}\n  </BaseDialog>\n);\n\nexport default Dialog;\n"],"mappings":";;;AAGA,IAAM,KAAU,EAAE,iBAAc,iBAAc,aAAU,oBACtD,kBAAC,GAAD;CACE,qBAAA;CACA,YAAA;CACA,kBAAiB;CACjB,OAAO,EAAW;CAClB,QAAQ,EAAW;CACL;CACd,oBAAoB,EAAa,GAAM;CACtC;CACU,CAAA"}

package/lib/inputs/period/Dropdown.js

@@ -1,18 +1,15 @@
-import { useRef as s, useEffect as o } from "react";
-import a from "react-dom";
-const d = 250, l = (e) => {
-  const {
-    children: i,
-    dropdownRef: u,
-    containerRef: r,
-    inputDimensions: n
-  } = e, t = s(document.createElement("div")), c = n && n.width || d;
-  return o(() => (t.current.className = "datepicker-component", t.current.style.width = String(c).concat("px"), t.current.style.top = String(n?.bottom).concat("px"), r.current?.appendChild(t.current), u(t.current), () => {
-    r.current?.removeChild(t.current);
-  }), []), o(() => {
-    t.current.style.width = String(c).concat("px"), t.current.style.top = String(e.inputDimensions?.bottom).concat("px");
-  }, [e]), a.createPortal(i, t.current);
-};
-export {
-  l as default
+import { useEffect as e, useRef as t } from "react";
+import n from "react-dom";
+//#region src/lib/inputs/period/Dropdown.tsx
+var r = 250, i = (i) => {
+	let { children: a, dropdownRef: o, containerRef: s, inputDimensions: c } = i, l = t(document.createElement("div")), u = c && c.width || r;
+	return e(() => (l.current.className = "datepicker-component", l.current.style.width = String(u).concat("px"), l.current.style.top = String(c?.bottom).concat("px"), s.current?.appendChild(l.current), o(l.current), () => {
+		s.current?.removeChild(l.current);
+	}), []), e(() => {
+		l.current.style.width = String(u).concat("px"), l.current.style.top = String(i.inputDimensions?.bottom).concat("px");
+	}, [i]), n.createPortal(a, l.current);
 };
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=Dropdown.js.map

package/lib/inputs/period/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../src/lib/inputs/period/Dropdown.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport { IPeriodDropdownProps } from './types';\n\nconst CALENDAR_MIN_WIDTH = 250;\nconst Dropdown = (props: IPeriodDropdownProps) => {\n  const { children, dropdownRef, containerRef, inputDimensions } = props;\n  const elementRef = useRef(document.createElement('div'));\n  const width = inputDimensions && inputDimensions.width || CALENDAR_MIN_WIDTH;\n\n  useEffect(() => {\n    elementRef.current.className = 'datepicker-component';\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(inputDimensions?.bottom).concat('px');\n\n    containerRef.current?.appendChild(elementRef.current);\n    dropdownRef(elementRef.current);\n\n    return () => {\n      containerRef.current?.removeChild(elementRef.current);\n    };\n  }, []);\n\n  useEffect(() => {\n    elementRef.current.style.width = String(width).concat('px');\n    elementRef.current.style.top = String(props.inputDimensions?.bottom).concat('px');\n  }, [props]);\n\n  return ReactDOM.createPortal(children, elementRef.current);\n};\n\nexport default Dropdown;\n"],"mappings":";;;AAIA,IAAM,IAAqB,KACrB,KAAY,MAAgC;CAChD,IAAM,EAAE,aAAU,gBAAa,iBAAc,uBAAoB,GAC3D,IAAa,EAAO,SAAS,cAAc,MAAM,CAAC,EAClD,IAAQ,KAAmB,EAAgB,SAAS;AAoB1D,QAlBA,SACE,EAAW,QAAQ,YAAY,wBAC/B,EAAW,QAAQ,MAAM,QAAQ,OAAO,EAAM,CAAC,OAAO,KAAK,EAC3D,EAAW,QAAQ,MAAM,MAAM,OAAO,GAAiB,OAAO,CAAC,OAAO,KAAK,EAE3E,EAAa,SAAS,YAAY,EAAW,QAAQ,EACrD,EAAY,EAAW,QAAQ,QAElB;AACX,IAAa,SAAS,YAAY,EAAW,QAAQ;KAEtD,EAAE,CAAC,EAEN,QAAgB;AAEd,EADA,EAAW,QAAQ,MAAM,QAAQ,OAAO,EAAM,CAAC,OAAO,KAAK,EAC3D,EAAW,QAAQ,MAAM,MAAM,OAAO,EAAM,iBAAiB,OAAO,CAAC,OAAO,KAAK;IAChF,CAAC,EAAM,CAAC,EAEJ,EAAS,aAAa,GAAU,EAAW,QAAQ"}

package/lib/inputs/period/PeriodList.js

@@ -1,43 +1,48 @@
-import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { getDropdownItemCssClass as m, CalcDatesByPeriod as p } from "./helper.js";
-const u = [{
-  id: "today",
-  label: "Hoje"
-}, {
-  id: "week",
-  label: "Semana Atual"
-}, {
-  id: "lastweek",
-  label: "Última Semana"
-}, {
-  id: "last15",
-  label: "Últimos 15 dias"
-}, {
-  id: "month",
-  label: "Mês atual"
-}, {
-  id: "lastmonth",
-  label: "Último Mês"
-}, {
-  id: "custom",
-  label: "Customizar"
-}], h = (d) => {
-  const e = c.c(5), {
-    selected: a,
-    handleOnSelect: o
-  } = d;
-  let t;
-  e[0] !== o || e[1] !== a ? (t = u.map((l) => {
-    const n = a === l.id;
-    return /* @__PURE__ */ i.jsx("button", { tabIndex: -1, className: m(n), onClick: () => {
-      const r = l.id !== "custom" ? p(l.id) : null;
-      o(l.id, r);
-    }, children: l.label }, "item-".concat(l.id));
-  }), e[0] = o, e[1] = a, e[2] = t) : t = e[2];
-  let s;
-  return e[3] !== t ? (s = /* @__PURE__ */ i.jsx("div", { className: "dropdown-period", children: t }), e[3] = t, e[4] = s) : s = e[4], s;
-};
-export {
-  h as default
-};
+import { CalcDatesByPeriod as e, getDropdownItemCssClass as t } from "./helper.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/inputs/period/PeriodList.tsx
+var r = [
+	{
+		id: "today",
+		label: "Hoje"
+	},
+	{
+		id: "week",
+		label: "Semana Atual"
+	},
+	{
+		id: "lastweek",
+		label: "Última Semana"
+	},
+	{
+		id: "last15",
+		label: "Últimos 15 dias"
+	},
+	{
+		id: "month",
+		label: "Mês atual"
+	},
+	{
+		id: "lastmonth",
+		label: "Último Mês"
+	},
+	{
+		id: "custom",
+		label: "Customizar"
+	}
+], i = ({ selected: i, handleOnSelect: a }) => /* @__PURE__ */ n("div", {
+	className: "dropdown-period",
+	children: r.map((r) => /* @__PURE__ */ n("button", {
+		tabIndex: -1,
+		className: t(i === r.id),
+		onClick: () => {
+			let t = r.id === "custom" ? null : e(r.id);
+			a(r.id, t);
+		},
+		children: r.label
+	}, `item-${r.id}`))
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=PeriodList.js.map

package/lib/inputs/period/PeriodList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodList.js","names":[],"sources":["../../../src/lib/inputs/period/PeriodList.tsx"],"sourcesContent":["import { CalcDatesByPeriod, getDropdownItemCssClass } from './helper';\nimport { IPeriodOptions, IPeriodListProps } from './types';\n\nconst periodOptions: IPeriodOptions[] = [\n  { id: 'today', label: 'Hoje' },\n  { id: 'week', label: 'Semana Atual' },\n  { id: 'lastweek', label: 'Última Semana' },\n  { id: 'last15', label: 'Últimos 15 dias' },\n  { id: 'month', label: 'Mês atual' },\n  { id: 'lastmonth', label: 'Último Mês' },\n  { id: 'custom', label: 'Customizar' },\n];\n\nconst PeriodList = ({ selected, handleOnSelect }: IPeriodListProps) => (\n  <div className=\"dropdown-period\">\n    {\n      periodOptions.map((item) => {\n        const itemSelected = (selected === item.id);\n        return (\n          <button\n            key={String('item-').concat(item.id)}\n            tabIndex={-1}\n            className={getDropdownItemCssClass(itemSelected)}\n            onClick={() => {\n              const dates = item.id !== 'custom' ? CalcDatesByPeriod(item.id) : null;\n              handleOnSelect(item.id, dates);\n            }}>\n            {item.label}\n          </button>\n        );\n      })}\n  </div>\n);\n\nexport default PeriodList;\n"],"mappings":";;;AAGA,IAAM,IAAkC;CACtC;EAAE,IAAI;EAAS,OAAO;EAAQ;CAC9B;EAAE,IAAI;EAAQ,OAAO;EAAgB;CACrC;EAAE,IAAI;EAAY,OAAO;EAAiB;CAC1C;EAAE,IAAI;EAAU,OAAO;EAAmB;CAC1C;EAAE,IAAI;EAAS,OAAO;EAAa;CACnC;EAAE,IAAI;EAAa,OAAO;EAAc;CACxC;EAAE,IAAI;EAAU,OAAO;EAAc;CACtC,EAEK,KAAc,EAAE,aAAU,wBAC9B,kBAAC,OAAD;CAAK,WAAU;WAEX,EAAc,KAAK,MAGf,kBAAC,UAAD;EAEE,UAAU;EACV,WAAW,EALO,MAAa,EAAK,GAKY;EAChD,eAAe;GACb,IAAM,IAAQ,EAAK,OAAO,WAAwC,OAA7B,EAAkB,EAAK,GAAG;AAC/D,KAAe,EAAK,IAAI,EAAM;;YAE/B,EAAK;EACC,EARF,QAAuB,EAAK,KAQ1B;CAGX,CAAA"}