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

package/lib/inputs2/date/dateperiodfield/index.js

@@ -0,0 +1,30 @@
+import { __exportAll as e } from "../../../_virtual/_rolldown/runtime.js";
+import t from "../../../gridlayout/index.js";
+import { actionsOnPermissionDenied as n } from "../../../permissionValidations.js";
+import { options as r } from "../helpers.js";
+import { InputBase as i } from "./base.js";
+import a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/lib/inputs2/date/dateperiodfield/index.tsx
+var s = /* @__PURE__ */ e({ Input: () => c }), c = a.forwardRef(({ onDeniedActions: e, permissionAttr: s, disabled: c, readOnly: l, gridLayout: u, ...d }, f) => {
+	let p = a.useMemo(() => e || n(r, s), [e, s]), { hideContent: m, unvisible: h } = p, g = {
+		readOnly: !!(l || p.readOnly),
+		disabled: !!(c || p.disabled),
+		...d
+	};
+	return h || m ? null : u ? /* @__PURE__ */ o(t, {
+		cols: u,
+		children: /* @__PURE__ */ o(i, {
+			ref: f,
+			...g
+		})
+	}) : /* @__PURE__ */ o(i, {
+		ref: f,
+		...g
+	});
+});
+c.displayName = "DatePeriodFieldInput";
+//#endregion
+export { c as Input, s as dateperiodfield_exports };
+
+//# sourceMappingURL=index.js.map

package/lib/inputs2/date/dateperiodfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/lib/inputs2/date/dateperiodfield/index.tsx"],"sourcesContent":["import React from 'react';\nimport GridCol from '../../../gridlayout';\nimport type { OnDenied } from '../../../@types/PermissionAttr';\nimport { actionsOnPermissionDenied } from '../../../permissionValidations';\nimport { options } from '../helpers';\nimport type { DatePeriodFieldBaseProps, DatePeriodFieldProps } from './types';\nimport { InputBase } from './base';\n\nconst Input = React.forwardRef<HTMLInputElement, DatePeriodFieldProps>(({\n  onDeniedActions, permissionAttr, disabled, readOnly, gridLayout, ...props\n}, ref) => {\n  const onDenied: OnDenied = React.useMemo(() => {\n    return onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  }, [onDeniedActions, permissionAttr]);\n  const { hideContent, unvisible } = onDenied;\n  const isReadOnly = Boolean(readOnly || onDenied.readOnly);\n  const isDisabled = Boolean(disabled || onDenied.disabled);\n  const inputProps = { \n    readOnly: isReadOnly, disabled: isDisabled, ...props, \n  } satisfies DatePeriodFieldBaseProps;\n\n  if (unvisible || hideContent) return null;\n\n  if (gridLayout) {\n    return (\n      <GridCol cols={gridLayout}>\n        <InputBase ref={ref} {...inputProps} />\n      </GridCol>\n    );\n  }\n\n  return (\n    <InputBase ref={ref} {...inputProps} />\n  );\n});\n\nInput.displayName = 'DatePeriodFieldInput';\n\nexport { Input };\nexport type { DatePeriodFieldProps };\n"],"mappings":";;;;;;;;+CAQM,IAAQ,EAAM,YAAoD,EACtE,oBAAiB,mBAAgB,aAAU,aAAU,eAAY,GAAG,KACnE,MAAQ;CACT,IAAM,IAAqB,EAAM,cACxB,KAAmB,EAA0B,GAAS,EAAe,EAC3E,CAAC,GAAiB,EAAe,CAAC,EAC/B,EAAE,gBAAa,iBAAc,GAG7B,IAAa;EACjB,UAHiB,GAAQ,KAAY,EAAS;EAGxB,UAFL,GAAQ,KAAY,EAAS;EAEF,GAAG;EAChD;AAYD,QAVI,KAAa,IAAoB,OAEjC,IAEA,kBAAC,GAAD;EAAS,MAAM;YACb,kBAAC,GAAD;GAAgB;GAAK,GAAI;GAAc,CAAA;EAC/B,CAAA,GAKZ,kBAAC,GAAD;EAAgB;EAAK,GAAI;EAAc,CAAA;EAEzC;AAEF,EAAM,cAAc"}

package/lib/inputs2/date/dateperiodfield/triggers.d.ts

@@ -0,0 +1,5 @@
+declare const Triggers: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Triggers };

package/lib/inputs2/date/dateperiodfield/triggers.js

