@fluidattacks/design 2.2.0 → 2.4.0

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { ILoadingProps } from "./types";
+declare const Loading: ({ color, label, size, }: Readonly<ILoadingProps>) => JSX.Element;
+export type { ILoadingProps };
+export { Loading };

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

@@ -0,0 +1,9 @@
+import type { TColor, TSize } from "./types";
+interface IStyledLoadingProps {
+    $color?: TColor;
+    $size?: TSize;
+}
+declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement>, IStyledLoadingProps>> & string;
+declare const Circle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, IStyledLoadingProps>> & string;
+declare const CircleBg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGCircleElement>, IStyledLoadingProps>> & string;
+export { Circle, CircleBg, LoadingContainer };

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

@@ -0,0 +1,15 @@
+type TSize = "lg" | "md" | "sm";
+type TColor = "red" | "white";
+/**
+ * Loading component props.
+ * @interface ILoadingProps
+ * @property { TColor } [color] - Color of the loading circle.
+ * @property { string } [label] - Label to display inside the loading circle.
+ * @property { TSize } [size] - Size of the loading circle
+ */
+interface ILoadingProps {
+    color?: TColor;
+    label?: string;
+    size?: TSize;
+}
+export type { ILoadingProps, TColor, TSize };

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+declare const ProgressLine: 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;
+}, {
+    $animationTime: number;
+}>> & string;
+export { ProgressLine };

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

@@ -0,0 +1,12 @@
+import { IDisplayModifiable } from "components/@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/types/components/progress-bar/index.d.ts

@@ -1,4 +1,3 @@
 import type { IProgressBarProps } from "./types";
-declare const ProgressBar: ({ progressTime, onComplete, }: Readonly<IProgressBarProps>) => JSX.Element;
+declare const ProgressBar: ({ minWidth, percentage, percentageLocation, showPercentage, orientation, rounded, variant, }: Readonly<IProgressBarProps>) => JSX.Element;
 export { ProgressBar };
-export type { IProgressBarProps };

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

@@ -1,6 +1,13 @@
-declare const ProgressLine: 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;
-}, {
-    $animationTime: number;
+import type { TOrientation, TProgressVariant } from "./types";
+declare const Bar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $minWidth: number;
+    $orientation: TOrientation;
+    $rounded: boolean;
+    $variant: TProgressVariant;
 }>> & string;
-export { ProgressLine };
+declare const StyledProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $percentage: number;
+    $rounded: boolean;
+    $variant: TProgressVariant;
+}>> & string;
+export { Bar, StyledProgressBar };

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

@@ -1,12 +1,24 @@
-import { IDisplayModifiable } from "components/@core";
+type TOrientation = "horizontal" | "vertical";
+type TPercentageLocation = "left" | "right";
+type TProgressVariant = "compliance" | "default" | "progressIndicator" | "progressIndicatorError" | "small";
 /**
- * Progress bar component props
+ * Progress bar component props.
  * @interface IProgressBarProps
- * @property {number} [progressTime] - Time to complete.
- * @property {Function} [onComplete] - Action when progress complete.
+ * @property { number } [minWidth] - Minimum width of the progress bar.
+ * @property { number } percentage - Percentage of the progress bar.
+ * @property { TPercentageLocation } [percentageLocation] - Location of the percentage text.
+ * @property { boolean } [rounded] - Whether to round the progress bar corners.
+ * @property { boolean } [showPercentage] - Whether to show the percentage text.
+ * @property { TOrientation } [orientation] - Orientation of the progress bar.
+ * @property { TProgressVariant } [variant] - Progress bar variant.
  */
