@fluidattacks/design 3.1.4 → 3.1.5

package/types/components/search-bar/types.d.ts

@@ -0,0 +1,29 @@
+import { IIconModifiable } from "components/@core";
+type THit = Record<string, unknown>;
+/**
+ * Item searching component props.
+ * @interface IItemSearchingProps
+ * @property {THit} hit - The matched item of the search query.
+ * @property {IconName} [icon] - Icon to show with item.
+ * @property {boolean} [showIcon] - True if the item includes an icon.
+ */
+interface IItemSearchingProps {
+    hit: THit;
+    icon?: IIconModifiable["icon"];
+    showIcon?: boolean;
+}
+/**
+ * Search bar component props.
+ * @interface ISearchBarProps
+ * @property {THit[]} items - The matched items returned from Algolia.
+ * @property {string} [placeholder] - The search bar placeholder.
+ * @property {Function} refine - A function to set a new query and searches.
+ * @property {string} query - The query from the last search.
+ */
+interface ISearchBarProps {
+    items: THit[];
+    placeholder?: string;
+    refine: (value: string) => void;
+    query: string;
+}
+export type { IItemSearchingProps, ISearchBarProps };

package/types/components/search-bar/utils.d.ts

@@ -0,0 +1,4 @@
+import { IItemSearchingProps } from "./types";
+declare const itemsSuggested: IItemSearchingProps[];
+declare const itemContact: IItemSearchingProps;
+export { itemContact, itemsSuggested };

package/types/components/severity-badge/index.d.ts

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

package/types/components/severity-badge/types.d.ts

@@ -0,0 +1,26 @@
+type TSeverityBadgeVariant = "critical" | "disable" | "high" | "low" | "medium";
+/**
+ * Severity badge variant props.
+ * @interface IVariant
+ * @property {string} bgColor - Background color of the badge.
+ * @property {string} colorL - Color of the left text.
+ * @property {string} colorR - Color of the right text.
+ */
+interface IVariant {
+    bgColor: string;
+    colorL: string;
+    colorR: string;
+}
+/**
+ * Severity badge component props.
+ * @interface ISeverityBadgeProps
+ * @property { string } [textL] - Left text of the badge.
+ * @property { string } textR - Right text of the badge.
+ * @property { TSeverityBadgeVariant } variant - Variant of the badge.
+ */
+interface ISeverityBadgeProps {
+    textL?: string;
+    textR: string;
+    variant: TSeverityBadgeVariant;
+}
+export type { TSeverityBadgeVariant, ISeverityBadgeProps, IVariant };

package/types/components/severity-badge/utils.d.ts

@@ -0,0 +1,3 @@
+import { IVariant, TSeverityBadgeVariant } from "./types";
+declare const variants: Record<TSeverityBadgeVariant, IVariant>;
+export { variants };

package/types/components/severity-overview/badge/index.d.ts

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

package/types/components/severity-overview/index.d.ts

@@ -0,0 +1,3 @@
+import { ISeverityOverviewProps } from "./types";
+declare const SeverityOverview: ({ critical, high, medium, low, }: Readonly<ISeverityOverviewProps>) => JSX.Element;
+export { SeverityOverview };

package/types/components/severity-overview/types.d.ts

