@useloops/design-system 1.4.283 → 1.4.284

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import * as _mui_material from '@mui/material';
-import { SxProps, Theme, PaperProps, PopperProps as PopperProps$1, CSSObject, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ClickAwayListenerProps, FadeProps, TypographyProps as TypographyProps$1, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react from 'react';
-import react__default, { FC, FunctionComponent, ReactNode, PropsWithChildren, ReactElement, Dispatch, SetStateAction, ChangeEvent } from 'react';
+import react__default, { Dispatch, SetStateAction, FunctionComponent, ReactElement, PropsWithChildren, ChangeEvent, FC, ReactNode } from 'react';
+import * as _mui_material from '@mui/material';
+import { SxProps, Theme, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PaperProps, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, ChipProps as ChipProps$1, PaletteMode, Direction } from '@mui/material';
 import { PopupState } from 'material-ui-popup-state/hooks';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ChipProps } from '@mui/material/Chip';
@@ -654,21 +654,180 @@ interface CustomTheme {
     };
 }
 
-type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
-type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+declare const emailValidation: {
+    pattern: {
+        value: RegExp;
+        message: string;
+    };
+};
 
-interface SurfaceProps extends PaperProps {
-    variation?: SurfaceVariation;
-    borderradius?: BorderRadius;
+declare const chooseArticle: (word: string) => string;
+declare const defaultInputValidation: (inputName?: string, isRequired?: boolean, maxLength?: number) => {
+    required?: string | undefined;
+    maxLength: {
+        value: number;
+        message: string;
+    };
+};
+declare const DEFAULT_MAX_INPUT_LENGTH: number;
+
+declare const passwordValidation: (min?: number) => {
+    minLength: {
+        value: number;
+        message: string;
+    };
+    equal: {
+        value: string;
+        message: string;
+    };
+};
+
+declare const subtle: (theme: Theme) => {
+    backgroundColor: string;
+    fontWeight: number;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+};
+declare const outlined$1: (theme: Theme) => {
+    backgroundColor: string;
+    border: string;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+    '&:disabled': {
+        border: string;
+    };
+};
+declare const secondary: (theme: Theme) => {
+    backgroundColor: ColorRange;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: ColorRange;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&:active': {
+        backgroundColor: ColorRange;
+    };
+};
+declare const primary: (theme: Theme) => {
+    backgroundColor: ColorRange;
+    color: string;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: ColorRange;
+        color: string;
+        '&::before': {
+            backgroundColor: string;
+        };
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+        '&::before': {
+            backgroundColor: string;
+        };
+    };
+    '&:active': {
+        backgroundColor: ColorRange;
+        color: string;
+        '&::before': {
+            backgroundColor: string;
+        };
+    };
+};
+declare const buttonInteraction: (theme: Theme, active?: boolean) => {
+    backgroundColor: string;
+    fontWeight: number;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+    };
+    '&:focus': {
+        backgroundColor: string;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+    cursor: string;
+    '&:disabled': {
+        backgroundColor: string;
+        color: string;
+    };
+};
+type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
+declare const getIconSizing$1: (sizing: ButtonSizing) => CSSObject;
+declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
+declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
+
+interface BackgroundOptions {
+    texture?: 'none' | 'noise1';
+    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
 }
-declare const Surface: FC<SurfaceProps>;
+declare const backgroundCreator: (theme: Theme, options: BackgroundOptions) => string;
 
