@fluidattacks/design 1.2.30 → 1.4.0

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

@@ -83,7 +83,7 @@ interface DefaultTheme {
 type TSize = keyof DefaultTheme["typography"]["heading"];
 type TSpacing = keyof DefaultTheme["spacing"];
 type TShadows = keyof DefaultTheme["shadows"];
-type TIconSize = "xl" | "lg" | "md" | "sm" | "xs" | "xxs";
+type TIconSize = "xl" | "lg" | "md" | "sm" | "xs" | "xxs" | "xxss";
 type TIconType = "fa-brands" | "fa-light" | "fa-regular" | "fa-solid";
 type TMode = "dark" | "light";
 interface IPaddingModifiable {

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

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

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

@@ -0,0 +1,9 @@
+import { 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/components/alert/types.d.ts

@@ -0,0 +1,23 @@
+import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
+import { IMarginModifiable } from '../@core/types';
+type TAlertAndNotifyVariant = "error" | "info" | "success" | "warning";
+/**
+ * Alert component props.
+ * @interface IAlertProps
+ * @extends IMarginModifiable
+ * @property {boolean} [autoHide] - Automatically hide the alert after a certain time.
+ * @property {boolean} [closable] - Whether the alert should be closable.
+ * @property {boolean} [show] - Whether the alert should be visible.
+ * @property {number} [time] - The duration (in seconds) to show the alert.
+ * @property {Function} [onTimeOut] - Callback function to be executed when the alert timeout.
+ * @property {TAlertAndNotifyVariant} [variant] - The variant of the alert (error, info, success, warning).
+ */
+interface IAlertProps extends IMarginModifiable, HTMLAttributes<HTMLDivElement> {
+    autoHide?: boolean;
+    closable?: boolean;
+    show?: boolean;
+    time?: 4 | 8 | 12;
+    onTimeOut?: Dispatch<SetStateAction<boolean>>;
+    variant?: TAlertAndNotifyVariant;
+}
+export type { IAlertProps, TAlertAndNotifyVariant };

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * Slide component props.
+ * @interface ISlide
+ * @property {JSX.Element} content - The content to be displayed in the slide.
+ */
+interface ISlide {
+    content: JSX.Element;
+}
+/**
+ * Carousel component props.
+ * @interface ICarouselProps
+ * @property {ISlide[]} slides - The array of slides to be displayed in the carousel.
+ * @property {number} [interval] - The interval (in milliseconds) between slide transitions. Default is 300.
+ */
+interface ICarouselProps {
+    slides: ISlide[];
+    interval?: number;
+}
+export type { ICarouselProps, ISlide };

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

@@ -1,3 +1,3 @@
 import { ICheckboxProps } from './types';
-declare const Checkbox: ({ defaultChecked, disabled, label, name, onChange, onClick, onFocus, onKeyDown, value, variant, }: Readonly<ICheckboxProps>) => JSX.Element;
+declare const Checkbox: import('react').ForwardRefExoticComponent<Readonly<ICheckboxProps> & import('react').RefAttributes<HTMLInputElement>>;
 export { Checkbox };

package/dist/src/components/code-snippet/index.d.ts

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

package/dist/src/components/code-snippet/location-code/index.d.ts

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

package/dist/src/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/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/dist/src/components/divider/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import { IMarginModifiable } from '../@core/types';
+/**
+ * Divider component props.
+ * @interface IDividerProps
+ * @extends IMarginModifiable
+ * @property {string} [color] - The divider color.
+ */
+interface IDividerProps extends IMarginModifiable {
+    color?: string;
+}
+export type { IDividerProps };

package/dist/src/components/file-preview/index.d.ts

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

package/dist/src/components/file-preview/styles.d.ts

@@ -0,0 +1,6 @@
+import { IContainerProps } from '../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/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 };

package/dist/src/components/file-preview/utils.d.ts

@@ -0,0 +1,5 @@
+import { 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/dist/src/components/inputs/fields/phone/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputProps } from '../../types';
-declare const PhoneInput: ({ disabled, error, id, label, mode, name, required, tooltip, value, ...props }: Readonly<IInputProps>) => JSX.Element;
+declare const PhoneInput: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<HTMLInputElement>>;
 export { PhoneInput };

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

@@ -43,6 +43,6 @@ interface IOutlineContainerProps extends ILabelProps {
  */
 interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<ILabelProps> {
     error?: string;
-    id: string;
+    name: string;
 }
 export type { IInputProps, ILabelProps, IOutlineContainerProps };

package/dist/src/components/link/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { 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/src/components/link/styles.d.ts

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

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

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

package/dist/src/components/list-item/index.d.ts

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

package/dist/src/components/list-item/styles.d.ts

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

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

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

package/dist/src/components/logo-carousel/styles.d.ts

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

package/dist/src/components/plan-card/index.d.ts

@@ -0,0 +1,3 @@
+import { IPlanCardProps } from './types';
+declare const PlanCard: ({ description: customDescription, onClick, plan, }: Readonly<IPlanCardProps>) => JSX.Element;
+export { PlanCard };

package/dist/src/components/plan-card/recommended-tag/index.d.ts

@@ -0,0 +1,2 @@
+declare const RecommendedTag: () => JSX.Element;
+export { RecommendedTag };

package/dist/src/components/plan-card/styles.d.ts

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

package/dist/src/components/plan-card/types.d.ts

@@ -0,0 +1,47 @@
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+type TPlan = "advanced" | "essential";
+type TVersion = "full" | "overview";
+/**
+ * Plan component props.
+ * @interface IPlanProps
+ * @property { string } benefits - Benefits of the plan.
+ * @property { string } buttonText - Text for the plan's button.
+ * @property { string } description - Description of the plan.
+ * @property { string } [priceAuthor] - Plan's price per group.
+ * @property { string } [priceGroup] - Plan's price per author.
+ */
+interface IPlanProps {
+    benefits: string;
+    buttonText: string;
+    description: string;
+    priceAuthor?: string;
+    priceGroup?: string;
+    title: string;
+}
+/**
+ * Plan features component props.
+ * @interface IPlanFeaturesProps
+ * @property { string } description - Description of the plan feature.
+ * @property { IconName } icon - Icon for the plan feature.
+ * @property { string } title - Title of the plan feature.
+ */
+interface IPlanFeatureProps {
+    description: string;
+    icon: IconName;
+    title: string;
+}
+/**
+ * Plan card component props.
+ * @interface IPlanCardProps
+ * @property { string } [description] - Description of the plan.
+ * @property { Function } onClick - Function to call when button is clicked.
+ * @property { TPlan } plan - Type of plan (advanced or essential).
+ * @property { TVersion } [version] - Version of the card (full or overview).
+ */
+interface IPlanCardProps {
+    description?: string;
+    onClick: () => void;
+    plan: TPlan;
+    version?: TVersion;
+}
+export type { IPlanCardProps, IPlanFeatureProps, IPlanProps, TPlan };

package/dist/src/components/plan-card/utils.d.ts

@@ -0,0 +1,5 @@
+import { IPlanFeatureProps, IPlanProps, TPlan } from './types';
+declare const plans: Record<TPlan, IPlanProps>;
+declare const advancedPlanFeatures: IPlanFeatureProps[];
+declare const essentialPlanFeatures: IPlanFeatureProps[];
+export { advancedPlanFeatures, essentialPlanFeatures, plans };

package/dist/src/components/radio-button/index.d.ts

@@ -1,3 +1,3 @@
 import { IRadioButtonProps } from './types';
-declare const RadioButton: ({ defaultChecked, disabled, label, name, onChange, onClick, value, variant, }: Readonly<IRadioButtonProps>) => JSX.Element;
+declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<Readonly<IRadioButtonProps>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export { RadioButton };

package/dist/src/hooks/index.d.ts

@@ -1,3 +1,4 @@
+import { useCarousel } from './use-carousel';
 import { useClickOutside } from './use-click-outside';
 import { useCloudinaryImage } from './use-cloudinary-image';
-export { useCloudinaryImage, useClickOutside };
+export { useCarousel, useCloudinaryImage, useClickOutside };

package/dist/src/hooks/use-carousel.d.ts

@@ -0,0 +1,6 @@
+export declare const useCarousel: (delay: number, numberOfCycles: number) => {
+    cycle: number;
+    progress: number;
+    setCycle: React.Dispatch<React.SetStateAction<number>>;
+    setProgress: React.Dispatch<React.SetStateAction<number>>;
+};

package/dist/src/index.d.ts

@@ -1,18 +1,25 @@
 export * from './components/@core';
 export * from './components/accordion';
+export * from './components/alert';
 export * from './components/button';
+export * from './components/carousel';
 export * from './components/checkbox';
 export * from './components/cloud-image';
+export * from './components/code-snippet';
 export * from './components/colors';
 export * from './components/container';
 export * from './components/content-card';
 export * from './components/content-card-carousel';
+export * from './components/divider';
+export * from './components/file-preview';
 export * from './components/form';
 export * from './components/icon';
 export * from './components/icon-button';
 export * from './components/inputs';
 export * from './components/interactive-card';
 export * from './components/language-selector';
+export * from './components/link';
+export * from './components/list-item';
 export * from './components/logo';
 export * from './components/logo-carousel';
 export * from './components/message-banner';
@@ -24,3 +31,4 @@ export * from './components/tabs';
 export * from './components/toggle-buttons';
 export * from './components/tooltip';
 export * from './components/typography';
+export * from './hooks';

package/package.json

@@ -8,6 +8,7 @@
     "@cloudinary/url-gen": "1.21.0",
     "@fortawesome/free-solid-svg-icons": "6.7.1",
     "@fortawesome/react-fontawesome": "0.2.2",
+    "prismjs": "1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-international-phone": "4.3.0",
@@ -16,15 +17,17 @@
   },
   "description": "Fluidattacks core components library",
   "devDependencies": {
-    "@storybook/addon-a11y": "8.4.5",
-    "@storybook/addon-essentials": "8.4.5",
-    "@storybook/addon-interactions": "8.4.5",
-    "@storybook/addon-links": "8.4.5",
-    "@storybook/addon-viewport": "8.4.5",
-    "@storybook/blocks": "8.4.5",
-    "@storybook/react": "8.4.5",
-    "@storybook/react-vite": "8.4.5",
-    "@storybook/test": "8.4.5",
+    "@storybook/addon-a11y": "8.4.6",
+    "@storybook/addon-essentials": "8.4.6",
+    "@storybook/addon-interactions": "8.4.6",
+    "@storybook/addon-links": "8.4.6",
+    "@storybook/addon-viewport": "8.4.6",
+    "@storybook/blocks": "8.4.6",
+    "@storybook/react": "8.4.6",
+    "@storybook/react-vite": "8.4.6",
+    "@storybook/test": "8.4.6",
+    "@storybook/test-runner": "0.20.1",
+    "@types/prismjs": "1.26.5",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@vitejs/plugin-react-swc": "3.7.1",
@@ -43,8 +46,8 @@
     "postcss": "8.4.49",
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
-    "storybook": "8.4.5",
-    "stylelint": "16.10.0",
+    "storybook": "8.4.6",
+    "stylelint": "16.11.0",
     "stylelint-config-standard": "36.0.1",
     "tailwindcss": "3.4.15",
     "typescript": "5.7.2",
@@ -89,8 +92,9 @@
     "build-storybook": "storybook build",
     "dev": "vite",
     "preview": "vite preview",
-    "storybook": "storybook dev"
+    "storybook": "storybook dev",
+    "test-storybook": "test-storybook"
   },
   "types": "dist/src/index.d.ts",
-  "version": "1.2.30"
+  "version": "1.4.0"
 }

package/dist/src/components/icon-card/index.d.ts

@@ -1,3 +0,0 @@
-import { IIconCardProps } from './types';
-declare const IconCard: ({ icon }: Readonly<IIconCardProps>) => JSX.Element;
-export { IconCard };

package/dist/src/components/icon-card/styles.d.ts

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

package/dist/src/components/icon-card/types.d.ts

@@ -1,10 +0,0 @@
-type DefaultIconNames = "book-open" | "bullseye" | "briefcase" | "calendar-xmark" | "diagram-venn" | "file" | "headset" | "infinity" | "messages-question" | "radar" | "scanner-touchscreen" | "screwdriver-wrench" | "sidebar" | "user-robot";
-/**
- * Icon card props interface.
- * @interface IconCardProps
- * @property { DefaultIconNames } icon - Custom selection of FontAwesome icons.
- */
-interface IIconCardProps {
-    icon: DefaultIconNames;
-}
-export type { IIconCardProps };