@fluidattacks/design 2.3.0 → 2.5.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/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/group-selector/index.d.ts

@@ -0,0 +1,3 @@
+import type { IGroupSelectorProps } from "./types";
+declare const GroupSelector: ({ isOpen, items, handleNewOrganization, onSelect, onClose, selectedItem, title, variant, }: Readonly<IGroupSelectorProps>) => JSX.Element;
+export { GroupSelector };

package/dist/types/components/group-selector/option-container/index.d.ts

@@ -0,0 +1,4 @@
+import { OptionBoxContainer } from "../styles";
+import type { IOptionProps } from "../types";
+declare const OptionContainer: ({ isSelected, label, onSelect, }: Readonly<IOptionProps>) => JSX.Element;
+export { OptionContainer, OptionBoxContainer };

package/dist/types/components/group-selector/styles.d.ts

@@ -0,0 +1,7 @@
+declare const StyledGroupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $itemsLength: number;
+}>> & string;
+declare const OptionBoxContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isSelected?: boolean;
+}>> & string;
+export { StyledGroupContainer, OptionBoxContainer };

package/dist/types/components/group-selector/types.d.ts

@@ -0,0 +1,44 @@
+type TVariant = "organization-selector";
+/**
+ * Item handlers.
+ * @interface IItemHandlers
+ * @property { Function } [handleNewOrganization] - Handle new organization.
+ * @property { Function } [onSelect] - Handle select item.
+ * @property { Function } [onClose] - Handle close.
+ */
+interface IItemHandlers {
+    handleNewOrganization?: () => void;
+    onSelect?: (itemName: string) => void;
+    onClose?: () => void;
+}
+/**
+ * Group selector component props.
+ * @interface IGroupSelectorProps
+ * @extends IItemHandlers
+ * @property { boolean } [isOpen] - Group selector is open.
+ * @property { {name: string}[] } items - Items to display.
+ * @property { string } [selectedItem] - Selected item.
+ * @property { string } title - Group selector title.
+ * @property { TVariant } [variant] - Group selector variant.
+ */
+interface IGroupSelectorProps extends IItemHandlers {
+    isOpen?: boolean;
+    items: {
+        name: string;
+    }[];
+    selectedItem: string;
+    title: string;
+    variant?: TVariant;
+}
+/**
+ * Option component props.
+ * @interface IOptionProps
+ * @extends IItemHandlers
+ * @property { boolean } [isSelected] - Option is selected.
+ * @property { string } label - Option label.
+ */
+interface IOptionProps extends IItemHandlers {
+    isSelected?: boolean;
+    label: string;
+}
+export type { IGroupSelectorProps, IOptionProps, TVariant };

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

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

