@fluidattacks/design 3.1.4 → 3.1.5

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

@@ -0,0 +1,77 @@
+import type { Property } from "csstype";
+import type { AriaDatePickerProps, AriaPopoverProps, DatePickerAria, DateValue } from "react-aria";
+import type { DateFieldState, DateFieldStateOptions, DateSegment, OverlayTriggerState, TimeFieldStateOptions } from "react-stately";
+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 {string} [className] - The class name of the popover.
+ * @property {boolean} [isFilter] - Indicates if the popover is a filter.
+ * @property {OverlayTriggerState} state - The state of the overlay trigger.
+ * @property {RefObject} [popoverRef] - The ref of the popover.
+ */
+interface IPopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
+    className?: string;
+    isFilter?: boolean;
+    popoverRef?: React.MutableRefObject<HTMLDivElement | null>;
+    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 {React.Ref<HTMLInputElement>} inputRef - The ref of the input.
+ * @property {string} name - The name of the date selector.
+ */
+interface IDateSelectorProps extends Pick<DatePickerAria, "buttonProps" | "fieldProps" | "groupProps">, Pick<AriaDatePickerProps<DateValue>, "granularity"> {
+    error?: string;
+    datePickerRef: React.MutableRefObject<null>;
+    disabled?: boolean;
+    inputRef: React.Ref<HTMLInputElement>;
+    name: string;
+}
+/**
+ * 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/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/types/components/interactive-card/icon/index.d.ts

@@ -0,0 +1,5 @@
+import { IconName } from "@fortawesome/free-solid-svg-icons";
+declare const InteractiveIcon: ({ icon, }: Readonly<{
+    icon: IconName;
+}>) => JSX.Element;
+export { InteractiveIcon };

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

@@ -0,0 +1,3 @@
+import { IInteractiveCardProps } from "./types";
+declare const InteractiveCard: ({ category, description, href, icon, location, title, }: Readonly<IInteractiveCardProps>) => JSX.Element;
+export { InteractiveCard };

package/types/components/interactive-card/styles.d.ts

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

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

@@ -0,0 +1,20 @@
+import { IconName } from "@fortawesome/free-solid-svg-icons";
+/**
+ * Interactive card component props.
+ * @interface IInteractiveCardProps
+ * @property {string} category - The category of the card, e.g. "Success story".
+ * @property {string} description - The description of the card.
+ * @property {string} href - The URL of the card.
+ * @property {IconName} icon - The icon of the card.
+ * @property {string} location - The location of the card, e.g. "Latin America".
+ * @property {string} title - The title of the card.
+ */
+interface IInteractiveCardProps {
+    category: string;
+    description: string;
+    href: string;
+    icon: IconName;
+    location: string;
+    title: string;
+}
+export type { IInteractiveCardProps };

package/types/components/language-selector/index.d.ts

@@ -0,0 +1,3 @@
+import { ILangSelectorProps } from "./types";
+declare const LanguageSelector: ({ items, handleClick, mode, }: Readonly<ILangSelectorProps>) => JSX.Element;
+export { LanguageSelector };

package/types/components/language-selector/item-list/index.d.ts

@@ -0,0 +1,3 @@
+import { IItemList } from "../types";
+declare const ItemList: ({ disabled, mode, onClick, text, }: Readonly<IItemList>) => JSX.Element;
+export { ItemList };

package/types/components/language-selector/styles.d.ts

@@ -0,0 +1,5 @@
+declare const StyledItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledLangSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledDropdown, StyledLangSelector, StyledItem, StyledSelector };

package/types/components/language-selector/types.d.ts

