@fluidattacks/design 3.1.4 → 3.1.6

package/types/components/modal/types.d.ts

@@ -0,0 +1,87 @@
+import type { IUseModal } from "hooks";
+type TSize = "lg" | "md" | "sm";
+/**
+ * Button props.
+ * @interface IButtonProps
+ * @property { string } text - The text of the button.
+ * @property { Function } [onClick] - The function to call when the button is clicked.
+ */
+interface IButtonProps {
+    onClick: () => void;
+    text: string;
+}
+/**
+ * Modal content props.
+ * @interface IModalContent
+ * @property { string } [imageSrc] - The source of the image.
+ * @property { boolean } [imageFramed] - Whether the image is framed.
+ * @property { string } [imageText] - The text of the image.
+ */
+interface IModalContent {
+    imageSrc?: string;
+    imageFramed?: boolean;
+    imageText?: string;
+}
+/**
+ * Modal header component props.
+ * @interface IModalHeaderProps
+ * @property { React.ReactNode | string } [description] - The description of the modal.
+ * @property { IUseModal } [modalRef] - The modal reference.
+ * @property { React.ReactNode } [otherActions] - The other actions of the modal.
+ * @property { Function } [onClose] - The function to call when the modal is closed.
+ * @property { React.ReactNode | string } [title] - The title of the modal.
+ */
+interface IModalHeaderProps {
+    description?: React.ReactNode | string;
+    modalRef: IModalProps["modalRef"];
+    otherActions?: React.ReactNode;
+    onClose?: () => void;
+    title: React.ReactNode | string;
+}
+/**
+ * Modal footer component props.
+ * @interface IModalFooterProps
+ * @property { IButtonProps } [cancelButton] - The cancel button props.
+ * @property { IButtonProps } [confirmButton] - The confirm button props.
+ * @property { IUseModal } [modalRef] - The modal reference.
+ */
+interface IModalFooterProps {
+    cancelButton?: IButtonProps;
+    confirmButton?: IButtonProps;
+    modalRef: IUseModal;
+}
+/**
+ * Modal component props.
+ * @interface IModalProps
+ * @extends IModalHeaderProps
+ * @extends IModalFooterProps
+ * @property { boolean } [portal] - Whether the modal is a portal.
+ * @property { IModalContent } [content] - The modal content.
+ * @property { string } [id] - The id of the modal.
+ * @property { TSize } [size] - The size of the modal.
+ */
+interface IModalProps extends Omit<IModalHeaderProps, "modalRef">, IModalFooterProps {
+    _portal?: boolean;
+    content?: IModalContent;
+    id?: string;
+    size: TSize;
+}
+/**
+ * Modal confirm props.
+ * @interface IModalConfirmProps
+ * @property { boolean } [disabled] - Whether the confirm button is disabled.
+ * @property { string } [id] - The id of the confirm button.
+ * @property { Function } [onCancel] - The function to call when the cancel button is clicked.
+ * @property { "submit" | Function } [onConfirm] - The function to call when the confirm button is clicked.
+ * @property { string } [txtCancel] - The text of the cancel button.
+ * @property { React.ReactNode | string } [txtConfirm] - The text of the confirm button.
+ */
+interface IModalConfirmProps {
+    disabled?: boolean;
+    id?: string;
+    onCancel?: () => void;
+    onConfirm?: "submit" | (() => void);
+    txtCancel?: string;
+    txtConfirm?: React.ReactNode | string;
+}
+export type { IModalProps, IModalContent, IModalConfirmProps, IModalFooterProps, IModalHeaderProps, TSize, };

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

@@ -0,0 +1,3 @@
+import type { INotificationProps } from "./types";
+declare const Notification: ({ description, onClose, title, variant, }: Readonly<INotificationProps>) => JSX.Element;
+export { Notification };

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

@@ -0,0 +1,7 @@
+import { TNotificationVariant } from "./types";
+interface IAlertAndNotifyBoxProps {
+    $variant: TNotificationVariant;
+}
+declare const NotificationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAlertAndNotifyBoxProps>> & string;
+declare const IconsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAlertAndNotifyBoxProps>> & string;
+export { IconsContainer, NotificationContainer };

package/types/components/notification/types.d.ts

@@ -0,0 +1,16 @@
+type TNotificationVariant = "error" | "info" | "success" | "warning";
+/**
+ * Notification component props.
+ * @interface INotificationProps
+ * @property {string} description - The main content of the notification.
+ * @property {string} title - The title of the notification.
+ * @property {TNotificationVariant} variant - The notification custom variant.
+ * @property { Function } [onClose] - Optional callback function when the notification is closed.
+ */
+interface INotificationProps {
+    description: string;
+    title: string;
+    variant: TNotificationVariant;
+    onClose?: () => void;
+}
+export type { INotificationProps, TNotificationVariant };

package/types/components/notification/utils.d.ts

@@ -0,0 +1,4 @@
+import type { IconName } from "@fortawesome/free-solid-svg-icons";
+import { TNotificationVariant } from "./types";
+declare const getIcon: (variant: TNotificationVariant) => IconName;
+export { getIcon };

package/types/components/notification-sign/index.d.ts

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

package/types/components/notification-sign/styles.d.ts

