/// <reference types="react" />
import * as react from 'react';
import react__default, { PropsWithChildren, ReactNode, HTMLAttributes, InputHTMLAttributes, FC, MouseEvent, Dispatch, SetStateAction, ButtonHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, RefObject } from 'react';
import { T as TComponentIcon, C as ClassName, L as LinkTag, B as BaseComponentSizes, a as ButtonVariants, b as ButtonHierarchy, I as InputTexts, c as IDropdownPosition, D as DropdownPositionProps } from './types-8627c32c.js';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { B as ButtonProps$2 } from './Button.interface-21de3beb.js';
import { I as IconButtonProps$1, a as IconNames } from './Modal.interface.d-01c20876.js';
export { M as ModalProps } from './Modal.interface.d-01c20876.js';
import { InputProps as InputProps$2 } from 'react-select';
import 'url';
import 'react-modal';

interface AccordionItemProps {
    id: number;
    title: string;
    content: 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, "content">, Pick<AccordionProps, "iconPosition"> {
    isExpanded: boolean;
}

declare const AccordionComponent: React.FC<AccordionProps>;

interface AnchorProps extends ClassName {
    LinkTag?: LinkTag | "a";
    decoration?: "none" | "bottom" | "left";
    href: string;
    role?: string;
}

declare const Anchor: ({ LinkTag, decoration, className, children, ...props }: PropsWithChildren<AnchorProps>) => react_jsx_runtime.JSX.Element;

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;
    icon?: TComponentIcon;
}
interface AvatarGroupProps extends Pick<AvatarProps, "size" | "shape" | "contentType">, ClassName {
    avatars: UserInterface[];
    visibleAvatars?: number;
}

declare const AvatarGroup: React.FC<AvatarGroupProps>;

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

declare const Badge: React.FC<BadgeProps>;

type ButtonTypes = "button" | "submit" | "reset";
type ButtonSizes = "xs" | BaseComponentSizes;
interface ButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>, PropsWithChildren {
    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$1, "ref"> & react.RefAttributes<HTMLButtonElement>>;

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

declare const ButtonGroup: React.FC<ButtonGroupProps>;

interface CheckboxProps extends Omit<InputTexts, "errorMessage">, Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName {
    name?: string;
    checked?: boolean;
    disabled?: boolean;
    required?: boolean;
    error?: boolean;
    size?: "sm" | "md";
    optionalLabel?: 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, PropsWithChildren {
    prefixElement?: ReactNode;
    suffixElement?: ReactNode;
}

declare const Chips: React.FC<ChipsProps>;

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

declare const Divider: React.FC<DividerProps>;

interface FileUploadProps extends Omit<InputTexts, "label">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "id">, Required<Pick<InputHTMLAttributes<HTMLInputElement>, "id">>, ClassName {
    acceptedFileType?: string;
    multiple?: boolean;
}
interface DragAndDropFileUploadProps extends FileUploadProps {
    text: string;
    uploadClickText: string;
    size?: "md" | "lg";
    buttonText?: string;
    icon?: TComponentIcon;
    withBorder?: boolean;
}
interface SmallFileUploadProps extends FileUploadProps {
    buttonText: string;
    label?: string;
}

declare const DragAndDropFileUpload: react__default.ForwardRefExoticComponent<DragAndDropFileUploadProps & react__default.RefAttributes<HTMLInputElement>>;

declare const SmallFileUpload: react.ForwardRefExoticComponent<SmallFileUploadProps & react.RefAttributes<HTMLInputElement>>;

interface FABItemButtonProps extends Pick<IconButtonProps$1, "icon" | "onClick" | "aria-label"> {
}
interface FABButtonProps extends Pick<IconButtonProps$1, "icon" | "onClick"> {
    closedAriaLabel?: string;
    openedAriaLabel?: string;
}
type FABItem = "main" | "other";
interface FABItemProps extends ClassName {
    size?: BaseComponentSizes;
    variant?: "primary" | "outlined" | "ghost";
    label?: string;
    isActive?: boolean;
    disabled?: boolean;
    open?: boolean;
    buttonProps: FABItemButtonProps;
    type?: FABItem;
}
interface FABProps extends Omit<FABItemProps, "className" | "isActive" | "buttonProps">, ClassName {
    items: Pick<FABItemProps, "label" | "buttonProps" | "disabled">[];
    mainButtonProps: FABButtonProps;
}

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;
    size?: IconSizes;
}

declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLElement>>;

interface IconButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, "aria-label">, Required<Pick<HTMLAttributes<HTMLButtonElement>, "aria-label">>, ClassName {
    icon?: TComponentIcon;
    iconName?: IconNames;
    variant?: ButtonVariants;
    size?: "xs" | BaseComponentSizes;
    disabled?: boolean;
    isLoading?: boolean;
    hierarchy?: ButtonHierarchy;
}

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

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

declare const IconButtonGroup: React.FC<IconButtonGroupProps>;

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

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>;
};

