@fluidattacks/design 3.1.4 → 3.1.6

package/types/components/checkbox/types.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from "react";
+/**
+ * Checkbox props.
+ * @interface ICheckboxProps
+ * @extends HTMLAttributes<HTMLInputElement>
+ * @property {boolean} [disabled] - Disable checkbox.
+ * @property {string} name - Input name.
+ * @property {string} [label] - Checkbox label.
+ * @property {string} [value] - Checkbox value.
+ */
+interface ICheckboxProps extends HTMLAttributes<HTMLInputElement> {
+    disabled?: boolean;
+    label?: string;
+    name: string;
+    value?: string;
+}
+export type { ICheckboxProps };

package/types/components/cloud-image/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ICloudImageProps } from "./types";
+declare const MemoizedImage: React.MemoExoticComponent<({ alt, height, width, plugins, publicId, }: Readonly<ICloudImageProps>) => JSX.Element>;
+export type { ICloudImageProps };
+export { MemoizedImage as CloudImage };

package/types/components/cloud-image/types.d.ts

@@ -0,0 +1,18 @@
+import type { Plugins } from "@cloudinary/html";
+/**
+ * Cloud image component props.
+ * @interface ICloudImageProps
+ * @property {string} [alt] - The alternate text for an image.
+ * @property {number | string} [height] - The height of the image.
+ * @property {number | string} [width] - The width of the image.
+ * @property {Plugins} [plugins] - A list of cloudinary plugins.
+ * @property {string} publicId - The publicId location in cloudinary.
+ */
+interface ICloudImageProps {
+    alt?: string;
+    height?: number | string;
+    width?: number | string;
+    plugins?: Plugins;
+    publicId: string;
+}
+export type { ICloudImageProps };

package/types/components/code-snippet/index.d.ts

@@ -0,0 +1,3 @@
+import type { ICodeSnippetProps } from "./types";
+declare const CodeSnippet: ({ noCodeMessage, snippet, }: Readonly<ICodeSnippetProps>) => JSX.Element;
+export { CodeSnippet };

package/types/components/code-snippet/location-code/index.d.ts

@@ -0,0 +1,5 @@
+import "prismjs/plugins/line-highlight/prism-line-highlight.js";
+import "prismjs/plugins/line-highlight/prism-line-highlight.css";
+import type { ICodeSnippetProps } from "../types";
+declare const Code: ({ noCodeMessage, snippet, specific, }: Readonly<ICodeSnippetProps>) => JSX.Element;
+export { Code };

package/types/components/code-snippet/styles.d.ts

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

package/types/components/code-snippet/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Snippet props.
+ * @interface ISnippet
+ * @property {string} content - The code snippet content.
+ * @property {number} offset - The offset of the code snippet in the source code.
+ */
+interface ISnippet {
+    content: string;
+    offset: number;
+}
+/**
+ * Code snippet component props.
+ * @property {string} [noCodeMessage] - Message to display when no code snippet is provided.
+ * @property {ISnippet | string} snippet - The code snippet object.
+ * @property {string} [specific] - Additional information related to the code snippet.
+ */
+interface ICodeSnippetProps {
+    noCodeMessage?: string;
+    snippet: ISnippet | string;
+    specific?: string;
+}
+export type { ICodeSnippetProps };

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

@@ -0,0 +1,10 @@
+import type { IconName, IconPrefix } from "@fortawesome/free-solid-svg-icons";
+import React from "react";
+import { type DefaultTheme } from "styled-components";
+declare const icons: IconName[];
+declare const uniqueIcons: [IconPrefix, IconName][];
+declare const theme: DefaultTheme;
+declare const CustomThemeProvider: ({ children, }: Readonly<{
+    children: React.ReactNode;
+}>) => JSX.Element;
+export { CustomThemeProvider, theme, icons, uniqueIcons };

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

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

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

@@ -0,0 +1,9 @@
+interface IStyledContainerProps {
+    $center?: boolean;
+    $styleMd?: string;
+    $styleSm?: string;
+}
+declare const StyledContainer: 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;
+}, IStyledContainerProps>> & string;
+export { StyledContainer };

package/types/components/container/types.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes, ReactHTML } from "react";
+import type { TModifiable } from "components/@core";
+type THtmlTag = keyof ReactHTML;
+/**
+ * Container component props.
+ * @interface IContainerProps
+ * @extends TModifiable
+ * @extends HTMLAttributes<HTMLDivElement>
+ * @property {THtmlTag} [as] - The react html tag to represent.
+ * @property {boolean} [center] - Whether to center the content.
+ * @property {Function} [onHover] - Function handler for hover event.
+ * @property {Function} [onLeave] - Function handler for leave event.
+ */
+interface IContainerProps extends TModifiable, HTMLAttributes<HTMLDivElement> {
+    as?: THtmlTag;
+    center?: boolean;
+    onHover?: () => void;
+    onLeave?: () => void;
+    styleMd?: string;
+    styleSm?: string;
+}
+export type { IContainerProps };

