@fluidattacks/design 2.5.0 → 2.7.0

package/dist/types/components/card/card-with-input/index.d.ts

@@ -0,0 +1,3 @@
+import type { ICardWithInputProps } from "../types";
+declare const CardWithInput: ({ description, disabled, id, align, inputType, inputNumberProps, minHeight, minWidth, name, placeholder, tooltip, title, }: Readonly<ICardWithInputProps>) => JSX.Element;
+export { CardWithInput };

package/dist/types/components/card/card-with-input/styles.d.ts

@@ -0,0 +1,8 @@
+import type { Property } from "csstype";
+interface ICardInputContainerProps {
+    $align?: Property.TextAlign;
+    $minHeight?: string;
+    $minWidth?: string;
+}
+declare const CardInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICardInputContainerProps>> & string;
+export { CardInputContainer };

package/dist/types/components/card/index.d.ts

@@ -1,5 +1,6 @@
 import { CardHeader } from "./card-header";
 import { CardWithImage } from "./card-with-image";
+import { CardWithInput } from "./card-with-input";
 import { CardWithSelector } from "./card-with-selector";
 import { CardWithSwitch } from "./card-with-switch";
-export { CardHeader, CardWithImage, CardWithSelector, CardWithSwitch };
+export { CardHeader, CardWithInput, CardWithImage, CardWithSelector, CardWithSwitch, };

package/dist/types/components/card/types.d.ts

@@ -5,6 +5,7 @@ import type { TSpacing } from "components/@core/types";
 import type { TFileType } from "components/file-preview/types";
 import { IRadioButtonProps } from "components/radio-button/types";
 import { IToggleProps } from "components/toggle/types";
+type TInputType = "date" | "number" | "text";
 /**
  * Card component shared props.
  * @interface ISharedProps
@@ -90,4 +91,31 @@ interface ICardWithSelectorProps extends Pick<ISharedProps, "description" | "tit
     selectorProps: IRadioButtonProps;
     width?: string;
 }
-export type { ICardHeader, ICardWithImageProps, ICardWithSwitchProps, ICardWithSelectorProps, };
+/**
+ * Card with input component props.
+ * @interface ICardWithInputProps
+ * @extends ICardHeader
+ * @property { string } [align] - Card input align.
+ * @property { Interface } [inputNumberProps] - Card input number props.
+ * @property { boolean } [disabled] - Card disabled.
+ * @property { string } [inputType] - Card input type.
+ * @property { string } [minHeight] - Card min height.
+ * @property { string } [minWidth] - Card min width.
+ * @property { string } name - Card name.
+ * @property { string } [placeholder] - Card placeholder.
+ */
+interface ICardWithInputProps extends ICardHeader {
+    align?: Property.TextAlign;
+    inputNumberProps?: {
+        decimalPlaces?: number;
+        max?: number;
+        min?: number;
+    };
+    disabled?: boolean;
+    inputType?: TInputType;
+    minHeight?: string;
+    minWidth?: string;
+    name: string;
+    placeholder?: string;
+}
+export type { ICardHeader, ICardWithImageProps, ICardWithSwitchProps, ICardWithSelectorProps, ICardWithInputProps, };

package/dist/types/components/form/index.d.ts

@@ -1,5 +1,4 @@
-import { PropsWithChildren } from "react";
-import { FormItem } from "./styles";
-import { IFormProps } from "./types";
-declare const Form: ({ children, name, onSubmit, submitDisabled, submitLabel, }: Readonly<PropsWithChildren<IFormProps>>) => JSX.Element;
-export { Form, FormItem };
+import type { PropsWithChildren } from "react";
+import type { IFormProps } from "./types";
+declare const Form: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<Partial<IFormProps>>> & import("react").RefAttributes<HTMLFormElement>>;
+export { Form };

package/dist/types/components/form/styles.d.ts

@@ -1,4 +1,2 @@
 declare const StyledForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
-declare const StyledInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const FormItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { FormItem, StyledForm, StyledInnerContainer };
+export { StyledForm };

package/dist/types/components/form/types.d.ts

