/// <reference types="react" />
import * as react from 'react';
import react__default, { PropsWithChildren, ReactNode, HTMLAttributes, InputHTMLAttributes, ChangeEvent, FC, RefObject, MouseEvent, TextareaHTMLAttributes, Dispatch, SetStateAction } from 'react';
import { T as TComponentIcon, C as ClassName, B as BaseComponentSizes } from './types-73ca6ab5.js';
import { B as ButtonProps$1, a as ButtonVariants$1 } from './Button.interface-78378581.js';
import * as react_jsx_runtime from 'react/jsx-runtime';
export { M as ModalProps } from './Modal.interface.d-7d504281.js';
import 'react-modal';

type IconNames =
  | "crop"
  | "video-off"
  | "wifi-off"
  | "sun"
  | "shield-off"
  | "phone-off"
  | "mic-off"
  | "eye-off"
  | "cloud-rain"
  | "cloud-off"
  | "cloud-drizzle"
  | "clound-lightning"
  | "camera-off"
  | "bell-off"
  | "settings"
  | "two-layers"
  | "arrow-right"
  | "briefcase"
  | "align-left"
  | "bar-chart-2"
  | "clock"
  | "sunset"
  | "airplay"
  | "three-layers"
  | "activity"
  | "alert-circle"
  | "alert-octagon"
  | "alert-triangle"
  | "align-center"
  | "align-justify"
  | "align-right"
  | "anchor"
  | "battery-charging"
  | "tag"
  | "award"
  | "sunrise"
  | "archive"
  | "terminal"
  | "arrow-down-circle"
  | "bar-chart"
  | "cloud-snow"
  | "tablet"
  | "arrow-down-left"
  | "bluetooth"
  | "cloud"
  | "thumbs-down"
  | "arrow-down-right"
  | "battery"
  | "code"
  | "target"
  | "arrow-down"
  | "book-open"
  | "codepen"
  | "toggle-left"
  | "arrow-left-circle"
  | "bell"
  | "codesandbox"
  | "thermometer"
  | "arrow-left"
  | "bookmark"
  | "coffee"
  | "tool"
  | "arrow-right-circle"
  | "bold"
  | "coin-stack"
  | "thumbs-up"
  | "phone-forwarded"
  | "coins"
  | "arrow-up-circle"
  | "book"
  | "columns"
  | "toggle-right"
  | "arrow-up-left"
  | "command"
  | "phone-missed"
  | "arrow-up-right"
  | "box"
  | "compass"
  | "phone-call"
  | "arrow-up"
  | "cast"
  | "copy"
  | "phone-outgoing"
  | "at-sign"
  | "calendar"
  | "corner-down-left"
  | "phone-incoming"
  | "camera"
  | "corner-left-down"
  | "check-circle"
  | "corner-right-down"
  | "phone"
  | "check-square"
  | "corner-down-right"
  | "pie-chart"
  | "check"
  | "corner-up-left"
  | "play-circle"
  | "chevron-down"
  | "corner-left-up"
  | "play"
  | "chevron-left"
  | "plus-circle"
  | "chevron-right"
  | "corner-right-up"
  | "plus-square"
  | "chevron-up"
  | "plus"
  | "chevrons-down"
  | "corner-up-right"
  | "pocket"
  | "chevrons-left"
  | "database"
  | "power"
  | "chevrons-right"
  | "credit-card"
  | "printer"
  | "chevrons-up"
  | "disc"
  | "radio"
  | "chrome"
  | "crosshair"
  | "refresh-ccw"
  | "circle"
  | "clipboard"
  | "delete"
  | "repeat"
  | "stop-circle"
  | "divide-circle"
  | "divide-square"
  | "divide"
  | "dollar-sign"
  | "download-cloud"
  | "download"
  | "dribbble"
  | "droplet"
  | "edit-2"
  | "edit-3"
  | "edit"
  | "external-link"
  | "eye"
  | "facebook"
  | "shopping-bag"
  | "fast-forward"
  | "share"
  | "feather"
  | "shuffle"
  | "figma"
  | "shield"
  | "file-minus"
  | "skip-back"
  | "file-plus"
  | "shopping-cart"
  | "file-text"
  | "slack"
  | "file"
  | "sidebar"
  | "film"
  | "slash"
  | "filter"
  | "skip-forward"
  | "Filterslines"
  | "smartphone"
  | "flag"
  | "slash-divider"
  | "folder-minus"
  | "speaker"
  | "folder-plus"
  | "sliders"
  | "folder"
  | "star"
  | "framer"
  | "smile"
  | "frown"
  | "gift"
  | "square"
  | "git-branch"
  | "git-commit"
  | "git-merge"
  | "git-pull-request"
  | "github"
  | "gitlab"
  | "globe"
  | "grid"
  | "hard-drive"
  | "hash"
  | "headphones"
  | "heart"
  | "help-circle"
  | "trash"
  | "hexagon"
  | "home"
  | "trending-down"
  | "image"
  | "trash-2"
  | "inbox"
  | "triangle"
  | "info"
  | "trello"
  | "instagram"
  | "tv"
  | "italic"
  | "trending-up"
  | "key"
  | "twitter"
  | "layout"
  | "truck"
  | "life-buoy"
  | "umbrella"
  | "link-2"
  | "twitch"
  | "link"
  | "unlock"
  | "linkedin"
  | "type"
  | "list"
  | "numbered-list"
  | "upload"
  | "loader"
  | "underline"
  | "lock"
  | "user-minus"
  | "log-in"
  | "upload-cloud"
  | "log-out"
  | "user-x"
  | "mail"
  | "user-check"
  | "map-pin"
  | "rocket"
  | "map"
  | "refresh-cw"
  | "maximize-2"
  | "rotate-cw"
  | "maximize"
  | "rewind"
  | "meh"
  | "save"
  | "menu-2"
  | "rotate-ccw"
  | "menu"
  | "search"
  | "message-circle"
  | "rss"
  | "message-square"
  | "server"
  | "scissors"
  | "mic"
  | "share-2"
  | "minimize-2"
  | "send"
  | "minimize"
  | "x-circle"
  | "minus-circle"
  | "minus-square"
  | "x-square"
  | "minus"
  | "wind"
  | "monitor"
  | "youtube"
  | "moon"
  | "x-octagon"
  | "more-horizontal"
  | "zap"
  | "more-vertical"
  | "x"
  | "mouse-pointer"
  | "zoom-out"
  | "move"
  | "music"
  | "navigation-2"
  | "zoom-in"
  | "navigation"
  | "octagon"
  | "package"
  | "paperclip"
  | "pause-circle"
  | "pause"
  | "pen-tool"
  | "percent"
  | "user-plus"
  | "user"
  | "users"
  | "video"
  | "voicemail"
  | "volume-1"
  | "volume-2"
  | "volume-x"
  | "volume"
  | "watch"
  | "wifi";