@@ -0,0 +1,87 @@
+import type { IUseModal } from "hooks";
+type TSize = "lg" | "md" | "sm";
+/**
+ * Button props.
+ * @interface IButtonProps
+ * @property { string } text - The text of the button.
+ * @property { Function } [onClick] - The function to call when the button is clicked.
+ */
+interface IButtonProps {
+    onClick: () => void;
+    text: string;
+}
+/**
+ * Modal content props.
+ * @interface IModalContent
+ * @property { string } [imageSrc] - The source of the image.
+ * @property { boolean } [imageFramed] - Whether the image is framed.
+ * @property { string } [imageText] - The text of the image.
+ */
+interface IModalContent {
+    imageSrc?: string;
+    imageFramed?: boolean;
+    imageText?: string;
+}
+/**
+ * Modal header component props.
+ * @interface IModalHeaderProps
+ * @property { React.ReactNode | string } [description] - The description of the modal.
+ * @property { IUseModal } [modalRef] - The modal reference.
+ * @property { React.ReactNode } [otherActions] - The other actions of the modal.
+ * @property { Function } [onClose] - The function to call when the modal is closed.
+ * @property { React.ReactNode | string } [title] - The title of the modal.
+ */
+interface IModalHeaderProps {
+    description?: React.ReactNode | string;
+    modalRef: IModalProps["modalRef"];
+    otherActions?: React.ReactNode;
+    onClose?: () => void;
+    title: React.ReactNode | string;
+}
+/**
+ * Modal footer component props.
+ * @interface IModalFooterProps
+ * @property { IButtonProps } [cancelButton] - The cancel button props.
+ * @property { IButtonProps } [confirmButton] - The confirm button props.
+ * @property { IUseModal } [modalRef] - The modal reference.
+ */
+interface IModalFooterProps {
+    cancelButton?: IButtonProps;
+    confirmButton?: IButtonProps;
+    modalRef: IUseModal;
+}
+/**
+ * Modal component props.
+ * @interface IModalProps
+ * @extends IModalHeaderProps
+ * @extends IModalFooterProps
+ * @property { boolean } [portal] - Whether the modal is a portal.
+ * @property { IModalContent } [content] - The modal content.
+ * @property { string } [id] - The id of the modal.
+ * @property { TSize } [size] - The size of the modal.
+ */
+interface IModalProps extends Omit<IModalHeaderProps, "modalRef">, IModalFooterProps {
+    _portal?: boolean;
+    content?: IModalContent;
+    id?: string;
+    size: TSize;
+}
+/**
+ * Modal confirm props.
+ * @interface IModalConfirmProps
+ * @property { boolean } [disabled] - Whether the confirm button is disabled.
+ * @property { string } [id] - The id of the confirm button.
+ * @property { Function } [onCancel] - The function to call when the cancel button is clicked.
+ * @property { "submit" | Function } [onConfirm] - The function to call when the confirm button is clicked.
+ * @property { string } [txtCancel] - The text of the cancel button.
+ * @property { React.ReactNode | string } [txtConfirm] - The text of the confirm button.
+ */
+interface IModalConfirmProps {
+    disabled?: boolean;
+    id?: string;
+    onCancel?: () => void;
+    onConfirm?: "submit" | (() => void);
+    txtCancel?: string;
+    txtConfirm?: React.ReactNode | string;
+}
+export type { IModalProps, IModalContent, IModalConfirmProps, IModalFooterProps, IModalHeaderProps, TSize, };

package/dist/types/components/oauth-selector/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { OptionContainer } from "./option-container";
+import type { IOAuthSelectorProps } from "./types";
+declare const OAuthSelector: ({ align, buttonLabel, children, id, manualOption, providers, }: Readonly<PropsWithChildren<IOAuthSelectorProps>>) => JSX.Element;
+export { OAuthSelector, OptionContainer };

package/dist/types/components/oauth-selector/option-container/index.d.ts

@@ -0,0 +1,3 @@
+import type { IOptionContainerProps } from "../types";
+declare const OptionContainer: ({ icon, label, onClick, onlyLabel, provider, }: Readonly<IOptionContainerProps>) => JSX.Element;
+export { OptionContainer };

package/dist/types/components/oauth-selector/types.d.ts

@@ -0,0 +1,45 @@
+import type { Property } from "csstype";
+import type { MouseEventHandler } from "react";
+import { IIconModifiable } from "components/@core";
+type TOAuthProvider = "Azure" | "Bitbucket" | "GitHub" | "GitLab";
+/**
+ * Shared props for OAuth selector.
+ * @interface ISharedProps
+ * @property {string} [label] - Label to display on the button.
+ * @property {Function} onClick - Function to be called when the button is clicked.
+ */
+interface ISharedProps {
+    label?: string;
+    onClick: MouseEventHandler<HTMLOrSVGElement>;
+}
+/**
+ * Oauth selector component props.
+ * @interface IOAuthSelectorProps
+ * @property {string} [align] - Alignment of the button.
+ * @property {string} [buttonLabel] - Label to display on the button.
+ * @property {string} [id] - Id to be used on the button.
+ * @property {ISharedProps} [manualOption] - Object with the label and onClick function for the manual option.
+ * @property {Record} [providers] - Object with the providers and their onClick function.
+ */
+interface IOAuthSelectorProps {
+    align?: Property.AlignItems;
+    buttonLabel?: string;
+    id?: string;
+    manualOption?: ISharedProps;
+    providers: Partial<Record<TOAuthProvider, {
+        onClick: MouseEventHandler<HTMLOrSVGElement>;
+    }>>;
+}
+/**
+ * Option container component props.
+ * @interface IOptionContainerProps
+ * @extends IIconModifiable
+ * @extends ISharedProps
+ * @property {boolean} [onlyLabel] - Whether to only display the label.
+ * @property {TOAuthProvider} [provider] - Provider to display.
+ */
+interface IOptionContainerProps extends Partial<Pick<IIconModifiable, "icon">>, ISharedProps {
+    onlyLabel?: boolean;
+    provider?: TOAuthProvider;
+}
+export type { IOAuthSelectorProps, IOptionContainerProps, TOAuthProvider };