@@ -1,15 +1,21 @@
+import { FormHTMLAttributes } from "react";
 /**
  * Form component props.
  * @interface IFormProps
- * @property {string} name The name of the form.
- * @property {Function} [onSubmit] Callback to be executed when form is submitted.
- * @property {boolean} [submitDisabled] Whether the submit button should be disabled.
- * @property {string} [submitLabel] The label to show on submit.
+ * @extends FormHTMLAttributes<HTMLFormElement>
+ * @property { string } [cancelLabel] - The cancel button label.
+ * @property { string } [id] - The form id.
+ * @property { Function } [onCancel] - The cancel button callback.
+ * @property { "submit" | Function } [onConfirm] - The confirm button callback.
+ * @property { string } [submitLabel] - The submit button label.
+ * @property { boolean } [submitDisabled] - The submit button disabled state.
  */
-interface IFormProps {
-    name: string;
-    onSubmit?: React.FormEventHandler<HTMLFormElement>;
-    submitDisabled?: boolean;
+interface IFormProps extends FormHTMLAttributes<HTMLFormElement> {
+    cancelLabel?: string;
+    id?: string;
+    onCancel?: () => void;
+    onConfirm?: "submit" | (() => void);
     submitLabel?: string;
+    submitDisabled?: boolean;
 }
 export type { IFormProps };

package/dist/types/components/inputs/fields/date/calendar/cell/index.d.ts

@@ -0,0 +1,3 @@
+import type { TCellProps } from "../../types";
+declare const CalendarCell: ({ state, date }: Readonly<TCellProps>) => JSX.Element;
+export { CalendarCell };

package/dist/types/components/inputs/fields/date/calendar/grid/index.d.ts

@@ -0,0 +1,3 @@
+import type { TGridProps } from "../../types";
+declare const CalendarGrid: ({ state, ...props }: Readonly<TGridProps>) => JSX.Element;
+export { CalendarGrid };

package/dist/types/components/inputs/fields/date/calendar/header/index.d.ts

@@ -0,0 +1,3 @@
+import type { THeaderProps } from "../../types";
+declare const Header: ({ state, prevButtonProps, nextButtonProps, title, }: Readonly<THeaderProps>) => JSX.Element;
+export { Header };

package/dist/types/components/inputs/fields/date/calendar/index.d.ts

@@ -0,0 +1,6 @@
+import type { CalendarStateOptions } from "@react-stately/calendar";
+declare const Calendar: ({ onClose, props, }: Readonly<{
+    onClose: () => void;
+    props: Omit<CalendarStateOptions, "createCalendar" | "locale">;
+}>) => JSX.Element;
+export { Calendar };

package/dist/types/components/inputs/fields/date/calendar/styles.d.ts

@@ -0,0 +1,13 @@
+declare const TitleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const YearSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const WeekDaysTr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+declare const DayHeaderTh: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+declare const DayItemTd: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+declare const DotIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const CaretButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const FooterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { CaretButton, DayItemTd, DayHeaderTh, DotIconContainer, FooterContainer, TitleContainer, WeekDaysTr, YearSwitch, };

package/dist/types/components/inputs/fields/date/index.d.ts

@@ -0,0 +1,3 @@
+import type { TInputDateProps } from "./types";
+declare const InputDate: import("react").ForwardRefExoticComponent<Readonly<TInputDateProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputDate };

package/dist/types/components/inputs/fields/date/types.d.ts