@@ -0,0 +1,37 @@
+import { TMode } from "components/@core";
+/**
+ * Item list props
+ * @property {boolean} [disabled] - Show the item as disabled.
+ * @property {string} text - Item list text
+ */
+interface IItem {
+    disabled?: boolean;
+    text: string;
+}
+/**
+ * Item list for language selector props
+ * @interface IItemList
+ * @property {boolean} [disabled] - Show the item as disabled.
+ * @property {TMode} [mode] - The background theme: dark or light.
+ * @property {Function} onClick - Function handler for click event.
+ * @property {string} text - Item list text
+ */
+interface IItemList {
+    disabled?: boolean;
+    mode?: TMode;
+    onClick: () => void;
+    text: string;
+}
+/**
+ * Language selector component props
+ * @interface ILangSelectorProps
+ * @property {IItem} [items] - The custom items to make selection.
+ * @property {Function} handleClick - Function handler for click event.
+ * @property {TMode} [mode] - The background theme: dark or light.
+ */
+interface ILangSelectorProps {
+    items?: IItem[];
+    handleClick: (selection: string) => void;
+    mode?: TMode;
+}
+export type { IItem, IItemList, ILangSelectorProps };

package/types/components/link/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import type { ILinkProps } from "./types";
+declare const Link: ({ children, color, download, href, iconPosition, onClick, target, variant, }: Readonly<PropsWithChildren<ILinkProps>>) => JSX.Element;
+export type { ILinkProps };
+export { Link };

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

@@ -0,0 +1,8 @@
+import type { TVariant } from "./types";
+interface IStyledLinkProps {
+    $color?: string;
+    $variant: TVariant;
+}
+declare const StyledExternalLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, IStyledLinkProps>> & string;
+declare const StyledInternalLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, IStyledLinkProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export { StyledExternalLink, StyledInternalLink };

package/types/components/link/types.d.ts

@@ -0,0 +1,22 @@
+type TVariant = "highRelevance" | "lowRelevance";
+type TIconPosition = "hidden" | "left" | "right";
+/**
+ * Link component props.
+ * @interface ILinkProps
+ * @extends React.AnchorHTMLAttributes<HTMLAnchorElement>
+ * @property { string } [color] - The color of the link.
+ * @property { string } href - The URL of the link.
+ * @property { TIconPosition } [iconPosition] - The position of the icon.
+ * @property {Function} [onClick] - The callback function for when the link is clicked.
+ * @property {React.HTMLAttributeAnchorTarget} [target] - The target attribute for the link.
+ * @property { TVariant } [variant] - The variant of the link.
+ */
+interface ILinkProps extends Partial<Pick<HTMLAnchorElement, "download">> {
+    color?: string;
+    href: string;
+    iconPosition?: TIconPosition;
+    onClick?: () => void;
+    target?: React.HTMLAttributeAnchorTarget;
+    variant?: TVariant;
+}
+export type { TVariant, ILinkProps };

package/types/components/list-item/index.d.ts

@@ -0,0 +1,4 @@
+import { ListItemsWrapper } from "./styles";
+import type { IListItemProps } from "./types";
+declare const ListItem: ({ children, disabled, icon, iconType, href, onClick, onKeyDown, selected, value, ...props }: Readonly<IListItemProps>) => JSX.Element;
+export { ListItem, ListItemsWrapper };

package/types/components/list-item/styles.d.ts

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

package/types/components/list-item/types.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, HTMLProps } from "react";
+import { IIconModifiable } from "components/@core";
+/**
+ * Label component props.
+ * @interface ILabelProps
+ * @property { string } color - The color for the label.
+ * @property { string } [href] - The URL for the label.
+ */
+interface ILabelProps {
+    color: string;
+    href?: string;
+}
+/**
+ * List item component props.
+ * @interface IListItemProps
+ * @extends IIconModifiable
+ * @extends HTMLAttributes<HTMLLIElement>
+ * @property { string } [header] - The header text for the list item.
+ * @property { string } [href] - The URL for the list item.
+ * @property { boolean } [selected] - Whether the list item is selected.
+ * @property { string } [value] - The value for the list item.
+ */
+interface IListItemProps extends Partial<Pick<IIconModifiable, "icon" | "iconType">>, HTMLAttributes<HTMLLIElement>, HTMLProps<HTMLLIElement> {
+    href?: string;
+    selected?: boolean;
+    value?: string;
+}
+export type { IListItemProps, ILabelProps };

package/types/components/little-flag/index.d.ts