@@ -0,0 +1,9 @@
+import type { 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("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;
+}, 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/types/components/notification-sign/types.d.ts

@@ -0,0 +1,16 @@
+import { IPositionModifiable } from "components/@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/types/components/number-input/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { INumberInputProps } from "./types";
+declare const NumberInput: React.ForwardRefExoticComponent<Readonly<INumberInputProps> & React.RefAttributes<HTMLInputElement>>;
+export type { INumberInputProps };
+export { NumberInput };

package/types/components/number-input/styles.d.ts

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

package/types/components/number-input/types.d.ts

@@ -0,0 +1,17 @@
+import { InputHTMLAttributes } from "react";
+/**
+ *  Number input component props.
+ * @interface INumberInputProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @property { boolean } [autoUpdate] - Whether the input value should be updated automatically.
+ * @property { number } [decimalPlaces] - Number of decimal places to display.
+ * @property { Function } [onEnter] - Function to be called when the enter key is pressed.
+ * @property { string } [tooltipMessage] - Tooltip message to display when hovering over the input.
+ */
+interface INumberInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    autoUpdate?: boolean;
+    decimalPlaces?: number;
+    onEnter: (value?: number) => void;
+    tooltipMessage?: string;
+}
+export type { INumberInputProps };

package/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/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/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/types/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/types/components/plan-card/recommended-tag/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import type { IPremiumFeatureProps } from "./types";
+declare const PremiumFeature: ({ margin, onClick, text, }: Readonly<IPremiumFeatureProps>) => JSX.Element;
+export { PremiumFeature };

package/types/components/premium-feature/styles.d.ts

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

package/types/components/premium-feature/types.d.ts

@@ -0,0 +1,14 @@
+import { IMarginModifiable } from "components/@core";
+/**
+ * Premium feature component props.
+ * @interface IPremiumFeatureProps
+ * @property { string } [margin] - The margin for the premium feature.
+ * @property { Function } [onClick] - Event handler for the premium feature click.
+ * @property { string } [text] - Text for the premium feature.
+ */
+interface IPremiumFeatureProps {
+    margin?: IMarginModifiable["mr"];
+    onClick?: () => void;
+    text?: string;
+}
+export type { IPremiumFeatureProps };

package/types/components/priority-score/index.d.ts

@@ -0,0 +1,3 @@
+import { IPriorityScoreProps } from "./types";
+declare const PriorityScore: ({ score, }: Readonly<IPriorityScoreProps>) => JSX.Element;
+export { PriorityScore };

package/types/components/priority-score/types.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Priority score component props.
+ * @interface IPriorityScoreProps
+ * @property { number } score - The priority score.
+ */
+interface IPriorityScoreProps {
+    score: number;
+}
+export type { IPriorityScoreProps };

package/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/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/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/types/components/progress/utils.d.ts

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

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

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

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

@@ -0,0 +1,13 @@
+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;
+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/types/components/progress-bar/types.d.ts

@@ -0,0 +1,24 @@
+type TOrientation = "horizontal" | "vertical";
+type TPercentageLocation = "left" | "right";
+type TProgressVariant = "compliance" | "default" | "progressIndicator" | "progressIndicatorError" | "small";
+/**
+ * Progress bar component props.
+ * @interface IProgressBarProps
+ * @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 {
+    minWidth?: number;
+    percentage: number;
+    percentageLocation?: TPercentageLocation;
+    rounded?: boolean;
+    showPercentage?: boolean;
+    orientation?: TOrientation;
+    variant?: TProgressVariant;
+}
+export type { IProgressBarProps, TProgressVariant, TOrientation };

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

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

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

@@ -0,0 +1,5 @@
+declare const LabelContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & 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/types/components/radio-button/types.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, HTMLProps } from "react";
+/**
+ * Radio button props.
+ * @interface IRadioButtonProps
+ * @extends HTMLAttributes<HTMLInputElement>
+ * @extends HTMLProps<HTMLInputElement>
+ * @property {string} name - Input name.
+ * @property {string} value - Radio button value.
+ */
+interface IRadioButtonProps extends HTMLAttributes<HTMLInputElement>, HTMLProps<HTMLInputElement> {
+    name: string;
+    value: string;
+}
+export type { IRadioButtonProps };

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

@@ -0,0 +1,3 @@
+import { ISearchBarProps } from "./types";
+declare const SearchBar: ({ items, placeholder, refine, query, }: Readonly<ISearchBarProps>) => JSX.Element;
+export { SearchBar };

package/types/components/search-bar/item-searching/index.d.ts

@@ -0,0 +1,3 @@
+import { IItemSearchingProps } from "../types";
+declare const ItemSearching: ({ hit, icon, showIcon, }: Readonly<IItemSearchingProps>) => JSX.Element;
+export { ItemSearching };

package/types/components/search-bar/styles.d.ts

@@ -0,0 +1,15 @@
+declare const StyledItemSearching: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+declare const IconWrapper: 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;
+declare const StyledSearchBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledSearchBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+declare const StyledSearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+declare const StyledSearchReset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledDropdownItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<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>, {
+    $empty?: boolean;
+    $showHits?: boolean;
+}>> & string;
+export { IconWrapper, StyledDropdownItems, StyledItemSearching, StyledSearchBar, StyledSearchBox, StyledSearchInput, StyledSearchReset, };