@@ -0,0 +1,83 @@
+import e from "../../../buttons/index.js";
+import t from "../../../list/Item.js";
+import n from "../../../list/index.js";
+import r from "../../../node_modules/moment/dist/moment.js";
+import { PERIOD_OPTIONS_LIST as i, TOKEN_ISO_FORMAT as a } from "../helpers.js";
+import { Triggers as o } from "../base/index.js";
+import { useDatePeriodFieldContext as s } from "./context.js";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/inputs2/date/dateperiodfield/triggers.tsx
+var l = () => {
+	let { initialInputId: l, initialInputRef: u, finalInputRef: d, isReadOnly: f, isDisabled: p, selectedDate: m, calendarBoxOpen: h, showCalendarButton: g, skeletonize: _, showPredefinedPeriodsButton: v, showClearDateButton: y, hasValidPeriodSelected: b, handleChangeCalendarBoxState: x, handleChangeActiveDescendant: S, handleChangeCalendarDisplayDate: C, handleOnClickClearSelectedPeriod: w, handleChangeUpdateDateStateWithPredefinedPeriod: T } = s(), E = !f && !p, D = (e, t) => {
+		E ? t && T(t) : e?.preventDefault?.();
+	};
+	return /* @__PURE__ */ c(o, {
+		clearButtonTestId: "test-date-period-field-trigger-clean-selected-period",
+		calendarButtonTestId: "test-date-period-field-trigger-open-calendar",
+		isDisabled: p,
+		isReadOnly: f,
+		skeletonize: _,
+		inputFieldId: l,
+		calendarBoxOpen: h,
+		showClearButton: y,
+		showCalendarButton: g,
+		hasValidDateSelection: !1,
+		hasValidPeriodSelected: b,
+		onClearSelectedDate: w,
+		onClickTriggerCalendar: (e) => {
+			if (!E) e.preventDefault();
+			else if (x(!h), !h) switch (document.activeElement?.id) {
+				case u.current?.id:
+					S((m.inicial ?? r()).format(a)), C(m.inicial ?? r()), u.current?.focus();
+					break;
+				case d.current?.id:
+					S((m.final ?? r()).format(a)), C(m.final ?? r()), d.current?.focus();
+					break;
+				default:
+					u.current?.focus();
+					break;
+			}
+		},
+		children: /* @__PURE__ */ c(e, {
+			"data-testid": "test-date-period-field-trigger-select-predefined-periods",
+			className: "select-predefined-periods",
+			dropdown: !0,
+			transparent: !0,
+			boxShadow: !1,
+			showIconDropdown: !1,
+			visible: v,
+			type: "button",
+			title: "Selecionar Periodos Pré Definidos",
+			tabIndex: -1,
+			disabled: p,
+			"aria-label": "Selecionar Periodos Pré Definidos",
+			"aria-controls": l,
+			"aria-readonly": f,
+			"data-state-read-only": f,
+			"data-state-visible": v,
+			iconName: "more1",
+			dropdownAlign: "right",
+			onMouseDown: (e) => {
+				e.preventDefault();
+			},
+			children: /* @__PURE__ */ c(n, {
+				condensed: !0,
+				children: i.map((e) => /* @__PURE__ */ c(t, {
+					itemId: e.id,
+					text: e.label,
+					onMouseDown: (e) => {
+						e?.preventDefault?.();
+					},
+					onClick: (t) => {
+						D(t, e.id);
+					}
+				}, e.id))
+			})
+		})
+	});
+};
+l.displayName = "DatePeriodFieldTriggers";
+//#endregion
+export { l as Triggers };
+
+//# sourceMappingURL=triggers.js.map

