@fluidattacks/design 1.6.0 → 2.2.0

package/dist/types/components/@core/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./variants/utils";
+export * from "./constants";
+export * from "./styles";
+export * from "./types";
+export * from "./utils";

package/dist/types/components/@core/styles.d.ts

@@ -0,0 +1,6 @@
+import type { TModifiable } from "./types";
+declare const BaseComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TModifiable>> & string;
+declare const BaseButtonComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TModifiable>> & string;
+declare const BaseTextComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TModifiable>> & string;
+declare const BaseSpanComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TModifiable>> & string;
+export { BaseComponent, BaseButtonComponent, BaseTextComponent, BaseSpanComponent, };

package/dist/{src → types}/components/@core/types.d.ts

@@ -1,5 +1,5 @@
-import { IconName } from '@fortawesome/free-solid-svg-icons';
-import { Property } from 'csstype';
+import type { IconName } from "@fortawesome/free-solid-svg-icons";
+import type { Property } from "csstype";
 type ColorGradient = "01" | "02";
 type ColorPalette = "25" | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
 /**
@@ -126,6 +126,7 @@ interface IIconModifiable {
     iconColor?: string;
     iconSize: TIconSize;
     iconType?: TIconType;
+    iconTransform?: string;
 }
 interface ISizeModifiable {
     size: TSize;

package/dist/{src → types}/components/@core/utils.d.ts

@@ -1,5 +1,5 @@
-import { StyledOptions } from 'styled-components';
-import { IBorderModifiable, IDisplayModifiable, IInteractionModifiable, IMarginModifiable, IPaddingModifiable, IPositionModifiable, ITextModifiable } from './types';
+import type { StyledOptions } from "styled-components";
+import type { IBorderModifiable, IDisplayModifiable, IInteractionModifiable, IMarginModifiable, IPaddingModifiable, IPositionModifiable, ITextModifiable } from "./types";
 declare const setPadding: (props: Readonly<IPaddingModifiable>) => string;
 declare const setMargin: (props: Readonly<IMarginModifiable>) => string;
 declare const setPosition: (props: Readonly<IPositionModifiable>) => string;

package/dist/{src → types}/components/@core/variants/utils.d.ts

@@ -1,5 +1,5 @@
-import { IconPrefix } from '@fortawesome/free-solid-svg-icons';
-import { DefaultTheme } from 'styled-components';
+import type { IconPrefix } from "@fortawesome/free-solid-svg-icons";
+import type { DefaultTheme } from "styled-components";
 /**
  * Object with the icons to be printed on Iconography section.
  * The key is the name of the icon and the value is an array of icon prefixes.

package/dist/{src → types}/components/accordion/accordion-content/index.d.ts

@@ -1,3 +1,3 @@
-import { IAccordionContentProps } from '../types';
+import { IAccordionContentProps } from "../types";
 declare const AccordionContent: ({ isSelectedAndOpen, item, }: Readonly<IAccordionContentProps>) => JSX.Element;
 export { AccordionContent };

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { IconName } from "@fortawesome/free-solid-svg-icons";
+import { TAlertAndNotifyVariant } from "./types";
+interface IStyledAlertAndNotifyProps {
+    $variant?: TAlertAndNotifyVariant;
+}
+declare const getIcon: (variant: TAlertAndNotifyVariant) => IconName;
+declare const AlertContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledAlertAndNotifyProps>> & string;
+declare const MessageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { getIcon, AlertContainer, MessageContainer };

package/dist/{src → types}/components/alert/types.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
-import { IMarginModifiable } from '../@core/types';
+import type { Dispatch, HTMLAttributes, SetStateAction } from "react";
+import type { IMarginModifiable } from "components/@core/types";
 type TAlertAndNotifyVariant = "error" | "info" | "success" | "warning";
 /**
  * Alert component props.

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

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

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

@@ -0,0 +1,9 @@
+import type { TVariant } from "./types";
+interface IStyledButtonProps {
+    $variant?: TVariant;
+}
+declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, IStyledButtonProps>> & string;
+export type { IStyledButtonProps, TVariant };
+export { StyledButton };

package/dist/{src → types}/components/button/types.d.ts

@@ -1,7 +1,7 @@
-import { ButtonHTMLAttributes } from 'react';
-import { IBorderModifiable, IDisplayModifiable, IIconModifiable, IMarginModifiable, IPaddingModifiable, TMode } from '../@core';
-import { TPlace } from '../tooltip/types';
-type TVariant = "primary" | "primaryWeb" | "secondary" | "secondaryWeb" | "tertiary" | "ghost" | "ghostWeb" | "link";
+import type { ButtonHTMLAttributes } from "react";
+import type { IBorderModifiable, IDisplayModifiable, IIconModifiable, IMarginModifiable, IPaddingModifiable, TMode } from "components/@core";
+import type { TPlace } from "components/tooltip/types";
+type TVariant = "primary" | "secondary" | "tertiary" | "ghost" | "link";
 /**
  * Button component props.
  * @interface IButtonProps
@@ -11,20 +11,16 @@ type TVariant = "primary" | "primaryWeb" | "secondary" | "secondaryWeb" | "terti
  * @extends IPaddingModifiable
  * @extends IIconModifiable
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
- * @property {boolean} [bold] - Text bold for link variant.
  * @property {boolean} [external] - Whether the link should open in a new tab.
  * @property {string} [href] - Link URL for link variant.
- * @property {TMode} [mode] - The background theme: dark or light.
  * @property {string} [tooltip] - Tooltip message.
  * @property {TPlace} [tooltipPlace] - Tooltip message relative place.
  * @property {boolean} [underline] - Text underlined for link variant.
  * @property {TVariant} [variant] - The button variant type.
  */
 interface IButtonProps extends IBorderModifiable, IDisplayModifiable, IMarginModifiable, IPaddingModifiable, Partial<IIconModifiable>, ButtonHTMLAttributes<HTMLButtonElement> {
-    bold?: boolean;
     external?: boolean;
     href?: string;
-    mode?: TMode;
     showArrow?: boolean;
     tooltip?: string;
     tooltipPlace?: TPlace;

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

@@ -0,0 +1,4 @@
+import type { FC } from "react";
+import type { ICarouselProps } from "./types";
+declare const Carousel: FC<ICarouselProps>;
+export { Carousel };

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

@@ -0,0 +1,10 @@
+declare const CarouselContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CarouselWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $currentIndex: number;
+}>> & string;
+declare const CarouselSlide: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const NavButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isActive: boolean;
+}>> & string;
+declare const NavContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { CarouselContainer, CarouselWrapper, CarouselSlide, NavContainer, NavButton, };

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

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

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