@@ -0,0 +1,4 @@
+import { ILittleFlagProps } from "./types";
+declare const LittleFlag: ({ bgColor, children, txtDecoration, ml, }: Readonly<ILittleFlagProps>) => JSX.Element;
+export type { ILittleFlagProps };
+export { LittleFlag };

package/types/components/little-flag/styles.d.ts

@@ -0,0 +1,6 @@
+interface IStyledLittleFlagProps {
+    $bgColor?: string;
+    $txtDecoration?: string;
+}
+declare const LittleFlag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledLittleFlagProps>> & string;
+export { LittleFlag };

package/types/components/little-flag/types.d.ts

@@ -0,0 +1,15 @@
+type TNums0To7 = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
+/**
+ * Little flag component props.
+ * @interface ILittleFlagProps
+ * @extends React.HTMLAttributes<HTMLSpanElement>
+ * @property { number } [ml] - The margin left value for the little flag.
+ * @property { string } [bgColor] - The background color for the little flag.
+ * @property { string } [txtDecoration] - The text decoration for the little flag.
+ */
+interface ILittleFlagProps extends Partial<React.HTMLAttributes<HTMLSpanElement>> {
+    ml?: TNums0To7;
+    bgColor?: string;
+    txtDecoration?: string;
+}
+export type { ILittleFlagProps };

package/types/components/loading/index.d.ts

@@ -0,0 +1,4 @@
+import type { ILoadingProps } from "./types";
+declare const Loading: ({ color, label, size, }: Readonly<ILoadingProps>) => JSX.Element;
+export type { ILoadingProps };
+export { Loading };

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

@@ -0,0 +1,9 @@
+import type { TColor, TSize } from "./types";
+interface IStyledLoadingProps {
+    $color?: TColor;
+    $size?: TSize;
+}
+declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, IStyledLoadingProps>> & string;
+declare const Circle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, IStyledLoadingProps>> & string;
+declare const CircleBg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, IStyledLoadingProps>> & string;
+export { Circle, CircleBg, LoadingContainer };

package/types/components/loading/types.d.ts

@@ -0,0 +1,15 @@
+type TSize = "lg" | "md" | "sm";
+type TColor = "red" | "white";
+/**
+ * Loading component props.
+ * @interface ILoadingProps
+ * @property { TColor } [color] - Color of the loading circle.
+ * @property { string } [label] - Label to display inside the loading circle.
+ * @property { TSize } [size] - Size of the loading circle
+ */
+interface ILoadingProps {
+    color?: TColor;
+    label?: string;
+    size?: TSize;
+}
+export type { ILoadingProps, TColor, TSize };

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

@@ -0,0 +1,3 @@
+import { ILogoProps } from "./types";
+declare const Logo: ({ publicId, variant }: Readonly<ILogoProps>) => JSX.Element;
+export { Logo };

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

@@ -0,0 +1,12 @@
+type TLogoVariant = "company" | "footer" | "header" | "icon" | "inline";
+/**
+ * Logo component props.
+ * @interface ILogoProps
+ * @property {string} publicId - The publicId location in cloudinary.
+ * @property {TLogoVariant} variant - The different types of logo used.
+ */
+interface ILogoProps {
+    publicId: string;
+    variant: TLogoVariant;
+}
+export type { ILogoProps, TLogoVariant };

package/types/components/logo-carousel/index.d.ts

@@ -0,0 +1,3 @@
+import { ILogoCarouselProps } from "./types";
+declare const LogoCarousel: ({ fusion, logos, }: Readonly<ILogoCarouselProps>) => JSX.Element;
+export { LogoCarousel };

package/types/components/logo-carousel/styles.d.ts

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

package/types/components/logo-carousel/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Logo carousel component props.
+ * @interface ILogoCarouselProps
+ * @property {boolean} [fusion] - Define the fusion style in carousel.
+ * @property {string[]} [logos] - The list of image logos to show.
+ */
+interface ILogoCarouselProps {
+    fusion?: boolean;
+    logos?: string[];
+}
+export type { ILogoCarouselProps };

package/types/components/logo-carousel/utils.d.ts