type TPaginationVariant = "default" | "outlined" | "ghost";
interface PaginationProps extends HTMLAttributes<HTMLDivElement>, ClassName {
    currentPage: number;
    totalPages: number;
    prevButtonText?: string;
    nextButtonText?: string;
    prevButtonDisabled?: boolean;
    nextButtonDisabled?: boolean;
    variant?: TPaginationVariant;
    size?: BaseComponentSizes;
    rangeSize?: BaseComponentSizes;
    onPageButtonClick: (page: number) => void;
    onPrevButtonClick: () => void;
    onNextButtonClick: () => void;
}

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 InputTexts, Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName {
    name: string;
    id: string;
    checked?: boolean;
    disabled?: boolean;
    size?: "sm" | "md";
    labelPosition?: "left" | "right";
}

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

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

declare const Rating: FC<RatingProps$1>;

declare enum InputAddonsVariants$1 {
  PREFIX_AND_SUFFIX = "withPrefixAndSuffix",
  SUFFIX = "withSuffix",
  PREFIX = "withPrefix",
  DEFAULT = "default",
}

declare enum AddonsContentVariants$1 {
  TEXT = "text",
  DROPDOWN = "dropdown",
  ICON = "icon",
  ICON_AND_DROPDOWN = "iconAndDropdown",
  DROPDOWN_AND_ICON = "dropdownAndIcon",
}

interface BaseInputProps$1
  extends InputHTMLAttributes<HTMLInputElement>,
    PropsWithChildren {
  error?: boolean;
  addonsVariant?: InputAddonsVariants$1;
  containerClassName?: string;
}

interface InputProps$1
  extends Omit<BaseInputProps$1, "error" | "addonsVariant" >,
    InputTexts {
  prefixProps?: InputAddonProps$1;
  suffixProps?: InputAddonProps$1;
  inputClassName?: string;
}

interface InputAddonProps$1
  extends ClassName,
    Pick<DropdownButtonProps$1, "onDropdownButtonClick">,
    Pick<HTMLAttributes<HTMLElement>, "aria-label" | "onClick"> {
  text?: string;
  icon?: TComponentIcon;
  variant: AddonsContentVariants$1;
  disabled?: boolean;
  error?: boolean;
  hasErrorIcon?: boolean;
  testId?: string;
}

interface DropdownButtonProps$1
  extends Pick<HTMLAttributes<HTMLButtonElement>, "aria-label"> {
  text?: string;
  disabled?: boolean;
  onDropdownButtonClick?: (e: MouseEvent<HTMLButtonElement>) => void;
}

interface SearchButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
}
interface SearchProps extends Omit<BaseInputProps$1, "value" | "prefixVariant"> {
    variant?: "default" | "withButton" | "withIconButton" | "inline";
    value?: string;
    onClear?(): void;
    isTyping?: boolean;
    setIsTyping?: Dispatch<SetStateAction<boolean>>;
    suffixProps?: InputAddonProps$1;
    buttonProps?: SearchButtonProps;
    iconButtonProps?: IconButtonProps$1;
    buttonText?: string;
    prefixProps?: InputAddonProps$1;
}

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