@@ -0,0 +1,7 @@
+import { TVariant } from "./types";
+declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $alert?: boolean;
+    $disabled: boolean;
+    $variant: TVariant;
+}>> & string;
+export { InputContainer };

package/dist/{src → types}/components/checkbox/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import type { HTMLAttributes } from "react";
 type TVariant = "web" | "platform";
 /**
  * Checkbox props.

package/dist/{src → types}/components/cloud-image/index.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ICloudImageProps } from './types';
+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/dist/{src → types}/components/cloud-image/types.d.ts

@@ -1,4 +1,4 @@
-import { Plugins } from '@cloudinary/html';
+import type { Plugins } from "@cloudinary/html";
 /**
  * Cloud image component props.
  * @interface ICloudImageProps

package/dist/{src → types}/components/code-snippet/index.d.ts

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

package/dist/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/dist/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/dist/{src → types}/components/colors/index.d.ts

@@ -1,6 +1,6 @@
-import { IconName, IconPrefix } from '@fortawesome/free-solid-svg-icons';
-import { default as React } from 'react';
-import { DefaultTheme } from 'styled-components';
+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;

package/dist/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/dist/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/dist/{src → types}/components/container/types.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactHTML } from 'react';
-import { TModifiable } from '../@core';
+import type { HTMLAttributes, ReactHTML } from "react";
+import type { TModifiable } from "components/@core";
 type THtmlTag = keyof ReactHTML;
 /**
  * Container component props.

package/dist/{src → types}/components/content-card/index.d.ts

@@ -1,3 +1,3 @@
-import { IContentCardProps } from './types';
+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/dist/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/dist/{src → types}/components/content-card/types.d.ts

@@ -1,4 +1,4 @@
-import { TMode } from '../@core';
+import { TMode } from "components/@core";
 /**
  * Properties for the Content Card component.
  * ** Note: All dates need to be provided in dayjs format.

package/dist/{src → types}/components/content-card-carousel/index.d.ts

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

package/dist/{src → types}/components/content-card-carousel/scroll-buttons/index.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { RefObject } from "react";
 declare const ScrollButtons: ({ containerRef, id, }: Readonly<{
     containerRef?: RefObject<HTMLDivElement>;
     id: string;

package/dist/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/dist/{src → types}/components/content-card-carousel/types.d.ts

@@ -1,4 +1,4 @@
-import { IContentCardProps } from '../content-card/types';
+import { IContentCardProps } from "components/content-card/types";
 /**
  * Content card carousel properties.
  * @interface IContentCardCarouselProps

package/dist/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/dist/{src → types}/components/divider/types.d.ts

@@ -1,4 +1,4 @@
-import { IMarginModifiable } from '../@core/types';
+import type { IMarginModifiable } from "components/@core/types";
 /**
  * Divider component props.
  * @interface IDividerProps

package/dist/{src → types}/components/file-preview/index.d.ts

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

package/dist/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/dist/{src → types}/components/file-preview/utils.d.ts

@@ -1,4 +1,4 @@
-import { IFilePreviewProps } from './types';
+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"]>;

package/dist/{src → types}/components/form/index.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from 'react';
-import { FormItem } from './styles';
-import { IFormProps } from './types';
+import { PropsWithChildren } from "react";
+import { FormItem } from "./styles";
+import { IFormProps } from "./types";
 declare const Form: ({ children, name, onSubmit, submitDisabled, submitLabel, }: Readonly<PropsWithChildren<IFormProps>>) => JSX.Element;
 export { Form, FormItem };

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

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

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

@@ -0,0 +1,14 @@
+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"];
+}
+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/dist/{src → types}/components/icon/types.d.ts

@@ -1,5 +1,5 @@
-import { MouseEventHandler } from 'react';
-import { IIconModifiable, IMarginModifiable } from '../@core';
+import type { MouseEventHandler } from "react";
+import { IIconModifiable, IMarginModifiable } from "components/@core";
 /**
  * Icon Wrapper component props.
  * @interface IIconWrapProps
@@ -24,11 +24,9 @@ interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
  * @extends IIconWrapProps
  * @property {string} [iconClass] - The icon class from fontawesome.
  * @property {string} [iconMask] - The data-fa-mask prop of icon.
- * @property {string} [iconTransform] - The data-fa-transform prop of icon.
  */
 interface IIconProps extends IIconWrapProps {
     iconClass?: string;
     iconMask?: string;
-    iconTransform?: string;
 }
 export type { IIconProps, IIconWrapProps };

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