interface AccordionItemProps {
    id: number;
    title: string;
    description: ReactNode;
}
type iconPositions = "left" | "right";
interface AccordionIconProps {
    icon: TComponentIcon;
    iconPosition?: iconPositions;
}
interface AccordionProps {
    variant: "bordered" | "solid";
    icon?: "chevron" | "plus";
    iconPosition?: iconPositions;
    expandedId?: number;
    items: AccordionItemProps[];
    onClick: (expandedId?: number) => void;
}
interface AccordionButtonProps extends Pick<AccordionItemProps, "title">, Pick<AccordionProps, "iconPosition" | "variant">, PropsWithChildren {
    expanded: boolean;
    onClick: React.MouseEventHandler<HTMLButtonElement>;
}
interface AccordionBodyProps extends Pick<AccordionItemProps, "description">, Pick<AccordionProps, "iconPosition"> {
    isExpanded: boolean;
}

declare const AccordionComponent: React.FC<AccordionProps>;

interface AnchorProps extends ClassName {
    text: string;
    link: string;
    decoration?: "none" | "bottom" | "left";
    role?: string;
}

declare const Anchor: React.FC<AnchorProps>;

type Sizes$2 = "xxs" | "xs" | BaseComponentSizes | "xl" | "xxl";
type Shapes$1 = "circle" | "square";
type StatusPositions$1 = "top" | "bottom";
interface ContainerProps$2 extends PropsWithChildren, ClassName {
    shape?: Shapes$1;
    size?: Sizes$2;
    statusNode?: ReactNode;
    statusPosition: StatusPositions$1;
}
interface AvatarChildrenProps$1 extends PropsWithChildren, ClassName {
}
interface ImageProps$1 extends AvatarChildrenProps$1 {
    src: string;
    alt?: string;
}
interface AvatarProps$1 extends Pick<ContainerProps$2, "size" | "shape" | "className">, Pick<ImageProps$1, "alt"> {
    name?: string;
    label?: ReactNode;
    labelDescription?: ReactNode;
    caption?: ReactNode;
    contentType?: "icon" | "text";
    icon?: TComponentIcon;
    src?: string;
    statusNode?: ReactNode;
    statusPosition?: StatusPositions$1;
}

declare const Avatar: React.FC<AvatarProps$1>;

type Sizes$1 = "xxs" | "xs" | BaseComponentSizes | "xl" | "xxl";
type Shapes = "circle" | "square";
type StatusPositions = "top" | "bottom";

interface ContainerProps$1 extends PropsWithChildren, ClassName {
  shape?: Shapes;
  size?: Sizes$1;
  statusNode?: ReactNode;
  statusPosition: StatusPositions;
}

interface AvatarChildrenProps extends PropsWithChildren, ClassName {}

interface ImageProps extends AvatarChildrenProps {
  src: string;
  alt?: string;
}

interface AvatarProps
  extends Pick<ContainerProps$1, "size" | "shape" | "className">,
    Pick<ImageProps, "alt"> {
  name?: string;
  label?: ReactNode;
  labelDescription?: ReactNode;
  caption?: ReactNode;
  contentType?: "icon" | "text";
  icon?: TComponentIcon;
  src?: string;
  statusNode?: ReactNode;
  statusPosition?: StatusPositions;
}

interface UserInterface {
    name: string;
    src: string;
    alt?: string;
}
interface AvatarGroupProps extends Pick<AvatarProps, "size" | "shape" | "contentType">, ClassName {
    avatars: UserInterface[];
    visibleAvatars?: number;
}

declare const AvatarGroup: React.FC<AvatarGroupProps>;

interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
    text: string;
    variant?: "filled" | "outline";
    onClick?(): void;
    size?: "xs" | BaseComponentSizes;
}

declare const Badge: React.FC<BadgeProps>;

type ButtonVariants = "filled" | "outlined" | "ghost" | "basic" | "custom";
type ButtonTypes = "button" | "submit" | "reset";
type ButtonSizes = "xs" | BaseComponentSizes;
type ButtonHierarchy = "primary" | "secondary" | "tertiary" | "destructive";
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    text: string;
    variant?: ButtonVariants;
    leftIcon?: TComponentIcon;
    rightIcon?: TComponentIcon;
    disabled?: boolean;
    size?: ButtonSizes;
    ariaLabel?: string;
    type?: ButtonTypes;
    isFluid?: boolean;
    ref?: React.ForwardedRef<HTMLButtonElement>;
    hierarchy?: ButtonHierarchy;
    isLoading?: boolean;
}

declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;

interface ButtonGroupProps extends Pick<ButtonProps$1, "size"> {
    buttons: Omit<ButtonProps$1, "size" | "variant">[];
    variant: "filled" | "outlined" | "ghost";
    icon?: TComponentIcon;
}

declare const ButtonGroup: React.FC<ButtonGroupProps>;

interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName {
    name: string;
    checked?: boolean;
    disabled?: boolean;
    required?: boolean;
    error?: boolean;
    size?: "sm" | "md";
    labelText?: ReactNode;
    optionalLabelText?: string;
    supportingText?: string;
    labelPosition?: "left" | "right";
    ariaLabel?: string;
    ariaDescribedBy?: string;
    alignItems?: "center" | "baseline";
    indeterminate?: boolean;
    checkboxClassName?: string;
}

declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;

interface ChipsProps extends HTMLAttributes<HTMLDivElement>, ClassName {
    text: string;
    prefixIcon?: TComponentIcon;
    suffixIcon?: TComponentIcon;
    variant?: TChipsVariant;
}
type TChipsVariant = "default" | "avatar";

declare const Chips: React.FC<ChipsProps>;

interface DividerProps extends ClassName {
    labelText: string;
    type: "horizontal" | "vertical";
}

declare const Divider: React.FC<DividerProps>;

interface FileUploadProps {
    supportingText?: string;
    errorMessage?: string;
    disabled?: boolean;
    acceptedFileType?: string;
    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
    multiple?: boolean;
}
interface DragAndDropFileUploadProps extends FileUploadProps {
    text: string;
    uploadClickText: string;
    size?: "md" | "lg";
    buttonText?: string;
    icon?: TComponentIcon;
}
interface SmallFileUploadProps extends FileUploadProps {
    buttonText: string;
    label?: string;
}

declare const DragAndDropFileUpload: react__default.FC<DragAndDropFileUploadProps>;

declare const SmallFileUpload: react__default.FC<SmallFileUploadProps>;