@@ -0,0 +1,2 @@
+declare const clientLogosDefault: string[];
+export { clientLogosDefault };

package/types/components/lottie/index.d.ts

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

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

@@ -0,0 +1,41 @@
+import { ILottieProps } from "./types";
+interface IStyledLottieProps extends Partial<ILottieProps> {
+    $size?: ILottieProps["size"];
+}
+declare const StyledLottie: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<Omit<import("lottie-web").AnimationConfigWithData<"svg">, "container" | "animationData"> & {
+    animationData: unknown;
+    lottieRef?: import("lottie-light-react").LottieRef;
+    onComplete?: import("react").AnimationEventHandler | null;
+    onLoopComplete?: import("react").AnimationEventHandler | null;
+    onEnterFrame?: import("react").AnimationEventHandler | null;
+    onSegmentStart?: import("react").AnimationEventHandler | null;
+    onConfigReady?: import("react").AnimationEventHandler | null;
+    onDataReady?: import("react").AnimationEventHandler | null;
+    onDataFailed?: import("react").AnimationEventHandler | null;
+    onLoadedImages?: import("react").AnimationEventHandler | null;
+    onDOMLoaded?: import("react").AnimationEventHandler | null;
+    onDestroy?: import("react").AnimationEventHandler | null;
+} & Omit<import("react").HTMLProps<HTMLDivElement>, "loop"> & {
+    interactivity?: Omit<import("lottie-light-react").InteractivityProps, "lottieObj">;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, Omit<Omit<import("lottie-web").AnimationConfigWithData<"svg">, "container" | "animationData"> & {
+    animationData: unknown;
+    lottieRef?: import("lottie-light-react").LottieRef;
+    onComplete?: import("react").AnimationEventHandler | null;
+    onLoopComplete?: import("react").AnimationEventHandler | null;
+    onEnterFrame?: import("react").AnimationEventHandler | null;
+    onSegmentStart?: import("react").AnimationEventHandler | null;
+    onConfigReady?: import("react").AnimationEventHandler | null;
+    onDataReady?: import("react").AnimationEventHandler | null;
+    onDataFailed?: import("react").AnimationEventHandler | null;
+    onLoadedImages?: import("react").AnimationEventHandler | null;
+    onDOMLoaded?: import("react").AnimationEventHandler | null;
+    onDestroy?: import("react").AnimationEventHandler | null;
+} & Omit<import("react").HTMLProps<HTMLDivElement>, "loop"> & {
+    interactivity?: Omit<import("lottie-light-react").InteractivityProps, "lottieObj">;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledLottieProps>> & string & Omit<(props: import("lottie-light-react").LottieComponentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, keyof import("react").Component<any, {}, any>>;
+export type { IStyledLottieProps };
+export { StyledLottie };

package/types/components/lottie/types.d.ts

@@ -0,0 +1,11 @@
+import type { LottieComponentProps } from "lottie-light-react";
+/**
+ * Lottie component props.
+ * @interface ILottieProps
+ * @extends LottieComponentProps
+ * @property { number } [size] - The size of the lottie animation. Default is 16px.
+ */
+interface ILottieProps extends Partial<Pick<LottieComponentProps, "animationData" | "autoplay" | "className">> {
+    size?: number;
+}
+export type { ILottieProps };

package/types/components/menu/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import type { IMenuProps } from "./types";
+declare const Menu: ({ children, commitSha, commitShortSha, parentElement, userInfo, setVisibility, }: Readonly<PropsWithChildren<IMenuProps>>) => JSX.Element;
+export { Menu };

package/types/components/menu/types.d.ts

@@ -0,0 +1,31 @@
+/**
+ * User information interface.
+ * @interface IUserInfo
+ * @property {string} userName - User's name.
+ * @property {string} email - User's email.
+ * @property {number | string} [phone] - User's phone number.
+ * @property {string} userRole - User's role.
+ */
+interface IUserInfo {
+    userName: string;
+    email: string;
+    phone?: number | string;
+    userRole: string;
+}
+/**
+ * Menu component props.
+ * @interface IMenuProps
+ * @property {string} commitSha - The commit SHA of the integration.
+ * @property { string } commitShortSha - The shortened commit SHA of the integration.
+ * @property { HTMLElement | null } parentElement - The parent element of the menu.
+ * @property { Function } setVisibility - Function to set the menu visibility.
+ * @property { IUserInfo } userInfo - User information.
+ */
+interface IMenuProps {
+    commitSha: string;
+    commitShortSha: string;
+    parentElement: HTMLElement | null;
+    setVisibility: (visible: boolean) => void;
+    userInfo: IUserInfo;
+}
+export type { IUserInfo, IMenuProps };

package/types/components/message-banner/index.d.ts

@@ -0,0 +1,3 @@
+import type { IMessageBannerProps } from "./types";
+declare const MessageBanner: ({ message, onClickButton, buttonText, buttonFontWeight, icon, onClose, variant, }: Readonly<IMessageBannerProps>) => JSX.Element;
+export { MessageBanner };

package/types/components/message-banner/styles.d.ts

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

package/types/components/message-banner/types.d.ts

@@ -0,0 +1,26 @@
+import { IconName } from "@fortawesome/free-solid-svg-icons";
+import type { Property } from "csstype";
+import type { MouseEventHandler } from "react";
+type TVariant = "web" | "platform";
+/**
+ * Message banner props.
+ * @interface IMessageBannerProps
+ * @extends IMessageBannerProps
+ * @property {JSX.Element | string} message - Banner text.
+ * @property {string} [buttonText] - Text for action button.
+ * @property {FontWeight} [buttonFontWeight] - Weight for button text.
+ * @property {IconName} [icon] - Icon for action button.
+ * @property {Function} [onClickButton] - Action for action button.
+ * @property {Function} [onClose] - Extra action when banner close.
+ * @property {TVariant} [variant] - Variant to use: platform or web.
+ */
+interface IMessageBannerProps {
+    message: JSX.Element | string;
+    buttonText?: string;
+    buttonFontWeight?: Property.FontWeight;
+    icon?: IconName;
+    onClickButton?: MouseEventHandler<HTMLButtonElement>;
+    onClose?: () => void;
+    variant?: TVariant;
+}
+export type { IMessageBannerProps, TVariant };

package/types/components/message-banner/utils.d.ts

@@ -0,0 +1,7 @@
+import { TVariant } from "./types";
+import { TSize } from "components/@core";
+declare const getFontSize: (variant: TVariant) => {
+    normal: TSize;
+    small: TSize | undefined;
+};
+export { getFontSize };

package/types/components/modal/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { ModalConfirm } from "./modal-confirm";
+import type { IModalProps } from "./types";
+declare const Modal: ({ _portal, cancelButton, children, confirmButton, content, description, modalRef, otherActions, onClose, title, size, id, }: Readonly<PropsWithChildren<IModalProps>>) => JSX.Element | null;
+export { Modal, ModalConfirm };

package/types/components/modal/modal-confirm/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModalConfirmProps } from "../types";
+declare const ModalConfirm: ({ disabled, id, onCancel, onConfirm, txtCancel, txtConfirm, }: Readonly<IModalConfirmProps>) => JSX.Element;
+export { ModalConfirm };

package/types/components/modal/modal-footer/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModalFooterProps } from "../types";
+declare const ModalFooter: ({ modalRef, confirmButton, cancelButton, }: Readonly<IModalFooterProps>) => JSX.Element | null;
+export { ModalFooter };

package/types/components/modal/modal-header/index.d.ts

@@ -0,0 +1,3 @@
+import type { IModalHeaderProps } from "../types";
+declare const ModalHeader: ({ title, description, modalRef, otherActions, onClose, }: Readonly<IModalHeaderProps>) => JSX.Element;
+export { ModalHeader };

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

@@ -0,0 +1,16 @@
+import type { TSize } from "./types";
+declare const ModalWrapper: 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 ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: TSize;
+}>> & string;
+declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Title: 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 Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $framed?: boolean;
+}>> & string;
+export { Header, ModalContainer, Footer, ModalWrapper, ImageContainer, Title };