-interface IProgressBarProps extends IDisplayModifiable {
-    progressTime?: number;
-    onComplete?: () => void;
+interface IProgressBarProps {
+    minWidth?: number;
+    percentage: number;
+    percentageLocation?: TPercentageLocation;
+    rounded?: boolean;
+    showPercentage?: boolean;
+    orientation?: TOrientation;
+    variant?: TProgressVariant;
 }
-export type { IProgressBarProps };
+export type { IProgressBarProps, TProgressVariant, TOrientation };

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

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

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

@@ -0,0 +1,4 @@
+declare const FloatButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export { FloatButton };

package/dist/types/components/scroll-button/types.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Scroll up button component props.
+ * @interface IScrollUpButtonProps
+ * @property { string } [scrollerId] - The ID of the scrollable element.
+ * @property { number } [visibleAt] - The pixel value at which the scroll up button should become visible.
+ */
+interface IScrollUpButtonProps {
+    scrollerId?: string;
+    visibleAt?: number;
+}
+export type { IScrollUpButtonProps };

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes } from "react";
+/**
+ * Search component props interface.
+ * @interface ISearchProps
+ * @property { boolean } [smallSearch] - Use smaller search bar size.
+ */
+interface ISearchProps extends InputHTMLAttributes<HTMLInputElement> {
+    smallSearch?: boolean;
+}
+export type { ISearchProps };

package/dist/types/components/show-on-hover/index.d.ts

@@ -0,0 +1,3 @@
+import type { IShowOnHoverProps } from "./types";
+declare const ShowOnHover: ({ visibleElement, hiddenElement, }: Readonly<IShowOnHoverProps>) => JSX.Element;
+export { ShowOnHover };

package/dist/types/components/show-on-hover/styles.d.ts

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

package/dist/types/components/show-on-hover/types.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+/**
+ * Show on hover component props.
+ * @interface IShowOnHoverProps
+ * @property { ReactNode } visibleElement - The element to show by default.
+ * @property { ReactNode } hiddenElement - The element to show when hovering.
+ */
+interface IShowOnHoverProps {
+    visibleElement: ReactNode;
+    hiddenElement: ReactNode;
+}
+export type { IShowOnHoverProps };

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

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

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

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

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