package/types/components/content-card/category-tag/index.d.ts

@@ -0,0 +1,5 @@
+declare const CategoryTag: ({ tag, tagPosition, }: Readonly<{
+    tag?: string;
+    tagPosition?: string;
+}>) => JSX.Element | null;
+export { CategoryTag };

package/types/components/content-card/event-date/index.d.ts

@@ -0,0 +1,4 @@
+declare const EventDate: ({ eventDate, }: Readonly<{
+    eventDate?: string;
+}>) => JSX.Element | null;
+export { EventDate };

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

@@ -0,0 +1,3 @@
+import { IContentCardProps } from "./types";
+declare const ContentCard: ({ author, buttonText, description, eventDate, href, imageId, mode, publishDate, readingTime, tag, tagPosition, title, }: Readonly<IContentCardProps>) => JSX.Element;
+export { ContentCard };

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

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

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

@@ -0,0 +1,33 @@
+import { TMode } from "components/@core";
+/**
+ * Properties for the Content Card component.
+ * ** Note: All dates need to be provided in dayjs format.
+ * @interface IContentCardProps
+ * @property {string} [author] - Optional author.
+ * @property {string} [buttonText] - Optional text for the action button.
+ * @property {string} [description] - Brief description.
+ * @property {string} [eventDate] - Optional date related to the event (DD-MMM).
+ * @property {string} [href] - Optional URL for the action button link.
+ * @property {string} [imageId] - ID of the image.
+ * @property {string} [mode] - Optional mode (light, dark).
+ * @property {string} [publishDate] - Optional publish date (MMMM-D-YYYY).
+ * @property {string} [readingTime] - Estimated reading time.
+ * @property {string} [tag] - Optional tag or category label.
+ * @property {string} [tagPosition] - Optional position of the tag (top, bottom).
+ * @property {string} title - Title of the card.
+ */
+interface IContentCardProps {
+    author?: string;
+    buttonText?: string;
+    description?: string;
+    eventDate?: string;
+    href?: string;
+    imageId?: string;
+    mode?: TMode;
+    publishDate?: string;
+    readingTime?: string;
+    tag?: string;
+    tagPosition?: "top" | "bottom";
+    title: string;
+}
+export type { IContentCardProps };

package/types/components/content-card-carousel/index.d.ts

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

package/types/components/content-card-carousel/scroll-buttons/index.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from "react";
+declare const ScrollButtons: ({ containerRef, id, }: Readonly<{
+    containerRef?: RefObject<HTMLDivElement>;
+    id: string;
+}>) => JSX.Element;
+export { ScrollButtons };

package/types/components/content-card-carousel/styles.d.ts

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

package/types/components/content-card-carousel/types.d.ts

@@ -0,0 +1,16 @@
+import { IContentCardProps } from "components/content-card/types";
+/**
+ * Content card carousel properties.
+ * @interface IContentCardCarouselProps
+ * @property {string} description - Description of the carousel.
+ * @property {IContentCardProps[]} items - Array of content card items.
+ * @property {string} title - Title of the carousel.
+ * @property {string} titleHighlighted - Highlighted title of the carousel.
+ */
+interface IContentCardCarouselProps {
+    description: string;
+    items: IContentCardProps[];
+    title: string;
+    titleHighlighted: string;
+}
+export type { IContentCardCarouselProps };

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

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

package/types/components/divider/types.d.ts

@@ -0,0 +1,11 @@
+import type { IDisplayModifiable, IMarginModifiable } from "components/@core/types";
+/**
+ * Divider component props.
+ * @interface IDividerProps
+ * @extends IMarginModifiable
+ * @property {string} [color] - The divider color.
+ */
+interface IDividerProps extends Pick<IDisplayModifiable, "height" | "width">, IMarginModifiable {
+    color?: string;
+}
+export type { IDividerProps };

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

@@ -0,0 +1,3 @@
+import type { IFilePreviewProps } from "./types";
+declare const FilePreview: ({ alt, fileType, width, opacity, src, height, }: Readonly<IFilePreviewProps>) => JSX.Element;
+export { FilePreview };

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

@@ -0,0 +1,6 @@
+import { IContainerProps } from "components/container/types";
+interface IPreviewContainer extends IContainerProps {
+    $opacity: number;
+}
+declare const PreviewContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<Readonly<import("react").PropsWithChildren<IContainerProps>> & import("react").RefAttributes<HTMLDivElement>, Readonly<import("react").PropsWithChildren<IContainerProps>> & import("react").RefAttributes<HTMLDivElement>>, IPreviewContainer>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Readonly<import("react").PropsWithChildren<IContainerProps>> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export { PreviewContainer };

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