@@ -0,0 +1,40 @@
+type TSeverityOverviewBadgeVariant = "critical" | "high" | "low" | "medium";
+/**
+ * Severity overview badge component props.
+ * @interface ISeverityOverviewBadgeProps
+ * @property { TSeverityOverviewBadgeVariant } variant - Variant of the badge.
+ * @property { number } value - Value of the badge.
+ */
+interface ISeverityOverviewBadgeProps {
+    variant: TSeverityOverviewBadgeVariant;
+    value: number;
+}
+/**
+ * Variant of severity badge.
+ * @interface IVariant
+ * @property { string } iconColor - Color of the icon.
+ * @property { string } iconText - Text of the icon.
+ * @property { string } iconTextColor - Color of the icon text.
+ * @property { string } textColor - Color of the text.
+ */
+interface IVariant {
+    iconColor: string;
+    iconText: string;
+    iconTextColor: string;
+    textColor: string;
+}
+/**
+ * Severity overview component props.
+ * @interface ISeverityOverviewProps
+ * @property { number } critical - Number of critical vulnerabilities.
+ * @property { number } high - Number of high vulnerabilities.
+ * @property { number } medium - Number of medium vulnerabilities.
+ * @property { number } low - Number of low vulnerabilities.
+ */
+interface ISeverityOverviewProps {
+    critical: number;
+    high: number;
+    medium: number;
+    low: number;
+}
+export type { ISeverityOverviewProps, ISeverityOverviewBadgeProps, IVariant, TSeverityOverviewBadgeVariant, };

package/types/components/severity-overview/utils.d.ts

@@ -0,0 +1,3 @@
+import { IVariant, TSeverityOverviewBadgeVariant } from "./types";
+declare const getVariant: (variant: TSeverityOverviewBadgeVariant, value: number) => IVariant;
+export { getVariant };

package/types/components/show-on-hover/index.d.ts

@@ -0,0 +1,3 @@
+import type { IShowOnHoverProps } from "./types";
+declare const ShowOnHover: ({ visibleElement, hiddenElement, }: Readonly<IShowOnHoverProps>) => JSX.Element;
+export { ShowOnHover };

package/types/components/show-on-hover/styles.d.ts

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

package/types/components/show-on-hover/types.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+/**
+ * Show on hover component props.
+ * @interface IShowOnHoverProps
+ * @property { ReactNode } visibleElement - The element to show by default.
+ * @property { ReactNode } hiddenElement - The element to show when hovering.
+ */
+interface IShowOnHoverProps {
+    visibleElement: ReactNode;
+    hiddenElement: ReactNode;
+}
+export type { IShowOnHoverProps };

package/types/components/slide-out-menu/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import type { ISlideOutMenuProps } from "./types";
+declare const SlideOutMenu: ({ children, closeIconId, isOpen, items, onClose, primaryButtonText, primaryOnClick, secondaryButtonText, secondaryOnClick, title, }: Readonly<PropsWithChildren<ISlideOutMenuProps>>) => JSX.Element;
+export { SlideOutMenu };

package/types/components/slide-out-menu/menu-item/index.d.ts

@@ -0,0 +1,3 @@
+import type { IMenuItemProps } from "../types";
+declare const MenuItem: ({ customBadge, description, icon, onClick, requiresUpgrade, title, }: Readonly<IMenuItemProps>) => JSX.Element;
+export { MenuItem };

package/types/components/slide-out-menu/styles.d.ts

@@ -0,0 +1,2 @@
+declare const SlideMenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("framer-motion").HTMLMotionProps<Tag>, "ref"> & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<Tag>>, keyof import("react").Component<any, {}, any>>;
+export { SlideMenuContainer };

package/types/components/slide-out-menu/types.d.ts