package/lib/inputs2/date/dateperiodfield/triggers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"triggers.js","names":[],"sources":["../../../../src/lib/inputs2/date/dateperiodfield/triggers.tsx"],"sourcesContent":["import moment from 'moment';\nimport { MouseEvent } from 'react';\nimport Button from '../../../buttons';\nimport * as BaseDate from '../base';\nimport List, { ListItem } from '../../../list';\nimport type { DatePeriodTypes } from './types';\nimport { useDatePeriodFieldContext } from './context';\nimport { PERIOD_OPTIONS_LIST, TOKEN_ISO_FORMAT } from '../helpers';\n\nconst Triggers = () => {\n  const {\n    initialInputId, initialInputRef, finalInputRef, isReadOnly, isDisabled, selectedDate, \n    calendarBoxOpen, showCalendarButton, skeletonize, showPredefinedPeriodsButton,\n    showClearDateButton, hasValidPeriodSelected, handleChangeCalendarBoxState,\n    handleChangeActiveDescendant, handleChangeCalendarDisplayDate, handleOnClickClearSelectedPeriod,\n    handleChangeUpdateDateStateWithPredefinedPeriod,\n  } = useDatePeriodFieldContext();\n  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;\n\n  const handleOnClickTriggerSelectPredefinedPeriods = (\n    event: any, periodSelected?: DatePeriodTypes,\n  ) => {\n    if (!shouldHavePermitClickOnTrigger) event?.preventDefault?.();\n    else {\n      if (periodSelected) handleChangeUpdateDateStateWithPredefinedPeriod(periodSelected);\n    }\n  };\n\n  const handleOnClickTriggerCalendar = (event: MouseEvent<HTMLButtonElement>) => {\n    if (!shouldHavePermitClickOnTrigger) event.preventDefault();\n    else {\n      handleChangeCalendarBoxState(!calendarBoxOpen);\n      if (!calendarBoxOpen) {\n        switch (document.activeElement?.id) {\n          case initialInputRef.current?.id: {\n            handleChangeActiveDescendant(\n              (selectedDate.inicial ?? moment()).format(TOKEN_ISO_FORMAT),\n            );\n            handleChangeCalendarDisplayDate(selectedDate.inicial ?? moment());\n            initialInputRef.current?.focus();\n            break;\n          }\n          case finalInputRef.current?.id: {\n            handleChangeActiveDescendant((selectedDate.final ?? moment()).format(TOKEN_ISO_FORMAT));\n            handleChangeCalendarDisplayDate(selectedDate.final ?? moment());\n            finalInputRef.current?.focus();\n            break;\n          }\n          default: initialInputRef.current?.focus();\n            break;\n        }\n      }\n    }\n  };\n\n  return (\n    <BaseDate.Triggers\n      clearButtonTestId=\"test-date-period-field-trigger-clean-selected-period\"\n      calendarButtonTestId=\"test-date-period-field-trigger-open-calendar\"\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      skeletonize={skeletonize}\n      inputFieldId={initialInputId}\n      calendarBoxOpen={calendarBoxOpen}\n      showClearButton={showClearDateButton}\n      showCalendarButton={showCalendarButton}\n      hasValidDateSelection={false}\n      hasValidPeriodSelected={hasValidPeriodSelected}\n      onClearSelectedDate={handleOnClickClearSelectedPeriod}\n      onClickTriggerCalendar={handleOnClickTriggerCalendar}>\n      <Button\n        data-testid=\"test-date-period-field-trigger-select-predefined-periods\"\n        className=\"select-predefined-periods\"\n        dropdown\n        transparent\n        boxShadow={false}\n        showIconDropdown={false}\n        visible={showPredefinedPeriodsButton}\n        type=\"button\"\n        title=\"Selecionar Periodos Pré Definidos\"\n        tabIndex={-1}\n        disabled={isDisabled}\n        aria-label=\"Selecionar Periodos Pré Definidos\"\n        aria-controls={initialInputId}\n        aria-readonly={isReadOnly}\n        data-state-read-only={isReadOnly}\n        data-state-visible={showPredefinedPeriodsButton}\n        iconName=\"more1\"\n        dropdownAlign=\"right\"\n        onMouseDown={(event) => { event.preventDefault(); }}>\n        <List condensed>\n          {PERIOD_OPTIONS_LIST.map(period => (\n            <ListItem\n              key={period.id}\n              itemId={period.id}\n              text={period.label}\n              onMouseDown={(event) => { event?.preventDefault?.(); }}\n              onClick={(event) => {\n                handleOnClickTriggerSelectPredefinedPeriods(event, period.id); \n              }} />\n          ))}\n        </List>\n      </Button>\n    </BaseDate.Triggers>\n  );\n};\n\nTriggers.displayName = 'DatePeriodFieldTriggers';\n\nexport { Triggers };\n"],"mappings":";;;;;;;;;AASA,IAAM,UAAiB;CACrB,IAAM,EACJ,mBAAgB,oBAAiB,kBAAe,eAAY,eAAY,iBACxE,oBAAiB,uBAAoB,gBAAa,gCAClD,wBAAqB,2BAAwB,iCAC7C,iCAA8B,oCAAiC,qCAC/D,uDACE,GAA2B,EACzB,IAAiC,CAAC,KAAc,CAAC,GAEjD,KACJ,GAAY,MACT;AACH,EAAK,IAEC,KAAgB,EAAgD,EAAe,GAFhD,GAAO,kBAAkB;;AAiChE,QACE,kBAAC,GAAD;EACE,mBAAkB;EAClB,sBAAqB;EACT;EACA;EACC;EACb,cAAc;EACG;EACjB,iBAAiB;EACG;EACpB,uBAAuB;EACC;EACxB,qBAAqB;EACrB,yBAzCkC,MAAyC;AAC7E,OAAI,CAAC,EAAgC,GAAM,gBAAgB;YAEzD,EAA6B,CAAC,EAAgB,EAC1C,CAAC,EACH,SAAQ,SAAS,eAAe,IAAhC;IACE,KAAK,EAAgB,SAAS;AAK5B,KAJA,GACG,EAAa,WAAW,GAAQ,EAAE,OAAO,EAAiB,CAC5D,EACD,EAAgC,EAAa,WAAW,GAAQ,CAAC,EACjE,EAAgB,SAAS,OAAO;AAChC;IAEF,KAAK,EAAc,SAAS;AAG1B,KAFA,GAA8B,EAAa,SAAS,GAAQ,EAAE,OAAO,EAAiB,CAAC,EACvF,EAAgC,EAAa,SAAS,GAAQ,CAAC,EAC/D,EAAc,SAAS,OAAO;AAC9B;IAEF;AAAS,OAAgB,SAAS,OAAO;AACvC;;;YAqBN,kBAAC,GAAD;GACE,eAAY;GACZ,WAAU;GACV,UAAA;GACA,aAAA;GACA,WAAW;GACX,kBAAkB;GAClB,SAAS;GACT,MAAK;GACL,OAAM;GACN,UAAU;GACV,UAAU;GACV,cAAW;GACX,iBAAe;GACf,iBAAe;GACf,wBAAsB;GACtB,sBAAoB;GACpB,UAAS;GACT,eAAc;GACd,cAAc,MAAU;AAAE,MAAM,gBAAgB;;aAChD,kBAAC,GAAD;IAAM,WAAA;cACH,EAAoB,KAAI,MACvB,kBAAC,GAAD;KAEE,QAAQ,EAAO;KACf,MAAM,EAAO;KACb,cAAc,MAAU;AAAE,SAAO,kBAAkB;;KACnD,UAAU,MAAU;AAClB,QAA4C,GAAO,EAAO,GAAG;;KAC1D,EANA,EAAO,GAMP,CAAA;IAEJ,CAAA;GACA,CAAA;EACS,CAAA;;AAIxB,EAAS,cAAc"}

package/lib/inputs2/date/dateperiodfield/types.d.ts