interface FABItemProps extends ClassName {
    size?: BaseComponentSizes;
    variant?: "primary" | "outlined" | "ghost";
    label?: string;
    icon?: TComponentIcon;
    disabled?: boolean;
    onClick(): void;
}
interface FABProps extends Omit<FABItemProps, "className" | "onClick" | "isActive">, ClassName {
    items: Pick<FABItemProps, "label" | "icon" | "onClick">[];
}

declare const FAB: FC<FABProps>;

type IconEntities =
  | "&#xea01"
  | "&#xea02"
  | "&#xea03"
  | "&#xea04"
  | "&#xea05"
  | "&#xea06"
  | "&#xea07"
  | "&#xea08"
  | "&#xea09"
  | "&#xea0a"
  | "&#xea0b"
  | "&#xea0c"
  | "&#xea0d"
  | "&#xea0e"
  | "&#xea0f"
  | "&#xea10"
  | "&#xea11"
  | "&#xea12"
  | "&#xea13"
  | "&#xea14"
  | "&#xea15"
  | "&#xea16"
  | "&#xea17"
  | "&#xea18"
  | "&#xea19"
  | "&#xea1a"
  | "&#xea1b"
  | "&#xea1c"
  | "&#xea1d"
  | "&#xea1e"
  | "&#xea1f"
  | "&#xea20"
  | "&#xea21"
  | "&#xea22"
  | "&#xea23"
  | "&#xea24"
  | "&#xea25"
  | "&#xea26"
  | "&#xea27"
  | "&#xea28"
  | "&#xea29"
  | "&#xea2a"
  | "&#xea2b"
  | "&#xea2c"
  | "&#xea2d"
  | "&#xea2e"
  | "&#xea2f"
  | "&#xea30"
  | "&#xea31"
  | "&#xea32"
  | "&#xea33"
  | "&#xea34"
  | "&#xea35"
  | "&#xea36"
  | "&#xea37"
  | "&#xea38"
  | "&#xea39"
  | "&#xea3a"
  | "&#xea3b"
  | "&#xea3c"
  | "&#xea3d"
  | "&#xea3e"
  | "&#xea3f"
  | "&#xea40"
  | "&#xea41"
  | "&#xea42"
  | "&#xea43"
  | "&#xea44"
  | "&#xea45"
  | "&#xea46"
  | "&#xea47"
  | "&#xea48"
  | "&#xea49"
  | "&#xea4a"
  | "&#xea4b"
  | "&#xea4c"
  | "&#xea4d"
  | "&#xea4e"
  | "&#xea4f"
  | "&#xea50"
  | "&#xea51"
  | "&#xea52"
  | "&#xea53"
  | "&#xea54"
  | "&#xea55"
  | "&#xea56"
  | "&#xea57"
  | "&#xea58"
  | "&#xea59"
  | "&#xea5a"
  | "&#xea5b"
  | "&#xea5c"
  | "&#xea5d"
  | "&#xea5e"
  | "&#xea5f"
  | "&#xea60"
  | "&#xea61"
  | "&#xea62"
  | "&#xea63"
  | "&#xea64"
  | "&#xea65"
  | "&#xea66"
  | "&#xea67"
  | "&#xea68"
  | "&#xea69"
  | "&#xea6a"
  | "&#xea6b"
  | "&#xea6c"
  | "&#xea6d"
  | "&#xea6e"
  | "&#xea6f"
  | "&#xea70"
  | "&#xea71"
  | "&#xea72"
  | "&#xea73"
  | "&#xea74"
  | "&#xea75"
  | "&#xea76"
  | "&#xea77"
  | "&#xea78"
  | "&#xea79"
  | "&#xea7a"
  | "&#xea7b"
  | "&#xea7c"
  | "&#xea7d"
  | "&#xea7e"
  | "&#xea7f"
  | "&#xea80"
  | "&#xea81"
  | "&#xea82"
  | "&#xea83"
  | "&#xea84"
  | "&#xea85"
  | "&#xea86"
  | "&#xea87"
  | "&#xea88"
  | "&#xea89"
  | "&#xea8a"
  | "&#xea8b"
  | "&#xea8c"
  | "&#xea8d"
  | "&#xea8e"
  | "&#xea8f"
  | "&#xea90"
  | "&#xea91"
  | "&#xea92"
  | "&#xea93"
  | "&#xea94"
  | "&#xea95"
  | "&#xea96"
  | "&#xea97"
  | "&#xea98"
  | "&#xea99"
  | "&#xea9a"
  | "&#xea9b"
  | "&#xea9c"
  | "&#xea9d"
  | "&#xea9e"
  | "&#xea9f"
  | "&#xeaa0"
  | "&#xeaa1"
  | "&#xeaa2"
  | "&#xeaa3"
  | "&#xeaa4"
  | "&#xeaa5"
  | "&#xeaa6"
  | "&#xeaa7"
  | "&#xeaa8"
  | "&#xeaa9"
  | "&#xeaaa"
  | "&#xeaab"
  | "&#xeaac"
  | "&#xeaad"
  | "&#xeaae"
  | "&#xeaaf"
  | "&#xeab0"
  | "&#xeac0"
  | "&#xead0"
  | "&#xeae0"
  | "&#xeaf0"
  | "&#xeab1"
  | "&#xeac1"
  | "&#xead1"
  | "&#xeae1"
  | "&#xeaf1"
  | "&#xeab2"
  | "&#xeac2"
  | "&#xead2"
  | "&#xeae2"
  | "&#xeaf2"
  | "&#xeab3"
  | "&#xeac3"
  | "&#xead3"
  | "&#xeae3"
  | "&#xeaf3"
  | "&#xeab4"
  | "&#xeac4"
  | "&#xead4"
  | "&#xeae4"
  | "&#xeaf4"
  | "&#xeab5"
  | "&#xeac5"
  | "&#xead5"
  | "&#xeae5"
  | "&#xeaf5"
  | "&#xeab6"
  | "&#xeac6"
  | "&#xead6"
  | "&#xeae6"
  | "&#xeaf6"
  | "&#xeab7"
  | "&#xeac7"
  | "&#xead7"
  | "&#xeae7"
  | "&#xeaf7"
  | "&#xeab8"
  | "&#xeac8"
  | "&#xead8"
  | "&#xeae8"
  | "&#xeaf8"
  | "&#xeab9"
  | "&#xeac9"
  | "&#xead9"
  | "&#xeae9"
  | "&#xeaf9"
  | "&#xeaba"
  | "&#xeaca"
  | "&#xeada"
  | "&#xeaea"
  | "&#xeafa"
  | "&#xeabb"
  | "&#xeacb"
  | "&#xeadb"
  | "&#xeaeb"
  | "&#xeafb"
  | "&#xeabc"
  | "&#xeacc"
  | "&#xeadc"
  | "&#xeaec"
  | "&#xeafc"
  | "&#xeabd"
  | "&#xeacd"
  | "&#xeadd"
  | "&#xeaed"
  | "&#xeafd"
  | "&#xeabe"
  | "&#xeace"
  | "&#xeade"
  | "&#xeaee"
  | "&#xeafe"
  | "&#xeabf"
  | "&#xeacf"
  | "&#xeadf"
  | "&#xeaef"
  | "&#xeaff"
  | "&#xeb00"
  | "&#xeb01"
  | "&#xeb02"
  | "&#xeb03"
  | "&#xeb04"
  | "&#xeb05"
  | "&#xeb06"
  | "&#xeb07"
  | "&#xeb08"
  | "&#xeb09"
  | "&#xeb0a"
  | "&#xeb0b"
  | "&#xeb0c"
  | "&#xeb0d"
  | "&#xeb0e"
  | "&#xeb0f"
  | "&#xeb10"
  | "&#xeb11"
  | "&#xeb12"
  | "&#xeb13"
  | "&#xeb14"
  | "&#xeb15"
  | "&#xeb16"
  | "&#xeb17"
  | "&#xeb18"
  | "&#xeb19"
  | "&#xeb1a"
  | "&#xeb1b"
  | "&#xeb1c"
  | "&#xeb1d"
  | "&#xeb1e"
  | "&#xeb1f"
  | "&#xeb20"
  | "&#xeb21"
  | "&#xeb22"
  | "&#xeb23"
  | "&#xeb24"
  | "&#xeb25"
  | "&#xeb26";