@@ -0,0 +1,43 @@
+import { IIconModifiable } from "components/@core";
+/**
+ * Menu item component props.
+ * @interface IMenuItemProps
+ * @extends IIconModifiable
+ * @property { JSX.Element } [customBadge] - Custom badge element.
+ * @property { string } description - Description for the menu item.
+ * @property { Function } onClick - Event handler for the menu item click.
+ * @property { boolean } [requiresUpgrade] - Indicates if the menu item requires upgrade.
+ * @property { string } title - Title for the menu item.
+ */
+interface IMenuItemProps extends Pick<IIconModifiable, "icon"> {
+    customBadge?: JSX.Element;
+    description: string;
+    onClick: () => void;
+    requiresUpgrade?: boolean;
+    title: string;
+}
+/**
+ * Slide out menu component props.
+ * @interface ISlideOutMenuProps
+ * @property { string } [closeIconId] - Icon ID for the close button.
+ * @property { boolean } isOpen - Indicates if the slide out menu is open.
+ * @property { IMenuItemProps[] } items - Menu items to be displayed.
+ * @property { Function } onClose - Event handler for the close button click.
+ * @property { string } [primaryButtonText] - Primary button text.
+ * @property { Function } [primaryOnClick] - Event handler for the primary button click.
+ * @property { string } [secondaryButtonText] - Secondary button text.
+ * @property { Function } [secondaryOnClick] - Event handler for the secondary button click.
+ * @property { string } title - Title for the slide out menu.
+ */
+interface ISlideOutMenuProps {
+    closeIconId?: string;
+    isOpen: boolean;
+    items?: IMenuItemProps[];
+    onClose: () => void;
+    primaryButtonText?: string;
+    primaryOnClick?: () => void;
+    secondaryButtonText?: string;
+    secondaryOnClick?: () => void;
+    title: string;
+}
+export type { ISlideOutMenuProps, IMenuItemProps };

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

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

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

@@ -0,0 +1,7 @@
+declare const StyledSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $min: number;
+    $value: number;
+}>> & string;
+declare const LimitValues: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Output: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, never>> & string;
+export { StyledSlider, LimitValues, Output };

package/types/components/slider/thumb/index.d.ts

@@ -0,0 +1,3 @@
+import { ISliderThumbProps } from "../types";
+declare const Thumb: ({ state, trackRef, index, }: Readonly<ISliderThumbProps>) => JSX.Element;
+export { Thumb };

package/types/components/slider/types.d.ts

@@ -0,0 +1,13 @@
+import type { AriaSliderThumbOptions } from "react-aria";
+import type { SliderState, SliderStateOptions } from "react-stately";
+/**
+ * Slider thumb component props.
+ * @interface  ISliderThumbProps
+ * @extends AriaSliderThumbOptions
+ * @property { SliderState } state - The slider state.
+ */
+interface ISliderThumbProps extends Omit<AriaSliderThumbOptions, "inputRef"> {
+    state: SliderState;
+}
+type TSliderProps = SliderStateOptions<number>;
+export type { ISliderThumbProps, TSliderProps };

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

@@ -0,0 +1,2 @@
+declare const normalizeValue: (min: number, max: number, value: number) => number;
+export { normalizeValue };

package/types/components/step-lapse/index.d.ts

@@ -0,0 +1,3 @@
+import type { IStepLapseProps } from "./types";
+declare const StepLapse: ({ button: { disabled, text, type, onClick }, steps, }: Readonly<IStepLapseProps>) => JSX.Element;
+export { StepLapse };

package/types/components/step-lapse/styles.d.ts

@@ -0,0 +1,8 @@
+import { TStepVariant } from "./types";
+declare const StepperContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StepContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledButtonsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledStepLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $variant: TStepVariant;
+}>> & string;
+export { StyledStepLabel, StyledButtonsContainer, StepContainer, StepperContainer, };

package/types/components/step-lapse/types.d.ts

@@ -0,0 +1,44 @@
+import type { ButtonHTMLAttributes, ReactNode } from "react";
+type TStepVariant = "completed" | "current" | "disabled";
+/**
+ * Step component props.
+ * @interface IStep
+ * @property { ReactNode } content - The content to be displayed in the step.
+ * @property { boolean } [isDisabledNext] - A flag indicating whether the next button should be disabled.
+ * @property { boolean } [isDisabledPrevious] - A flag indicating whether the previous button should be disabled.
+ * @property { Function } [nextAction] - The callback function to be executed when the next button is clicked.
+ * @property { Function } [previousAction] - The callback function to be executed when the previous button is clicked.
+ * @property { string } title - The title of the step.
+ */
+interface IStep {
+    content: ReactNode;
+    isDisabledNext?: boolean;
+    isDisabledPrevious?: boolean;
+    nextAction?: () => void;
+    previousAction?: () => void;
+    title: string;
+}
+/**
+ * Step lapse button props.
+ * @interface IStepLapseButton
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ * @property { boolean } disabled - Whether the button should be disabled.
+ * @property { string } text - Button text.
+ * @property { Function } onClick - Callback function to be executed when the button is clicked.
+ */
+interface IStepLapseButton extends Pick<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+    disabled?: boolean;
+    text: string;
+    onClick?: () => void;
+}
+/**
+ * Step lapse component props.
+ * @interface IStepLapseProps
+ * @property { IStepLapseButton } button - The button to be displayed at the end of the step lapse.
+ * @property { IStep[] } steps - The steps to be included in the step lapse.
+ */
+interface IStepLapseProps {
+    button: IStepLapseButton;
+    steps: IStep[];
+}
+export type { IStepLapseProps, TStepVariant };