-interface AuthContainerSurfaceProps extends SurfaceProps {
-    headContent?: ReactNode;
-    sx?: SxProps<Theme>;
-    children: ReactNode;
+type SupportedCurrency = 'gbp' | 'eur' | 'usd';
+type SupportedFrequency = 'monthly' | 'annual';
+interface AnnualControllerProps {
+    body: string;
+    currency: string;
+    changeCurrencyEvent?: (value: string) => void;
+    frequency: string;
+    heading: string;
+    setCurrency?: Dispatch<SetStateAction<SupportedCurrency>>;
+    setFrequency?: Dispatch<SetStateAction<SupportedFrequency>>;
+    togglePayAnnuallyEvent?: () => void;
+    selections?: {
+        value: SupportedCurrency;
+        label: string;
+    }[];
 }
-declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
+declare const AnnualController: FunctionComponent<AnnualControllerProps>;
+
+interface AuthFormHeaderProps {
+    logo?: ReactElement | false | undefined;
+    headerText?: string;
+    subText?: ReactElement | string;
+}
+declare const AuthFormHeader: FunctionComponent<AuthFormHeaderProps>;
+
+interface AvatarProps extends AvatarProps$1 {
+    sizing?: 'xs' | 'sm' | 'lg';
+}
+declare const Avatar: FunctionComponent<AvatarProps>;
+
+interface AvatarGroupProps extends AvatarGroupProps$1 {
+    variation?: 'primary';
+    max?: number;
+    sx: SxProps<Theme>;
+}
+declare const AvatarGroup: FunctionComponent<AvatarGroupProps>;
+
+interface BadgeProps extends PropsWithChildren {
+}
+declare const Badge: FunctionComponent<BadgeProps>;
 
 interface BreadcrumbLink {
     label: string;
@@ -679,536 +838,40 @@ interface BreadcrumbProps {
 }
 declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
 
-interface HeaderProps {
-    backHref?: string;
-    breadcrumbLinks?: BreadcrumbLink[];
-    buttons?: ReactNode;
-    controlBar?: ReactNode;
-    title?: string;
-}
-declare const Header: FunctionComponent<HeaderProps>;
-
-interface LoopItemProps extends PropsWithChildren {
-    onClick: () => void;
-    id: string;
-    thumbnail: string;
-    title: string;
-    active?: boolean;
+interface ButtonBaseProps extends ButtonProps$1 {
     loading?: boolean;
-    testCount: number | null;
-    draftCount: number | null;
+    sizing: ButtonSizing;
 }
-declare const LoopItem: FunctionComponent<LoopItemProps>;
+declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBaseProps) => react_jsx_runtime.JSX.Element;
 
-interface LoopItemEmptyProps extends PropsWithChildren {
-    onClick: () => void;
+interface ButtonProps extends Partial<ButtonBaseProps> {
+    variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
+    href?: string;
+    fullWidth?: boolean;
+    endIcon?: ReactElement;
+    startIcon?: ReactElement;
 }
-declare const LoopItemEmpty: react.ForwardRefExoticComponent<LoopItemEmptyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Button: FunctionComponent<ButtonProps>;
 
-type NavigationButtonSizing = 'sm' | 'md' | 'lg';
-interface NavigationButtonProps {
-    active?: boolean;
-    danger?: boolean;
-    fullWidth?: boolean;
-    href?: string;
-    target?: '_blank' | '_self' | '_parent' | '_top';
-    external?: boolean;
-    icon?: IconName;
-    label?: string;
-    navigationSizing?: NavigationSizing;
-    onClick?: () => void;
-    sizing?: NavigationButtonSizing;
+interface StyledCheckboxProps extends CheckboxProps$1 {
+    sizing?: 'default' | 'lg';
 }
-declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
 
-interface MenuItemProps {
-    active?: boolean;
-    children?: MenuItemProps[];
-    baseState?: PopupState;
-    closeOnClick?: boolean;
-    danger?: boolean;
-    divider?: boolean;
-    heading?: boolean;
-    label?: string;
-    onClick?: () => void;
-    selected?: boolean;
-    selectOne?: boolean;
-    width?: number;
+interface CheckboxProps {
+    sizing?: StyledCheckboxProps['sizing'];
+    checked?: boolean;
+    indeterminate?: StyledCheckboxProps['indeterminate'];
+    checkboxLabel?: string | ReactElement;
+    internalChange?: () => void;
+    onChange?: (event: React.SyntheticEvent<Element, Event>, checked: boolean) => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    required?: boolean;
+    value?: boolean;
 }
-
-interface UserMenuProps extends PropsWithChildren {
-    avatar?: string;
-    email: string;
-    menuItems?: MenuItemProps[];
-    name: string;
-    offset?: number[];
-    placement?: PopperProps$1['placement'];
-    rounded?: boolean;
-    width?: number;
-}
-declare const UserMenu: FunctionComponent<UserMenuProps>;
-
-type NavigationSizing = 'sm' | 'lg';
-interface NavigationProps {
-    isMobile?: boolean;
-    logoLink?: () => void;
-    nudgeProps?: NudgeProps$1;
-    primaryMenuItemProps?: NavigationButtonProps[];
-    secondaryMenuItemProps?: NavigationButtonProps[];
-    sizing?: NavigationSizing;
-    tertiaryMenuItemProps?: NavigationButtonProps[];
-    toggleMenuOnClick?: () => void;
-    userMenuProps: UserMenuProps;
-}
-interface NudgeProps$1 extends PropsWithChildren {
-    description: string;
-    notification: boolean;
-    title: string;
-}
-declare const Navigation: FunctionComponent<NavigationProps>;
-
-type OnboardingItem = {
-    complete: boolean;
-    title: string;
-    description?: string;
-    onClick?: () => void;
-};
-interface OnboardingCardProps {
-    cardTitle: string;
-    cardSubtitle: string;
-    welcomeImageUrl: string;
-    welcomeImageAltDescription?: string;
-    items: OnboardingItem[];
-}
-declare const OnboardingCard: FunctionComponent<OnboardingCardProps>;
-
-interface ProjectItemViewType {
-    viewType?: 'grid' | 'list';
-}
-interface UserProps {
-    id: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    country: string | null;
-    city: string | null;
-    profileImage: string | null;
-    jobTitle: string | null;
-    role: string | null;
-}
-interface ProjectItemDataProps {
-    id: string;
-    postId: string;
-    versionId: string;
-    thumbnail: string;
-    demoSurveyId: string;
-    title: string;
-    description: string | null;
-    demoProjectSummary?: string | null;
-    demoSurveySummary?: string | null;
-    name: string;
-    user: UserProps;
-    isAuthor: boolean;
-    isDemo: boolean;
-    loopCount: number | null;
-    testCount: number | null;
-    draftCount: number | null;
-    updatedAt?: string;
-    tags?: string[] | null;
-    onClick?: () => void;
-    loading?: boolean;
-    moreActions?: React.ReactNode;
-}
-interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
-}
-interface ProjectItemEmptyProps {
-    onClick?: () => void;
-    viewType?: 'grid' | 'list';
-    title: string;
-}
-
-declare const ProjectItem: FunctionComponent<ProjectItemProps>;
-
-declare const ProjectItemEmpty: FunctionComponent<ProjectItemEmptyProps>;
-
-interface ProjectsProps {
-}
-declare const Projects: FunctionComponent<ProjectsProps>;
-
-interface SectionHeaderProps {
-    buttons?: ReactNode;
-    loading?: boolean;
-    subtitle?: string;
-    title?: string;
-}
-declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
-
-type IconButtonSizing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type IconButtonShapeMap = 'default' | 'round';
-type IconButtonVariation = 'default' | 'toggle' | 'outlined' | 'raised';
-
-declare const defaultStyle: (theme: Theme) => CSSObject;
-declare const toggle: (theme: Theme) => CSSObject;
-declare const outlined$1: (theme: Theme) => CSSObject;
-declare const raised: (theme: Theme) => CSSObject;
-declare const getIconButtonRadius: (shape: IconButtonShapeMap, theme: Theme) => CSSObject;
-declare const buttonSizeMap: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-declare const getIconButtonSizing: (sizing: IconButtonSizing) => CSSObject;
-declare const IconSizeMap: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-declare const getIconSizing$1: (sizing: IconButtonSizing) => CSSObject;
-
-declare const IconButton_variantHelpers_IconSizeMap: typeof IconSizeMap;
-declare const IconButton_variantHelpers_buttonSizeMap: typeof buttonSizeMap;
-declare const IconButton_variantHelpers_defaultStyle: typeof defaultStyle;
-declare const IconButton_variantHelpers_getIconButtonRadius: typeof getIconButtonRadius;
-declare const IconButton_variantHelpers_getIconButtonSizing: typeof getIconButtonSizing;
-declare const IconButton_variantHelpers_raised: typeof raised;
-declare const IconButton_variantHelpers_toggle: typeof toggle;
-declare namespace IconButton_variantHelpers {
-  export { IconButton_variantHelpers_IconSizeMap as IconSizeMap, IconButton_variantHelpers_buttonSizeMap as buttonSizeMap, IconButton_variantHelpers_defaultStyle as defaultStyle, IconButton_variantHelpers_getIconButtonRadius as getIconButtonRadius, IconButton_variantHelpers_getIconButtonSizing as getIconButtonSizing, getIconSizing$1 as getIconSizing, outlined$1 as outlined, IconButton_variantHelpers_raised as raised, IconButton_variantHelpers_toggle as toggle };
-}
-
-interface IconButtonBaseProps extends IconButtonProps$1 {
-    variation?: IconButtonVariation;
-    shape?: IconButtonShapeMap;
-    sizing?: IconButtonSizing;
-}
-declare const IconButtonBase: ({ children, ...rest }: IconButtonBaseProps) => react_jsx_runtime.JSX.Element;
-
-interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'title' | 'slotProps'> {
-    message: TooltipProps$1['title'];
-    variation?: 'primary';
-    slotProps?: TooltipProps$1['slotProps'] & {
-        wrapper?: BoxProps;
-    };
-}
-declare const Tooltip: FunctionComponent<TooltipProps>;
-
-interface IconButtonProps extends IconButtonBaseProps {
-    icon: ReactElement;
-    loading?: boolean;
-    tooltipMessage?: TooltipProps['message'];
-    slotProps?: {
-        tooltip?: Omit<TooltipProps, 'message'>;
-    };
-    emojiMode?: boolean;
-}
-declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
-interface PopperProps {
-    popperProps?: Partial<PopperProps$1>;
-    clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
-        onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
-    }>;
-    transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
-    surfaceProps?: SurfaceProps;
-    bindOn?: BindOn[];
-    trigger: ReactElement;
-    children: ReactElement;
-    state?: PopupState;
-}
-declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
-
-interface MenuProps extends PropsWithChildren {
-    menuItems?: MenuItemProps[];
-    offset?: number[];
-    placement?: PopperProps$1['placement'];
-    state?: PopupState;
-    bindOn?: PopperProps['bindOn'];
-    trigger: ReactElement;
-    width?: number;
-    slotProps?: {
-        popper?: PopperProps['popperProps'];
-    };
-}
-declare const Menu: FunctionComponent<MenuProps>;
-
-interface StyledChipProps extends ChipProps {
-    variation?: 'default' | 'peach' | 'peachDark' | 'purple';
-    weight?: 'heavy' | 'light';
-}
-
-interface PillProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
-    body: string;
-}
-declare const Pill: react.ForwardRefExoticComponent<Omit<PillProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
-    clamp?: number;
-    component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
-    type?: 'default' | 'button';
-    variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
-    weight?: 'default' | 'bold';
-    sx?: SxProps<Theme>;
-}
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
-
-interface StyledTestStatusProps extends ChipProps$1 {
-    colorScheme: 'green' | 'yellow' | 'blue';
-}
-interface TestStatusProps extends Partial<StyledTestStatusProps> {
-    status: 'results-ready' | 'in-progress' | 'draft';
-}
-
-interface TestItemProps extends SurfaceProps {
-    status: TestStatusProps['status'];
-    menuItems?: MenuProps['menuItems'];
-    title: string;
-    tags?: string[];
-    stats?: {
-        progress?: {
-            percentage: number;
-            completed: number;
-            total: number;
-            incomplete: number;
-            incompletePercentage: number;
-            averageDuration: string;
-            estimatedTimeToComplete: string;
-        };
-        count?: {
-            answers: number;
-            comments: number;
-        };
-    };
-    user: {
-        name: string;
-        avatarUrl?: string;
-        activityDescription: string;
-    };
-    slotProps?: {
-        title?: Partial<Omit<TypographyProps, 'children'>>;
-        status?: Partial<Omit<TestStatusProps, 'status'>>;
-        menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
-        pill?: Partial<Omit<PillProps, 'body'>>;
-        tagsExpand?: Partial<Omit<PillProps, 'body'>>;
-        tagsCollapse?: Partial<IconButtonProps>;
-    };
-    loading?: boolean;
-}
-declare const TestItem: react__default.FC<TestItemProps>;
-
-declare const emailValidation: {
-    pattern: {
-        value: RegExp;
-        message: string;
-    };
-};
-
-declare const chooseArticle: (word: string) => string;
-declare const defaultInputValidation: (inputName?: string, isRequired?: boolean, maxLength?: number) => {
-    required?: string | undefined;
-    maxLength: {
-        value: number;
-        message: string;
-    };
-};
-declare const DEFAULT_MAX_INPUT_LENGTH: number;
-
-declare const passwordValidation: (min?: number) => {
-    minLength: {
-        value: number;
-        message: string;
-    };
-    equal: {
-        value: string;
-        message: string;
-    };
-};
-
-declare const subtle: (theme: Theme) => {
-    backgroundColor: string;
-    fontWeight: number;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-};
-declare const outlined: (theme: Theme) => {
-    backgroundColor: string;
-    border: string;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:hover': {
-        backgroundColor: string;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-    '&:active': {
-        backgroundColor: string;
-    };
-    '&:disabled': {
-        border: string;
-    };
-};
-declare const secondary: (theme: Theme) => {
-    backgroundColor: ColorRange;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:hover': {
-        backgroundColor: ColorRange;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-    '&:active': {
-        backgroundColor: ColorRange;
-    };
-};
-declare const primary: (theme: Theme) => {
-    backgroundColor: ColorRange;
-    color: string;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:hover': {
-        backgroundColor: ColorRange;
-        color: string;
-        '&::before': {
-            backgroundColor: string;
-        };
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-        '&::before': {
-            backgroundColor: string;
-        };
-    };
-    '&:active': {
-        backgroundColor: ColorRange;
-        color: string;
-        '&::before': {
-            backgroundColor: string;
-        };
-    };
-};
-declare const buttonInteraction: (theme: Theme, active?: boolean) => {
-    backgroundColor: string;
-    fontWeight: number;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-    '&:hover': {
-        backgroundColor: string;
-    };
-    '&:focus': {
-        backgroundColor: string;
-    };
-    '&:active': {
-        backgroundColor: string;
-    };
-    cursor: string;
-    '&:disabled': {
-        backgroundColor: string;
-        color: string;
-    };
-};
-type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
-declare const getIconSizing: (sizing: ButtonSizing) => CSSObject;
-declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
-declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
-
-interface BackgroundOptions {
-    texture?: 'none' | 'noise1';
-    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
-}
-declare const backgroundCreator: (theme: Theme, options: BackgroundOptions) => string;
-
-type SupportedCurrency = 'gbp' | 'eur' | 'usd';
-type SupportedFrequency = 'monthly' | 'annual';
-interface AnnualControllerProps {
-    body: string;
-    currency: string;
-    changeCurrencyEvent?: (value: string) => void;
-    frequency: string;
-    heading: string;
-    setCurrency?: Dispatch<SetStateAction<SupportedCurrency>>;
-    setFrequency?: Dispatch<SetStateAction<SupportedFrequency>>;
-    togglePayAnnuallyEvent?: () => void;
-    selections?: {
-        value: SupportedCurrency;
-        label: string;
-    }[];
-}
-declare const AnnualController: FunctionComponent<AnnualControllerProps>;
-
-interface AuthFormHeaderProps {
-    logo?: ReactElement | false | undefined;
-    headerText?: string;
-    subText?: ReactElement | string;
-}
-declare const AuthFormHeader: FunctionComponent<AuthFormHeaderProps>;
-
-interface AvatarProps extends AvatarProps$1 {
-    sizing?: 'xs' | 'sm' | 'lg';
-}
-declare const Avatar: FunctionComponent<AvatarProps>;
-
-interface AvatarGroupProps extends AvatarGroupProps$1 {
-    variation?: 'primary';
-    max?: number;
-    sx: SxProps<Theme>;
-}
-declare const AvatarGroup: FunctionComponent<AvatarGroupProps>;
-
-interface BadgeProps extends PropsWithChildren {
-}
-declare const Badge: FunctionComponent<BadgeProps>;
-
-interface ButtonBaseProps extends ButtonProps$1 {
-    loading?: boolean;
-    sizing: ButtonSizing;
-}
-declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBaseProps) => react_jsx_runtime.JSX.Element;
-
-interface ButtonProps extends Partial<ButtonBaseProps> {
-    variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
-    href?: string;
-    fullWidth?: boolean;
-    endIcon?: ReactElement;
-    startIcon?: ReactElement;
-}
-declare const Button: FunctionComponent<ButtonProps>;
-
-interface StyledCheckboxProps extends CheckboxProps$1 {
-    sizing?: 'default' | 'lg';
-}
-
-interface CheckboxProps {
-    sizing?: StyledCheckboxProps['sizing'];
-    checked?: boolean;
-    indeterminate?: StyledCheckboxProps['indeterminate'];
-    checkboxLabel?: string | ReactElement;
-    internalChange?: () => void;
-    onChange?: (event: React.SyntheticEvent<Element, Event>, checked: boolean) => void;
-    inputRef?: React.RefObject<HTMLInputElement>;
-    defaultChecked?: boolean;
-    disabled?: boolean;
-    id?: string;
-    required?: boolean;
-    value?: boolean;
-}
-declare const Checkbox: FunctionComponent<CheckboxProps>;
+declare const Checkbox: FunctionComponent<CheckboxProps>;
 
 interface CheckboxGroupOption {
     label: string;
@@ -1410,12 +1073,88 @@ interface HtmlProps {
 }
 declare const Html: FunctionComponent<HtmlProps>;
 
+interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
+    clamp?: number;
+    component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+    type?: 'default' | 'button';
+    variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    weight?: 'default' | 'bold';
+    sx?: SxProps<Theme>;
+}
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
+
 type HtmlParserProps = {
     children: string;
     typographyProps?: Partial<TypographyProps>;
 };
 declare const HtmlParser: FC<HtmlParserProps>;
 