type IconSizes = "none" | "xs" | BaseComponentSizes;
interface IconProps extends HTMLAttributes<HTMLSpanElement>, ClassName {
    iconEntity?: IconEntities;
    iconName?: IconNames;
    customIcon?: TComponentIcon;
    size?: IconSizes;
}

declare const Icon: FC<IconProps>;

interface IconButtonProps$1 extends HTMLAttributes<HTMLButtonElement> {
    icon: TComponentIcon;
    variant?: ButtonVariants$1;
    size?: "xs" | BaseComponentSizes;
    disabled?: boolean;
    ariaLabel?: string;
    isLoading?: boolean;
}

declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps$1 & react.RefAttributes<HTMLButtonElement>>;

interface IconButtonProps extends HTMLAttributes<HTMLButtonElement> {
  icon: TComponentIcon;
  variant?: ButtonVariants$1;
  size?: "xs" | BaseComponentSizes;
  disabled?: boolean;
  ariaLabel?: string;
  isLoading?: boolean;
}

interface IconButtonGroupProps extends Pick<IconButtonProps, "size"> {
    buttons: Omit<IconButtonProps, "size" | "variant">[];
    variant: "filled" | "outlined" | "ghost";
}

declare const IconButtonGroup: React.FC<IconButtonGroupProps>;

type ItemVariants = "onlyIcon" | "fullWidth" | "fitWidth";
interface MenuItemProps {
    text: string;
    variant?: ItemVariants;
    leftIcon?: TComponentIcon;
    middleIcon?: TComponentIcon;
    rightIcon?: TComponentIcon;
    isActive?: boolean;
}
interface WorkspaceItemProps extends Omit<AvatarProps, "label" | "caption"> {
    itemSize?: BaseComponentSizes;
    variant?: ItemVariants;
    suffixIcon?: TComponentIcon;
}

declare const MenuItem: FC<MenuItemProps>;

declare const WorkspaceItem: FC<WorkspaceItemProps>;

interface Tab {
    id: string;
    label: string;
    icon?: TComponentIcon;
}
interface NavTabsProps extends ClassName {
    layout?: "horizontal" | "vertical";
    tabs: Tab[];
    activeTab: string;
    onClick: (id: string) => void;
    type?: "filled" | "outlined" | "line";
    tabClassName?: string;
}

declare const NavTabs: FC<NavTabsProps>;

interface EmptyStateProps {
    text?: string;
    icon?: ReactNode;
}
interface NotificationItemProps extends PropsWithChildren, ClassName {
    isUnread?: boolean;
}
interface ContainerProps extends PropsWithChildren, ClassName {
}

declare const Notification: {
    ({ children }: PropsWithChildren): react_jsx_runtime.JSX.Element;
    Item: FC<NotificationItemProps>;
    EmptyState: FC<EmptyStateProps>;
    Container: FC<ContainerProps>;
};

interface PaginationProps extends HTMLAttributes<HTMLDivElement> {
    currentPage: number;
    totalPages: number;
    onPage: (page: number) => void;
    onPrevious: () => void;
    prevTitle?: string;
    onNext: () => void;
    nextTitle?: string;
    prevButtonDisabled?: boolean;
    nextButtonDisabled?: boolean;
    variant: TPaginationVariant;
    size: BaseComponentSizes;
}
type TPaginationVariant = "default" | "outlined" | "ghost";

declare const Pagination: FC<PaginationProps>;

interface CircularProgressBarProps {
    size: "sm" | "lg";
    label?: string;
    labelPosition?: "inside" | "outside" | "none";
    progress: number;
}

declare const CircularProgressBar: FC<CircularProgressBarProps>;

interface LinearProgressBarProps extends ClassName {
    progress: number;
    label: "none" | "right" | "bottom" | "topFloating" | "bottomFloating";
}

declare const LinearProgressBar: FC<LinearProgressBarProps>;

interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName {
    name: string;
    id: string;
    checked?: boolean;
    disabled?: boolean;
    errorMessage?: string;
    size?: "sm" | "md";
    labelText?: string;
    supportingText?: string;
    labelPosition?: "left" | "right";
}

declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;

interface RatingProps$1 {
    title?: string;
    supportingText?: string;
    rate?: number;
    maxRate?: number;
    rateIsVisible?: boolean;
    highlightSelectedOnly?: boolean;
    precision?: 0.5 | 1;
    disabled?: boolean;
    size?: "sm" | "md";
    align?: "left" | "center";
    ratingsAlign?: "left" | "top" | "right" | "bottom";
    icon?: TComponentIcon;
    readOnly?: boolean;
    onClick?(rate: number): void;
}

declare const Rating: FC<RatingProps$1>;

type suffixVariants$1 = "dropdown";
type prefixVariants$1 = "text" | "dropdown" | "icon";

interface DropdownButtonProps$1 {
  text: string;
  disabled?: boolean;
  onDropdownButtonClick?: (e: MouseEvent<HTMLButtonElement>) => void;
}