package/types/components/table-button/index.d.ts

@@ -0,0 +1,3 @@
+import type { ITableButtonProps } from "./types";
+declare const TableButton: ({ disabled, icon, id, label, name, onClick, type, variant, }: Readonly<ITableButtonProps>) => JSX.Element;
+export { TableButton };

package/types/components/table-button/styles.d.ts

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

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

@@ -0,0 +1,16 @@
+import type { ButtonHTMLAttributes } from "react";
+import { IIconModifiable } from "components/@core";
+type TVariant = "add" | "approve" | "disabled" | "reject" | "submit" | "success";
+/**
+ * Table button component props.
+ * @interface ITableButtonProps
+ * @extends IIconModifiable
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ * @property { string } [label] - Button label.
+ * @property { TVariant } variant - Button variant.
+ */
+interface ITableButtonProps extends Partial<Pick<IIconModifiable, "icon">>, ButtonHTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    variant: TVariant;
+}
+export type { ITableButtonProps, TVariant };

package/types/components/tabs/fixed-tabs/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import { FixedTabs } from "./fixed-tabs";
+import { Tab } from "./tab";
+import { ITabsProps } from "./types";
+declare const Tabs: ({ items, borders, box, }: Readonly<ITabsProps>) => JSX.Element;
+export { FixedTabs, Tabs, Tab };

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

@@ -0,0 +1,4 @@
+declare const StyledFixedTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledFixedTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TabLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export { StyledFixedTab, StyledFixedTabs, TabLink };

package/types/components/tabs/tab/index.d.ts

@@ -0,0 +1,4 @@
+import type { ITabProps } from "../types";
+declare const Tab: ({ label, id, isActive, link, notificationSign, onClick, tooltip, }: Readonly<ITabProps>) => JSX.Element;
+export type { ITabProps };
+export { Tab };

package/types/components/tabs/types.d.ts

@@ -0,0 +1,48 @@
+import { INotificationSignProps } from "components/notification-sign/types";
+/**
+ * Individual tab props.
+ * @property {boolean} [isActive] - Set the current tab active.
+ * @property {Function} [onClick] - The handler event on tab click.
+ * @property {string | JSX.Element} label - The tab title.
+ */
+interface IFixedTabProps {
+    isActive?: boolean;
+    onClick?: (event: Readonly<React.MouseEvent>) => void;
+    label: string | JSX.Element;
+}
+/**
+ * Fixed tabs component props.
+ * ** Note: A maximum of 5 tabs is allowed. **
+ * @property {ITabProps[]} items - The list of tabs to display.
+ */
+interface IFixedTabsProps {
+    items: IFixedTabProps[];
+}
+/**
+ * Tab component props.
+ * @interface ITabProps
+ * @extends IFixedTabProps
+ * @property {string} id - The id related to the tab.
+ * @property {string} link - The link to redirect on tab click.
+ * @property {INotificationSignProps} [notificationSign] - Notification tab details.
+ * @property {string} [tooltip] - The tooltip text to add.
+ */
+interface ITabProps extends IFixedTabProps {
+    id: string;
+    link: string;
+    notificationSign?: INotificationSignProps;
+    tooltip?: string;
+}
+/**
+ * Tabs component props.
+ * @interface ITabsProps
+ * @property {ITabProps[]} items - The lists of tabs to display.
+ * @property {boolean} [borders] - Whether to add borders to set of tabs.
+ * @property {boolean} [box] - Whether to add box container to set of tabs.
+ */
+interface ITabsProps {
+    items: ITabProps[];
+    borders?: boolean;
+    box?: boolean;
+}
+export type { IFixedTabsProps, IFixedTabProps, ITabProps, ITabsProps };

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