declare const useSearch: (queryLengthToStartSearching?: number) => {
    handleSearchChange: ({ target }: ChangeEvent<HTMLInputElement>) => void;
    searchQuery: string;
    DEFAULT_QUERY_LENGTH_TO_START_SEARCHING: number;
    isTyping: boolean;
    setIsTyping: react.Dispatch<react.SetStateAction<boolean>>;
};

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;
    stepTitle?: string;
    stepDescription?: string;
    stepButtonProps: Pick<IconButtonProps$1, "icon" | "iconName" | "aria-label">;
}
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;
    completeVariant?: "default" | "check";
    stepClassName?: string;
    stepButtonProps: Pick<IconButtonProps$1, "icon" | "iconName" | "aria-label">;
}
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 InputTexts, TextareaHTMLAttributes<HTMLTextAreaElement> {
    id: string;
    areaClassName?: string;
}

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<InputTexts, "errorMessage">, Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "onChange">, ClassName {
    size?: "sm" | "md";
    disabled?: boolean;
    checked: boolean;
    defaultChecked?: boolean;
    onChange?: (checked: boolean) => void;
}

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 extends Pick<IBreadcrumb, "LinkTag"> {
    variant?: TBreadcrumbsVariant;
    backgroundColor?: string;
    homeIcon?: TComponentIcon;
    separatorIcon?: TComponentIcon;
    separator?: TSeparatorVariant;
    breadcrumbs: IBreadcrumb[];
    showAll?: boolean;
    activeItemId: number;
    setActiveItemId: Dispatch<SetStateAction<number>>;
    onDotsClick?(): void;
}
interface IBreadcrumb {
    label: string;
    href: string;
    LinkTag?: LinkTag | string;
    id: number;
}
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;
    LinkTag?: LinkTag | "a";
    linkChildren?: ReactNode;
    href?: string;
}
type TFeaturedTextSize = BaseComponentSizes;
type TFeaturedTextVariant = "text" | "iconTop" | "iconLeft";

declare const FeaturedText: FC<FeaturedTextProps>;

interface RangeSliderProps extends ClassName {
    id?: string;
    step?: number;
    value: IRange;
    labelPosition?: TLabelPosition;
    minValueSliderProps?: Pick<InputProps$2, "aria-label">;
    maxValueSliderProps?: Pick<InputProps$2, "aria-label">;
    onChange(range: IRange): void;
}
interface IRange {
    start: number;
    end: number;
}
type TLabelPosition = "none" | "top" | "bottom" | "topFloating" | "bottomFloating";

declare const RangeSlider: react.ForwardRefExoticComponent<RangeSliderProps & react.RefAttributes<HTMLInputElement>>;

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>;

declare enum InputAddonsVariants {
    PREFIX_AND_SUFFIX = "withPrefixAndSuffix",
    SUFFIX = "withSuffix",
    PREFIX = "withPrefix",
    DEFAULT = "default"
}
declare enum AddonsContentVariants {
    TEXT = "text",
    DROPDOWN = "dropdown",
    ICON = "icon",
    ICON_AND_DROPDOWN = "iconAndDropdown",
    DROPDOWN_AND_ICON = "dropdownAndIcon"
}
interface BaseInputProps extends InputHTMLAttributes<HTMLInputElement>, PropsWithChildren {
    error?: boolean;
    addonsVariant?: InputAddonsVariants;
    containerClassName?: string;
}
interface InputProps extends Omit<BaseInputProps, "error" | "addonsVariant">, InputTexts {
    prefixProps?: InputAddonProps;
    suffixProps?: InputAddonProps;
    inputClassName?: string;
}
interface InputAddonProps extends ClassName, Pick<DropdownButtonProps, "onDropdownButtonClick">, Pick<HTMLAttributes<HTMLElement>, "aria-label" | "onClick"> {
    text?: string;
    icon?: TComponentIcon;
    variant: AddonsContentVariants;
    disabled?: boolean;
    error?: boolean;
    hasErrorIcon?: boolean;
    testId?: string;
}
interface DropdownButtonProps extends Pick<HTMLAttributes<HTMLButtonElement>, "aria-label"> {
    text?: string;
    disabled?: boolean;
    onDropdownButtonClick?: (e: MouseEvent<HTMLButtonElement>) => void;
}

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