interface SuffixIconProps$1
  extends Pick<HTMLAttributes<HTMLButtonElement>, "aria-label"> {
  suffixIcon?: TComponentIcon;
  withPrefix?: boolean;
  isError?: boolean;
  onIconClick?: () => void;
}
interface PrefixProps$1
  extends ClassName,
    Pick<DropdownButtonProps$1, "onDropdownButtonClick"> {
  prefixText?: string;
  disabled?: boolean;
  prefixIcon?: TComponentIcon;
  isError?: boolean;
  prefixVariant?: prefixVariants$1;
}

interface BaseInputProps$1
  extends InputHTMLAttributes<HTMLInputElement>,
    PropsWithChildren,
    Omit<SuffixIconProps$1, "inputVariant" | "withPrefix"> {
  placeholder?: string;
  isError?: boolean;
  disabled?: boolean;
  required?: boolean;
  suffixVariant?: suffixVariants$1;
  prefixVariant?: prefixVariants$1;
  ariaLabel?: string;
  inputRef?: RefObject<HTMLInputElement>;
  iconAriaLabel?: string;
}

interface InputProps$1
  extends Omit<BaseInputProps$1, "isError">,
    PrefixProps$1 {
  label?: string;
  supportingText?: string;
  prefixOrSuffixText?: string;
  errorMessage?: ReactNode;
  prefixIcon?: TComponentIcon;
  ariaLive?: "polite" | "assertive" | "off";
  iconAriaLabel?: string;
  id: string;
}

interface SearchProps extends Omit<BaseInputProps$1, "value" | "prefixVariant"> {
    variant?: "default" | "withButton" | "withIconButton" | "inline";
    suffixVariant?: suffixVariants$1;
    suffixText?: string;
    value?: string;
    onClear?(): void;
    isTyping?: boolean;
    onButtonClick?(): void;
}

declare const Search: react.ForwardRefExoticComponent<SearchProps & react.RefAttributes<HTMLInputElement>>;

interface SkeletonProps extends ClassName {
    width: number;
    height?: number;
    shape?: TSkeletonShape;
    animationType?: TAnimationType;
}
type TSkeletonShape = "default" | "circle" | "rounded";
type TAnimationType = "pulse" | "bounce" | "none";

declare const Skeleton: FC<SkeletonProps>;

interface SpinnerProps {
    size?: "xs" | BaseComponentSizes;
}

declare const Spinner: FC<SpinnerProps>;

type Sizes = BaseComponentSizes;
type StepperVariants = "horizontal" | "vertical";
interface StepInterface {
    id: string | number;
    icon?: TComponentIcon;
    stepTitle?: string;
    stepDescription?: string;
}
declare enum StepStatuses {
    COMPLETE = "complete",
    CURRENT = "current",
    INCOMPLETE = "incomplete"
}
interface TitleSectionProps {
    stepTitle?: string;
    stepDescription?: string;
    size?: Sizes;
    variant: StepperVariants;
    status: StepStatuses;
}
interface StepProps extends Pick<TitleSectionProps, "stepTitle" | "stepDescription" | "size" | "variant">, ClassName {
    index: number;
    status: StepStatuses;
    onClick?: (index: number) => void;
    icon?: TComponentIcon;
    completeVariant?: "default" | "check";
    stepClassName?: string;
}
interface StepperProps extends Pick<StepProps, "size" | "onClick" | "completeVariant">, ClassName {
    steps: StepInterface[];
    activeStep: number;
    stepClassName?: string;
    customConnectorWidth?: string;
}

declare const HorizontalStepper: FC<StepperProps>;

declare const VerticalStepper: FC<StepperProps>;

interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
    label: string;
    id: string;
    supportingText?: string;
    errorMessage?: ReactNode;
}

declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;

interface CloseButtonProps extends ClassName {
    onClose?: () => void;
}
interface ActionSectionProps {
    firstActionText?: string;
    secondActionText?: string;
    firstActionOnClick?: () => void;
    secondActionOnClick?: () => void;
}
interface BaseToastProps extends ActionSectionProps, CloseButtonProps {
    title?: string;
    description?: string;
    icon?: TComponentIcon;
    firstActionText?: string;
    secondActionText?: string;
    sectionVariants?: "close" | "action";
    backgroundColor?: string;
}
interface SmallToastProps extends Omit<BaseToastProps, "sectionVariants"> {
    withCloseButton?: boolean;
}
interface ToastProps extends Omit<BaseToastProps, "backgroundColor"> {
}

declare const Toast: FC<ToastProps>;

declare const SmallToast: FC<SmallToastProps>;

interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange">, ClassName {
    size?: "sm" | "md";
    labelText?: string;
    supportingText?: string;
    disabled?: boolean;
    value: string;
    checked: boolean;
    defaultChecked?: boolean;
    onChange(value: boolean): void;
    ariaLabel?: string;
}

declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLInputElement>>;

interface TooltipProps extends ClassName {
    text: string;
    position?: "top" | "right" | "bottom" | "left";
    supportingText?: string;
    variant?: "light" | "dark";
}

declare const Tooltip: FC<TooltipProps>;

interface BreadcrumbsProps {
    variant?: TBreadcrumbsVariant;
    backgroundColor?: string;
    homeIcon?: TComponentIcon;
    separatorIcon?: TComponentIcon;
    separator?: TSeparatorVariant;
    breadcrumbs: IBreadcrumb[];
    showAll?: boolean;
    onDotsClick?(): void;
}
interface IBreadcrumb {
    label: string;
    href: string;
}
type TBreadcrumbsVariant = "default" | "ghost" | "line" | "background";
type TSeparatorVariant = "chevron" | "dash" | "doubleDash" | "icon";

declare const Breadcrumbs: FC<BreadcrumbsProps>;

interface FeaturedTextProps {
    variant: TFeaturedTextVariant;
    align?: "center" | "left";
    size?: TFeaturedTextSize;
    icon?: TComponentIcon;
    title: string;
    content: string;
    linkedText?: string;
    linkedUrl?: string;
    linkAriaLabel?: string;
}
type TFeaturedTextSize = BaseComponentSizes;
type TFeaturedTextVariant = "text" | "iconTop" | "iconLeft";

declare const FeaturedText: FC<FeaturedTextProps>;

interface RangeSliderProps {
    step: number;
    value: IRange;
    labelPosition: TLabelPosition;
    onChange(range: IRange): void;
}
interface IRange {
    start: number;
    end: number;
}
type TLabelPosition = "none" | "top" | "bottom" | "topFloating" | "bottomFloating";

declare const RangeSlider: FC<RangeSliderProps>;