@@ -0,0 +1,101 @@
+import { Moment } from 'moment';
+import { ComponentPropsWithoutRef, RefObject } from 'react';
+import { TextAlign } from '../../../@types/Align';
+import { ColorTheme } from '../../../@types/ColorStyles';
+import { ITooltipCommonProps } from '../../../tooltip/types';
+import { Position, HintPosition } from '../../../@types/Position';
+import { OnDenied, PermissionAttr } from '../../../@types/PermissionAttr';
+import { DateValueReturnType } from '../types';
+export type DatePeriodTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+export type PeriodOptions = {
+    id: DatePeriodTypes;
+    label?: string;
+};
+export type InputType = 'initial' | 'final';
+export type SelectedDateType = {
+    inicial: Moment | null;
+    final: Moment | null;
+};
+export type UpdateDateStateParams = {
+    date: Moment;
+    inputType: InputType;
+    typing?: boolean;
+};
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple' | 'value'>;
+export interface DatePeriodFieldBaseProps extends InputHTMLProps, ITooltipCommonProps {
+    value?: any;
+    initialName?: string;
+    initialRef?: RefObject<HTMLInputElement | null>;
+    finalName?: string;
+    finalRef?: RefObject<HTMLInputElement | null>;
+    hint?: string;
+    label?: string;
+    errors?: string[];
+    customClass?: string;
+    customClassLabel?: string;
+    customClassWrapper?: string;
+    customClassInputContainer?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    undigitable?: boolean;
+    skeletonize?: boolean;
+    labelUppercase?: boolean;
+    showCalendarButton?: boolean;
+    openCalendarOnFocus?: boolean;
+    shouldCloseOnSelect?: boolean;
+    showClearDateButton?: boolean;
+    showPredefinedPeriodsButton?: boolean;
+    returnValueType?: DateValueReturnType;
+    textAlign?: TextAlign;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export interface DatePeriodFieldProps extends DatePeriodFieldBaseProps {
+    gridLayout?: string;
+    permissionAttr?: PermissionAttr;
+    onDeniedActions?: OnDenied;
+}
+export interface DatePeriodContextProps {
+    initialInputId: string;
+    finalInputId: string;
+    activeDescendant: string;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    undigitable: boolean;
+    skeletonize: boolean;
+    calendarBoxOpen: boolean;
+    showCalendarButton: boolean;
+    openCalendarOnFocus: boolean;
+    hasValidationErrors: boolean;
+    showClearDateButton: boolean;
+    hasValidPeriodSelected: boolean;
+    showPredefinedPeriodsButton: boolean;
+    selectedDate: SelectedDateType;
+    calendarDisplayDate: Moment;
+    initialInputRef: RefObject<HTMLInputElement | null>;
+    finalInputRef: RefObject<HTMLInputElement | null>;
+    dateContainerRef: RefObject<HTMLDivElement | null>;
+    handleChangeUpdateDateState: (params: UpdateDateStateParams) => void;
+    handleChangeNextMonth: () => void;
+    handleChangePreviousMonth: () => void;
+    handleChangeCalendarBoxState: (value: boolean) => void;
+    handleChangeActiveDescendant: (value: string) => void;
+    handleChangeCalendarDisplayDate: (value: Moment) => void;
+    handleOnClickClearSelectedPeriod: () => void;
+    handleChangeUpdateDateStateWithPredefinedPeriod: (period: DatePeriodTypes) => void;
+}
+export declare enum Keys {
+    arrowLeft = "ArrowLeft",
+    arrowRight = "ArrowRight",
+    arrowUp = "ArrowUp",
+    arrowDown = "ArrowDown",
+    pageUp = "PageUp",
+    pageDown = "PageDown",
+    home = "Home",
+    end = "End",
+    escape = "Escape",
+    enter = "Enter"
+}
+export {};

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

@@ -0,0 +1,10 @@
+import { Moment } from 'moment';
+import { PeriodOptions } from './dateperiodfield/types';
+export declare const TOKEN_MASK = "00/00/0000";
+export declare const TOKEN_ISO_FORMAT = "YYYY-MM-DD";
+export declare const TOKEN_PTBR_FORMAT = "DD/MM/YYYY";
+export declare const options: string[];
+export declare const NAVIGATION_KEYS: string[];
+export declare const PERIOD_OPTIONS_LIST: PeriodOptions[];
+export declare const isWithinBounds: (date: Moment, minDate?: string, maxDate?: string) => boolean;
+export declare const generateCalendarWeeks: ((monthSelected: Moment) => Moment[][]) & import('lodash').MemoizedFunction;

package/lib/inputs2/date/helpers.js

@@ -0,0 +1,60 @@
+import { __toESM as e } from "../../_virtual/_rolldown/runtime.js";
+import { OPTIONS_ON_DENIED as t } from "../../permissionValidations.js";
+import "../../node_modules/moment/dist/moment.js";
+import { require_memoize as n } from "../../node_modules/lodash/memoize.js";
+import { Keys as r } from "./types.js";
+//#region src/lib/inputs2/date/helpers.ts
+var i = /* @__PURE__ */ e(n(), 1), a = "00/00/0000", o = "YYYY-MM-DD", s = "DD/MM/YYYY", c = [
+	t.disabled,
+	t.unvisible,
+	t.readOnly,
+	t.hideContent
+], l = [
+	r.arrowLeft,
+	r.arrowRight,
+	r.arrowUp,
+	r.arrowDown,
+	r.pageUp,
+	r.pageDown,
+	r.home,
+	r.end,
+	r.escape,
+	r.enter
+], 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"
+	}
+], d = (0, i.default)((e) => {
+	let t = e.clone().startOf("month").startOf("week"), n = e.clone().endOf("month").endOf("week"), r = [], i = t.clone();
+	for (; i.isSameOrBefore(n, "day");) {
+		let e = [];
+		for (let t = 0; t < 7; t++) e.push(i.clone()), i.add(1, "day");
+		r.push(e);
+	}
+	return r;
+}, (e) => e.format("YYYY-MM"));
+//#endregion
+export { l as NAVIGATION_KEYS, u as PERIOD_OPTIONS_LIST, o as TOKEN_ISO_FORMAT, a as TOKEN_MASK, s as TOKEN_PTBR_FORMAT, d as generateCalendarWeeks, c as options };
+
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../src/lib/inputs2/date/helpers.ts"],"sourcesContent":["import moment, { type Moment } from 'moment';\nimport memoize from 'lodash/memoize';\nimport { OPTIONS_ON_DENIED } from '../../permissionValidations';\nimport type { PeriodOptions } from './dateperiodfield/types';\nimport { Keys } from './types';\n\nexport const TOKEN_MASK = '00/00/0000';\nexport const TOKEN_ISO_FORMAT = 'YYYY-MM-DD';\nexport const TOKEN_PTBR_FORMAT = 'DD/MM/YYYY';\nexport const options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\nexport const NAVIGATION_KEYS: string[] = [\n  Keys.arrowLeft, Keys.arrowRight, Keys.arrowUp, Keys.arrowDown,\n  Keys.pageUp, Keys.pageDown, Keys.home, Keys.end, Keys.escape,\n  Keys.enter,\n];\nexport const PERIOD_OPTIONS_LIST: PeriodOptions[] = [\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];\nexport const isWithinBounds = (date: Moment, minDate?: string, maxDate?: string): boolean => {\n  if (minDate) {\n    const min = moment(minDate, TOKEN_ISO_FORMAT);\n    if (date.isBefore(min, 'day')) return false;\n  }\n  if (maxDate) {\n    const max = moment(maxDate, TOKEN_ISO_FORMAT);\n    if (date.isAfter(max, 'day')) return false;\n  }\n  return true;\n};\nexport const generateCalendarWeeks = memoize((monthSelected: Moment): Moment[][] => {\n  const startOfCalendar = monthSelected.clone().startOf('month').startOf('week');\n  const endOfCalendar = monthSelected.clone().endOf('month').endOf('week');\n  const weeks: Moment[][] = [];\n  const currentWeek = startOfCalendar.clone();\n  while (currentWeek.isSameOrBefore(endOfCalendar, 'day')) {\n    const week: Moment[] = [];\n    for (let days = 0; days < 7; days++) {\n      week.push(currentWeek.clone());\n      currentWeek.add(1, 'day');\n    }\n    weeks.push(week);\n  }\n  return weeks;\n}, (monthSelected: Moment) => monthSelected.format('YYYY-MM'));\n"],"mappings":";;;;;;mCAMa,IAAa,cACb,IAAmB,cACnB,IAAoB,cACpB,IAAU;CACrB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB,EACY,IAA4B;CACvC,EAAK;CAAW,EAAK;CAAY,EAAK;CAAS,EAAK;CACpD,EAAK;CAAQ,EAAK;CAAU,EAAK;CAAM,EAAK;CAAK,EAAK;CACtD,EAAK;CACN,EACY,IAAuC;CAClD;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;CACzC,EAYY,KAAA,GAAA,EAAA,UAAiC,MAAsC;CAClF,IAAM,IAAkB,EAAc,OAAO,CAAC,QAAQ,QAAQ,CAAC,QAAQ,OAAO,EACxE,IAAgB,EAAc,OAAO,CAAC,MAAM,QAAQ,CAAC,MAAM,OAAO,EAClE,IAAoB,EAAE,EACtB,IAAc,EAAgB,OAAO;AAC3C,QAAO,EAAY,eAAe,GAAe,MAAM,GAAE;EACvD,IAAM,IAAiB,EAAE;AACzB,OAAK,IAAI,IAAO,GAAG,IAAO,GAAG,IAE3B,CADA,EAAK,KAAK,EAAY,OAAO,CAAC,EAC9B,EAAY,IAAI,GAAG,MAAM;AAE3B,IAAM,KAAK,EAAK;;AAElB,QAAO;IACL,MAA0B,EAAc,OAAO,UAAU,CAAC"}

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