type InputCodeType = "numbers" | "letters" | "numbersAndLetters";
interface InputCodeProps extends ClassName, InputTexts, Omit<InputCodeElementProps, "idx" | "ariaLabel" | "element" | "isError" | "element"> {
    id: string;
    lengthOfCode?: number;
}
interface InputCodeElementProps {
    inputRefsArray: RefObject<HTMLInputElement>[];
    onChange?(): void;
    onFocus?(): void;
    dashesPositions?: number[];
    idx: number;
    disabled?: boolean;
    inputClassName?: string;
    type?: InputCodeType;
    isError?: boolean;
    element: RefObject<HTMLInputElement>;
    ariaLabel?: string;
}

declare const InputCode: react.ForwardRefExoticComponent<InputCodeProps & react.RefAttributes<HTMLInputElement>>;

interface DropdownProps {
    isOpen: boolean;
    dropdownTitle?: string;
    dropdownItems: DropdownItemProps[];
    inputValue: string;
    isCreatable?: boolean;
    addNewText?: string;
    position?: IDropdownPosition;
    onItemClick: (value: string) => void;
    onClose(): void;
}
interface DropdownItemProps {
    value: string;
    icon?: TComponentIcon;
}
interface InputAutocompleteProps extends Omit<DropdownProps, "inputValue" | "onItemClick" | "onClose" | "isOpen" | "position">, Omit<InputProps$1, "value"> {
    value?: string;
    onClear?(): void;
    setInputValue: (value: string) => void;
    inputClassName?: string;
}

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;
    openButtonProps?: Pick<IconButtonProps$1, "aria-label">;
    closeButtonProps?: Pick<IconButtonProps$1, "aria-label">;
}
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" | "hidden";
type RadioCardAlign = "vertical" | "horizontal";
interface RadioCardProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, ClassName, PropsWithChildren {
    name: string;
    id: string;
    checked?: boolean;
    disabled?: boolean;
    label?: string;
    size?: RadioCardSize$1;
    description?: string;
    radioPosition?: RadioCardPosition$1;
    icon?: TComponentIcon;
    align?: RadioCardAlign;
    radioClassName?: string;
}

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

type RadioCardSize = "sm" | "md";
type RadioCardPosition = "left" | "right" | "hidden";

interface RadioCardGroupOption {
    id: string;
    value: string;
    checked?: boolean;
    label?: string;
    description?: string;
    children?: ReactNode;
}
type RadioCardGroupLayout = "horizontal" | "vertical";
interface RadioCardGroupProps extends ClassName, InputTexts {
    name: string;
    options: RadioCardGroupOption[];
    cardsSize?: RadioCardSize;
    radioPosition?: RadioCardPosition;
    isRadioVisible?: boolean;
    disabled?: boolean;
    value?: string;
    setInputValue(value: string): void;
    layout?: RadioCardGroupLayout;
    defaultValue?: string;
    id: string;
    cardItemClassName?: string;
    radioClassName?: string;
}

declare const RadioCardGroup: react.ForwardRefExoticComponent<RadioCardGroupProps & react.RefAttributes<HTMLInputElement>>;

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;
    disabled?: boolean;
}

