@fluidattacks/design 3.1.4 → 3.1.5

package/types/components/icon-button/types.d.ts

@@ -0,0 +1,22 @@
+import type { ButtonHTMLAttributes } from "react";
+import type { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from "components/@core/types";
+import type { TVariant } from "components/button/styles";
+import type { TPlace } from "components/tooltip/types";
+/**
+ * IconButton component props.
+ * @interface IIconButtonProps
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ * @extends IBorderModifiable
+ * @extends IDisplayModifiable
+ * @extends IIconModifiable
+ * @extends IPaddingModifiable
+ * @property {string} [tooltip] - Tooltip text.
+ * @property {string} [tooltipPlace] - Tooltip placement.
+ * @property {TVariant} [variant] - Variant
+ */
+interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<IDisplayModifiable, "height" | "justify" | "width">, Pick<IPaddingModifiable, "px" | "py">, IBorderModifiable, IIconModifiable {
+    tooltip?: string;
+    tooltipPlace?: TPlace;
+    variant?: TVariant;
+}
+export type { IIconButtonProps };

package/types/components/indicator-card/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import type { IIndicatorCardProps } from "./types";
+declare const IndicatorCard: ({ description, height, leftIconName, children, rightIconName, title, tooltipId, tooltipTip, tooltipPlace, variant, width, }: Readonly<PropsWithChildren<IIndicatorCardProps>>) => JSX.Element;
+export type { IIndicatorCardProps };
+export { IndicatorCard };

package/types/components/indicator-card/types.d.ts

@@ -0,0 +1,30 @@
+import type { IconName } from "@fortawesome/free-solid-svg-icons";
+import type { TPlace } from "components/tooltip/types";
+type TVariant = "centered" | "left-aligned";
+/**
+ * Indicator card component props.
+ * @interface IIndicatorCardProps
+ * @property { string } [description] - Description of the indicator card.
+ * @property { string } [height] - Height of the indicator card.
+ * @property { IconName } [leftIconName] - Name of the left icon.
+ * @property { IconName } [rightIconName] - Name of the right icon.
+ * @property { string } [title] - Title of the indicator card.
+ * @property { string } [tooltipId] - Id of the tooltip.
+ * @property { string } [tooltipTip] - Tip of the tooltip.
+ * @property { TPlace } [tooltipPlace] - Place of the tooltip.
+ * @property { TVariant } [variant] - Variant of the indicator card.
+ * @property { string } [width] - Width of the indicator card.
+ */
+interface IIndicatorCardProps {
+    description?: string;
+    height?: string;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    title?: string;
+    tooltipId?: string;
+    tooltipTip?: string;
+    tooltipPlace?: TPlace;
+    variant?: TVariant;
+    width?: string;
+}
+export type { IIndicatorCardProps };

package/types/components/info-sidebar/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import { IInfoSidebarProps } from "./types";
+declare const InfoSidebar: ({ actions, children, header, title, tabs, footer, }: Readonly<PropsWithChildren<IInfoSidebarProps>>) => JSX.Element;
+export { InfoSidebar };

package/types/components/info-sidebar/types.d.ts

@@ -0,0 +1,32 @@
+import { IIconModifiable } from "components/@core";
+import { ITabProps } from "components/tabs/types";
+/**
+ * Button empty state props.
+ * @interface IButtonProps
+ * @extends IIconModifiable
+ * @property { string } [id] - Button id.
+ * @property { string } [text] - Button text.
+ * @property { Function } [onClick] - Button click handler.
+ */
+interface IButtonProps extends Partial<IIconModifiable> {
+    id?: string;
+    onClick?: () => void;
+    text?: string;
+}
+/**
+ * Info sidebar component props.
+ * @interface IInfoSidebarProps
+ * @property { IButtonProps[] } [actions] - Sidebar actions.
+ * @property { React.ReactNode } [header] - Sidebar header.
+ * @property { string } title - Sidebar title.
+ * @property { ITabProps[] } tabs - Sidebar tabs.
+ * @property { IButtonProps[] } [footer] - Sidebar footer.
+ */
+interface IInfoSidebarProps {
+    actions?: IButtonProps[];
+    header?: React.ReactNode;
+    title: string;
+    tabs: ITabProps[];
+    footer?: IButtonProps[];
+}
+export type { IInfoSidebarProps };

package/types/components/inputs/fields/combobox/index.d.ts

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

package/types/components/inputs/fields/combobox/option/index.d.ts

@@ -0,0 +1,3 @@
+import { IOptionProps } from "../types";
+declare const Option: <T extends object>({ item, state, }: Readonly<IOptionProps<T>>) => JSX.Element;
+export { Option };

package/types/components/inputs/fields/combobox/styles.d.ts

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

package/types/components/inputs/fields/combobox/types.d.ts

@@ -0,0 +1,40 @@
+import type { Key } from "react-aria";
+import type { ComboBoxState } from "react-stately";
+import type { IOutlineContainerProps } from "../../types";
+/**
+ * Props for the item component.
+ * @interface IItem
+ * @property { string } name - The name of the item.
+ * @property { string } value - The value of the item.
+ */
+interface IItem {
+    name: string;
+    value: string;
+}
+/**
+ * Props for the option component.
+ * @interface IOptionProps
+ * @property { IItem } item - The item to be rendered as an option.
+ * @property { ComboBoxState<T> } state - The state of the ComboBox.
+ */
+interface IOptionProps<T> {
+    item: IItem;
+    state: ComboBoxState<T>;
+}
+/**
+ * Props for the Select component.
+ * @interface IComboBoxProps
+ * @property { boolean } [disabled] - Whether the Select is disabled.
+ * @property { string } name - The name of the Select.
+ * @property { IItem[] } items - The items to be rendered as options.
+ * @property { Function } onChange - The callback function to be called when the value of the Select changes.
+ * @property { string } value - The value of the Select.
+ */
+interface IComboBoxProps extends Partial<Omit<IOutlineContainerProps, "maxLength" | "value">> {
+    disabled?: boolean;
+    name: string;
+    items: IItem[];
+    onChange: (key: Key | null) => void;
+    value: string;
+}
+export type { IItem, IOptionProps, IComboBoxProps };

package/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/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/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/types/components/inputs/fields/date/calendar/index.d.ts

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

package/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/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/types/components/inputs/fields/date/types.d.ts

@@ -0,0 +1,32 @@
+import { InputHTMLAttributes } from "react";
+import type { AriaCalendarCellProps, AriaCalendarGridProps, CalendarAria, DateValue } from "react-aria";
+import type { CalendarState, DatePickerStateOptions, DateRangePickerStateOptions, RangeCalendarState } from "react-stately";
+/**
+ * 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/types/components/inputs/fields/date-range/calendar/index.d.ts

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

package/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/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/types/components/inputs/fields/date-time/calendar/index.d.ts

@@ -0,0 +1,9 @@
+import type { TimeValue } from "react-aria";
+import type { CalendarStateOptions, DatePickerState } from "react-stately";
+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/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/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/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/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/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/types/components/inputs/fields/input-file/index.d.ts

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

package/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/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/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/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/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/types/components/inputs/fields/phone/index.d.ts

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

package/types/components/inputs/fields/phone/styles.d.ts

@@ -0,0 +1,6 @@
+declare const StyledPhoneInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledCountrySelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+declare const StyledCountryItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const StyledCountryName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export { StyledCountryName, StyledCountrySelector, StyledCountryItem, StyledDropdown, StyledPhoneInputContainer, };

package/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/types/components/inputs/index.d.ts

@@ -0,0 +1,14 @@
+import { ComboBox } from "./fields/combobox";
+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 { TextArea } from "./fields/text-area";
+import { OutlineContainer } from "./outline-container";
+export { OutlineContainer, PhoneInput, ComboBox, Input, InputDate, InputDateRange, InputDateTime, InputFile, InputNumber, InputTags, InputNumberRange, TextArea, Editable, };

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

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

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

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

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

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

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

@@ -0,0 +1,108 @@
+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 {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;
+    required?: boolean;
+    tooltip?: string;
+    weight?: "bold" | "normal";
+}
+/**
+ * Outline container component props.
+ * @interface IOutlineContainerProps
+ * @extends ILabelProps
+ * @property {string} [error] - The error message of the input.
+ * @property {string} [helpLink] - The help link of the input.
+ * @property {string} [helpLinkText] - The help link text of the input.
+ * @property {string} [helpText] - The help text of the input.
+ * @property {number} [maxLength] - The max length of the input.
+ */
+interface IOutlineContainerProps extends ILabelProps {
+    error?: string;
+    helpLink?: string;
+    helpLinkText?: string;
+    helpText?: string;
+    maxLength?: number;
+    value?: string;
+}
+/**
+ * Input text component props.
+ * @interface IInputProps
+ * @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} 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 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 { ILabelProps, IOutlineContainerProps, IInputProps, ITextAreaProps, IInputNumberProps, IInputNumberRangeProps, IInputTagProps, };

package/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/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";
+declare const Button: ({ disabled, icon, props, }: Readonly<{
+    disabled?: boolean;
+    icon: IconName;
+    props: AriaButtonOptions<"button">;
+}>) => JSX.Element;
+export { Button };

package/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/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/types/components/inputs/utils/dialog/index.d.ts

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

package/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/types/components/inputs/utils/popover/index.d.ts

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

package/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, };