interface LegendProps extends ClassName {
    entries: ILegendEntry[];
    shape?: TLegendShape;
    background?: string;
    orientation?: "horizontal" | "vertical";
}
interface ILegendEntry {
    label: string;
    value?: string | number;
    bgColorClass: string;
}
type TLegendShape = "circle" | "rounded" | "square";

declare const Legend: FC<LegendProps>;

type suffixVariants = "dropdown";
type prefixVariants = "text" | "dropdown" | "icon";
interface DropdownButtonProps {
    text: string;
    disabled?: boolean;
    onDropdownButtonClick?: (e: MouseEvent<HTMLButtonElement>) => void;
}
interface SuffixIconProps extends Pick<HTMLAttributes<HTMLButtonElement>, "aria-label"> {
    suffixIcon?: TComponentIcon;
    withPrefix?: boolean;
    isError?: boolean;
    onIconClick?: () => void;
}
interface PrefixProps extends ClassName, Pick<DropdownButtonProps, "onDropdownButtonClick"> {
    prefixText?: string;
    disabled?: boolean;
    prefixIcon?: TComponentIcon;
    isError?: boolean;
    prefixVariant?: prefixVariants;
}
interface BaseInputProps extends InputHTMLAttributes<HTMLInputElement>, PropsWithChildren, Omit<SuffixIconProps, "inputVariant" | "withPrefix"> {
    placeholder?: string;
    isError?: boolean;
    disabled?: boolean;
    required?: boolean;
    suffixVariant?: suffixVariants;
    prefixVariant?: prefixVariants;
    ariaLabel?: string;
    inputRef?: RefObject<HTMLInputElement>;
    iconAriaLabel?: string;
}
interface InputProps extends Omit<BaseInputProps, "isError">, PrefixProps {
    label?: string;
    supportingText?: string;
    prefixOrSuffixText?: string;
    errorMessage?: ReactNode;
    prefixIcon?: TComponentIcon;
    ariaLive?: "polite" | "assertive" | "off";
    iconAriaLabel?: string;
    id: string;
}

declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;

type inputCodeType = "numbers" | "letters" | "numbersAndLetters";
interface InputCodeProps {
    id: string;
    label?: string;
    supportingText?: string;
    lengthOfCode?: number;
    dashPosition?: number;
    disabled?: boolean;
    errorMessage?: string;
    type?: inputCodeType;
    inputRefsArray: RefObject<HTMLInputElement>[];
    onChange?(): void;
    onFocus?(): void;
    ariaLabel?: string;
    inputClassName?: string;
    className?: string;
}

declare const InputCode: FC<InputCodeProps>;

interface DropdownProps {
    dropdownTitle?: string;
    dropdownItems: DropdownItemProps[];
    inputValue: string;
    isCreatable?: boolean;
}
interface DropdownListItemProps {
    label: string;
    value: string;
    icon?: TComponentIcon;
}
interface DropdownItemProps extends Omit<DropdownListItemProps, "inputValue"> {
}
interface InputAutocompleteProps extends Omit<DropdownProps, "inputValue">, Omit<InputProps$1, "value"> {
    value: string;
    onClear?(): void;
}

declare const InputAutocomplete: react.ForwardRefExoticComponent<InputAutocompleteProps & react.RefAttributes<HTMLInputElement>>;

type MenuPosition = "left" | "right";
interface MenuButtonInterface {
    onMenuClick?: (e: MouseEvent<HTMLButtonElement>) => void;
    menu?: boolean | ReactNode;
    menuPosition?: MenuPosition;
    menuClassName?: string;
    isMenuOpen?: boolean;
}
interface NavbarProps extends MenuButtonInterface, PropsWithChildren, ClassName {
    wrapperClassName?: string;
    leftContent?: ReactNode;
}

declare const Navbar: FC<NavbarProps>;

interface IndicatorComponentsProps {
    type: "default" | "error" | "warning" | "processing" | "success";
    variant: "default" | "count" | "badge";
}
interface IndicatorProps extends IndicatorComponentsProps {
    text?: string;
    number?: number;
}

declare const Indicator: React.FC<IndicatorProps>;

interface CardProps extends PropsWithChildren, ClassName {
    header?: ReactNode;
    variant?: TCardVariant;
}
type TCardVariant = "shadow" | "outlined";

declare const Card: FC<CardProps>;

type RadioCardSize$1 = "sm" | "md";
type RadioCardPosition$1 = "left" | "right";
interface RadioCardProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName, PropsWithChildren {
    name: string;
    id: string;
    isRadioVisible?: boolean;
    checked?: boolean;
    disabled?: boolean;
    labelText: string;
    size?: RadioCardSize$1;
    description?: string;
    radioPosition?: RadioCardPosition$1;
}

declare const RadioCard: react.ForwardRefExoticComponent<RadioCardProps & react.RefAttributes<HTMLInputElement>>;

type RadioCardSize = "sm" | "md";

type RadioCardPosition = "left" | "right";

interface RadioCardGroupOption {
    id: string;
    checked?: boolean;
    labelText: string;
    description?: string;
    value: string;
}
type RadioCardGroupLayout = "horizontal" | "vertical";
interface RadioCardGroupProps {
    name: string;
    errorMessage?: string;
    mainLabel?: string;
    options: RadioCardGroupOption[];
    cardsSize?: RadioCardSize;
    radioPosition?: RadioCardPosition;
    isRadioVisible?: boolean;
    disabled?: boolean;
    value: string;
    onChange(value: string): void;
    layout?: RadioCardGroupLayout;
    defaultValue?: string;
    id: string;
}

declare const RadioCardGroup: ({ name, errorMessage, options, cardsSize, radioPosition, isRadioVisible, disabled, mainLabel, value, onChange, layout, defaultValue, id, }: RadioCardGroupProps) => react_jsx_runtime.JSX.Element;

type FacebookButtonVariant = "filled" | "outlined";
type FacebookButtonTextType = "continueWith" | "loginWith" | "continueAs";
interface FacebookButtonProps extends React.ButtonHTMLAttributes<HTMLAnchorElement>, ClassName {
    textType?: FacebookButtonTextType;
    size?: BaseComponentSizes;
    variant?: FacebookButtonVariant;
    username?: string;
    disabled?: boolean;
}

declare const FacebookButton: ({ textType, size, variant, className, username, disabled, ...props }: FacebookButtonProps) => react_jsx_runtime.JSX.Element;

type GoogleButtonTextType = "signIn" | "logIn";
type GoogleButtonVariant = "blue" | "white";
interface GoogleButtonProps extends React.ButtonHTMLAttributes<HTMLAnchorElement>, ClassName {
    textType: GoogleButtonTextType;
    size?: BaseComponentSizes;
    variant?: GoogleButtonVariant;
    username?: string;
    disabled?: boolean;
}