@@ -2,6 +2,7 @@ import type { TTextProps } from "./types";
 interface IStyledTextProps {
     $bgGradient?: TTextProps["bgGradient"];
     $color?: TTextProps["color"];
+    $content?: TTextProps["content"];
     $display?: TTextProps["display"];
     $fontFamily?: TTextProps["fontFamily"];
     $fontWeight?: TTextProps["fontWeight"];
@@ -20,4 +21,5 @@ declare const StyledHeading: import("styled-components/dist/types").IStyledCompo
 declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, 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: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, IStyledTextProps>> & string;
-export { StyledHeading, StyledText };
+declare const StyledSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledTextProps>> & string;
+export { StyledHeading, StyledText, StyledSpan };

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

@@ -7,13 +7,17 @@ import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable
  * @extends IPaddingModifiable
  * @extends ISizeModifiable
  * @extends ITextModifiable
+ * @property {Property.Background} [bgGradient] - Background gradient.
  * @property {string} [className] - Additional class names.
+ * @property {string} [content] - Text content.
  * @property {Display} [display] - Text display layout.
  * @property {LineHeight<number | string>} - Line height in mobile resolution.
+ * @property {Property.WebkitTextFillColor} [textFill] - Text fill color.
  */
 interface ITypographyProps extends IMarginModifiable, ISizeModifiable, IPaddingModifiable, Omit<ITextModifiable, "fontSize"> {
     bgGradient?: Property.Background;
     className?: string;
+    content?: string;
     display?: Property.Display;
     lineSpacingSm?: Property.LineHeight<number | string>;
     textFill?: Property.WebkitTextFillColor;

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

@@ -1,4 +1,7 @@
 import { useCarousel } from "./use-carousel";
 import { useClickOutside } from "./use-click-outside";
 import { useCloudinaryImage } from "./use-cloudinary-image";
-export { useCarousel, useCloudinaryImage, useClickOutside };
+import { useDebouncedCallback } from "./use-debounced-callback";
+import { useModal } from "./use-modal";
+import { useSearch } from "./use-search";
+export { useCarousel, useCloudinaryImage, useClickOutside, useDebouncedCallback, useModal, useSearch, };

package/dist/types/hooks/use-debounced-callback.d.ts

@@ -0,0 +1,4 @@
+import _ from "lodash";
+type TCallable = (...args: readonly any[]) => any;
+declare const useDebouncedCallback: <T extends TCallable>(callback: T, wait: number) => _.DebouncedFunc<T>;
+export { useDebouncedCallback };

package/dist/types/hooks/use-modal.d.ts

@@ -0,0 +1,11 @@
+interface IUseModal {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    isOpen: boolean;
+    name: string;
+    setIsOpen: (value: boolean) => void;
+}
+declare const useModal: (name: string) => IUseModal;
+export type { IUseModal };
+export { useModal };

package/dist/types/hooks/use-search.d.ts

@@ -0,0 +1,5 @@
+interface IUseSearchParams {
+    readonly debounceWait: number;
+}
+declare const useSearch: (params?: IUseSearchParams) => [string | undefined, (value: string) => void];
+export { useSearch };

package/dist/types/index.d.ts

@@ -14,6 +14,7 @@ export * from "components/content-card-carousel";
 export * from "components/divider";
 export * from "components/file-preview";
 export * from "components/form";
+export * from "components/group-selector";
 export * from "components/icon";
 export * from "components/icon-button";
 export * from "components/inputs";
@@ -22,19 +23,26 @@ export * from "components/language-selector";
 export * from "components/link";
 export * from "components/list-item";
 export * from "components/little-flag";
+export * from "components/loading";
 export * from "components/logo";
 export * from "components/logo-carousel";
 export * from "components/lottie";
+export * from "components/menu";
 export * from "components/message-banner";
 export * from "components/notification";
 export * from "components/notification-sign";
 export * from "components/number-input";
+export * from "components/oauth-selector";
 export * from "components/premium-feature";
-export * from "components/progress-bar";
+export * from "components/progress";
+export * from "components/pop-up";
 export * from "components/radio-button";
+export * from "components/scroll-button";
+export * from "components/search";
 export * from "components/search-bar";
 export * from "components/severity-badge";
 export * from "components/severity-overview";
+export * from "components/show-on-hover";
 export * from "components/slide-out-menu";
 export * from "components/step-lapse";
 export * from "components/table-button";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://gitlab.com/fluidattacks/universe/issues"
   },
   "dependencies": {
-    "@cloudinary/react": "1.13.0",
+    "@cloudinary/react": "1.13.1",
     "@cloudinary/url-gen": "1.21.0",
     "@fortawesome/free-solid-svg-icons": "6.7.1",
     "@fortawesome/react-fontawesome": "0.2.2",
@@ -21,20 +21,20 @@
   "description": "Fluidattacks core components library",
   "devDependencies": {
     "@rollup/plugin-terser": "0.4.4",
-    "@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/addon-a11y": "8.4.7",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-links": "8.4.7",
+    "@storybook/addon-viewport": "8.4.7",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/react-vite": "8.4.7",
+    "@storybook/test": "8.4.7",
     "@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",
+    "@vitejs/plugin-react-swc": "3.7.2",
     "autoprefixer": "10.4.20",
     "eslint": "9.14.0",
     "eslint-config-prettier": "9.1.0",
@@ -51,13 +51,13 @@
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "storybook": "8.4.6",
+    "storybook": "8.4.7",
     "stylelint": "16.11.0",
     "stylelint-config-standard": "36.0.1",
-    "tailwindcss": "3.4.15",
+    "tailwindcss": "3.4.16",
     "typescript": "5.7.2",
     "typescript-eslint": "8.16.0",
-    "vite": "5.4.11",
+    "vite": "6.0.3",
     "vite-plugin-css-injected-by-js": "3.5.2"
   },
   "eslintConfig": {
@@ -100,5 +100,5 @@
     "test-storybook": "test-storybook"
   },
   "types": "dist/types/index.d.ts",
-  "version": "2.2.0"
+  "version": "2.4.0"
 }