@fluidattacks/design 2.4.0 → 2.6.0

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

@@ -0,0 +1,3 @@
+import type { ICardHeader } from "../types";
+declare const CardHeader: ({ authorEmail, date, description, descriptionColor, id, title, titleColor, textAlign, textSpacing, tooltip, }: Readonly<ICardHeader>) => JSX.Element;
+export { CardHeader };

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

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import type { ICardWithImageProps } from "../types";
+declare const CardWithImage: ({ alt, authorEmail, date, description, src, children, isEditing, onClick, title, hideDescription, headerType, showMaximize, }: Readonly<PropsWithChildren<ICardWithImageProps>>) => JSX.Element;
+export { CardWithImage };

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

@@ -0,0 +1,3 @@
+import type { ICardWithSelectorProps } from "../types";
+declare const CardWithSelector: ({ alt, imageId, icon, selectorProps, onClick, title, width, }: Readonly<ICardWithSelectorProps>) => JSX.Element;
+export { CardWithSelector };

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

@@ -0,0 +1,3 @@
+import type { ICardWithSwitchProps } from "../types";
+declare const CardWithSwitch: ({ id, title, toggles, minWidth, height, }: Readonly<ICardWithSwitchProps>) => JSX.Element;
+export { CardWithSwitch };

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

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

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

@@ -0,0 +1,93 @@
+import { IconName } from "@fortawesome/free-solid-svg-icons";
+import type { Property } from "csstype";
+import type { MouseEventHandler } from "react";
+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";
+/**
+ * Card component shared props.
+ * @interface ISharedProps
+ * @property { string } [authorEmail] - Card author email.
+ * @property { string } [date] - Card date.
+ * @property { string } [description] - Card description.
+ * @property { string } [title] - Card title.
+ */
+interface ISharedProps {
+    authorEmail?: string;
+    date?: string;
+    description?: string;
+    title: string;
+}
+/**
+ * Card header component props.
+ * @interface ICardHeader
+ * @extends ISharedProps
+ * @property { string } [textAlign] - Card title text alignment.
+ * @property { string } [tooltip] - Card tooltip.
+ * @property { string } id - Card id.
+ * @property { string } [titleColor] - Card title color.
+ * @property { string } [descriptionColor] - Card description color.
+ * @property { TSpacing } [textSpacing] - Card text spacing.
+ */
+interface ICardHeader extends ISharedProps {
+    textAlign?: Property.TextAlign;
+    tooltip?: string;
+    id: string;
+    titleColor?: string;
+    descriptionColor?: string;
+    textSpacing?: TSpacing;
+}
+/**
+ * Card with image component props.
+ * @interface ICardWithImageProps
+ * @extends ISharedProps
+ * @property { string } alt - Card image alt.
+ * @property { string } [src] - Card image source.
+ * @property { boolean } [isEditing] - Card is editing.
+ * @property { boolean } [showMaximize] - Card show maximize.
+ * @property { boolean } [hideDescription] - Card hide description.
+ * @property { MouseEventHandler<HTMLDivElement> } [onClick] - Card onClick.
+ * @property { TFileType } [headerType] - Card header type.
+ */
+interface ICardWithImageProps extends ISharedProps {
+    alt: string;
+    hideDescription?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    src: string;
+    headerType?: TFileType;
+    isEditing: boolean;
+    showMaximize?: boolean;
+}
+/**
+ * Card with switch component props.
+ * @interface ICardWithSwitchProps
+ * @property { string } [minWidth] - Card min width.
+ * @property { string } [height] - Card height.
+ * @property { IToggleProps[] } toggles - Card toggles.
+ */
+interface ICardWithSwitchProps extends ICardHeader {
+    minWidth?: string;
+    height?: string;
+    toggles: IToggleProps[];
+}
+/**
+ * Card with selector component props.
+ * @interface ICardWithSelectorProps
+ * @extends ISharedProps
+ * @property { string } [alt] - Card image alt.
+ * @property { string } [imageId] - Card image id.
+ * @property { IconName } [icon] - Card icon.
+ * @property { Function } [onClick] - Card onClick.
+ * @property { IRadioButtonProps } selectorProps - Card selector props.
+ * @property { string } [width] - Card width.
+ */
+interface ICardWithSelectorProps extends Pick<ISharedProps, "description" | "title"> {
+    alt?: string;
+    imageId?: string;
+    icon?: IconName;
+    onClick?: () => void;
+    selectorProps: IRadioButtonProps;
+    width?: string;
+}
+export type { ICardHeader, ICardWithImageProps, ICardWithSwitchProps, ICardWithSelectorProps, };

package/dist/types/components/confirm-dialog/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { IConfirmDialogProps } from "./types";
+declare const useConfirmDialog: () => {
+    confirm: (props: Readonly<IConfirmDialogProps>) => Promise<boolean>;
+    ConfirmDialog: React.FC<Readonly<{
+        id?: string;
+        children?: React.ReactNode;
+    }>>;
+};
+export type { IConfirmDialogProps };
+export { useConfirmDialog };

package/dist/types/components/confirm-dialog/types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Confirm dialog component props.
+ * @interface IConfirmDialogProps
+ * @property { string } [id] - Id of the confirm dialog.
+ * @property { React.ReactNode } [message] - Message to display in the confirm dialog.
+ * @property { string } title - Title of the confirm dialog.
+ */
+interface IConfirmDialogProps {
+    id?: string;
+    message?: React.ReactNode;
+    title: string;
+}
+export type { IConfirmDialogProps };