package/dist/{src → types}/components/icon-button/types.d.ts

@@ -1,7 +1,7 @@
-import { ButtonHTMLAttributes } from 'react';
-import { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from '../@core/types';
-import { TVariant } from '../button/styles';
-import { TPlace } from '../tooltip/types';
+import type { ButtonHTMLAttributes } from "react";
+import type { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from "components/@core/types";
+import type { TVariant } from "components/button/styles";
+import type { TPlace } from "components/tooltip/types";
 /**
  * IconButton component props.
  * @interface IIconButtonProps

package/dist/types/components/inputs/fields/phone/index.d.ts

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

package/dist/types/components/inputs/fields/phone/styles.d.ts

@@ -0,0 +1,6 @@
+declare const StyledPhoneInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledCountrySelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+declare const StyledCountryItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const StyledCountryName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export { StyledCountryName, StyledCountrySelector, StyledCountryItem, StyledDropdown, StyledPhoneInputContainer, };

package/dist/types/components/inputs/fields/text-input/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import { PhoneInput } from "./fields/phone";
+import { TextInput } from "./fields/text-input";
+import { OutlineContainer } from "./outline-container";
+export { OutlineContainer, PhoneInput, TextInput };

package/dist/{src → types}/components/inputs/label/index.d.ts

@@ -1,3 +1,3 @@
-import { ILabelProps } from '../types';
+import { ILabelProps } from "../types";
 declare const Label: ({ htmlFor, label, mode, required, tooltip, }: Readonly<ILabelProps>) => JSX.Element;
 export { Label };

package/dist/{src → types}/components/inputs/outline-container/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
-import { IOutlineContainerProps } from '../types';
+import { PropsWithChildren } from "react";
+import type { IOutlineContainerProps } from "../types";
 declare const OutlineContainer: ({ children, error, htmlFor, label, mode, required, tooltip, }: Readonly<PropsWithChildren<IOutlineContainerProps>>) => JSX.Element;
 export { OutlineContainer };

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

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

package/dist/{src → types}/components/inputs/types.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from 'react';
-import { TMode } from '../@core';
+import type { InputHTMLAttributes } from "react";
+import { TMode } from "components/@core";
 /**
  * Label component props.
  * @interface ILabelProps

package/dist/{src → types}/components/interactive-card/icon/index.d.ts

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

package/dist/{src → types}/components/interactive-card/index.d.ts

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

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

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

package/dist/{src → types}/components/interactive-card/types.d.ts

@@ -1,4 +1,4 @@
-import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { IconName } from "@fortawesome/free-solid-svg-icons";
 /**
  * Interactive card component props.
  * @interface IInteractiveCardProps

package/dist/{src → types}/components/language-selector/index.d.ts

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

package/dist/{src → types}/components/language-selector/item-list/index.d.ts

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

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

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

package/dist/{src → types}/components/language-selector/types.d.ts

@@ -1,4 +1,4 @@
-import { TMode } from '../@core';
+import { TMode } from "components/@core";
 /**
  * Item list props
  * @property {boolean} [disabled] - Show the item as disabled.

package/dist/{src → types}/components/link/index.d.ts

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

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

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