@@ -0,0 +1,34 @@
+import type { AriaCalendarCellProps, AriaCalendarGridProps, CalendarAria } from "@react-aria/calendar";
+import type { DateValue } from "@react-aria/datepicker";
+import type { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+import type { DatePickerStateOptions, DateRangePickerStateOptions } from "@react-stately/datepicker";
+import { InputHTMLAttributes } from "react";
+/**
+ * Calendar state props.
+ * @interface ICalendarState
+ * @property {CalendarState | RangeCalendarState} state - Calendar state.
+ */
+interface ICalendarState {
+    state: CalendarState | RangeCalendarState;
+}
+/**
+ * Date component props.
+ * @interface IDateProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @property {string} [error] - Error message of the date input.
+ * @property {string} [label] - Label of the date input.
+ * @property {string} name - Name of the date input.
+ * @property {string} [tooltip] - Tooltip of the date input.
+ */
+interface IDateProps extends InputHTMLAttributes<HTMLInputElement> {
+    error?: string;
+    label?: string;
+    name: string;
+    tooltip?: string;
+}
+type TInputDateProps = IDateProps & Omit<DatePickerStateOptions<DateValue>, "label">;
+type TGridProps = AriaCalendarGridProps & ICalendarState;
+type TCellProps = AriaCalendarCellProps & ICalendarState;
+type THeaderProps = ICalendarState & Pick<CalendarAria, "nextButtonProps" | "prevButtonProps" | "title">;
+type TInputDateRangeProps = IDateProps & Omit<DateRangePickerStateOptions, "label">;
+export type { IDateProps, TInputDateProps, TCellProps, TGridProps, THeaderProps, TInputDateRangeProps, };

package/dist/types/components/inputs/fields/date-range/calendar/index.d.ts

@@ -0,0 +1,6 @@
+import type { RangeCalendarStateOptions } from "@react-stately/calendar";
+declare const Calendar: ({ onClose, props, }: Readonly<{
+    onClose: () => void;
+    props: Omit<RangeCalendarStateOptions, "createCalendar" | "locale">;
+}>) => JSX.Element;
+export { Calendar };

package/dist/types/components/inputs/fields/date-range/index.d.ts

@@ -0,0 +1,4 @@
+import type { TInputDateRangeProps } from "../date/types";
+declare const InputDateRange: import("react").ForwardRefExoticComponent<Readonly<TInputDateRangeProps> & import("react").RefAttributes<HTMLInputElement>>;
+export type { TInputDateRangeProps };
+export { InputDateRange };

package/dist/types/components/inputs/fields/date-range/styles.d.ts

@@ -0,0 +1,5 @@
+declare const DateSelectorOutline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean;
+    $show?: boolean;
+}>> & string;
+export { DateSelectorOutline };

package/dist/types/components/inputs/fields/date-time/calendar/index.d.ts

@@ -0,0 +1,10 @@
+import type { TimeValue } from "@react-aria/datepicker";
+import type { CalendarStateOptions } from "@react-stately/calendar";
+import type { DatePickerState } from "@react-stately/datepicker";
+declare const Calendar: ({ handleTimeChange, onClose, props, timeState, }: Readonly<{
+    handleTimeChange: (selectedValue: TimeValue | null) => void;
+    onClose: () => void;
+    props: Omit<CalendarStateOptions, "createCalendar" | "locale">;
+    timeState: DatePickerState;
+}>) => JSX.Element;
+export { Calendar };

package/dist/types/components/inputs/fields/date-time/calendar/styles.d.ts

@@ -0,0 +1,3 @@
+declare const TimeOutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { OutlineContainer, TimeOutlineContainer };

package/dist/types/components/inputs/fields/date-time/index.d.ts

@@ -0,0 +1,4 @@
+import type { TInputDateProps } from "../date/types";
+declare const InputDateTime: import("react").ForwardRefExoticComponent<Readonly<TInputDateProps> & import("react").RefAttributes<HTMLInputElement>>;
+export type { TInputDateProps };
+export { InputDateTime };

package/dist/types/components/inputs/fields/editable/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import type { IEditableProps } from "./types";
+declare const Editable: ({ children, currentValue, externalLink, isEditing, label, name, tooltip, }: Readonly<PropsWithChildren<IEditableProps>>) => JSX.Element;
+export type { IEditableProps };
+export { Editable };

package/dist/types/components/inputs/fields/editable/types.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Editable component props.
+ * @interface IEditableProps
+ * @property {string} [currentValue] - The current value of the editable field.
+ * @property {string} [externalLink] - The external link associated with the editable field.
+ * @property {boolean} isEditing - Indicates whether the editable field is being edited.
+ * @property {string} label - The label for the editable field.
+ * @property {string} name - The name of the editable field.
+ * @property {string} [tooltip] - The tooltip text for the editable field.
+ */
+interface IEditableProps {
+    currentValue?: string;
+    externalLink?: string;
+    isEditing: boolean;
+    label: string;
+    name: string;
+    tooltip?: string;
+}
+export type { IEditableProps };