package/dist/types/components/empty-state/empty-button/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { IButtonProps } from "../types";
+import type { TVariant } from "components/button/types";
+declare const EmptyButton: React.FC<Readonly<{
+    buttonProps: IButtonProps;
+    variant: TVariant;
+}>>;
+export { EmptyButton };

package/dist/types/components/empty-state/index.d.ts

@@ -0,0 +1,3 @@
+import type { IEmptyProps } from "./types";
+declare const EmptyState: ({ cancelButton, confirmButton, description, imageSrc, padding, title, size, }: Readonly<IEmptyProps>) => JSX.Element;
+export { EmptyState };

package/dist/types/components/empty-state/styles.d.ts

@@ -0,0 +1,8 @@
+import type { DefaultTheme } from "styled-components";
+interface IEmptyContainerProps {
+    $padding: keyof DefaultTheme["spacing"];
+}
+declare const EmptyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IEmptyContainerProps>> & string;
+declare const EmptyImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const EmptyButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { EmptyContainer, EmptyImageContainer, EmptyButtonContainer };

package/dist/types/components/empty-state/types.d.ts

@@ -0,0 +1,35 @@
+import type { DefaultTheme } from "styled-components";
+type TSize = "md" | "sm";
+/**
+ * Button empty state props.
+ * @interface IButtonProps
+ * @property { string } text - Button text.
+ * @property { Function } [onClick] - Button click handler.
+ */
+interface IButtonProps {
+    onClick?: () => void;
+    text: string;
+}
+/**
+ * Empty state component props.
+ * @interface IEmptyProps
+ * @property { IButtonProps } [cancelButton] - Cancel button props.
+ * @property { IButtonProps } [confirmButton] - Confirm button props.
+ * @property { string } description - Empty state description.
+ * @property { string } imageSrc - Empty state image source.
+ * @property { DefaultTheme["spacing"] } [padding] - Empty state padding.
+ * @property { string } [question] - Question text.
+ * @property { TSize } [size] - Empty state size.
+ * @property { string } title - Empty state title.
+ */
+interface IEmptyProps {
+    cancelButton?: IButtonProps;
+    confirmButton?: IButtonProps;
+    description: string;
+    imageSrc?: string;
+    padding?: keyof DefaultTheme["spacing"];
+    question?: string;
+    size?: TSize;
+    title: string;
+}
+export type { IEmptyProps, IButtonProps };

package/dist/types/components/file-preview/types.d.ts

@@ -17,4 +17,4 @@ interface IFilePreviewProps {
     src: string;
     width?: string;
 }
-export type { IFilePreviewProps };
+export type { IFilePreviewProps, TFileType };

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/grid-container/index.d.ts

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

package/dist/types/components/grid-container/styles.d.ts

@@ -0,0 +1,12 @@
+import type { IGridContainerProps } from "./types";
+interface IStyledGridProps {
+    $xl?: IGridContainerProps["xl"];
+    $lg?: IGridContainerProps["lg"];
+    $md?: IGridContainerProps["md"];
+    $sm?: IGridContainerProps["sm"];
+    $gap?: IGridContainerProps["gap"];
+}
+declare const GridContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 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: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, IStyledGridProps>> & string;
+export { GridContainer };

package/dist/types/components/grid-container/types.d.ts

@@ -0,0 +1,17 @@
+import type { TModifiable } from "components/@core";
+/**
+ * Grid container component props.
+ * @interface IGridContainerProps
+ * @extends TModifiable
+ * @property { number } xl - Grid container xl breakpoint.
+ * @property { number } lg - Grid container lg breakpoint.
+ * @property { number } md - Grid container md breakpoint.
+ * @property { number } sm - Grid container sm breakpoint.
+ */
+interface IGridContainerProps extends TModifiable {
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+}
+export type { IGridContainerProps };

package/dist/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/dist/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/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/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,4 @@
+import { Input } from "./fields/input";
 import { PhoneInput } from "./fields/phone";
-import { TextInput } from "./fields/text-input";
 import { OutlineContainer } from "./outline-container";
-export { OutlineContainer, PhoneInput, TextInput };
+export { OutlineContainer, PhoneInput, Input };

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,56 @@ interface IOutlineContainerProps extends ILabelProps {
     helpLinkText?: string;
     helpText?: string;
     maxLength?: number;
+    value?: string;
 }
 /**
  * Input text component props.
  * @interface IInputProps
- * @extends ILabelProps
  * @extends InputHTMLAttributes<HTMLInputElement>
- * @property {string} [error] - The error message of the input.
- * @property {string} id - The id of the input.
+ * @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<ILabelProps> {
-    error?: string;
+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>, 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>, Omit<IOutlineContainerProps, "value"> {
+    decimalPlaces?: number;
     name: string;
 }
-export type { IInputProps, ILabelProps, IOutlineContainerProps };
+/**
+ * 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>, Omit<IOutlineContainerProps, "value"> {
+    onRemove?: (tag: string) => void;
+}
+export type { ILabelProps, IOutlineContainerProps, IInputProps, ITextAreaProps, IInputNumberProps, 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/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,13 @@
+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;
+export { StyledButtonAction, CalendarButtonAction, DialogContainer };

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

@@ -0,0 +1,31 @@
+import type { AriaPopoverProps } from "@react-aria/overlays";
+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;
+}
+export type { IActionButtonProps, IPopoverProps };

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 };

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

@@ -1,4 +1,4 @@
-type TLogoVariant = "company" | "footer" | "header" | "icon";
+type TLogoVariant = "company" | "footer" | "header" | "icon" | "inline";
 /**
  * Logo component props.
  * @interface ILogoProps