declare const GoogleButton: ({ textType, size, className, 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;
    collapseButtonClassName?: string;
    bottomContent?: ReactNode;
    topContent?: ReactNode;
    breakpoints?: Omit<SidebarBreakpoints, "mobile">;
    tabIndex?: number;
    collapsedToggleButtonProps?: Pick<IconButtonProps$1, "aria-label">;
    notCollapsedToggleButtonProps?: Pick<IconButtonProps$1, "aria-label">;
    id?: string;
    testId?: string;
}
interface ResponsiveSidebarProps extends Omit<SidebarProps, "className"> {
    isOpen?: boolean;
    defaultIsOpen?: boolean;
    close?: () => void;
    maskClassName?: string;
    drawerClassName?: string;
    sidebarClassName?: string;
    breakpoints?: SidebarBreakpoints;
}

declare const ResponsiveSidebar: FC<ResponsiveSidebarProps>;

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

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

type FeaturedCardVariant = "collapsed" | "expanded";
interface FeaturedCardProps extends PropsWithChildren, ClassName {
    icon?: TComponentIcon;
    title: ReactNode;
    collapsedButtonProps: Pick<IconButtonProps$1, "aria-label" | "icon" | "iconName" | "onClick">;
    closeButtonProps: Pick<IconButtonProps$1, "aria-label" | "onClick">;
    closeButton?: boolean | (() => ReactNode);
    variant?: FeaturedCardVariant;
    collapsedButton?: () => ReactNode;
}

declare const FeaturedCard: react__default.FC<FeaturedCardProps>;

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

declare const BackToTopButton: FC<BackToTopButtonProps>;

interface IControlsButtonProps extends Required<Pick<IconButtonProps$1, "aria-label" | "icon" | "onClick">> {
}
interface IVideoPlayerProps extends PropsWithChildren {
    currentTime?: string;
    leftTime?: string;
    options?: IControlsButtonProps[];
    controls?: IControlsButtonProps[];
    controlsPosition?: "inline" | "onScreen" | "bottom";
    optionsPosition?: "absolute" | "inline";
    timePosition?: "inline" | "bottom";
}

declare const VideoPlayer: FC<IVideoPlayerProps>;

declare enum ActionType {
    INCREMENT = "INCREMENT",
    DECREMENT = "DECREMENT"
}
interface InputQuantityProps extends InputTexts, Omit<InputHTMLAttributes<HTMLInputElement>, "id">, Required<Pick<BaseInputProps$1, "id">> {
    handleCounterButtonClick?(value: number): void;
    toFixedValue?: number;
    decreaseButtonProps?: Pick<ButtonProps, "aria-label">;
    increaseButtonProps?: Pick<ButtonProps, "aria-label">;
    inputClassName?: string;
}
interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
    icon: TComponentIcon;
    disabled?: boolean;
    variant: ActionType;
}

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

interface InputTextProps extends ClassName {
    id?: string;
    text?: ReactNode;
    error?: boolean;
    disabled?: boolean;
}

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

interface InputNumberProps extends InputTexts, Omit<InputHTMLAttributes<HTMLInputElement>, "id">, Required<Pick<BaseInputProps$1, "id">> {
    decimalPlaces?: number;
    errorMessage?: ReactNode;
    supportingText?: string;
    label?: string;
    id: string;
    decreaseButtonProps?: Pick<CounterButtonProps, "aria-label">;
    increaseButtonProps?: Pick<CounterButtonProps, "aria-label">;
    inputClassName?: string;
    handleCounterButtonClick?: (value: number) => void;
}
interface CounterButtonProps extends ClassName, ButtonHTMLAttributes<HTMLButtonElement> {
    iconClassName?: string;
}

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

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

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

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