package/dist/types/components/inputs/fields/input/index.d.ts

@@ -0,0 +1,3 @@
+import type { IInputProps } from "../../types";
+declare const Input: import("react").ForwardRefExoticComponent<Readonly<IInputProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/types/components/inputs/fields/{text-input → input-file}/index.d.ts

@@ -1,3 +1,3 @@
 import type { IInputProps } from "../../types";
-declare const TextInput: import("react").ForwardRefExoticComponent<Readonly<IInputProps> & import("react").RefAttributes<HTMLInputElement>>;
-export { TextInput };
+declare const InputFile: import("react").ForwardRefExoticComponent<Readonly<IInputProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputFile };

package/dist/types/components/inputs/fields/input-file/styles.d.ts

@@ -0,0 +1,6 @@
+import { IStyledTextProps } from "components/typography/styles";
+declare const StyledInputText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("../../../@core").IPaddingModifiable | keyof import("../../../@core").IMarginModifiable | keyof import("../../../@core").IPositionModifiable | keyof import("../../../@core").IBorderModifiable | keyof import("../../../@core").IDisplayModifiable | keyof import("../../../@core").ITextModifiable | keyof import("../../../@core").IInteractionModifiable> & import("../../../@core").IBorderModifiable & import("../../../@core").IDisplayModifiable & import("../../../@core").IInteractionModifiable & import("../../../@core").IMarginModifiable & import("../../../@core").IPaddingModifiable & import("../../../@core").IPositionModifiable & import("../../../@core").ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, keyof IStyledTextProps> & IStyledTextProps, IStyledTextProps>> & string;
+declare const FileInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export { StyledInputText, FileInput };

package/dist/types/components/inputs/fields/input-tags/index.d.ts

@@ -0,0 +1,3 @@
+import type { IInputTagProps } from "../../types";
+declare const InputTags: import("react").ForwardRefExoticComponent<Readonly<IInputTagProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputTags };

package/dist/types/components/inputs/fields/input-tags/styles.d.ts

@@ -0,0 +1,2 @@
+declare const TagInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export { TagInput };

package/dist/types/components/inputs/fields/number/index.d.ts

@@ -0,0 +1,3 @@
+import type { IInputNumberProps } from "../../types";
+declare const InputNumber: import("react").ForwardRefExoticComponent<Readonly<IInputNumberProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputNumber };

package/dist/types/components/inputs/fields/number-range/index.d.ts

@@ -0,0 +1,3 @@
+import type { IInputNumberRangeProps } from "../../types";
+declare const InputNumberRange: import("react").ForwardRefExoticComponent<Readonly<IInputNumberRangeProps> & import("react").RefAttributes<HTMLInputElement>>;
+export { InputNumberRange };

package/dist/types/components/inputs/fields/text-area/index.d.ts

@@ -0,0 +1,3 @@
+import type { ITextAreaProps } from "../../types";
+declare const TextArea: import("react").ForwardRefExoticComponent<Readonly<ITextAreaProps> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };

package/dist/types/components/inputs/index.d.ts

@@ -1,4 +1,13 @@
+import { InputDate } from "./fields/date";
+import { InputDateRange } from "./fields/date-range";
+import { InputDateTime } from "./fields/date-time";
+import { Editable } from "./fields/editable";
+import { Input } from "./fields/input";
+import { InputFile } from "./fields/input-file";
+import { InputTags } from "./fields/input-tags";
+import { InputNumber } from "./fields/number";
+import { InputNumberRange } from "./fields/number-range";
 import { PhoneInput } from "./fields/phone";
-import { TextInput } from "./fields/text-input";
+import { TextArea } from "./fields/text-area";
 import { OutlineContainer } from "./outline-container";
-export { OutlineContainer, PhoneInput, TextInput };
+export { OutlineContainer, PhoneInput, Input, InputDate, InputDateRange, InputDateTime, InputFile, InputNumber, InputTags, InputNumberRange, TextArea, Editable, };

package/dist/types/components/inputs/label/index.d.ts