@@ -0,0 +1,4 @@
+import type { ITagProps, TTagVariant } from "./types";
+declare const Tag: ({ disabled, icon, iconColor, iconType, id, filterValues, fontSize, href, linkLabel, onClose, priority, tagTitle, tagLabel, variant, }: Readonly<ITagProps>) => JSX.Element;
+export type { ITagProps, TTagVariant };
+export { Tag };

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

@@ -0,0 +1,7 @@
+import type { TTagVariant } from "./types";
+interface IStyledTag {
+    $fontSize?: string;
+    $variant: TTagVariant;
+}
+declare const StyledTag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledTag>> & string;
+export { StyledTag };

package/types/components/tag/types.d.ts

@@ -0,0 +1,32 @@
+import { IIconModifiable } from "components/@core";
+type TTagVariant = "default" | "error" | "inactive" | "info" | "reachable" | "remediation" | "role" | "success" | "technique" | "warning";
+type TTagPriority = "default" | "high" | "low" | "medium";
+/**
+ * Tag component props.
+ * @interface ITagProps
+ * @extends IIconModifiable
+ * @extends HTMLAttributes<HTMLSpanElement>
+ * @property { boolean } [disabled] - Whether the tag is disabled.
+ * @property { string } [filterValues] - The filter values for the tag.
+ * @property { string } [fontSize] - The font size for the tag.
+ * @property { string } [href] - The href for the tag.
+ * @property { string } [linkLabel] - The link label for the tag.
+ * @property { Function } [onClose] - Function handler for close button click.
+ * @property { string } [tagTitle] - The title for the tag.
+ * @property { string } [tagLabel] - The label for the tag.
+ * @property { TTagPriority } [priority] - The priority of the tag.
+ * @property { TTagVariant } [variant] - The variant of the tag.
+ */
+interface ITagProps extends Partial<Pick<IIconModifiable, "icon" | "iconColor" | "iconType">>, React.HTMLAttributes<HTMLSpanElement> {
+    disabled?: boolean;
+    filterValues?: string;
+    fontSize?: string;
+    href?: string;
+    linkLabel?: string;
+    onClose?: () => void;
+    tagTitle?: string;
+    tagLabel: string;
+    priority?: TTagPriority;
+    variant?: TTagVariant;
+}
+export type { ITagProps, TTagVariant };

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

@@ -0,0 +1,3 @@
+import { ITimelineCardProps } from "../types";
+declare const TimeLineCard: ({ date, description, title, }: Readonly<ITimelineCardProps>) => JSX.Element;
+export { TimeLineCard };

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

@@ -0,0 +1,4 @@
+import { TimeLineCard } from "./card";
+import type { ITimelineProps } from "./types";
+declare const TimeLine: ({ items }: Readonly<ITimelineProps>) => JSX.Element;
+export { TimeLineCard, TimeLine };

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

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

package/types/components/timeline/types.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Timeline card component props.
+ * @interface ITimelineCardProps
+ * @property { string } date - The date of the event.
+ * @property { string[] } description - The description of the event.
+ * @property { string } [title] - The title of the event.
+ */
+interface ITimelineCardProps {
+    date: string;
+    description: string[];
+    title?: string;
+}
+/**
+ * Timeline component props.
+ * @interface ITimelineProps
+ * @property { ITimelineCardProps[] } cards - The array of timeline card items.
+ */
+interface ITimelineProps {
+    items: ITimelineCardProps[];
+}
+export type { ITimelineCardProps, ITimelineProps };

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

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

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

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