@@ -0,0 +1,59 @@
+import { ComponentPropsWithoutRef, MouseEvent } from 'react';
+import { ColorTheme } from '../../@types/ColorStyles';
+import { Position, HintPosition } from '../../@types/Position';
+export type DateValueReturnType = 'default' | 'iso';
+export declare enum Keys {
+    arrowLeft = "ArrowLeft",
+    arrowRight = "ArrowRight",
+    arrowUp = "ArrowUp",
+    arrowDown = "ArrowDown",
+    pageUp = "PageUp",
+    pageDown = "PageDown",
+    home = "Home",
+    end = "End",
+    escape = "Escape",
+    enter = "Enter"
+}
+export interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {
+    customClassWrapper?: string;
+    hasValidationErrors?: boolean;
+}
+export interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {
+    hint?: string;
+    customClassLabel?: string;
+    skeletonize?: boolean;
+    label?: string;
+    inputId?: string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    required?: boolean;
+    labelUppercase?: boolean;
+    hasHintMessages?: boolean;
+    hintPosition?: HintPosition;
+    themePopover?: ColorTheme;
+    popoverAlign?: Extract<Position, 'left' | 'right'>;
+}
+export interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {
+    skeletonize?: boolean;
+    customClassInputContainer?: string;
+}
+type InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;
+export interface BaseDateInputProps extends InputHTMLProps {
+    customClass?: string;
+}
+export interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    skeletonize?: boolean;
+    inputFieldId?: string;
+    calendarBoxOpen?: boolean;
+    showClearButton?: boolean;
+    showCalendarButton?: boolean;
+    hasValidDateSelection?: boolean;
+    hasValidPeriodSelected?: boolean;
+    clearButtonTestId?: string;
+    calendarButtonTestId?: string;
+    onClearSelectedDate: () => void;
+    onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export {};

package/lib/inputs2/date/types.js

@@ -0,0 +1,8 @@
+//#region src/lib/inputs2/date/types.ts
+var e = /* @__PURE__ */ function(e) {
+	return e.arrowLeft = "ArrowLeft", e.arrowRight = "ArrowRight", e.arrowUp = "ArrowUp", e.arrowDown = "ArrowDown", e.pageUp = "PageUp", e.pageDown = "PageDown", e.home = "Home", e.end = "End", e.escape = "Escape", e.enter = "Enter", e;
+}({});
+//#endregion
+export { e as Keys };
+
+//# sourceMappingURL=types.js.map