type HourFormatTypes = 12 | 24;
declare enum MinutesFormats {
    QUARTERS = "quarters",
    TEN_MINUTES = "tenMinutes",
    MINUTES = "minutes"
}
declare enum SecondsFormats {
    TEN_SECONDS = "tenSeconds",
    FIVE_SECONDS = "fiveSeconds",
    SECONDS = "seconds"
}
declare enum TimeFormats {
    HH_MM = "hh:mm",
    HH_MM_SS = "hh:mm:ss"
}
declare enum PeriodTypes {
    AM = "AM",
    PM = "PM"
}
interface ScrollProps extends Pick<HTMLAttributes<HTMLUListElement>, "aria-label"> {
}
interface DropdownTimeInterface {
    hours: number | string;
    minutes: number | string;
    seconds: number | string;
    period: PeriodTypes;
}
interface TimePickerProps extends InputTexts, Omit<TimePickerDropdownProps, "handleOKClick" | "handleCancelClick" | "className" | "isOpen" | "position" | "setDropdownHeight" | "setDropdownWidth">, BaseInputProps$1 {
    disabled?: boolean;
    withPeriodDropdown?: boolean;
    dropdownClassName?: string;
    clearInputOnFocus?: boolean;
    suffixProps?: Omit<InputAddonProps$1, "variant" | "text" | "onDropdownButtonClick" | "disabled" | "error">;
    onTimeSelected?(): void;
    inputClassName?: string;
}
interface TimePickerDropdownProps extends ClassName, DropdownPositionProps {
    isOpen: boolean;
    hoursFormat?: HourFormatTypes;
    minutesFormat?: MinutesFormats;
    secondsFormat?: SecondsFormats;
    timeFormat?: TimeFormats;
    setTime: (time: DropdownTimeInterface) => void;
    time: DropdownTimeInterface;
    handleOKClick(): void;
    handleCancelClick(): void;
    withPeriodButtons?: boolean;
    hoursScrollProps?: ScrollProps;
    minutesScrollProps?: ScrollProps;
    secondsScrollProps?: ScrollProps;
    showDefaultTime?: boolean;
}

declare const TimePicker: react.ForwardRefExoticComponent<TimePickerProps & react.RefAttributes<HTMLInputElement>>;

interface RatingProps {
  title?: string;
  supportingText?: string;
  rate: number;
  maxRate?: number;
  highlightSelectedOnly?: boolean;
  precision?: 0.5 | 1;
  disabled?: boolean;
  size?: "sm" | "md";
  align?: "left" | "center";
  ratingPosition?: "left" | "top" | "right" | "bottom" | "hidden";
  icon?: TComponentIcon;
  readOnly?: boolean;
  onRateClick?(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>;

declare const initDefaultTheme: () => {
    extend: any;
};
declare const colorsTokenHelpers: {
    getComponentsColorConfig: (components?: string[], getComponentConfig?: (component: any) => 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;
            };
            googleButton: {
                value: string;
                type: string;
            };
            facebookButton: {
                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 propertyTokenHelpers: {
    getComponentsPropertyConfig: (propertyJson: any, property: any, propertyType: any, getComponentConfig?: (component: any) => any, components?: string[]) => any[];
    getPropertyConfig: (propertyJson: any) => {};
};

interface SidePanelProps extends PropsWithChildren, ClassName {
    heading?: string;
    description?: string;
    size?: "sm" | "lg";
    iconPosition?: "left" | "right";
    iconButtonProps: Pick<IconButtonProps$1, "icon" | "iconName" | "onClick" | "aria-label" | "className">;
}

declare const SidePanel: FC<SidePanelProps>;

export { AccordionComponent as Accordion, AccordionBodyProps, AccordionButtonProps, AccordionIconProps, AccordionProps, AddonsContentVariants, Anchor, AnchorProps, GoogleButton as AppleButton, AppleButtonProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps$1 as AvatarProps, BackToTopButton, BackToTopButtonProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonGroupProps, ButtonProps$1 as ButtonProps, Card, CardProps, Checkbox, CheckboxProps, Chips, ChipsProps, CircularProgressBar, CircularProgressBarProps, ContainerProps, Divider, DividerProps, DragAndDropFileUpload, DragAndDropFileUploadProps, DropdownTimeInterface, EmptyStateProps, FAB, FABProps, FacebookButton, FacebookButtonProps, FeaturedCard, FeaturedCardProps, FeaturedText, FeaturedTextProps, GoogleButton, GoogleButtonProps, HorizontalStepper, IVideoPlayerProps, Icon, IconButton, IconButtonGroup, IconButtonGroupProps, IconButtonProps, IconProps, Indicator, IndicatorProps, Input, InputAddonsVariants, 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, SidePanel, SidePanelProps, 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, propertyTokenHelpers, useCodeInput, useSearch, useSidebar };