package/dist/types/components/pop-up/description/index.d.ts

@@ -0,0 +1,5 @@
+declare const Description: ({ description, highlightDescription, }: Readonly<{
+    description: string;
+    highlightDescription: string[] | string;
+}>) => JSX.Element;
+export { Description };

package/dist/types/components/pop-up/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from "react";
+import type { IPopUpProps } from "./types";
+declare const PopUp: ({ _portal, cancelButton, darkBackground, children, confirmButton, container, description, highlightDescription, image, maxWidth, title, titleColor, }: Readonly<PropsWithChildren<IPopUpProps>>) => JSX.Element;
+export { PopUp };

package/dist/types/components/pop-up/types.d.ts

@@ -0,0 +1,58 @@
+import type { TVariant } from "components/button/types";
+/**
+ * Pop up button props.
+ * @interface IButtonProps
+ * @property { string } [key] - The name of the button.
+ * @property { Function } onClick - The function to call when the button is clicked
+ * @property { string } text - The text of the button.
+ * @property { TVariant } [variant] - The variant of the button.
+ */
+interface IButtonProps {
+    key?: string;
+    onClick: () => void;
+    text: string;
+    variant?: TVariant;
+}
+/**
+ * Pop up image props.
+ * @interface IImageProps
+ * @property { string } alt - The alt of the image.
+ * @property { string } src - The URL of the image.
+ * @property { string } [height] - The height of the image.
+ * @property { string } [width] - The weight of the image.
+ */
+interface IImageProps {
+    alt: string;
+    src: string;
+    height?: string;
+    width?: string;
+}
+/**
+ * Pop up component props.
+ * @interface IPopUpProps
+ * @property { boolean } [_portal] - Whether the pop up should be rendered in a portal.
+ * @property { boolean } [darkBackground] - Whether the pop up should have a dark background.
+ * @property { IButtonProps } [cancelButton] - The cancel button of the pop up.
+ * @property { IButtonProps } [confirmButton] - The confirm button of the pop up.
+ * @property { HTMLElement | null } [container] - The container of the pop up.
+ * @property { IImageProps } image - The image of the pop up.
+ * @property { string } title - The title of the pop up.
+ * @property { string } [titleColor] - The color of the title.
+ * @property { string } description - The description of the pop up.
+ * @property { string[] | string } [highlightDescription] - The highlight description of the pop up.
+ * @property { string } [maxWidth] - The max width of the pop up.
+ */
+interface IPopUpProps {
+    _portal?: boolean;
+    darkBackground?: boolean;
+    cancelButton?: IButtonProps;
+    confirmButton?: IButtonProps;
+    container?: HTMLElement | null;
+    image: IImageProps;
+    title: string;
+    titleColor?: string;
+    description: string;
+    highlightDescription?: string[] | string;
+    maxWidth?: string;
+}
+export type { IPopUpProps };

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

@@ -1,6 +1,4 @@
-declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $isEmpty: boolean;
-}>> & string;
+declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 declare const OutlineContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const OutlineDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { StyledInput, OutlineContainer, OutlineDropdown };

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

@@ -1,3 +1,4 @@
 import { Heading } from "./heading";
+import { Span } from "./span";
 import { Text } from "./text";
-export { Heading, Text };
+export { Heading, Text, Span };

package/dist/types/components/typography/span/index.d.ts

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