declare const GoogleButton: ({ textType, size, className, username, disabled, variant, ...props }: GoogleButtonProps) => react_jsx_runtime.JSX.Element;

type AppleButtonTextType = "continueWith" | "signUp" | "signIn";
type AppleButtonVariants = "black" | "white";
interface AppleButtonProps extends React.ButtonHTMLAttributes<HTMLAnchorElement>, ClassName {
    textType: AppleButtonTextType;
    size?: BaseComponentSizes;
    variant?: AppleButtonVariants;
    disabled?: boolean;
}

type ICollapseButton = boolean | ((isCollapsed: boolean, toggle: () => void) => ReactNode);
interface SidebarBreakpoints {
    mobile?: string;
    narrow?: string;
    wide?: string;
}
interface SidebarProps extends ClassName, PropsWithChildren {
    defaultCollapsed?: boolean;
    collapsed?: boolean;
    onCollapse?: (collapsed: boolean) => void;
    collapseButton?: ICollapseButton;
    collapseBtnClassName?: string;
    bottomContent?: ReactNode;
    topContent?: ReactNode;
    breakpoints?: Omit<SidebarBreakpoints, "mobile">;
    tabIndex?: number;
    id?: string;
    testId?: string;
}
interface ResponsiveSidebarProps extends Omit<SidebarProps, "className"> {
    isOpen?: boolean;
    defaultIsOpen?: boolean;
    close?: () => void;
    maskClassName?: string;
    drawerClassName?: string;
    sidebarClassName?: string;
    breakpoints?: SidebarBreakpoints;
}

interface ISidebarContext {
    isCollapsed: boolean;
    toggleCollapse: () => void;
}
declare const useSidebar: () => ISidebarContext;

declare const ResponsiveSidebar: FC<ResponsiveSidebarProps>;

declare const Sidebar: (props: SidebarProps) => react_jsx_runtime.JSX.Element;

type FeaturedCardVariant = "collapsed" | "expanded";
interface FeaturedCardProps extends PropsWithChildren, ClassName {
    icon?: TComponentIcon;
    title: ReactNode;
    onClose: (e: MouseEvent<HTMLButtonElement>) => void;
    closeButton?: boolean | (() => ReactNode);
    variant?: FeaturedCardVariant;
    collapsedButton?: () => ReactNode;
    onCollapsedClick?: (e: MouseEvent<HTMLButtonElement>) => void;
}

declare const FeaturedCard: react__default.FC<FeaturedCardProps>;

interface BackToTopButtonProps extends ClassName, Omit<ButtonProps$1, "text" | "rightIcon" | "leftIcon" | "type" | "isFluid" | "disabled"> {
    labelPosition?: TBackToTopButtonLabelPosition;
    label?: string;
    icon?: TComponentIcon;
    scrollYPositionToDisplayButton?: number;
    scrollBehavior?: ScrollBehavior;
    scrollContainerRef?: RefObject<HTMLDivElement>;
    buttonBottomPxPosition?: number;
    buttonRightPxPosition?: number;
}
type TBackToTopButtonLabelPosition = "inside" | "outside";

declare const BackToTopButton: FC<BackToTopButtonProps>;

type TControlsItem = {
    icon: TComponentIcon;
    onClick(event: MouseEvent<HTMLButtonElement>): void;
};
interface IVideoPlayerProps extends PropsWithChildren {
    currentTime?: string;
    leftTime?: string;
    options?: TControlsItem[];
    controls?: TControlsItem[];
    controlsPosition?: "inline" | "onScreen" | "bottom";
    optionsPosition?: "absolute" | "inline";
    timePosition?: "inline" | "bottom";
}

declare const VideoPlayer: FC<IVideoPlayerProps>;

interface InputQuantityProps extends Omit<BaseInputProps$1, "prefixVariant" | "suffixVariant" | "suffixIcon" | "onIconClick" | "isError"> {
    label?: string;
    supportingText?: string;
    errorMessage?: string;
    getValue?(value: number): void;
    minValue?: number;
    maxValue?: number;
    id: string;
}

declare const InputQuantity: react.ForwardRefExoticComponent<InputQuantityProps & react.RefAttributes<HTMLInputElement>>;

interface InputTextProps extends ClassName {
    text?: ReactNode;
    type: "supportingText" | "errorMessage" | "disabled";
    id?: string;
}

declare const InputText: ({ id, text, type, className }: InputTextProps) => react_jsx_runtime.JSX.Element | null;

interface InputNumberProps extends Omit<BaseInputProps$1, "suffixVariant" | "prefixVariant" | "type" | "onChange" | "suffixIcon" | "onIconClick" | "isError" | "defaultValue"> {
    minValue?: number;
    maxValue?: number;
    step?: number;
    decimalPlaces?: number;
    value?: number;
    onChange?: (value: number) => void;
    errorMessage?: ReactNode;
    supportingText?: string;
    label?: string;
    id: string;
}

declare const InputNumber: react.ForwardRefExoticComponent<InputNumberProps & react.RefAttributes<HTMLInputElement>>;

interface LabelProps extends ClassName {
    text?: string;
    labelFor?: string;
    disabled?: boolean;
}

declare const Label: ({ text, disabled, labelFor, className }: LabelProps) => react_jsx_runtime.JSX.Element | null;

declare const useCodeInput: (lengthOfCode: number) => {
    inputRefsArray: react.RefObject<HTMLInputElement>[];
    generateCode: () => string;
};

type inputVariantsTypes = "base" | "withDropdown";
type HourFormatTypes = 12 | 24;
type MinutesFormatTypes = "quarters" | "tenMinutes" | "minutes";
type SecondsFormatTypes = "tenSeconds" | "fiveSeconds" | "seconds";
type TimeFormatTypes = "hh:mm" | "hh:mm:ss";
declare enum PeriodTypes {
    AM = "AM",
    PM = "PM"
}
interface DropdownTimeInterface {
    hours: number | string;
    minutes: number | string;
    seconds: number | string;
    period: PeriodTypes;
}
interface TimePickerProps extends Omit<TimePickerDropdownProps, "inputRef" | "handleOKClick" | "handleCancelClick" | "className" | "isOpen"> {
    id: string;
    label?: string;
    disabled?: boolean;
    errorMessage?: ReactNode;
    supportingText?: string;
    placeholderText?: string;
    inputVariant?: inputVariantsTypes;
    defaultDropdownTime: DropdownTimeInterface;
    inputSuffixIcon?: TComponentIcon;
    dropdownClassName?: string;
    clearInputOnFocus?: boolean;
    onTimeSelected?(): void;
    onIconClick?(): void;
}
interface TimePickerDropdownProps extends ClassName {
    isOpen: boolean;
    hoursFormat?: HourFormatTypes;
    minutesFormat?: MinutesFormatTypes;
    secondsFormat?: SecondsFormatTypes;
    timeFormat?: TimeFormatTypes;
    setTime: Dispatch<SetStateAction<DropdownTimeInterface>>;
    time: DropdownTimeInterface;
    handleOKClick(): void;
    handleCancelClick(): void;
    inputRef: RefObject<HTMLInputElement>;
    withPeriodButtons?: boolean;
    hoursStartScrollIndex?: number;
    minutesStartScrollIndex?: number;
    secondsStartScrollIndex?: number;
}