package/types/components/toggle/types.d.ts

@@ -0,0 +1,28 @@
+import type { Property } from "csstype";
+import type { InputHTMLAttributes } from "react";
+/**
+ * Toggle component props.
+ * @interface ILabel
+ * @property { string } on - The label for the on state.
+ * @property { string } off - The label for the off state.
+ */
+interface ILabel {
+    on: string;
+    off: string;
+}
+/**
+ * Toggle component props.
+ * @interface IToggleProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @property { Property.JustifyContent } [justify] - The justification of the toggle and its labels.
+ * @property { ILabel | string } [leftDescription] - The label or description for the left side of the toggle.
+ * @property { string } name - The name of the input field.
+ * @property { string } [rightDescription] - The label or description for the right side of the toggle.
+ */
+interface IToggleProps extends InputHTMLAttributes<HTMLInputElement> {
+    justify?: Property.JustifyContent;
+    leftDescription?: ILabel | string;
+    name: string;
+    rightDescription?: string;
+}
+export type { IToggleProps };

package/types/components/toggle-buttons/index.d.ts

@@ -0,0 +1,3 @@
+import { IToggleButtonProps } from "./types";
+declare const ToggleButton: ({ defaultSelection, options, handleClick, }: Readonly<IToggleButtonProps>) => JSX.Element;
+export { ToggleButton };

package/types/components/toggle-buttons/styles.d.ts

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

package/types/components/toggle-buttons/types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Toggle button component props.
+ * @interface IToggleButtonProps
+ * @property {string} [defaultSelection] - The option selected by default.
+ * @property {string[]} options - The list options label.
+ * @property {Function} handleClick - The function to handle the click event.
+ */
+interface IToggleButtonProps {
+    defaultSelection?: string;
+    options: string[];
+    handleClick: (selection: string) => void;
+}
+export type { IToggleButtonProps };

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

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

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

@@ -0,0 +1,7 @@
+declare const TooltipBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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;
+}, never>> & string;
+declare const StyledTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxWidth?: string;
+}>> & string;
+export { TooltipBox, StyledTooltip };

package/types/components/tooltip/types.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from "react";
+import { IDisplayModifiable, IIconModifiable } from "components/@core";
+type TPlace = "bottom" | "left" | "right" | "top";
+type TEffect = "float" | "solid";
+/**
+ * Tooltip component props
+ * @interface ITooltipProps
+ * @extends IIconModifiable
+ * @extends IDisplayModifiable
+ * @property {boolean} [disabled] - If the tooltip icon is disabled.
+ * @property {TEffect} [effect] - Tooltip visual effect.
+ * @property {boolean} [hide] - If the tooltip has a hideout event.
+ * @property {string} [id] - The tooltip id, required for it to work.
+ * @property {ReactNode} [nodeTip] - The tooltip content when is not plain text.
+ * @property {TPlace} [place] - Where to locate the tooltip from parent node.
+ * @property {string} [tip] - The tooltip content, only as string.
+ * @property {title} [title] - The tooltip title.
+ */
+interface ITooltipProps extends Partial<IIconModifiable>, Pick<IDisplayModifiable, "display" | "height" | "maxWidth" | "width"> {
+    disabled?: boolean;
+    effect?: TEffect;
+    hide?: boolean;
+    id?: string;
+    nodeTip?: ReactNode;
+    place?: TPlace;
+    tip?: string;
+    title?: string;
+}
+export type { ITooltipProps, TPlace };

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

@@ -0,0 +1,6 @@
+import type { Step } from "react-joyride";
+import { ITourProps } from "./types";
+declare const baseStep: Step;
+declare const Tour: ({ run, steps, onFinish }: Readonly<ITourProps>) => JSX.Element;
+export { baseStep, Tour };
+export type { Step };