@@ -1,3 +1,3 @@
 import { ILabelProps } from "../types";
-declare const Label: ({ htmlFor, label, mode, required, tooltip, }: Readonly<ILabelProps>) => JSX.Element;
+declare const Label: ({ htmlFor, label, required, tooltip, weight, }: Readonly<ILabelProps>) => JSX.Element;
 export { Label };

package/dist/types/components/inputs/outline-container/index.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from "react";
 import type { IOutlineContainerProps } from "../types";
-declare const OutlineContainer: ({ children, error, htmlFor, label, mode, required, tooltip, }: Readonly<PropsWithChildren<IOutlineContainerProps>>) => JSX.Element;
+declare const OutlineContainer: ({ children, error, helpLink, helpLinkText, helpText, htmlFor, label, maxLength, required, tooltip, value, weight, }: Readonly<PropsWithChildren<IOutlineContainerProps>>) => JSX.Element;
 export { OutlineContainer };

package/dist/types/components/inputs/types.d.ts

@@ -1,20 +1,19 @@
-import type { InputHTMLAttributes } from "react";
-import { TMode } from "components/@core";
+import type { InputHTMLAttributes, TextareaHTMLAttributes } from "react";
 /**
  * Label component props.
  * @interface ILabelProps
  * @property {string} htmlFor - The htmlFor of the input.
  * @property {string | JSX.Element} [label] - The label of the input.
- * @property {TMode} [mode] - The background theme: dark or light.
  * @property {boolean} [required] - Whether the input is required.
  * @property {string} [tooltip] - The tooltip of the input.
+ * @property {string} [weight] - The weight of the label.
  */
 interface ILabelProps {
     htmlFor: string;
     label?: string | JSX.Element;
-    mode?: TMode;
     required?: boolean;
     tooltip?: string;
+    weight?: "bold" | "normal";
 }
 /**
  * Outline container component props.
@@ -32,17 +31,78 @@ interface IOutlineContainerProps extends ILabelProps {
     helpLinkText?: string;
     helpText?: string;
     maxLength?: number;
+    value?: string;
 }
 /**
  * Input text component props.
  * @interface IInputProps
- * @extends ILabelProps
  * @extends InputHTMLAttributes<HTMLInputElement>
+ * @extends IOutlineContainerProps
+ * @property {boolean} [hasIcon] - Whether the input has an icon.
+ * @property {string} name - The name of the input.
+ * @property {boolean} [maskValue] - Whether the input has a mask value.
+ * @property {string[]} [suggestions] - The suggestions of the input.
+ */
+interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "maxLength" | "value">> {
+    hasIcon?: boolean;
+    name: string;
+    maskValue?: boolean;
+    suggestions?: string[];
+}
+/**
+ * Text area component props.
+ * @interface ITextAreaProps
+ * @extends TextareaHTMLAttributes<HTMLTextAreaElement>
+ * @extends IOutlineContainerProps
+ * @property {string} name - The name of the text area.
+ * @property {boolean} [maskValue] - Whether the input has a mask value.
+ */
+interface ITextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, Partial<Omit<IOutlineContainerProps, "value">> {
+    name: string;
+    maskValue?: boolean;
+}
+/**
+ * Input number component props.
+ * @interface IInputNumberProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @extends IOutlineContainerProps
+ * @property {number} [decimalPlaces] - The decimal places of the input.
+ * @property {string} name - The name of the input.
+ */
+interface IInputNumberProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "value">> {
+    decimalPlaces?: number;
+    name: string;
+}
+/**
+ * Input number range component props.
+ * @interface IInputNumberRangeProps
+ * @property {boolean} [disabled] - Whether the input is disabled.
  * @property {string} [error] - The error message of the input.
- * @property {string} id - The id of the input.
+ * @property {string} name - The name of the input.
+ * @property {string} [label] - The label of the input.
+ * @property {IInputNumberProps} propsMin - The props of the minimum input.
+ * @property {IInputNumberProps} propsMax - The props of the maximum input.
+ * @property {boolean} [required] - Whether the input is required.
+ * @property {string} [tooltip] - The tooltip of the input.
  */
-interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<ILabelProps> {
+interface IInputNumberRangeProps {
+    disabled?: boolean;
     error?: string;
     name: string;
+    label?: string;
+    propsMin: IInputNumberProps;
+    propsMax: IInputNumberProps;
+    required?: boolean;
+    tooltip?: string;
+}
+/**
+ * Input number component props.
+ * @interface IInputNumberProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @extends IOutlineContainerProps
+ * @property {Function} [onRemove] - The function to remove the tag.
+ */
+interface IInputTagProps extends InputHTMLAttributes<HTMLInputElement>, Partial<Omit<IOutlineContainerProps, "value">> {
+    onRemove?: (tag: string) => void;
 }
-export type { IInputProps, ILabelProps, IOutlineContainerProps };
+export type { ILabelProps, IOutlineContainerProps, IInputProps, ITextAreaProps, IInputNumberProps, IInputNumberRangeProps, IInputTagProps, };

package/dist/types/components/inputs/utils/action-button/index.d.ts

@@ -0,0 +1,3 @@
+import type { IActionButtonProps } from "../types";
+declare const ActionButton: import("react").ForwardRefExoticComponent<Readonly<IActionButtonProps> & import("react").RefAttributes<HTMLButtonElement>>;
+export { ActionButton };

package/dist/types/components/inputs/utils/calendar-button/index.d.ts

@@ -0,0 +1,8 @@
+import type { IconName } from "@fortawesome/free-solid-svg-icons";
+import type { AriaButtonOptions } from "@react-aria/button";
+declare const Button: ({ disabled, icon, props, }: Readonly<{
+    disabled?: boolean;
+    icon: IconName;
+    props: AriaButtonOptions<"button">;
+}>) => JSX.Element;
+export { Button };

package/dist/types/components/inputs/utils/date-selector/index.d.ts

@@ -0,0 +1,3 @@
+import type { IDateSelectorProps } from "../types";
+declare const DateSelector: ({ error, buttonProps, datePickerRef, disabled, granularity, fieldProps, groupProps, inputRef, name, ...props }: Readonly<IDateSelectorProps>) => JSX.Element;
+export { DateSelector };

package/dist/types/components/inputs/utils/date-time-field/index.d.ts

@@ -0,0 +1,4 @@
+import type { TDateFieldProps, TTimeFieldProps } from "../types";
+declare const DateField: ({ disabled, error, props, }: Readonly<TDateFieldProps>) => JSX.Element;
+declare const TimeField: (props: Readonly<TTimeFieldProps>) => JSX.Element;
+export { DateField, TimeField };

package/dist/types/components/inputs/utils/dialog/index.d.ts

@@ -0,0 +1,4 @@
+import type { AriaDialogProps } from "@react-aria/dialog";
+import { PropsWithChildren } from "react";
+declare const Dialog: ({ children, ...props }: Readonly<PropsWithChildren<AriaDialogProps>>) => JSX.Element;
+export { Dialog };

package/dist/types/components/inputs/utils/number-field/index.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from "react";
+import type { IInputNumberProps } from "../../types";
+declare const NumberField: ({ error, decimalPlaces, disabled, max, min, name, placeholder, ref, required, value, ...props }: Readonly<IInputNumberProps & {
+    ref: Ref<HTMLInputElement>;
+}>) => JSX.Element;
+export { NumberField };

package/dist/types/components/inputs/utils/popover/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import type { IPopoverProps } from "../types";
+declare const Popover: ({ children, isFilter, state, ...props }: Readonly<PropsWithChildren<IPopoverProps>>) => JSX.Element;
+export { Popover };

package/dist/types/components/inputs/utils/styles.d.ts

@@ -0,0 +1,17 @@
+import { IActionButtonProps } from "./types";
+declare const StyledButtonAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    $margin: IActionButtonProps["margin"];
+}>> & string;
+declare const DialogContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CalendarButtonAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $disabled: boolean;
+    $focus: boolean;
+    $header: boolean;
+}>> & string;
+declare const InputDateBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimeOutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimePickerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DayPeriodButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { StyledButtonAction, CalendarButtonAction, DayPeriodButton, DialogContainer, InputDateBox, TimeOutlineContainer, TimePickerContainer, };