@@ -0,0 +1,20 @@
+type TFileType = "image" | "video";
+/**
+ * File preview component props.
+ * @interface IFilePreviewProps
+ * @property { string } alt - The alt attribute for the image.
+ * @property { TFileType } fileType - The type of the file (image or video).
+ * @property { string } [height] - The height of the image or video.
+ * @property { number } [opacity] - The opacity of the file preview.
+ * @property { string } src - The source URL of the image or video.
+ * @property { string } [width] - The width of the image or video.
+ */
+interface IFilePreviewProps {
+    alt: string;
+    fileType: TFileType;
+    height?: string;
+    opacity?: number;
+    src: string;
+    width?: string;
+}
+export type { IFilePreviewProps, TFileType };

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

@@ -0,0 +1,5 @@
+import type { IFilePreviewProps } from "./types";
+declare const getFileExtension: (filename: string | undefined) => string;
+declare const hasExtension: (allowedExtensions: Readonly<string[] | string>, filename?: string) => boolean;
+declare const filesTypeMapper: Record<string, IFilePreviewProps["fileType"]>;
+export { filesTypeMapper, getFileExtension, hasExtension };

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

@@ -0,0 +1,4 @@
+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/types/components/form/styles.d.ts

@@ -0,0 +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;
+export { StyledForm };

package/types/components/form/types.d.ts

@@ -0,0 +1,21 @@
+import { FormHTMLAttributes } from "react";
+/**
+ * Form component props.
+ * @interface IFormProps
+ * @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 extends FormHTMLAttributes<HTMLFormElement> {
+    cancelLabel?: string;
+    id?: string;
+    onCancel?: () => void;
+    onConfirm?: "submit" | (() => void);
+    submitLabel?: string;
+    submitDisabled?: boolean;
+}
+export type { IFormProps };

package/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/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/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/types/components/grid-layout/styles.d.ts

@@ -0,0 +1,12 @@
+import { IPaddingModifiable } from "components/@core";
+interface IStyledGridProps {
+    $columns?: number;
+    $px?: IPaddingModifiable["px"];
+    $py?: IPaddingModifiable["py"];
+}
+declare const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const GridSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const GridContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DebugContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledGridProps>> & string;
+export { Grid, GridSidebar, GridContent, DebugContainer, StyledGrid };

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

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

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

@@ -0,0 +1,15 @@
+import type { IIconWrapProps } from "./types";
+interface IStyledIconWrapProps {
+    $clickable?: IIconWrapProps["clickable"];
+    $color?: IIconWrapProps["iconColor"];
+    $hoverColor?: IIconWrapProps["hoverColor"];
+    $disabled?: IIconWrapProps["disabled"];
+    $rotation?: IIconWrapProps["rotation"];
+    $size: IIconWrapProps["iconSize"];
+    $secondaryColor: IIconWrapProps["secondaryColor"];
+}
+declare const IconWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 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: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, IStyledIconWrapProps>> & string;
+declare const IconInGalleryWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { IconWrap, IconInGalleryWrap };

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

@@ -0,0 +1,35 @@
+import type { MouseEventHandler } from "react";
+import { IIconModifiable, IMarginModifiable } from "components/@core";
+/**
+ * Icon Wrapper component props.
+ * @interface IIconWrapProps
+ * @extends IMarginModifiable
+ * @extends IIconModifiable
+ * @property {boolean} [clickable] - Defines the cursor to show on icon hover.
+ * @property {string} [hoverColor] - The icon color onn hover.
+ * @property {Function} [onClick] - Function handler for click event.
+ * @property {boolean} [disabled] - Show disabled icon state.
+ * @property {number} [rotation] - Rotation degrees to modify icon style.
+ */
+interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
+    clickable?: boolean;
+    hoverColor?: string;
+    onClick?: MouseEventHandler<HTMLSpanElement>;
+    disabled?: boolean;
+    rotation?: number;
+    secondaryColor?: string;
+}
+/**
+ * Icon component props.
+ * @interface IIconProps
+ * @extends IIconWrapProps
+ * @property {string} [iconClass] - The icon class from fontawesome.
+ * @property {string} [iconMask] - The data-fa-mask prop of icon.
+ * @property {string} [spanClass] - The icon span class.
+ */
+interface IIconProps extends IIconWrapProps {
+    iconClass?: string;
+    iconMask?: string;
+    spanClass?: string;
+}
+export type { IIconProps, IIconWrapProps };

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

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

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

@@ -0,0 +1,9 @@
+import { TSpacing } from "components/@core";
+declare const StyledIconButton: 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").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;
+}, "$variant"> & import("components/button/styles").IStyledButtonProps, {
+    $borderRadius?: string;
+    $px?: TSpacing;
+    $py?: TSpacing;
+}>> & string;
+export { StyledIconButton };