+type IconButtonSizing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type IconButtonShapeMap = 'default' | 'round';
+type IconButtonVariation = 'default' | 'toggle' | 'outlined' | 'raised';
+
+declare const defaultStyle: (theme: Theme) => CSSObject;
+declare const toggle: (theme: Theme) => CSSObject;
+declare const outlined: (theme: Theme) => CSSObject;
+declare const raised: (theme: Theme) => CSSObject;
+declare const getIconButtonRadius: (shape: IconButtonShapeMap, theme: Theme) => CSSObject;
+declare const buttonSizeMap: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+declare const getIconButtonSizing: (sizing: IconButtonSizing) => CSSObject;
+declare const IconSizeMap: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+declare const getIconSizing: (sizing: IconButtonSizing) => CSSObject;
+
+declare const IconButton_variantHelpers_IconSizeMap: typeof IconSizeMap;
+declare const IconButton_variantHelpers_buttonSizeMap: typeof buttonSizeMap;
+declare const IconButton_variantHelpers_defaultStyle: typeof defaultStyle;
+declare const IconButton_variantHelpers_getIconButtonRadius: typeof getIconButtonRadius;
+declare const IconButton_variantHelpers_getIconButtonSizing: typeof getIconButtonSizing;
+declare const IconButton_variantHelpers_getIconSizing: typeof getIconSizing;
+declare const IconButton_variantHelpers_outlined: typeof outlined;
+declare const IconButton_variantHelpers_raised: typeof raised;
+declare const IconButton_variantHelpers_toggle: typeof toggle;
+declare namespace IconButton_variantHelpers {
+  export { IconButton_variantHelpers_IconSizeMap as IconSizeMap, IconButton_variantHelpers_buttonSizeMap as buttonSizeMap, IconButton_variantHelpers_defaultStyle as defaultStyle, IconButton_variantHelpers_getIconButtonRadius as getIconButtonRadius, IconButton_variantHelpers_getIconButtonSizing as getIconButtonSizing, IconButton_variantHelpers_getIconSizing as getIconSizing, IconButton_variantHelpers_outlined as outlined, IconButton_variantHelpers_raised as raised, IconButton_variantHelpers_toggle as toggle };
+}
+
+interface IconButtonBaseProps extends IconButtonProps$1 {
+    variation?: IconButtonVariation;
+    shape?: IconButtonShapeMap;
+    sizing?: IconButtonSizing;
+}
+declare const IconButtonBase: ({ children, ...rest }: IconButtonBaseProps) => react_jsx_runtime.JSX.Element;
+
+interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'title' | 'slotProps'> {
+    message: TooltipProps$1['title'];
+    variation?: 'primary';
+    slotProps?: TooltipProps$1['slotProps'] & {
+        wrapper?: BoxProps;
+    };
+}
+declare const Tooltip: FunctionComponent<TooltipProps>;
+
+interface IconButtonProps extends IconButtonBaseProps {
+    icon: ReactElement;
+    loading?: boolean;
+    tooltipMessage?: TooltipProps['message'];
+    slotProps?: {
+        tooltip?: Omit<TooltipProps, 'message'>;
+    };
+    emojiMode?: boolean;
+}
+declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 interface IconButtonGroupProps {
     ButtonGroupProps?: ButtonGroupProps;
     variation?: 'default' | 'toggle';
@@ -1476,44 +1215,144 @@ interface LikertProps {
     sizing?: 'default' | 'lg';
     internalChange?: () => void;
 }
-declare const Likert: FunctionComponent<LikertProps>;
+declare const Likert: FunctionComponent<LikertProps>;
+
+interface StyledLinkProps extends LinkProps$1 {
+    disabled?: boolean | undefined;
+}
+
+interface LinkProps {
+    children: React.ReactNode;
+    href?: string;
+    target?: string;
+    onClick?: StyledLinkProps['onClick'];
+    disabled?: boolean;
+    sx?: SxProps<Theme>;
+    underline?: 'none' | 'hover' | 'always' | undefined;
+    noWrap?: boolean;
+    component?: any;
+    rel?: any;
+    title?: string;
+}
+declare const Link: FunctionComponent<LinkProps>;
+
+interface LoaderProps {
+}
+declare const Loader: FunctionComponent<LoaderProps>;
+
+declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
+
+interface LoopsAiButtonProps {
+    disabled?: boolean;
+    onClick?: () => void;
+}
+declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
+
+type MarkdownProps = {
+    typographyProps?: Partial<TypographyProps>;
+    children?: string;
+};
+declare const Markdown: FC<MarkdownProps>;
+
+type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
+type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+interface SurfaceProps extends PaperProps {
+    variation?: SurfaceVariation;
+    borderradius?: BorderRadius;
+}
+declare const Surface: FC<SurfaceProps>;
+
+type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
+interface PopperProps {
+    popperProps?: Partial<PopperProps$1>;
+    clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
+        onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
+    }>;
+    transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
+    surfaceProps?: SurfaceProps;
+    bindOn?: BindOn[];
+    trigger: ReactElement;
+    children: ReactElement;
+    state?: PopupState;
+}
+declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
+
+interface MenuItemProps {
+    active?: boolean;
+    children?: MenuItemProps[];
+    baseState?: PopupState;
+    closeOnClick?: boolean;
+    danger?: boolean;
+    divider?: boolean;
+    heading?: boolean;
+    label?: string;
+    onClick?: () => void;
+    selected?: boolean;
+    selectOne?: boolean;
+    width?: number;
+}
 