package/dist/types/components/inputs/utils/types.d.ts

@@ -0,0 +1,81 @@
+import type { AriaDatePickerProps, DatePickerAria, DateValue } from "@react-aria/datepicker";
+import type { AriaPopoverProps } from "@react-aria/overlays";
+import type { DateFieldState, DateFieldStateOptions, DateSegment, TimeFieldStateOptions } from "@react-stately/datepicker";
+import type { OverlayTriggerState } from "@react-stately/overlays";
+import type { Property } from "csstype";
+import { IBorderModifiable, IIconModifiable, IPaddingModifiable } from "components/@core";
+/**
+ * Action button component props.
+ * @interface IActionButtonProps
+ * @extends IIconModifiable
+ * @extends IBorderModifiable
+ * @extends IPaddingModifiable
+ * @property {boolean} disabled - Indicates if the button is disabled.
+ * @property {Function} [onClick] - The function to be called when the button is clicked.
+ * @property {Property.Margin} [margin] - The button margin.
+ */
+interface IActionButtonProps extends Pick<IIconModifiable, "icon">, IBorderModifiable, IPaddingModifiable {
+    disabled: boolean;
+    onClick?: () => void;
+    margin?: Property.Margin;
+}
+/**
+ * Popover component props.
+ * @interface IPopoverProps
+ * @extends AriaPopoverProps
+ * @property {boolean} [isFilter] - Indicates if the popover is a filter.
+ * @property {OverlayTriggerState} state - The state of the overlay trigger.
+ */
+interface IPopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
+    isFilter?: boolean;
+    state: OverlayTriggerState;
+}
+/**
+ * Date selector component props.
+ * @interface IDateSelectorProps
+ * @extends DatePickerAria
+ * @extends AriaDatePickerProps<DateValue>
+ * @property {string} [error] - The error message.
+ * @property {React.MutableRefObject<null>} datePickerRef - The ref of the date picker.
+ * @property {boolean} [disabled] - Indicates if the date selector is disabled.
+ * @property {Function} [handleOnChange] - The function to be called when the date is changed.
+ * @property {React.Ref<HTMLInputElement>} inputRef - The ref of the input.
+ * @property {boolean} isOpen - Indicates if the date selector is open.
+ * @property {string} name - The name of the date selector.
+ * @property {string} [variant] - The variant of the date selector.
+ */
+interface IDateSelectorProps extends Pick<DatePickerAria, "buttonProps" | "fieldProps" | "groupProps">, Pick<AriaDatePickerProps<DateValue>, "granularity"> {
+    error?: string;
+    datePickerRef: React.MutableRefObject<null>;
+    disabled?: boolean;
+    handleOnChange?: (value: DateValue) => void;
+    inputRef: React.Ref<HTMLInputElement>;
+    isOpen: boolean;
+    name: string;
+    variant?: "range";
+}
+/**
+ * Date segment component props.
+ * @interface IDateSegmentProps
+ * @property {DateSegment} segment - The date segment.
+ * @property {DateFieldState} state - The date field state.
+ */
+interface IDateSegmentProps {
+    segment: DateSegment;
+    state: DateFieldState;
+}
+/**
+ * Date field component props.
+ * @interface IDateFieldProps
+ * @property {boolean} disabled - Indicates if the date field is disabled.
+ * @property {boolean} error - Indicates if the date field has an error.
+ */
+interface IDateFieldProps {
+    disabled: boolean;
+    error: boolean;
+}
+type TTimeFieldProps = Omit<TimeFieldStateOptions, "createCalendar" | "locale">;
+type TDateFieldProps = IDateFieldProps & {
+    props: Omit<DateFieldStateOptions, "createCalendar" | "locale">;
+};
+export type { IActionButtonProps, IPopoverProps, IDateSelectorProps, IDateSegmentProps, TDateFieldProps, TTimeFieldProps, };

package/dist/types/components/inputs/utils.d.ts

@@ -0,0 +1,3 @@
+declare const createEvent: (type: string, name: string, value: unknown) => Event;
+declare const getFileName: (value: unknown) => string;
+export { createEvent, getFileName };