package/lib/inputs2/date/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/lib/inputs2/date/types.ts"],"sourcesContent":["import { ComponentPropsWithoutRef, MouseEvent } from 'react';\nimport type { ColorTheme } from '../../@types/ColorStyles';\nimport type { Position, HintPosition } from '../../@types/Position';\n\nexport type DateValueReturnType = 'default' | 'iso';\nexport enum Keys {\n  arrowLeft = 'ArrowLeft',\n  arrowRight = 'ArrowRight',\n  arrowUp = 'ArrowUp',\n  arrowDown = 'ArrowDown',\n  pageUp = 'PageUp',\n  pageDown = 'PageDown',\n  home = 'Home',\n  end = 'End',\n  escape = 'Escape',\n  enter = 'Enter'\n}\nexport interface BaseDateInputRootProps extends ComponentPropsWithoutRef<'div'> {\n  customClassWrapper?: string;\n  hasValidationErrors?: boolean;\n}\nexport interface BaseDateInputLabelProps extends ComponentPropsWithoutRef<'span'> {\n  hint?: string;\n  customClassLabel?: string;\n  skeletonize?: boolean;\n  label?: string;\n  inputId?: string;\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  required?: boolean;\n  labelUppercase?: boolean;\n  hasHintMessages?: boolean;\n  hintPosition?: HintPosition;\n  themePopover?: ColorTheme;\n  popoverAlign?: Extract<Position, 'left' | 'right'>;\n}\nexport interface BaseDateInputContainerProps extends ComponentPropsWithoutRef<'div'> {\n  skeletonize?: boolean;\n  customClassInputContainer?: string;\n}\ntype InputHTMLProps = Omit<ComponentPropsWithoutRef<'input'>, 'type' | 'multiple'>;\nexport interface BaseDateInputProps extends InputHTMLProps {\n  customClass?: string;\n}\nexport interface BaseDateInputTriggersProps extends ComponentPropsWithoutRef<'div'> {\n  isDisabled?: boolean;\n  isReadOnly?: boolean;\n  skeletonize?: boolean;\n  inputFieldId?: string;\n  calendarBoxOpen?: boolean;\n  showClearButton?: boolean;\n  showCalendarButton?: boolean;\n  hasValidDateSelection?: boolean;\n  hasValidPeriodSelected?: boolean;\n  clearButtonTestId?: string;\n  calendarButtonTestId?: string;\n  onClearSelectedDate: () => void,\n  onClickTriggerCalendar: (event: MouseEvent<HTMLButtonElement>) => void,\n}\n"],"mappings":";AAKA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,YAAA,aACA,EAAA,aAAA,cACA,EAAA,UAAA,WACA,EAAA,YAAA,aACA,EAAA,SAAA,UACA,EAAA,WAAA,YACA,EAAA,OAAA,QACA,EAAA,MAAA,OACA,EAAA,SAAA,UACA,EAAA,QAAA;KACD"}

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

@@ -0,0 +1,11 @@
+import * as TextField from '../textfield';
+interface FileFieldInputProps extends Omit<TextField.TextFieldInputProps, 'type'> {
+    multiple?: boolean;
+    accept?: string;
+    maxSize?: number;
+    gridLayout?: string;
+    showClearButton?: boolean;
+}
+declare const Input: import('react').ForwardRefExoticComponent<FileFieldInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export { Input };
+export type { FileFieldInputProps };

package/lib/inputs2/filefield/index.js

@@ -0,0 +1,147 @@
+import { __exportAll as e, __toESM as t } from "../../_virtual/_rolldown/runtime.js";
+import { require_lodash as n } from "../../node_modules/lodash/lodash.js";
+import r from "../../buttons/index.js";
+import i from "../../list/Item.js";
+import a from "../../list/index.js";
+import { LeftSlot as o, RightSlot as s } from "../slot/index.js";
+import { Input as c } from "../textfield/index.js";
+import '../../assets/styles/filefield.css';/* empty css                            */
+import { Fragment as l, forwardRef as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/lib/inputs2/filefield/index.tsx
+var h = /* @__PURE__ */ e({ Input: () => _ }), g = /* @__PURE__ */ t(n(), 1), _ = u((e, t) => {
+	let { ...n } = e, u = d(null), [h, _] = f([]), v = e?.value ?? h, y = g.default.isArray(v) && v.length > 0 ? `${v.length} arquivo(s) selecionado(s)` : "Nenhum arquivo selecionado", b = (t) => {
+		let n = t.target.files;
+		if (!n) return;
+		let r = Array.from(n);
+		e?.maxSize && (r = r.filter((t) => t.size <= g.default.toNumber(e.maxSize))), !e?.multiple && r.length > 1 && (r = [r[0]]), g.default.isNil(e?.value) && _(r), e.onChange?.({ target: {
+			name: e.name,
+			value: r
+		} }), u.current.value = "";
+	}, x = () => {
+		g.default.isNil(e?.value) && _([]), e.onChange?.({ target: {
+			name: e.name,
+			value: ""
+		} }), u.current.value = "";
+	}, S = () => {
+		u.current?.click();
+	}, C = (e) => {
+		e.preventDefault();
+	}, w = (t) => {
+		e.onBeforeInput?.(t);
+	};
+	return /* @__PURE__ */ p(l, { children: /* @__PURE__ */ m(c, {
+		...n,
+		ref: t,
+		type: "text",
+		readOnly: !1,
+		value: y,
+		customClass: "file-input",
+		onPaste: C,
+		onBeforeInput: w,
+		customClassInputContainer: "file-container",
+		children: [/* @__PURE__ */ p(o, { children: /* @__PURE__ */ p("input", {
+			ref: u,
+			type: "file",
+			name: e?.name,
+			accept: e?.accept,
+			multiple: e?.multiple,
+			onChange: b,
+			style: {
+				all: "unset",
+				display: "none"
+			}
+		}) }), /* @__PURE__ */ m(s, {
+			className: "file-right-slot",
+			children: [
+				/* @__PURE__ */ m(r, {
+					className: "show-files-selected-list",
+					visible: !0,
+					dropdown: !0,
+					transparent: !0,
+					boxShadow: !1,
+					showIconDropdown: !1,
+					type: "button",
+					title: "Arquivos Selecionados",
+					tabIndex: -1,
+					disabled: e?.disabled,
+					"aria-label": "Arquivos Selecionados",
+					"aria-readonly": e?.readOnly,
+					"data-state-read-only": e?.readOnly,
+					iconName: "information",
+					dropdownAlign: "right",
+					onMouseDown: (e) => {
+						e.preventDefault();
+					},
+					children: [!g.default.isArray(v) && /* @__PURE__ */ p(a, {
+						condensed: !0,
+						children: /* @__PURE__ */ p(i, {
+							itemId: "nenhum-selecionado",
+							text: "Nenhum arquivo selecionado",
+							onMouseDown: (e) => {
+								e?.preventDefault?.();
+							}
+						}, "nenhum-selecionado")
+					}), g.default.isArray(v) && g.default.size(v) > 0 && /* @__PURE__ */ p(a, {
+						condensed: !0,
+						children: v.map((e, t) => {
+							let n = `${e.name}-${t + 1}`;
+							return /* @__PURE__ */ p(i, {
+								itemId: n,
+								text: e.name,
+								onMouseDown: (e) => {
+									e?.preventDefault?.();
+								}
+							}, n);
+						})
+					})]
+				}),
+				/* @__PURE__ */ p(r, {
+					"data-testid": "test-file-field-trigger-clear-files-selected",
+					className: "clear-files-selected",
+					visible: !0,
+					transparent: !0,
+					boxShadow: !1,
+					showIconDropdown: !1,
+					type: "button",
+					title: "Limpar",
+					tabIndex: -1,
+					disabled: e?.disabled,
+					"aria-label": "Limpar",
+					"aria-readonly": e?.readOnly,
+					"data-state-read-only": e?.readOnly,
+					iconName: "close",
+					onClick: x,
+					onMouseDown: (e) => {
+						e.preventDefault();
+					}
+				}),
+				/* @__PURE__ */ p(r, {
+					"data-testid": "test-file-field-trigger-select-files",
+					className: "select-files",
+					visible: !0,
+					boxShadow: !1,
+					showIconDropdown: !1,
+					type: "button",
+					title: "Selecionar",
+					label: "Selecionar",
+					tabIndex: -1,
+					disabled: e?.disabled,
+					"aria-label": "Selecionar",
+					"aria-readonly": e?.readOnly,
+					"data-state-read-only": e?.readOnly,
+					iconName: "upload4",
+					onClick: S,
+					onMouseDown: (e) => {
+						e.preventDefault();
+					}
+				})
+			]
+		})]
+	}) });
+});
+_.displayName = "FileFieldInput";
+//#endregion
+export { _ as Input, h as filefield_exports };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/lib/inputs2/filefield/index.tsx"],"sourcesContent":["import '../../assets/styles/filefield.scss';\n\nimport _ from 'lodash';\nimport { ChangeEvent, ClipboardEvent, forwardRef, Fragment, InputEventHandler, useRef, useState } from 'react';\nimport Button from '../../buttons';\nimport * as TextField from '../textfield';\nimport List, { ListItem } from '../../list';\n\ninterface FileFieldInputProps extends Omit<TextField.TextFieldInputProps, 'type'> {\n  multiple?: boolean;\n  accept?: string;\n  maxSize?: number;\n  gridLayout?: string;\n  showClearButton?: boolean;\n}\n\nconst Input = forwardRef<HTMLInputElement, FileFieldInputProps>((props, ref) => {\n  const { ...rest } = props;\n\n  const inputFileRef = useRef<HTMLInputElement>(null);\n  const [internalFiles, setInternalFiles] = useState<File[]>([]);\n\n  const files = props?.value ?? internalFiles;\n  const inputLabel = _.isArray(files) && files.length > 0 ? \n    `${files.length} arquivo(s) selecionado(s)`\n    : 'Nenhum arquivo selecionado';\n\n  const handleSelect = (event: ChangeEvent<HTMLInputElement>) => {\n    const fileList = event.target.files;\n    if (!fileList) return;\n\n    let selectedFiles = Array.from(fileList);\n\n    if (props?.maxSize) {\n      selectedFiles = selectedFiles.filter(file => \n        file.size <= _.toNumber(props.maxSize));\n    }\n\n    if (!props?.multiple && selectedFiles.length > 1) {\n      selectedFiles = [selectedFiles[0]];\n    }\n\n    if (_.isNil(props?.value)) {\n      setInternalFiles(selectedFiles);\n    }\n    props.onChange?.({\n      target: {\n        name: props.name,\n        value: selectedFiles as any,\n      },\n    } as ChangeEvent<HTMLInputElement>);\n    inputFileRef.current!.value = '';\n  };\n\n  const handleClear = () => {\n    if (_.isNil(props?.value)) {\n      setInternalFiles([]);\n    }\n    props.onChange?.({\n      target: {\n        name: props.name,\n        value: '',\n      },\n    } as ChangeEvent<HTMLInputElement>);\n    inputFileRef.current!.value = '';\n  };\n\n  const openDialog = () => {\n    inputFileRef.current?.click();\n  };\n\n  const handleLockOnPaste = (event: ClipboardEvent<HTMLInputElement>) => {\n    event.preventDefault();\n  };\n\n  const handleLockOnBeforeInput: InputEventHandler<HTMLInputElement> = (event) => {\n    props.onBeforeInput?.(event);\n  };\n\n  return (\n    <Fragment>\n      <TextField.Input\n        {...rest}\n        ref={ref}\n        type=\"text\"\n        readOnly={false}\n        value={inputLabel}\n        customClass=\"file-input\"\n        onPaste={handleLockOnPaste}\n        onBeforeInput={handleLockOnBeforeInput}\n        customClassInputContainer=\"file-container\">\n        <TextField.LeftSlot>\n          <input\n            ref={inputFileRef}\n            type=\"file\"\n            name={props?.name}\n            accept={props?.accept}\n            multiple={props?.multiple}\n            onChange={handleSelect}\n            style={{ all: 'unset', display: 'none' }} />\n        </TextField.LeftSlot>\n        <TextField.RightSlot className=\"file-right-slot\">\n          <Button\n            className=\"show-files-selected-list\"\n            visible\n            dropdown\n            transparent\n            boxShadow={false}\n            showIconDropdown={false}\n            type=\"button\"\n            title=\"Arquivos Selecionados\"\n            tabIndex={-1}\n            disabled={props?.disabled}\n            aria-label=\"Arquivos Selecionados\"\n            aria-readonly={props?.readOnly}\n            data-state-read-only={props?.readOnly}\n            iconName=\"information\"\n            dropdownAlign=\"right\"\n            onMouseDown={(event) => { event.preventDefault(); }}>\n            {!_.isArray(files) && (\n              <List condensed>\n                <ListItem\n                  key=\"nenhum-selecionado\"\n                  itemId=\"nenhum-selecionado\"\n                  text=\"Nenhum arquivo selecionado\"\n                  onMouseDown={(event) => { event?.preventDefault?.(); }} />\n              </List>\n            )}\n            {_.isArray(files) && _.size(files) > 0 && (\n              <List condensed>\n                {files.map((file: File, index) => {\n                  const id = `${file.name}-${index + 1}`;\n                  return (\n                    <ListItem\n                      key={id}\n                      itemId={id}\n                      text={file.name}\n                      onMouseDown={(event) => { event?.preventDefault?.(); }} />\n                  );\n                })}\n              </List>\n            )}\n          </Button>\n          <Button\n            data-testid=\"test-file-field-trigger-clear-files-selected\"\n            className=\"clear-files-selected\"\n            visible\n            transparent\n            boxShadow={false}\n            showIconDropdown={false}\n            type=\"button\"\n            title=\"Limpar\"\n            tabIndex={-1}\n            disabled={props?.disabled}\n            aria-label=\"Limpar\"\n            aria-readonly={props?.readOnly}\n            data-state-read-only={props?.readOnly}\n            iconName=\"close\"\n            onClick={handleClear}\n            onMouseDown={(event) => { event.preventDefault(); }} />\n          <Button\n            data-testid=\"test-file-field-trigger-select-files\"\n            className=\"select-files\"\n            visible\n            boxShadow={false}\n            showIconDropdown={false}\n            type=\"button\"\n            title=\"Selecionar\"\n            label=\"Selecionar\"\n            tabIndex={-1}\n            disabled={props?.disabled}\n            aria-label=\"Selecionar\"\n            aria-readonly={props?.readOnly}\n            data-state-read-only={props?.readOnly}\n            iconName=\"upload4\"\n            onClick={openDialog}\n            onMouseDown={(event) => { event.preventDefault(); }} />\n        </TextField.RightSlot>\n      </TextField.Input>\n    </Fragment>\n  );\n});\n\nInput.displayName = 'FileFieldInput';\n\nexport { Input };\nexport type { FileFieldInputProps };\n"],"mappings":"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"}

package/lib/inputs2/index.d.ts

@@ -0,0 +1,17 @@
+import { LeftSlot, RightSlot } from './slot';
+import * as TextField from './textfield';
+import * as TextAreaField from './textareafield';
+import * as NumberField from './numberfield';
+import * as DateField from './date/datefield';
+import * as RadioField from './radiofield';
+import * as SelectField from './selectfield';
+import * as ColorField from './colorfield';
+import * as MaskField from './mask/index';
+import * as CpfField from './mask/Cpf';
+import * as CnpjField from './mask/Cnpj';
+import * as PhoneField from './mask/Phone';
+import * as ZipCodeField from './mask/ZipCode';
+import * as CheckboxField from './checkboxfield';
+import * as DatePeriodField from './date/dateperiodfield';
+import * as FileField from './filefield/index';
+export { TextField, TextAreaField, NumberField, DateField, RadioField, SelectField, ColorField, MaskField, CpfField, CnpjField, PhoneField, ZipCodeField, CheckboxField, DatePeriodField, FileField, LeftSlot, RightSlot, };

package/lib/inputs2/index.js

@@ -0,0 +1,17 @@
+import { LeftSlot as e, RightSlot as t } from "./slot/index.js";
+import { textfield_exports as n } from "./textfield/index.js";
+import { textareafield_exports as r } from "./textareafield/index.js";
+import { numberfield_exports as i } from "./numberfield/index.js";
+import { datefield_exports as a } from "./date/datefield/index.js";
+import { radiofield_exports as o } from "./radiofield/index.js";
+import { checkboxfield_exports as s } from "./checkboxfield/index.js";
+import { selectfield_exports as c } from "./selectfield/index.js";
+import { colorfield_exports as l } from "./colorfield/index.js";
+import { mask_exports as u } from "./mask/index.js";
+import { Cpf_exports as d } from "./mask/Cpf.js";
+import { Cnpj_exports as f } from "./mask/Cnpj.js";
+import { Phone_exports as p } from "./mask/Phone.js";
+import { ZipCode_exports as m } from "./mask/ZipCode.js";
+import { dateperiodfield_exports as h } from "./date/dateperiodfield/index.js";
+import { filefield_exports as g } from "./filefield/index.js";
+export { s as CheckboxField, f as CnpjField, l as ColorField, d as CpfField, a as DateField, h as DatePeriodField, g as FileField, e as LeftSlot, u as MaskField, i as NumberField, p as PhoneField, o as RadioField, t as RightSlot, c as SelectField, r as TextAreaField, n as TextField, m as ZipCodeField };

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

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