declare const TimePicker: FC<TimePickerProps>;

declare const initDefaultTheme: () => {
    extend: any;
};
declare const colorsTokenHelpers: {
    getComponentsColorConfig: (components: any, getComponentConfig: any, colorPalette?: {
        basic: {
            white: {
                value: string;
                type: string;
            };
            black: {
                value: string;
                type: string;
            };
        };
        primary: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        secondary: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        neutral: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        orange: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        yellow: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        blue: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        red: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        pink: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
                description: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        green: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        lime: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        error: {
            "50": {
                value: string;
                type: string;
            };
            "100": {
                value: string;
                type: string;
            };
            "200": {
                value: string;
                type: string;
            };
            "300": {
                value: string;
                type: string;
            };
            "400": {
                value: string;
                type: string;
            };
            "500": {
                value: string;
                type: string;
            };
            "600": {
                value: string;
                type: string;
            };
            "700": {
                value: string;
                type: string;
            };
            "800": {
                value: string;
                type: string;
            };
            "900": {
                value: string;
                type: string;
            };
        };
        info: {
            background: {
                value: string;
                type: string;
            };
            text: {
                value: string;
                type: string;
            };
            base: {
                value: string;
                type: string;
            };
        };
        warning: {
            background: {
                value: string;
                type: string;
            };
            text: {
                value: string;
                type: string;
            };
            base: {
                value: string;
                type: string;
            };
        };
        success: {
            background: {
                value: string;
                type: string;
            };
            text: {
                value: string;
                type: string;
            };
            base: {
                value: string;
                type: string;
            };
        };
        default: {
            background: {
                value: string;
                type: string;
                description: string;
            };
            text: {
                value: string;
                type: string;
            };
            base: {
                value: string;
                type: string;
            };
        };
    }) => any;
    getColorsConfig: (colors: any) => {};
};
declare const radiusTokenHelpers: {
    getComponentsRadiusConfig: (components: any, getComponentConfig: any, radiusOptions?: {
        "rounded-base": {
            value: string;
            type: string;
        };
        "rounded-none": {
            value: string;
            type: string;
        };
        "rounded-xs": {
            value: string;
            type: string;
        };
        "rounded-sm": {
            value: string;
            type: string;
        };
        "rounded-md": {
            value: string;
            type: string;
        };
        "rounded-lg": {
            value: string;
            type: string;
        };
        "rounded-xl": {
            value: string;
            type: string;
        };
        "rounded-2xl": {
            value: string;
            type: string;
        };
        "rounded-3xl": {
            value: string;
            type: string;
        };
        "rounded-full": {
            value: string;
            type: string;
        };
    }) => any;
    getRadiusConfig: (radiusJson: any) => {};
};

interface RatingProps {
  title?: string;
  supportingText?: string;
  rate?: number;
  maxRate?: number;
  rateIsVisible?: boolean;
  highlightSelectedOnly?: boolean;
  precision?: 0.5 | 1;
  disabled?: boolean;
  size?: "sm" | "md";
  align?: "left" | "center";
  ratingsAlign?: "left" | "top" | "right" | "bottom";
  icon?: TComponentIcon;
  readOnly?: boolean;
  onClick?(rate: number): void;
}

interface ListProps {
    list?: {
        label: string;
        text: string;
    }[];
}
interface DescriptionProps {
    heading?: string;
    description?: string;
}
interface ReviewProps extends ListProps, DescriptionProps, Pick<RatingProps, "rate" | "maxRate" | "precision"> {
    align?: "left" | "center";
    style?: "outlined" | "shadow";
    ratingSize?: "sm" | "md";
    ratingIcon?: TComponentIcon;
    reviewHeader: ReactNode;
}

declare const Review: FC<ReviewProps>;

export { AccordionComponent as Accordion, AccordionBodyProps, AccordionButtonProps, AccordionIconProps, AccordionProps, Anchor, AnchorProps, GoogleButton as AppleButton, AppleButtonProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps$1 as AvatarProps, BackToTopButton, BackToTopButtonProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, Chips, ChipsProps, CircularProgressBar, CircularProgressBarProps, ContainerProps, Divider, DividerProps, DragAndDropFileUpload, DragAndDropFileUploadProps, EmptyStateProps, FAB, FABProps, FacebookButton, FacebookButtonProps, FeaturedCard, FeaturedCardProps, FeaturedText, FeaturedTextProps, GoogleButton, GoogleButtonProps, HorizontalStepper, IVideoPlayerProps, Icon, IconButton, IconButtonGroup, IconButtonGroupProps, IconButtonProps$1 as IconButtonProps, IconProps, Indicator, IndicatorProps, Input, InputAutocomplete, InputAutocompleteProps, InputCode, InputCodeProps, InputNumber, InputNumberProps, InputProps, InputQuantity, InputQuantityProps, InputText, InputTextProps, Label, LabelProps, Legend, LegendProps, LinearProgressBar, LinearProgressBarProps, MenuItem, MenuItemProps, NavTabs, NavTabsProps, Navbar, NavbarProps, Notification, NotificationItemProps, Pagination, PaginationProps, Radio, RadioCard, RadioCardGroup, RadioCardGroupProps, RadioCardProps, RadioProps, RangeSlider, RangeSliderProps, Rating, RatingProps$1 as RatingProps, ResponsiveSidebar, ResponsiveSidebarProps, Review, ReviewProps, Search, SearchProps, Sidebar, SidebarProps, Skeleton, SkeletonProps, SmallFileUpload, SmallFileUploadProps, SmallToast, SmallToastProps, Spinner, SpinnerProps, StepProps, Textarea, TextareaProps, TimePicker, TimePickerProps, Toast, ToastProps, Toggle, ToggleProps, Tooltip, TooltipProps, VerticalStepper, VideoPlayer, WorkspaceItem, WorkspaceItemProps, colorsTokenHelpers, initDefaultTheme, radiusTokenHelpers, useCodeInput, useSidebar };