-interface StyledLinkProps extends LinkProps$1 {
-    disabled?: boolean | undefined;
+interface MenuProps extends PropsWithChildren {
+    menuItems?: MenuItemProps[];
+    offset?: number[];
+    placement?: PopperProps$1['placement'];
+    state?: PopupState;
+    bindOn?: PopperProps['bindOn'];
+    trigger: ReactElement;
+    width?: number;
+    slotProps?: {
+        popper?: PopperProps['popperProps'];
+    };
 }
+declare const Menu: FunctionComponent<MenuProps>;
 
-interface LinkProps {
-    children: React.ReactNode;
-    href?: string;
-    target?: string;
-    onClick?: StyledLinkProps['onClick'];
-    disabled?: boolean;
-    sx?: SxProps<Theme>;
-    underline?: 'none' | 'hover' | 'always' | undefined;
-    noWrap?: boolean;
-    component?: any;
-    rel?: any;
-    title?: string;
+interface UserMenuProps extends PropsWithChildren {
+    avatar?: string;
+    email: string;
+    menuItems?: MenuItemProps[];
+    name: string;
+    offset?: number[];
+    placement?: PopperProps$1['placement'];
+    rounded?: boolean;
+    width?: number;
 }
-declare const Link: FunctionComponent<LinkProps>;
+declare const UserMenu: FunctionComponent<UserMenuProps>;
 
-interface LoaderProps {
+type NavigationSizing = 'sm' | 'lg';
+interface NavigationProps {
+    isMobile?: boolean;
+    logoLink?: () => void;
+    nudgeProps?: NudgeProps$1;
+    primaryMenuItemProps?: NavigationButtonProps[];
+    secondaryMenuItemProps?: NavigationButtonProps[];
+    sizing?: NavigationSizing;
+    tertiaryMenuItemProps?: NavigationButtonProps[];
+    toggleMenuOnClick?: () => void;
+    userMenuProps: UserMenuProps;
 }
-declare const Loader: FunctionComponent<LoaderProps>;
-
-declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
+interface NudgeProps$1 extends PropsWithChildren {
+    description: string;
+    notification: boolean;
+    title: string;
+}
+declare const Navigation: FunctionComponent<NavigationProps>;
 
-interface LoopsAiButtonProps {
-    disabled?: boolean;
+type NavigationButtonSizing = 'sm' | 'md' | 'lg';
+interface NavigationButtonProps {
+    active?: boolean;
+    danger?: boolean;
+    fullWidth?: boolean;
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    external?: boolean;
+    icon?: IconName;
+    label?: string;
+    navigationSizing?: NavigationSizing;
     onClick?: () => void;
+    sizing?: NavigationButtonSizing;
 }
-declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
-
-type MarkdownProps = {
-    typographyProps?: Partial<TypographyProps>;
-    children?: string;
-};
-declare const Markdown: FC<MarkdownProps>;
+declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
 
 interface NudgeProps extends PropsWithChildren {
     description: string;
@@ -1537,6 +1376,16 @@ type NumberFieldProps = InputFieldBaseProps & {
 };
 declare const NumberField: FunctionComponent<NumberFieldProps>;
 
+interface StyledChipProps extends ChipProps {
+    variation?: 'default' | 'peach' | 'peachDark' | 'purple';
+    weight?: 'heavy' | 'light';
+}
+
+interface PillProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
+    body: string;
+}
+declare const Pill: react.ForwardRefExoticComponent<Omit<PillProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;
 
 type ProgressSizing = Exclude<GenericSizeMap, 'none'>;
@@ -1805,6 +1654,172 @@ interface AccordionProps {
 }
 declare const Accordion: FunctionComponent<AccordionProps>;
 
+interface AssetItemProps {
+    thumbnail: string;
+    size?: 'sm' | 'lg';
+    cover?: boolean;
+    mediaType: 'image' | 'video';
+    loading?: boolean;
+    menuItems: MenuProps['menuItems'];
+    slotProps?: {
+        menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
+    };
+}
+declare const AssetItem: FunctionComponent<AssetItemProps>;
+
+interface AuthContainerSurfaceProps extends SurfaceProps {
+    headContent?: ReactNode;
+    sx?: SxProps<Theme>;
+    children: ReactNode;
+}
+declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
+
+interface HeaderProps {
+    backHref?: string;
+    breadcrumbLinks?: BreadcrumbLink[];
+    buttons?: ReactNode;
+    controlBar?: ReactNode;
+    title?: string;
+}
+declare const Header: FunctionComponent<HeaderProps>;
+
+interface LoopItemProps extends PropsWithChildren {
+    onClick: () => void;
+    id: string;
+    thumbnail: string;
+    title: string;
+    active?: boolean;
+    loading?: boolean;
+    testCount: number | null;
+    draftCount: number | null;
+}
+declare const LoopItem: FunctionComponent<LoopItemProps>;
+
+interface LoopItemEmptyProps extends PropsWithChildren {
+    onClick: () => void;
+}
+declare const LoopItemEmpty: react.ForwardRefExoticComponent<LoopItemEmptyProps & react.RefAttributes<HTMLDivElement>>;
+
+type OnboardingItem = {
+    complete: boolean;
+    title: string;
+    description?: string;
+    onClick?: () => void;
+};
+interface OnboardingCardProps {
+    cardTitle: string;
+    cardSubtitle: string;
+    welcomeImageUrl: string;
+    welcomeImageAltDescription?: string;
+    items: OnboardingItem[];
+}
+declare const OnboardingCard: FunctionComponent<OnboardingCardProps>;
+
+interface ProjectItemViewType {
+    viewType?: 'grid' | 'list';
+}
+interface UserProps {
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    country: string | null;
+    city: string | null;
+    profileImage: string | null;
+    jobTitle: string | null;
+    role: string | null;
+}
+interface ProjectItemDataProps {
+    id: string;
+    postId: string;
+    versionId: string;
+    thumbnail: string;
+    demoSurveyId: string;
+    title: string;
+    description: string | null;
+    demoProjectSummary?: string | null;
+    demoSurveySummary?: string | null;
+    name: string;
+    user: UserProps;
+    isAuthor: boolean;
+    isDemo: boolean;
+    loopCount: number | null;
+    testCount: number | null;
+    draftCount: number | null;
+    updatedAt?: string;
+    tags?: string[] | null;
+    onClick?: () => void;
+    loading?: boolean;
+    moreActions?: React.ReactNode;
+}
+interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
+}
+interface ProjectItemEmptyProps {
+    onClick?: () => void;
+    viewType?: 'grid' | 'list';
+    title: string;
+}
+
+declare const ProjectItem: FunctionComponent<ProjectItemProps>;
+
+declare const ProjectItemEmpty: FunctionComponent<ProjectItemEmptyProps>;
+
+interface ProjectsProps {
+}
+declare const Projects: FunctionComponent<ProjectsProps>;
+
+interface SectionHeaderProps {
+    buttons?: ReactNode;
+    loading?: boolean;
+    subtitle?: string;
+    title?: string;
+}
+declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
+
+interface StyledTestStatusProps extends ChipProps$1 {
+    colorScheme: 'green' | 'yellow' | 'blue';
+}
+interface TestStatusProps extends Partial<StyledTestStatusProps> {
+    status: 'results-ready' | 'in-progress' | 'draft';
+}
+
+interface TestItemProps extends SurfaceProps {
+    status: TestStatusProps['status'];
+    menuItems?: MenuProps['menuItems'];
+    title: string;
+    tags?: string[];
+    stats?: {
+        progress?: {
+            percentage: number;
+            completed: number;
+            total: number;
+            incomplete: number;
+            incompletePercentage: number;
+            averageDuration: string;
+            estimatedTimeToComplete: string;
+        };
+        count?: {
+            answers: number;
+            comments: number;
+        };
+    };
+    user: {
+        name: string;
+        avatarUrl?: string;
+        activityDescription: string;
+    };
+    slotProps?: {
+        title?: Partial<Omit<TypographyProps, 'children'>>;
+        status?: Partial<Omit<TestStatusProps, 'status'>>;
+        menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
+        pill?: Partial<Omit<PillProps, 'body'>>;
+        tagsExpand?: Partial<Omit<PillProps, 'body'>>;
+        tagsCollapse?: Partial<IconButtonProps>;
+    };
+    loading?: boolean;
+}
+declare const TestItem: react__default.FC<TestItemProps>;
+
 interface PlanHeading {
     heading: string;
     pricing: string;
@@ -2139,4 +2154,4 @@ declare module '@mui/system' {
     }
 }
 
-export { Accordion, type AccordionProps, AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TestItem, type TestItemProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
+export { Accordion, type AccordionProps, AnnualController, type AnnualControllerProps, AssetItem, type AssetItemProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TestItem, type TestItemProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };