@fluidattacks/design 1.2.21 → 1.2.23

package/dist/src/components/accordion/accordion-content/types.d.ts

@@ -1,10 +1,11 @@
 import { IAccordionItemProps, TVariant } from '../types';
 /**
  * Accordion Content props
- * @property {boolean} [isSelectedAndOpen] If item in accordion is selected and open.
- * @property {IAccordionItemProps} [item] Accordion item.
- * @property {TVariant} [variant] Type of accordion.
- * @property {boolean} [render] Render condition.
+ * @interface IAccordionContentProps
+ * @property {boolean} isSelectedAndOpen If item in accordion is selected and open.
+ * @property {IAccordionItemProps} item Accordion item.
+ * @property {TVariant} variant Type of accordion.
+ * @property {boolean} render Render condition.
  */
 interface IAccordionContentProps {
     isSelectedAndOpen: boolean;

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

@@ -2,7 +2,8 @@ type TVariant = "progress" | "simple" | "platform";
 type TAligned = "end" | "start";
 /**
  * Accordion item props
- * @property {string} [title] Accordion title.
+ * @interface IAccordionItemProps
+ * @property {string} title Accordion title.
  * @property {string} [description] Accordion description.
  * @property {JSX.Element} [extraElement] Accordion extra components.
  */
@@ -15,8 +16,9 @@ interface IAccordionItemProps {
  * Pass more than 1 item to activate progress variant
  *
  * Accordion component props
+ * @interface IAccordionProps
  * @property {TAligned} [aligned] Align title.
- * @property {IAccordionItemProps} [items] A list of accordion items.
+ * @property {IAccordionItemProps} items A list of accordion items.
  * @property {number} [progressTime] Time remaining until the next item (in seconds).
  * @property {string} [bgColor] Accordion background color.
  * @property {TVariant} [variant] Type of accordion.

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

@@ -4,6 +4,7 @@ import { TPlace } from '../tooltip/types';
 type TVariant = "primary" | "primaryWeb" | "secondary" | "secondaryWeb" | "tertiary" | "ghost" | "ghostWeb" | "link";
 /**
  * Button component props.
+ * @interface IButtonProps
  * @extends IBorderModifiable
  * @extends IDisplayModifiable
  * @extends IMarginModifiable

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

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

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

@@ -0,0 +1,20 @@
+import { HTMLAttributes } from 'react';
+type TVariant = "web" | "platform";
+/**
+ * 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.
+ * @property {Function} [variant] Checkbox variant type.
+ */
+interface ICheckboxProps extends HTMLAttributes<HTMLInputElement> {
+    disabled?: boolean;
+    label?: string;
+    name: string;
+    value?: string;
+    variant?: TVariant;
+}
+export type { ICheckboxProps, TVariant };

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

@@ -1,6 +1,7 @@
 import { 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.

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

@@ -3,6 +3,7 @@ import { TModifiable } from '../@core';
 type THtmlTag = keyof ReactHTML;
 /**
  * Container component props.
+ * @interface IContainerProps
  * @extends TModifiable
  * @extends HTMLAttributes<HTMLDivElement>
  * @property {THtmlTag} [as] The react html tag to represent.

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

@@ -3,14 +3,14 @@ import { IIconModifiable, IMarginModifiable } from '../@core';
 type TIconType = "fa-brands" | "fa-light" | "fa-regular" | "fa-solid";
 /**
  * Icon Wrapper component props.
+ * @interface IIconWrapProps
  * @extends IMarginModifiable
+ * @extends IIconModifiable
  * @property {boolean} [clickable] Defines the cursor to show on icon hover.
- * @property {string} [color] The icon color.
  * @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.
- * @property {TSize} size The icon size.
  */
 interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
     clickable?: boolean;
@@ -21,12 +21,12 @@ interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
 }
 /**
  * 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} [iconTransform] The data-fa-transform prop of icon.
- * @property {IconName} icon The icon name coming from fontawesome.
- * @property {TIconType} iconType The icon type.
+ * @property {TIconType} [iconType] The icon type.
  */
 interface IIconProps extends IIconWrapProps {
     iconClass?: string;

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

@@ -10,10 +10,11 @@ interface IItem {
 }
 /**
  * Item list for language selector props
+ * @interface IItemList
  * @property {boolean} [disabled] Show the item as disabled.
  * @property {TMode} [mode] The background theme: dark or light.
- * @property {Function} [onClick] Function handler for click event.
- * @property {string} [text] Item list text
+ * @property {Function} onClick Function handler for click event.
+ * @property {string} text Item list text
  */
 interface IItemList {
     disabled?: boolean;
@@ -23,6 +24,7 @@ interface IItemList {
 }
 /**
  * Language selector component props
+ * @interface ILangSelectorProps
  * @property {IItem} [items] The custom items to make selection.
  * @property {Function} handleClick Function handler for click event.
  * @property {TMode} [mode] The background theme: dark or light.

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

@@ -1,6 +1,7 @@
 type TLogoVariant = "company" | "footer" | "header" | "icon";
 /**
  * Logo component props.
+ * @interface ILogoProps
  * @property {string} publicId The publicId location in cloudinary.
  * @property {TLogoVariant} variant The different types of logo used.
  */

package/dist/src/components/message-banner/index.d.ts

@@ -1,3 +1,3 @@
 import { IMessageBannerProps } from './types';
-declare const MessageBanner: import('react').ForwardRefExoticComponent<Readonly<IMessageBannerProps> & import('react').RefAttributes<unknown>>;
+declare const MessageBanner: ({ message, onClickButton, buttonText, buttonFontWeight, icon, onClose, variant, }: Readonly<IMessageBannerProps>) => JSX.Element;
 export { MessageBanner };

package/dist/src/components/message-banner/types.d.ts

@@ -4,13 +4,15 @@ import { MouseEventHandler } from 'react';
 type TVariant = "web" | "platform";
 /**
  * Message banner props.
+ * @interface IMessageBannerProps
  * @extends IMessageBannerProps
- * @property {JSX.Element | string} [message] Banner text.
+ * @property {JSX.Element | string} message Banner text.
  * @property {string} [buttonText] Text for action button.
  * @property {FontWeight} [buttonFontWeight] Weight for button text.
  * @property {IconName} [icon] Icon for action button.
  * @property {Function} [onClickButton] Action for action button.
  * @property {Function} [onClose] Extra action when banner close.
+ * @property {TVariant} [variant] Variant to use: platform or web.
  */
 interface IMessageBannerProps {
     message: JSX.Element | string;

package/dist/src/components/notification-sign/index.d.ts

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

package/dist/src/components/notification-sign/styles.d.ts

@@ -0,0 +1,9 @@
+import { INotificationSignProps } from './types';
+interface IStyledNotificationSignProps {
+    $variant?: INotificationSignProps["variant"];
+}
+declare const NotificationSignButton: 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('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, IStyledNotificationSignProps>> & string;
+declare const NumberIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { NotificationSignButton, NumberIndicator };

package/dist/src/components/notification-sign/types.d.ts

@@ -0,0 +1,16 @@
+import { IPositionModifiable } from '../@core';
+type TVariant = "error" | "warning";
+/**
+ * Notification sign component props.
+ * @interface INotificationSignProps
+ * @extends IPositionModifiable
+ * @property {number} [numberIndicator] The number of notifications.
+ * @property {boolean} [show] The visibility of notification sign.
+ * @property {TVariant} [variant] The notification custom variant.
+ */
+interface INotificationSignProps extends Pick<IPositionModifiable, "left" | "top"> {
+    numberIndicator?: number;
+    show?: boolean;
+    variant?: TVariant;
+}
+export type { INotificationSignProps };

package/dist/src/components/progress-bar/index.d.ts

@@ -0,0 +1,4 @@
+import { IProgressBarProps } from './types';
+declare const ProgressBar: ({ progressTime, onComplete, }: Readonly<IProgressBarProps>) => JSX.Element;
+export { ProgressBar };
+export type { IProgressBarProps };

package/dist/src/components/progress-bar/types.d.ts

@@ -0,0 +1,12 @@
+import { IDisplayModifiable } from '../@core';
+/**
+ * Progress bar component props
+ * @interface IProgressBarProps
+ * @property {number} [progressTime] Time to complete.
+ * @property {Function} [onComplete] Action when progress complete.
+ */
+interface IProgressBarProps extends IDisplayModifiable {
+    progressTime?: number;
+    onComplete?: () => void;
+}
+export type { IProgressBarProps };

package/dist/src/components/progress-bar/utils.d.ts

@@ -0,0 +1,2 @@
+declare const getDelay: (progressTime: number) => number;
+export { getDelay };

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

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

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

@@ -0,0 +1,9 @@
+import { TVariant } from './types';
+declare const LabelContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $disabled: boolean;
+    $variant: TVariant;
+}>> & string;
+declare const CheckMark: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}>, never>, never>> & string;
+export { CheckMark, LabelContainer };

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, HTMLProps } from 'react';
+type TVariant = "web" | "platform";
+/**
+ * Radio button props.
+ * @interface IRadioButtonProps
+ * @extends HTMLAttributes<HTMLInputElement>
+ * @extends HTMLProps<HTMLInputElement>
+ * @property {string} name Input name.
+ * @property {string} value Radio button value.
+ * @property {Function} [variant] Radio button variant type.
+ */
+interface IRadioButtonProps extends HTMLAttributes<HTMLInputElement>, HTMLProps<HTMLInputElement> {
+    name: string;
+    value: string;
+    variant?: TVariant;
+}
+export type { IRadioButtonProps, TVariant };

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

@@ -2,6 +2,7 @@ import { IIconModifiable } from '../@core';
 type THit = Record<string, unknown>;
 /**
  * Item searching component props.
+ * @interface IItemSearchingProps
  * @property {THit} hit The matched item of the search query.
  * @property {IconName} [icon] Icon to show with item.
  * @property {boolean} [showIcon] True if the item includes an icon.
@@ -13,6 +14,7 @@ interface IItemSearchingProps {
 }
 /**
  * Search bar component props.
+ * @interface ISearchBarProps
  * @property {THit[]} items The matched items returned from Algolia.
  * @property {string} [placeholder] The search bar placeholder.
  * @property {Function} refine A function to set a new query and searches.

package/dist/src/components/tabs/fixed-tabs/index.d.ts

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

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

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

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

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

package/dist/src/components/tabs/tab/index.d.ts

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

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

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

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

@@ -1,5 +1,6 @@
 /**
  * Toggle button component props.
+ * @interface IToggleButtonProps
  * @property {string} [defaultSelection] The option selected by default.
  * @property {string[]} options The list options label.
  * @property {Function} handleClick The function to handle the click event.

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

@@ -4,6 +4,7 @@ type TPlace = "bottom" | "left" | "right" | "top";
 type TEffect = "float" | "solid";
 /**
  * Tooltip component props
+ * @interface ITooltipProps
  * @extends IIconModifiable
  * @extends IDisplayModifiable
  * @property {boolean} [disabled] If the tooltip icon is disabled.

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

@@ -2,6 +2,7 @@ import { Property } from 'csstype';
 import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable } from '../@core';
 /**
  * Typography component props.
+ * @interface ITypographyProps
  * @extends IMarginModifiable
  * @extends IPaddingModifiable
  * @extends ISizeModifiable

package/dist/src/hooks/use-cloudinary-image.d.ts

@@ -1,6 +1,7 @@
 import { CloudinaryImage } from '@cloudinary/url-gen';
 /**
  * Cloudinary image hook props.
+ * @interface IUseCloudinaryImageProps
  * @property {string} publicId The publicId location in cloudinary.
  * @property {string} [format] The image format desired (e.g., png, jpg).
  */

package/dist/src/index.d.ts

@@ -1,13 +1,19 @@
 export * from './components/@core';
 export * from './components/accordion';
 export * from './components/button';
+export * from './components/checkbox';
 export * from './components/cloud-image';
 export * from './components/colors';
 export * from './components/container';
 export * from './components/icon';
 export * from './components/language-selector';
 export * from './components/logo';
+export * from './components/message-banner';
+export * from './components/notification-sign';
+export * from './components/progress-bar';
+export * from './components/radio-button';
 export * from './components/search-bar';
+export * from './components/tabs';
 export * from './components/toggle-buttons';
 export * from './components/tooltip';
 export * from './components/typography';

package/package.json

@@ -7,7 +7,6 @@
   "dependencies": {
     "@cloudinary/react": "1.13.0",
     "@cloudinary/url-gen": "1.21.0",
-    "@floating-ui/react-dom": "2.1.2",
     "@fortawesome/free-solid-svg-icons": "6.6.0",
     "@fortawesome/react-fontawesome": "0.2.2",
     "react": "18.2.0",
@@ -15,6 +14,10 @@
     "react-tooltip": "5.28.0",
     "styled-components": "6.1.13"
   },
+  "optionalDependencies": {
+    "@floating-ui/react-dom": "2.1.2",
+    "react-router-dom": "6.27.0"
+  },
   "devDependencies": {
     "@storybook/addon-a11y": "8.3.6",
     "@storybook/addon-essentials": "8.3.6",
@@ -82,7 +85,7 @@
     "preview": "vite preview",
     "storybook": "storybook dev"
   },
-  "version": "1.2.21",
+  "version": "1.2.23",
   "eslintConfig": {
     "extends": [
       "plugin:storybook/recommended"

package/dist/src/components/accordion/index.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IAccordionProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IAccordionProps>;
-declare const Progress: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IAccordionProps>;
-export { Default, Progress };
-export default config;

package/dist/src/components/accordion/platform/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IAccordionProps } from '../types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IAccordionProps>;
-export { Default };
-export default config;

package/dist/src/components/button/index.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta } from '@storybook/react';
-import { PropsWithChildren } from 'react';
-import { IButtonProps } from '.';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-declare const Secondary: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-declare const Ghost: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-declare const Link: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-export { Default, Secondary, Ghost, Link };
-export default config;

package/dist/src/components/button/platform/index.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta } from '@storybook/react';
-import { PropsWithChildren } from 'react';
-import { IButtonProps } from '..';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-declare const Secondary: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-declare const Tertiary: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-declare const Ghost: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<IButtonProps>>;
-export { Default, Secondary, Tertiary, Ghost };
-export default config;

package/dist/src/components/container/index.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryFn } from '@storybook/react';
-import { IContainerProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('react').PropsWithChildren<IContainerProps>>;
-declare const FlexBox: StoryFn;
-export { Default, FlexBox };
-export default config;

package/dist/src/components/grid-layout/index.stories.d.ts

@@ -1,17 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const config: Meta;
-declare const PlatformLayout: () => JSX.Element;
-declare const Large: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
-    columns: number;
-}>;
-declare const Medium: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
-    columns: number;
-}>;
-declare const Tablet: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
-    columns: number;
-}>;
-declare const Mobile: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
-    columns: number;
-}>;
-export { PlatformLayout, Large, Medium, Tablet, Mobile };
-export default config;

package/dist/src/components/language-selector/index.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ILangSelectorProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
-declare const FullLanguage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
-declare const DarkMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
-export { Default, FullLanguage, DarkMode };
-export default config;

package/dist/src/components/message-banner/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IMessageBannerProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IMessageBannerProps>;
-export default config;
-export { Default };

package/dist/src/components/search-bar/index.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ISearchBarProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ISearchBarProps>;
-declare const EmptyState: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ISearchBarProps>;
-export { Default, EmptyState };
-export default config;

package/dist/src/components/search-bar/item-searching/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IItemSearchingProps } from '../types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IItemSearchingProps>;
-export { Default };
-export default config;

package/dist/src/components/toggle-buttons/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IToggleButtonProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IToggleButtonProps>;
-export { Default };
-export default config;

package/dist/src/components/tooltip/index.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ITooltipProps } from './types';
-declare const config: Meta;
-declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITooltipProps>;
-declare const TitleTooltip: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITooltipProps>;
-declare const IconTooltip: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ITooltipProps>;
-export { Default, TitleTooltip, IconTooltip };
-export default config;