@useloops/design-system 1.4.527 → 1.4.529

package/dist/index.d.ts

@@ -1,553 +1,152 @@
-import * as react from 'react';
-import react__default, { FunctionComponent, PropsWithChildren, ReactElement, Dispatch, SetStateAction, ReactNode, ChangeEvent, FC, MouseEventHandler, ComponentProps } from 'react';
-import * as _mui_material from '@mui/material';
-import { SxProps, Theme, BoxProps, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, LinkProps as LinkProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, TypographyProps as TypographyProps$1, FormControlLabelProps as FormControlLabelProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, PaperProps, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, CircularProgressProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, SvgIconProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, StackProps, ListItemButtonProps, Breakpoint as Breakpoint$1, PaletteMode, Direction } from '@mui/material';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PopupState } from 'material-ui-popup-state/hooks';
-import { Theme as Theme$1, SxProps as SxProps$1 } from '@mui/material/styles';
-import { MotionProps } from 'framer-motion';
-import { SemanticColor as SemanticColor$1 } from 'systems/BrandCore';
-import { IconName as IconName$1 } from 'systems/BrandCore/Icon';
-import { KpiIndicatorProps as KpiIndicatorProps$1 } from 'systems/Platform/KpiIndicator';
-import { SurfaceProps as SurfaceProps$1, EmojiWrapperProps as EmojiWrapperProps$1, TypographyProps as TypographyProps$2, IconButtonProps as IconButtonProps$2, TooltipProps as TooltipProps$3, CheckboxProps as CheckboxProps$2 } from 'systems/WebCore';
-import { BoxProps as BoxProps$1 } from '@mui/material/Box';
-import { IconProps as IconProps$1 } from 'systems/BrandCore/Icon/Icon';
-import { TooltipProps as TooltipProps$2 } from 'systems/WebCore/Tooltip';
-import { KpiIndicatorColor as KpiIndicatorColor$1 } from 'systems/Platform/KpiIndicator/utils';
-import * as _mui_system from '@mui/system';
-import { Breakpoint } from '@mui/system';
-import { ChipProps } from '@mui/material/Chip';
-import { SubmitHandler } from 'react-hook-form';
-import * as _emotion_styled from '@emotion/styled';
-import { UniqueIdentifier } from '@dnd-kit/core';
-import { Mark } from '@mui/material/Slider/useSlider.types';
-import { LazyLoadImageProps } from 'react-lazy-load-image-component';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-
-interface ColorRange$1 {
-    0: string;
-    50?: string;
-    100: string;
-    200: string;
-    300: string;
-    400: string;
-    500: string;
-    600: string;
-    700: string;
-    800: string;
-    900: string;
-    950?: string;
-    1000: string;
-    1100?: string;
-}
-interface ColorRangeAlpha$1 {
-    0: string;
-    0.01: string;
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-}
-declare enum FontWeight {
-    DEFAULT = 400,
-    BOLD = 500
-}
-interface SemanticColor {
-    light: {
-        surface: {
-            sunken: string | undefined;
-            default: string | undefined;
-            raised: string | undefined;
-            float: string | undefined;
-            overlay: string | undefined;
-            scrim: string | undefined;
-            transparent: string | undefined;
-        };
-        interaction: {
-            none: string | undefined;
-            hover: string | undefined;
-            press: string | undefined;
-            hoverOnDark: string | undefined;
-            pressOnDark: string | undefined;
-            disabled: string | undefined;
-            disabledMuted: string | undefined;
-        };
-        stroke: {
-            default: string | undefined;
-            light: string | undefined;
-            focus: string | undefined;
-            disabled: string | undefined;
-        };
-        text: {
-            primary: string | undefined;
-            secondary: string | undefined;
-            placeholder: string | undefined;
-            disabled: string | undefined;
-            link: string | undefined;
-            linkHover: string | undefined;
-            primaryInverted: string | undefined;
-            secondaryInverted: string | undefined;
-            placeholderInverted: string | undefined;
-            disabledInverted: string | undefined;
-            positive: string | undefined;
-            negative: string | undefined;
-            lockedWhite: string | undefined;
-        };
-        icon: {
-            primary: string | undefined;
-            secondary: string | undefined;
-            disabled: string | undefined;
-            primaryInverted: string | undefined;
-            secondaryInverted: string | undefined;
-            disabledInverted: string | undefined;
-            positive: string | undefined;
-            negative: string | undefined;
-            lockedWhite: string | undefined;
-            link: string | undefined;
-            linkHover: string | undefined;
-        };
-        input: {
-            default: string | undefined;
-            disabled: string | undefined;
-        };
-        skeleton: {
-            default: string | undefined;
-        };
-        data: {
-            sentimentVeryPositive: string | undefined;
-            sentimentPositive: string | undefined;
-            sentimentNegative: string | undefined;
-            sentimentVeryNegative: string | undefined;
-            sentimentNeutral: string | undefined;
-        };
-    };
-    dark: {
-        surface: {
-            sunken: string | undefined;
-            default: string | undefined;
-            raised: string | undefined;
-            float: string | undefined;
-            overlay: string | undefined;
-            scrim: string | undefined;
-            transparent: string | undefined;
-        };
-        interaction: {
-            none: string | undefined;
-            hover: string | undefined;
-            press: string | undefined;
-            hoverOnDark: string | undefined;
-            pressOnDark: string | undefined;
-            disabled: string | undefined;
-            disabledMuted: string | undefined;
-        };
-        stroke: {
-            default: string | undefined;
-            light: string | undefined;
-            focus: string | undefined;
-            disabled: string | undefined;
-        };
-        text: {
-            primary: string | undefined;
-            secondary: string | undefined;
-            placeholder: string | undefined;
-            disabled: string | undefined;
-            link: string | undefined;
-            linkHover: string | undefined;
-            primaryInverted: string | undefined;
-            secondaryInverted: string | undefined;
-            placeholderInverted: string | undefined;
-            disabledInverted: string | undefined;
-            positive: string | undefined;
-            negative: string | undefined;
-            lockedWhite: string | undefined;
-        };
-        icon: {
-            primary: string | undefined;
-            secondary: string | undefined;
-            disabled: string | undefined;
-            primaryInverted: string | undefined;
-            secondaryInverted: string | undefined;
-            disabledInverted: string | undefined;
-            positive: string | undefined;
-            negative: string | undefined;
-            lockedWhite: string | undefined;
-            link: string | undefined;
-            linkHover: string | undefined;
-        };
-        input: {
-            default: string | undefined;
-            disabled: string | undefined;
-        };
-        skeleton: {
-            default: string | undefined;
-        };
-        data: {
-            sentimentVeryPositive: string | undefined;
-            sentimentPositive: string | undefined;
-            sentimentNegative: string | undefined;
-            sentimentVeryNegative: string | undefined;
-            sentimentNeutral: string | undefined;
-        };
-    };
-}
-
-declare const neutralRamp: {
-    light: {
-        0: string;
-        50: string | undefined;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string | undefined;
-        1000: string;
-        1100: string | undefined;
-    };
-    dark: {
-        0: string;
-        50: string | undefined;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        950: string | undefined;
-        1000: string;
-        1100: string | undefined;
-    };
-};
-declare const generateRamp: (color: ColorRange$1) => {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-declare const purpleRamp: {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-declare const redRamp: {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-declare const peachRamp: {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-declare const yellowRamp: {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-declare const blueRamp: {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-declare const greenRamp: {
-    light: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-    dark: {
-        0: string;
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-        1000: string;
-    };
-};
-
-declare const neutral: ColorRange$1;
-declare const darkNeutral: ColorRange$1;
-declare const neutralAlpha: ColorRangeAlpha$1;
-declare const darkNeutralAlpha: ColorRangeAlpha$1;
-declare const purple: ColorRange$1;
-declare const red: ColorRange$1;
-declare const peach: ColorRange$1;
-declare const yellow: ColorRange$1;
-declare const blue: ColorRange$1;
-declare const green: ColorRange$1;
-
-type GenericSizeMap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
-declare const breakpoints: {
-    sm: number;
-    md: number;
-    lg: number;
-    lgNav: number;
-    xl: number;
-    xxl: number;
-};
-declare const space: {
-    0: number;
-    25: number;
-    50: number;
-    100: number;
-    150: number;
-    200: number;
-    300: number;
-    350: number;
-    400: number;
-    500: number;
-    600: number;
-    800: number;
-    1000: number;
-    2000: number;
-};
-declare const base: number;
-declare const margin: {
-    none: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-    xxxl: number;
-};
-declare const padding: {
-    none: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-};
-declare const radius: {
-    none: number;
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    round: number;
-};
-declare const elevation: {
-    raised: string;
-    float: string;
-    overlay: string;
-};
-declare const elevationFilter: {
-    raised: string;
-    float: string;
-    overlay: string;
-};
-declare const boxShadow: {
-    input: {
-        focus: string;
-    };
-};
-declare const easing: {
-    default: string;
-    input: string;
-};
-
-declare const semantic: SemanticColor;
-
-declare const fonts: {
-    Domaine: {
-        name: string;
-        default: {
-            fileName: string;
-            weight: FontWeight;
-        };
-        bold: {
-            fileName: string;
-            weight: FontWeight;
-        };
-    };
-    FoundersGrotesk: {
-        name: string;
-        default: {
-            fileName: string;
-            weight: FontWeight;
-        };
-        bold: {
-            fileName: string;
-            weight: FontWeight;
-        };
-    };
-    FontStack: {
-        Serif: string;
-        SansSerif: string;
-    };
-};
-
-declare const iconSizeMap: Record<string, number>;
-interface IconProps {
-    color?: string;
-    name: IconName;
-    size?: number;
-    sx?: SxProps<Theme>;
-}
-declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
-
-type IconName = 'payment-card-visa' | 'payment-card-mastercard' | 'payment-card-amex' | 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'sort' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'expand-window' | 'reduce-window' | 'redo' | 'hand' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'save' | 'image' | 'image-add' | 'image-search' | 'image-no' | 'upload' | 'upload-cloud' | 'upload-cloud-filled' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'grid-view-small' | 'grid-view-large' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'play' | 'pause' | 'stop' | 'shuffle' | 'replay' | 'volume-mute' | 'volume-high' | 'volume-low' | 'test' | 'test-pending' | 'test-edit' | 'data-bar' | 'label' | 'send' | 'comment' | 'comment-filled' | 'chat' | 'microphone' | 'keyboard' | 'translate' | 'error' | 'warning' | 'lightbulb' | 'thumb-up' | 'thumb-down' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'drag-select' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'check-circle' | 'check-circle-filled' | 'alert-dot' | 'pin' | 'pin-filled' | 'link' | 'user-search' | 'crosshair' | 'fingerprint' | 'star' | 'star-half' | 'star-filled' | 'thumbs-up-down' | 'emoticon' | 'linear-scale' | 'check-double' | 'rank' | 'sentiment-double-down' | 'sentiment-down' | 'sentiment-flat' | 'sentiment-up' | 'sentiment-double-up' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle' | 'number-0' | 'number-1' | 'number-2' | 'number-3' | 'number-4' | 'number-5' | 'number-6' | 'number-7' | 'number-8' | 'number-9' | 'number-10' | 'number-11' | 'number-12' | 'number-13' | 'number-14' | 'number-15' | 'number-16' | 'number-17' | 'number-18' | 'number-19' | 'number-20' | 'number-21' | 'number-22' | 'number-23' | 'number-24' | 'number-25' | 'number-26' | 'number-27' | 'number-28' | 'number-29' | 'number-30' | 'number-31' | 'number-32' | 'number-33' | 'number-34' | 'number-35' | 'number-36' | 'number-37' | 'number-38' | 'number-39' | 'number-40' | 'number-41' | 'number-42' | 'number-43' | 'number-44' | 'number-45' | 'number-46' | 'number-47' | 'number-48' | 'number-49' | 'number-50';
+import { ColorRange as ColorRange$1, ColorRangeAlpha as ColorRangeAlpha$1 } from './BrandCore.js';
+export { FontWeight, SemanticColor, blue, blueRamp, darkNeutral, darkNeutralAlpha, fonts, generateRamp, green, greenRamp, neutral, neutralAlpha, neutralRamp, peach, peachRamp, purple, purpleRamp, red, redRamp, semantic, yellow, yellowRamp } from './BrandCore.js';
+export { G as GenericSizeMap, a as base, d as boxShadow, b as breakpoints, f as easing, e as elevation, c as elevationFilter, m as margin, p as padding, r as radius, s as space } from './primitiveVariables-BbfFaPHq.js';
+export { b as Icon, I as IconName, i as iconSizeMap } from './index-CyNNYJKA.js';
+export { default as PlanFeatureTable, PlanFeatureTableData, PlanFeatureTableProps } from './Marketing/PlanFeatureTable.js';
+export { default as PlanTierCard, PlanTierCardProps, Section } from './Marketing/PlanTierCard.js';
+export { default as TickGroup, TickGroupProps } from './Marketing/TickGroup.js';
+export { default as AiContentContainer, AiContentContainerProps } from './Platform/AiContentContainer.js';
+export { default as AIInsight, AIInsightProps } from './Platform/AIInsight.js';
+export { default as AISummary, AISummaryProps } from './Platform/AISummary.js';
+export { default as AIWrittenByLockUp, AiWrittenByLockUpProps } from './Platform/AIWrittenByLockUp.js';
+export { default as AssetItem, AssetItemProps } from './Platform/AssetItem.js';
+export { default as AuthContainerSurface } from './Platform/AuthContainerSurface.js';
+export { default as ClipboardCopyingOverlay, ClipboardCopyingOverlayProps } from './Platform/ClipboardCopyingOverlay.js';
+export { default as CommentCard, CommentCardProps } from './Platform/CommentCard.js';
+export { default as DataPointInfo, DataPointInfoProps } from './Platform/DataPointInfo.js';
+export { default as DemographicSelectionSection, DemographicSelectionSectionProps } from './Platform/DemographicSelectionSection.js';
+export { default as EmojiListItem, EmojiListItemProps } from './Platform/EmojiListItem.js';
+export { default as EmojiQuestionEditorOption, EmojiQuestionEditorOptionProps } from './Platform/EmojiQuestionEditorOption.js';
+export { default as EmptyStateCard, EmptyStateCardProps } from './Platform/EmptyStateCard.js';
+export { default as ExtendedTestStatus, ExtendedTestStatusProps } from './Platform/ExtendedTestStatus.js';
+export { default as FilterCount, FilterCountProps } from './Platform/FilterCount.js';
+export { default as FilteredItemsCard, FilteredItemsCardProps } from './Platform/FilteredItemsCard.js';
+export { default as FilterGroupAccordion, FilterGroupAccordionProps } from './Platform/FilterGroupAccordion.js';
+export { default as FilterPyramidGraph, FilterPyramidGraphBarProps } from './Platform/FilterPyramidGraph.js';
+export { default as FilterRow, FilterRowProps } from './Platform/FilterRow.js';
+export { default as GraphBar, GraphBarProps } from './Platform/GraphBar.js';
+export { default as Header, HeaderProps } from './Platform/Header.js';
+export { default as KpiDataPopover, KpiDataPopoverProps, QuestionStats } from './Platform/KpiDataPopover.js';
+export { default as KpiIndicator, KpiIndicatorProps } from './Platform/KpiIndicator.js';
+export { T as TestKPICard, a as TestKPICardProps, g as getKpiIndicatorColor, m as mapKpiColorSchemeByInteger } from './utils-DUtcWWFu.js';
+export { default as LoopItem, LoopItemProps } from './Platform/LoopItem.js';
+export { default as LoopItemEmpty, LoopItemEmptyProps } from './Platform/LoopItemEmpty.js';
+export { N as Navigation, c as NavigationButton, d as NavigationButtonProps, a as NavigationProps, b as NavigationSizing } from './index-Ctn-1GfZ.js';
+export { default as OnboardingCard, OnboardingCardProps, OnboardingItem } from './Platform/OnboardingCard.js';
+export { default as PaginationControl, PaginationControlProps } from './Platform/PaginationControl.js';
+export { P as ProjectItem, a as ProjectItemEmpty, b as ProjectItemEmptyProps, c as ProjectItemProps } from './ProjectItemEmpty-CF0eY2lC.js';
+export { default as QuestionBlock, QuestionBlockProps } from './Platform/QuestionBlock.js';
+export { Q as QuestionLabel, a as QuestionLabelProps } from './index-DmcTdmT8.js';
+export { default as QuestionSelector, QuestionSelectorProps } from './Platform/QuestionSelector.js';
+export { default as SearchInput, SearchInputProps } from './Platform/SearchInput.js';
+export { default as SectionHeader, SectionHeaderProps } from './Platform/SectionHeader.js';
+export { default as SentimentArrow, SentimentArrowProps } from './Platform/SentimentArrow.js';
+export { S as SliderGraph, a as SliderGraphProps } from './SliderGraph-CoAU3jrL.js';
+export { default as Tab, TabProps } from './Platform/Tab.js';
+export { default as TestItem, TestItemProps } from './Platform/TestItem.js';
+export { M as MarkerComponentProps, _ as VideoControls, V as VideoControlsProps } from './index-O39ecFHD.js';
+export { DEFAULT_MAX_INPUT_LENGTH, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation } from './WebCore.js';
+export { default as ButtonBase, ButtonBaseProps, ButtonSizing, buttonHeightMap, buttonInteraction, getButtonSizing, getButtonTypography, getIconSizing, outlined, primary, secondary, subtle } from './WebCore/ButtonBase.js';
+export { default as AnnualController, AnnualControllerProps } from './WebCore/AnnualController.js';
+export { default as Accordion, AccordionProps } from './WebCore/Accordion.js';
+export { default as AuthFormHeader, AuthFormHeaderProps } from './WebCore/AuthFormHeader.js';
+export { default as Avatar, AvatarProps } from './WebCore/Avatar.js';
+export { default as AvatarGroup, AvatarGroupProps } from './WebCore/AvatarGroup.js';
+export { default as Badge, BadgeProps } from './WebCore/Badge.js';
+export { default as BrandBadge, BrandBadgeProps } from './WebCore/BrandBadge.js';
+export { B as Breadcrumb, a as BreadcrumbProps } from './index-CE_2flEF.js';
+export { default as BulletGraphic, BulletGraphicProps } from './WebCore/BulletGraphic.js';
+export { default as Button, ButtonProps } from './WebCore/Button.js';
+export { default as Checkbox, CheckboxProps } from './WebCore/Checkbox.js';
+export { default as CheckboxGroup, CheckboxGroupProps } from './WebCore/CheckboxGroup.js';
+export { default as ColorBackgroundContainer, ColorBackgroundContainerProps } from './WebCore/ColorBackgroundContainer.js';
+export { default as CreatableAutocomplete, CreatableAutocompleteOption, CreatableAutocompleteProps } from './WebCore/CreatableAutocomplete.js';
+export { default as CustomField, CustomFieldProps } from './WebCore/CustomField.js';
+export { default as Differential, DifferentialProps } from './WebCore/Differential.js';
+export { default as DropdownMenu, useDropdownMenu } from './WebCore/DropdownMenu.js';
+export { default as EmojiWrapper, EmojiWrapperProps } from './WebCore/EmojiWrapper.js';
+export { default as ExpandableTypographyClamp, ExpandableTypographyClampProps } from './WebCore/ExpandableTypographyClamp.js';
+export { default as Flag, FlagProps } from './WebCore/Flag.js';
+export { default as FormControlLabel } from './WebCore/FormControlLabel.js';
+export { FieldType, FieldTypes, default as FormGenerator, FormGeneratorConfig, FormGeneratorHandler } from './WebCore/FormGenerator.js';
+export { default as GridOverlay, GridOverlayProps } from './WebCore/GridOverlay.js';
+export { default as Html, HtmlProps } from './WebCore/Html.js';
+export { default as HtmlParser, HtmlParserProps } from './WebCore/HtmlParser.js';
+export { I as IconButton, a as IconButtonProps } from './IconButton-CgrekP6F.js';
+export { I as iconButtonHelpers } from './index-epVeXM4c.js';
+export { a as IconButtonBase, I as IconButtonBaseProps } from './IconButtonBase-B6RP_D01.js';
+export { default as IconButtonGroup, IconButtonGroupProps } from './WebCore/IconButtonGroup.js';
+export { default as Image, ImageProps } from './WebCore/Image.js';
+export { default as InputFieldBase, InputFieldBaseProps } from './WebCore/InputFieldBase.js';
+export { default as InputLabel, InputLabelProps } from './WebCore/InputLabel.js';
+export { default as InputLabelHelp, InputLabelHelpProps } from './WebCore/InputLabelHelp.js';
+export { default as Label, LabelProps } from './WebCore/Label.js';
+export { default as Likert, LikertProps } from './WebCore/Likert.js';
+export { default as Link, LinkProps } from './WebCore/Link.js';
+export { default as Loader, LoaderProps } from './WebCore/Loader.js';
+export { default as Logo } from './WebCore/Logo.js';
+export { default as LoopsAiButton, LoopsAiButtonProps } from './WebCore/LoopsAiButton.js';
+export { default as Markdown, MarkdownProps } from './WebCore/Markdown.js';
+export { default as Menu, MenuProps } from './WebCore/Menu.js';
+export { M as MenuItemProps } from './MenuItem-DOijzWN3.js';
+export { ModalActionsWrapper, ModalContentWrapper, default as ModalLayout, ModalLayoutProps } from './WebCore/ModalLayout.js';
+export { N as Nudge, a as NudgeProps } from './Nudge-DzxctJYj.js';
+export { default as NumberField } from './WebCore/NumberField.js';
+export { N as NumberFieldProps } from './types-DV2de5BB.js';
+export { default as Pill, PillProps } from './WebCore/Pill.js';
+export { default as Popper, PopperProps } from './WebCore/Popper.js';
+export { default as PoweredByWatermarkLogo } from './WebCore/PoweredByWatermarkLogo.js';
+export { default as Progress, ProgressProps } from './WebCore/Progress.js';
+export { default as ProgressBar, ProgressBarProps } from './WebCore/ProgressBar.js';
+export { default as Radio, RadioProps } from './WebCore/Radio.js';
+export { default as RadioGroup, RadioGroupProps } from './WebCore/RadioGroup.js';
+export { default as Rank, RankProps } from './WebCore/Rank.js';
+export { default as RichTextField, RichTextFieldProps } from './WebCore/RichTextField.js';
+export { S as Select, a as SelectProps } from './Select-BwTogXOZ.js';
+export { G as GroupSelectOption, S as SelectOption } from './StyledSelect.variant-helpers-BZGzS3MF.js';
+export { default as Skeleton, SkeletonProps } from './WebCore/Skeleton.js';
+export { default as Slider, SliderProps } from './WebCore/Slider.js';
+export { default as SortableList, SortableListProps } from './WebCore/SortableList.js';
+export { default as StarRating, StarRatingProps } from './WebCore/StarRating.js';
+export { default as Surface, SurfaceProps } from './WebCore/Surface.js';
+export { default as Switch, SwitchProps } from './WebCore/Switch.js';
+export { default as Textarea, TextareaProps } from './WebCore/Textarea.js';
+export { default as TextBarDivider, TextBarDividerProps } from './WebCore/TextBarDivider.js';
+export { default as TextField, TextFieldProps } from './WebCore/TextField.js';
+export { default as Toast, ToastProps } from './WebCore/Toast.js';
+export { default as Tooltip, TooltipProps } from './WebCore/Tooltip.js';
+export { default as TrialCard, TrialCardProps } from './WebCore/TrialCard.js';
+export { default as Typography, TypographyProps } from './WebCore/Typography.js';
+export { default as UserMenu, UserMenuProps } from './WebCore/UserMenu.js';
+export { default as VideoModal, VideoModalProps } from './WebCore/VideoModal.js';
+export { BreakpointOrNull, compareArrayMembers, isButton, useBreakpoint, useKeyCombo, usePrevious, useScreenSize } from './utils.js';
+export { ThemeContext, ThemeCtx, ThemeProvider, customTheme, useTheme, useThemeBuilder } from './theme.js';
+import 'react/jsx-runtime';
+import '@mui/material';
+import 'react';
+import '@mui/material/styles';
+import 'framer-motion';
+import 'systems/BrandCore';
+import 'systems/BrandCore/Icon';
+import 'systems/Platform/KpiIndicator';
+import 'systems/WebCore';
+import './types-BcpWYszB.js';
+import '@mui/material/Box';
+import 'systems/BrandCore/Icon/Icon';
+import 'systems/WebCore/Tooltip';
+import 'systems/Platform/KpiIndicator/utils';
+import 'material-ui-popup-state/hooks';
+import '@mui/system';
+import 'react-hook-form';
+import 'react-hook-form/dist/types/form';
+import 'react-lazy-load-image-component';
+import '@emotion/styled';
+import './InputLabelBase.variants-helpers-B7h8EWO3.js';
+import '@mui/material/Chip';
+import '@mui/material/OverridableComponent';
+import './WebCore/RankItem.js';
+import '@mui/material/Slider/useSlider.types';
+import '@dnd-kit/core';
 
 interface CustomTheme {
     palette: {
@@ -658,6 +257,7 @@ interface CustomTheme {
         raised: string;
         float: string;
         overlay: string;
+        aiSummary: string;
     };
     elevationFilter: {
         raised: string;
@@ -705,2013 +305,6 @@ interface CustomTheme {
     };
 }
 
-interface PlanHeading {
-    heading: string;
-    pricing: string;
-}
-interface PlanRow {
-    heading: string;
-    description: string;
-    tier1: string;
-    tier2: string;
-    tier3: string;
-    tier4: string;
-}
-interface PlanFeatureTableData {
-    headings: {
-        '01-tier1': PlanHeading;
-        '02-tier2': PlanHeading;
-        '03-tier3': PlanHeading;
-        '04-tier4': PlanHeading;
-    };
-    rows: {
-        '01-servicing': PlanRow;
-        '02-respondents': PlanRow;
-        '03-questions': PlanRow;
-        '04-ai': PlanRow;
-        '05-demographics': PlanRow;
-        '06-training': PlanRow;
-        '07-invite': PlanRow;
-        '08-email': PlanRow;
-        '09-beta': PlanRow;
-        '10-sso': PlanRow;
-        '11-minimum': PlanRow;
-    };
-}
-
-interface PlanFeatureTableProps {
-    currencySymbol: string;
-    data?: PlanFeatureTableData;
-    loading?: boolean;
-    tier1MinimumTerm: string;
-    tier1Price: number | string;
-    tier1QuestionLimit: number | string;
-    tier1RespondentPrice: number | string;
-    tier2MinimumTerm: string;
-    tier2Price: number | string;
-    tier2QuestionLimit: number | string;
-    tier2RespondentPrice: number | string;
-    tier3MinimumTerm: string;
-    tier3Price: number | string;
-    tier3QuestionLimit: number | string;
-    tier3RespondentPrice: number | string;
-    tier4MinimumTerm: string;
-    tier4Price: number | string;
-    tier4QuestionLimit: number | string;
-    tier4RespondentPrice: number | string;
-    variation?: 'default' | 'platform';
-}
-declare const PlanFeatureTable: FunctionComponent<PlanFeatureTableProps>;
-
-type Section = 'headerHeight' | 'bodyHeight' | 'respondentCardHeight' | 'bottomHeight';
-interface PlanTierCardProps {
-    amount: string;
-    billingType?: string;
-    body: string;
-    ctaEvent?: (heading: string) => void;
-    ctaLink?: string;
-    ctaTarget?: string;
-    ctaText: string;
-    ctaVariation?: 'primary' | 'secondary' | 'outlined';
-    currencySymbol: string;
-    currentPlan?: boolean;
-    features?: string[];
-    heading: string;
-    label?: string;
-    loading?: boolean;
-    perMonth: string;
-    respondentsTitle?: string;
-    respondentsFeatures?: string[];
-    saving?: string;
-    sectionHeights: Record<Section, number>;
-    updateSectionHeight?: (section: Section, height: number) => void;
-}
-declare const PlanTierCard: FunctionComponent<PlanTierCardProps>;
-
-interface TickGroupProps {
-    heading: string;
-    ticks: string[];
-}
-declare const TickGroup: FunctionComponent<TickGroupProps>;
-
-interface AiWrittenByLockUpProps {
-    sx?: SxProps<Theme>;
-    onUpvote?: () => void;
-    onDownvote?: () => void;
-    onCopy?: () => void;
-    aiButtonText?: string;
-    onClickAIButton?: () => void;
-}
-declare const AiWrittenByLockUp: FunctionComponent<AiWrittenByLockUpProps>;
-
-interface AiContentContainerProps extends PropsWithChildren {
-    sx?: SxProps<Theme>;
-    withLockUp?: boolean;
-    aiButtonText?: string;
-    onUpvote?: () => void;
-    onDownvote?: () => void;
-    onCopy?: () => void;
-    onClickAIButton?: () => void;
-    ref?: React.Ref<HTMLDivElement>;
-    slotProps?: {
-        childrenContainer?: BoxProps;
-        aiWrittenByLockUp?: AiWrittenByLockUpProps;
-    };
-}
-declare const AiContentContainer: react.ForwardRefExoticComponent<Omit<AiContentContainerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-interface AIInsightProps {
-    themeDescription: string;
-    comments: ReactElement[];
-    slotProps?: {
-        aiContentContainer: AiContentContainerProps;
-    };
-    suggestions?: string[];
-    activeCommentIndex?: number;
-    onActiveCommentIndexChange?: (index: number) => void;
-}
-declare const AIInsight: FunctionComponent<AIInsightProps>;
-
-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, destructive?: boolean) => {
-    backgroundColor: string;
-    color: string;
-    fontWeight: number;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-};
-declare const outlined$1: (theme: Theme, destructive?: boolean) => {
-    backgroundColor: string;
-    color: 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, destructive?: boolean) => {
-    backgroundColor: any;
-    color: string;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:hover': {
-        backgroundColor: any;
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-    };
-    '&:active': {
-        backgroundColor: any;
-    };
-};
-declare const primary: (theme: Theme, destructive?: boolean) => {
-    backgroundColor: any;
-    color: string;
-    '&:focus:before': {
-        boxShadow: string;
-    };
-    '&:hover': {
-        backgroundColor: any;
-        color: string;
-        '&::before': {
-            backgroundColor: string;
-        };
-    };
-    '&:focus-visible': {
-        boxShadow: string;
-        '&::before': {
-            backgroundColor: string;
-        };
-    };
-    '&:active': {
-        backgroundColor: any;
-        color: string;
-        '&::before': {
-            backgroundColor: string;
-        };
-    };
-};
-declare const buttonInteraction: (theme: Theme, active?: boolean) => {
-    backgroundColor: string;
-    color: 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 buttonHeightMap: {
-    xs: number;
-    sm: number;
-    md: number;
-    lg: number;
-    xl: number;
-    xxl: number;
-    xxxl: number;
-};
-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' | 'tone3_lowOpacity' | 'tone4';
-}
-declare const backgroundCreator: (theme: Theme, options: BackgroundOptions) => string;
-
-type SupportedCurrency = 'gbp' | 'eur' | 'usd';
-type SupportedFrequency = 'monthly' | 'annually';
-interface AnnualControllerProps {
-    body: string;
-    currency: string;
-    hideCurrency?: boolean;
-    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 AccordionProps {
-    heading?: string;
-    items?: {
-        heading: string;
-        body: ReactNode;
-    }[];
-}
-declare const Accordion: FunctionComponent<AccordionProps>;
-
-interface AuthFormHeaderProps {
-    logo?: ReactElement | false | undefined;
-    headerText?: string;
-    subText?: ReactElement | string;
-}
-declare const AuthFormHeader: FunctionComponent<AuthFormHeaderProps>;
-
-interface AvatarProps extends AvatarProps$1 {
-    sizing?: 'xxs' | '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 BrandBadgeProps {
-    color?: 'purple' | 'peach' | 'red' | 'default';
-    name: 'emotion-meh' | 'emotion-good' | 'emotion-great' | 'understanding-unknown' | 'understanding-low' | 'understanding-good' | 'understanding-great' | 'property-secure' | 'property-private';
-    size?: number;
-    sx?: SxProps;
-}
-declare const BrandBadge: FunctionComponent<BrandBadgeProps>;
-
-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>;
-
-type BreadcrumbLink = {
-    label: string;
-} & ({
-    href?: LinkProps['href'];
-    onClick?: never;
-} | {
-    href?: never;
-    onClick?: LinkProps['onClick'];
-});
-interface BreadcrumbProps {
-    links?: BreadcrumbLink[];
-}
-declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
-
-interface BulletGraphicProps {
-    name: 'placeholder' | 'variant-test' | 'worldwide' | 'celebrate-collaborate' | 'ai' | 'many-media' | 'qual-and-quant' | 'alert' | 'comment';
-    size?: number;
-    sx?: SxProps;
-}
-declare const BulletGraphic: FunctionComponent<BulletGraphicProps>;
-
-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';
-    destructive?: boolean;
-    href?: string;
-    fullWidth?: boolean;
-    endIcon?: ReactElement;
-    startIcon?: ReactElement;
-}
-declare const Button: FunctionComponent<ButtonProps>;
-
-interface StyledCheckboxProps extends CheckboxProps$1 {
-    sizing?: 'default' | 'lg';
-    variant?: 'default' | 'secondary';
-}
-
-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;
-    variant?: StyledCheckboxProps['variant'];
-    sx?: SxProps<Theme>;
-}
-declare const Checkbox: FunctionComponent<CheckboxProps>;
-
-interface CheckboxGroupOption {
-    label: string;
-    value: string;
-    exclusive?: boolean;
-}
-interface CheckboxGroupOther {
-    label?: string;
-    enabled?: boolean;
-    placeholder?: string;
-    name?: string;
-    defaultValue?: string;
-}
-interface CheckboxGroupProps {
-    options: CheckboxGroupOption[];
-    value: string[];
-    sizing?: CheckboxProps['sizing'];
-    onChange: (arrayIds: string[]) => void;
-    id: string;
-    inputRef?: any;
-    other?: CheckboxGroupOther;
-    internalChange?: () => void;
-}
-declare const CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
-
-interface ColorBackgroundContainerProps {
-    sx?: SxProps<Theme>;
-    children: ContainerProps['children'];
-    texture?: 'none' | 'noise1';
-    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone3_lowOpacity' | 'tone4';
-}
-declare const ColorBackgroundContainer: FunctionComponent<ColorBackgroundContainerProps>;
-
-type InputSizing = Exclude<GenericSizeMap, 'none'>;
-type SelectOption = {
-    label: string;
-    value: string;
-};
-type GroupSelectOption = SelectOption & {
-    group: string;
-};
-
-interface CreatableAutocompleteOption {
-    label: string | undefined;
-    value: string | undefined;
-}
-interface CreatableAutocompleteProps {
-    options: CreatableAutocompleteOption[];
-    value?: string | null;
-    onChange?: (value: string) => void;
-    internalChange?: () => void;
-    placeholder?: string;
-    sizing?: InputSizing;
-    disabled?: boolean;
-    fullWidth?: boolean;
-}
-declare const CreatableAutocomplete: FunctionComponent<CreatableAutocompleteProps>;
-
-type CustomFieldProps = {
-    inputField: react__default.FC<{
-        onChange: (data: unknown) => void;
-    }>;
-    onChange?: (data: unknown) => void;
-    defaultValue?: unknown;
-    value?: unknown;
-    placeholder?: string;
-    transformValue?: (value?: unknown) => void;
-    internalChange?: () => void;
-};
-declare const CustomField: FunctionComponent<CustomFieldProps>;
-
-interface DifferentialProps {
-    labelLeft: string;
-    labelRight: string;
-    labelCenter?: string;
-    disabled?: boolean;
-    value?: string;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-    internalChange?: () => void;
-}
-declare const Differential: FunctionComponent<DifferentialProps>;
-
-interface DropdownMenuItemProps {
-    icon?: ReactElement;
-    label: string;
-    onClick: () => void;
-    menuItemProps?: MenuItemProps$1;
-}
-interface DropdownMenuProps extends MenuProps$1 {
-    open: boolean;
-    anchorEl: HTMLElement | null;
-    handleClose: () => void;
-    handleClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    items?: DropdownMenuItemProps[];
-}
-declare const DropdownMenu: FunctionComponent<DropdownMenuProps>;
-
-declare const useDropdownMenu: () => {
-    open: boolean;
-    handleClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
-    handleClose: () => void;
-    anchorEl: HTMLElement | null;
-};
-
-interface EmojiWrapperProps extends BoxProps {
-    checked?: boolean;
-    disabled?: boolean;
-    children: ReactNode;
-}
-declare const EmojiWrapper: FunctionComponent<EmojiWrapperProps>;
-
-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';
-    monospaced?: boolean;
-    sx?: SxProps<Theme>;
-}
-declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
-
-interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
-    onShowMoreClick?: ButtonProps['onClick'];
-    onShowLessClick?: ButtonProps['onClick'];
-    slotProps?: {
-        gradientBox?: {
-            background?: string | ((theme: Theme) => string);
-        } & BoxProps;
-        showMoreButton?: ButtonProps;
-        showLessButton?: ButtonProps;
-    };
-}
-declare const ExpandableTypographyClamp: react__default.FC<ExpandableTypographyClampProps>;
-
-interface FlagProps {
-    /**
-     * ISO 3166-1-alpha-2 country code (e.g., 'us', 'gb', 'de')
-     * or locale string with format 'lang_country' (e.g., 'eng_us', 'deu_de')
-     */
-    countryCode: string;
-    /**
-     * Optional className to pass to the span element
-     */
-    className?: string;
-    slotProps?: {
-        avatar?: AvatarProps;
-    };
-}
-/**
- * Flag component displays a country flag based on ISO 3166-1-alpha-2 country codes.
- * It supports both direct country codes ('us') and locale formats ('eng_us').
- *
- * @example
- * // Direct country code
- * <Flag countryCode="de" />
- *
- * @example
- * // Locale format
- * <Flag countryCode="eng_us" />
- */
-declare const Flag: FunctionComponent<FlagProps>;
-
-interface FormControlLabelProps {
-    control: FormControlLabelProps$1['control'];
-    checked?: boolean;
-    disabled?: boolean;
-    label?: string | ReactElement;
-    labelPlacement?: FormControlLabelProps$1['labelPlacement'];
-    sx?: SxProps<Theme>;
-    onChange?: FormControlLabelProps$1['onChange'];
-    value?: unknown;
-    required?: boolean;
-    error?: boolean;
-    name?: string;
-    id?: string;
-    inputRef?: FormControlLabelProps$1['inputRef'];
-}
-declare const FormControlLabel: FunctionComponent<FormControlLabelProps>;
-
-/**
- * Form Generator Core Types
- */
-interface FormGeneratorHandler {
-    set: () => void;
-    reset: () => void;
-    submit: () => void;
-    values: () => void;
-    valid: () => void;
-    errors: () => void;
-    triggerFormValidation: () => Promise<unknown>;
-}
-type FormGeneratorProps = FunctionComponent<{
-    ref?: any;
-    formConfig: FormGeneratorConfig;
-    onFormSubmit?: SubmitHandler<any>;
-    onFormChange?: (formData: any) => void;
-    submitButton?: ReactElement;
-    secondaryButton?: ReactElement;
-}>;
-interface FormGeneratorConfig {
-    fields: FieldTypes[];
-    autoComplete?: 'off';
-    mode?: 'onSubmit' | 'onBlur' | 'onChange';
-    formId?: string;
-    reValidateMode?: 'onSubmit' | 'onBlur' | 'onChange';
-    validateOnInit?: boolean;
-    styleOverrides?: {
-        sxForm?: SxProps<Theme>;
-        sxButtons?: SxProps<Theme>;
-        sxStack?: SxProps<Theme>;
-    };
-}
-/**
- * Field Types
- */
-type FieldTypes = CheckboxType | CheckboxGroupType | SwitchType | TextareaType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType | CreatableAutocompleteType | CustomFieldType;
-type CreatableAutocompleteType = CreateFieldType<'creatableautocomplete', CreatableAutocompleteProps, string>;
-type TextFieldType = CreateFieldType<'textfield', TextFieldProps, string>;
-type NumberFieldType = CreateFieldType<'numberfield', NumberFieldProps, number>;
-type TextareaType = CreateFieldType<'textarea', TextareaProps, string>;
-type SelectType = CreateFieldType<'select', SelectProps, SelectProps['value']>;
-type CheckboxType = CreateFieldType<'checkbox', CheckboxProps, NonNullable<CheckboxProps['value']>>;
-type CheckboxGroupType = CreateFieldType<'checkboxGroup', CheckboxGroupProps, string[]>;
-type SwitchType = CreateFieldType<'switch', SwitchProps, NonNullable<SwitchProps['checked']>>;
-type SliderType = CreateFieldType<'slider', SliderProps, NonNullable<SliderProps['value']>>;
-type DifferentialType = CreateFieldType<'differential', DifferentialProps, NonNullable<DifferentialProps['value']>>;
-type LikertType = CreateFieldType<'likert', LikertProps, LikertProps['value']>;
-type RadioGroupType = CreateFieldType<'radioGroup', RadioGroupProps, RadioGroupProps['value']>;
-type DragAndDropRankingType = CreateFieldType<'ranking', RankProps, NonNullable<RankProps['value']>>;
-type RichTextFieldType = CreateFieldType<'richTextfield', RichTextFieldProps, RichTextFieldProps['value']>;
-type StarRatingType = CreateFieldType<'starRating', StarRatingProps, NonNullable<StarRatingProps['value']>>;
-type HTMLType = {
-    fieldType: 'html';
-    content: HtmlProps['children'];
-    defaultValue?: never;
-} & BaseField;
-type CustomFieldType = {
-    fieldType: 'customfield';
-    defaultValue?: CustomFieldProps['value'];
-} & BaseField & CustomFieldProps;
-/**
- * Field Type Utilities
- */
-interface BaseField {
-    id?: string;
-    name: string;
-    ref?: any;
-    multiline?: boolean;
-    content?: ReactElement;
-    label?: string | ReactElement;
-    labelProps?: InputLabelProps;
-    helperText?: string;
-    hidden?: boolean;
-    type?: string;
-    helpTextProps?: InputLabelHelpProps;
-    validation?: any;
-    valueTransformer?: (valueToTransform: string) => string;
-    disabled?: boolean;
-    strengthIndicator?: boolean;
-    styleOverrides?: {
-        sxInputWrapper?: SxProps<Theme>;
-        sxInputBase?: SxProps<Theme>;
-        sxInputStack?: SxProps<Theme>;
-    };
-}
-type CreateFieldType<TFieldType extends string, TProps, TDefaultValue extends any = void> = {
-    fieldType: TFieldType;
-} & BaseField & Omit<TProps, 'id' | 'name' | 'value' | 'defaultValue' | 'onChange'> & (TDefaultValue extends void ? unknown : {
-    defaultValue?: TDefaultValue;
-});
-type FieldType = FieldTypes['fieldType'];
-
-declare const FormGenerator: FormGeneratorProps;
-
-interface GridOverlayProps {
-    breakpoint?: boolean;
-    maxWidth?: boolean;
-    position?: 'fixed' | 'absolute';
-    visible?: boolean;
-}
-declare const GridOverlay: FunctionComponent<GridOverlayProps>;
-
-interface HtmlProps {
-    children: ReactElement;
-}
-declare const Html: FunctionComponent<HtmlProps>;
-
-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' | 'elevated';
-
-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 elevated: (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_elevated: typeof elevated;
-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_elevated as elevated, 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: react.ForwardRefExoticComponent<Omit<IconButtonBaseProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-
-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?: Exclude<IconButtonVariation, 'outlined'>;
-    orientation: ButtonGroupProps['orientation'];
-    sizing?: IconButtonProps['sizing'];
-    iconColor?: string;
-    groupRaised?: boolean;
-    className?: string;
-    onClick?: (e: any) => void;
-    onMouseDown?: (e: any) => void;
-    sx?: SxProps<Theme>;
-    children: ButtonGroupProps['children'] | any;
-}
-declare const IconButtonGroup: FunctionComponent<IconButtonGroupProps>;
-
-interface ImageProps extends LazyLoadImageProps {
-    containerSx?: SxProps<Theme>;
-    src?: LazyLoadImageProps['src'];
-    style?: LazyLoadImageProps['style'];
-    loading?: LazyLoadImageProps['loading'];
-}
-declare const Image: FunctionComponent<ImageProps>;
-
-type InputFieldBaseProps = TextFieldProps$1;
-declare const InputFieldBase: _emotion_styled.StyledComponent<{
-    variant?: _mui_material.TextFieldVariants | undefined;
-} & Omit<_mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
-
-type InputVariation = 'default' | 'help';
-
-interface InputLabelProps {
-    variation?: InputVariation;
-    align?: 'left' | 'center' | 'right' | undefined;
-    sx?: SxProps<Theme$1>;
-    children?: ReactElement | string;
-    disabled?: boolean;
-    error?: boolean;
-    required?: boolean;
-}
-declare const InputLabel: FunctionComponent<InputLabelProps>;
-
-interface InputLabelHelpProps {
-    state?: 'default' | 'positive' | 'negative' | 'disabled';
-    showicon?: boolean;
-    icon?: ReactNode;
-    align?: 'left' | 'center' | 'right';
-    children?: ReactNode;
-    disabled?: boolean;
-    required?: boolean;
-}
-declare const InputLabelHelp: FunctionComponent<InputLabelHelpProps>;
-
-interface StyledChipProps extends ChipProps {
-    variation?: 'default' | 'peach' | 'peachDark' | 'purple';
-    weight?: 'heavy' | 'light';
-}
-
-interface LabelProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
-    body: string;
-}
-declare const Label: react.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-interface LikertOption {
-    label: string;
-    value: string;
-}
-interface LikertProps {
-    options: LikertOption[];
-    disabled?: boolean;
-    onChange: (value: LikertOption['value']) => void;
-    value: string;
-    sizing?: 'default' | 'lg';
-    internalChange?: () => void;
-}
-declare const Likert: FunctionComponent<LikertProps>;
-
-interface LoaderProps {
-    fullscreen?: boolean;
-}
-declare const Loader: FunctionComponent<LoaderProps>;
-
-declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
-
-interface LoopsAiButtonProps {
-    text?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    onClick?: () => void;
-    slotProps?: {
-        button?: Omit<ButtonProps, 'onClick' | 'loading' | 'disabled' | 'startIcon'>;
-    };
-}
-declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
-
-type MarkdownProps = {
-    typographyProps?: Partial<TypographyProps>;
-    children?: string;
-};
-declare const Markdown: FC<MarkdownProps>;
-
-type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay' | 'float';
-type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-
-interface SurfaceProps extends PaperProps {
-    variation?: SurfaceVariation;
-    borderradius?: BorderRadius;
-    active?: boolean;
-}
-declare const Surface: react.ForwardRefExoticComponent<Omit<SurfaceProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-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 {
-    baseState?: PopupState;
-    label?: string;
-    active?: boolean;
-    danger?: boolean;
-    divider?: boolean;
-    heading?: boolean;
-    selected?: boolean;
-    disabled?: boolean;
-    closeOnClick?: boolean;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    children?: MenuItemProps[];
-    width?: number;
-    startIcon?: IconName;
-    slotProps?: {
-        startIcon?: Partial<Omit<IconProps, 'name'>>;
-    };
-}
-
-interface MenuProps extends PropsWithChildren {
-    menuItems?: MenuItemProps[];
-    offset?: number[];
-    placement?: PopperProps$1['placement'];
-    state?: PopupState;
-    parentState?: PopupState;
-    bindOn?: PopperProps['bindOn'];
-    trigger: ReactElement;
-    width?: number;
-    slotProps?: {
-        popper?: PopperProps['popperProps'];
-        surface?: SurfaceProps;
-    };
-}
-declare const Menu: FunctionComponent<MenuProps>;
-
-declare const ModalActionsWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
-
-interface ModalContentWrapperProps {
-    contentPadding?: boolean;
-}
-declare const ModalContentWrapper: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material.Theme> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & ModalContentWrapperProps, {}, {}>;
-
-interface ModalLayoutProps extends PropsWithChildren {
-    body?: React.ReactNode;
-    extraAction?: JSX.Element;
-    handleClose?: () => void | undefined;
-    contentPadding?: boolean;
-    hideCloseButton?: boolean;
-    title: string | JSX.Element;
-    subtitle?: string;
-}
-declare const ModalLayout: FunctionComponent<ModalLayoutProps>;
-
-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 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 NavigationButton: FunctionComponent<NavigationButtonProps>;
-
-interface NudgeProps extends PropsWithChildren {
-    description: string;
-    notification?: boolean;
-    title: string;
-    navigationSizing: NavigationSizing;
-}
-declare const Nudge: FunctionComponent<NudgeProps>;
-
-type TextFieldProps = InputFieldBaseProps & {
-    startAdornment?: ReactElement;
-    endAdornment?: ReactElement;
-    internalChange?: () => void;
-};
-declare const TextField: FunctionComponent<TextFieldProps>;
-
-type Adornment = any;
-type NumberFieldProps = Partial<TextFieldProps> & {
-    max?: number | undefined;
-    min?: number | undefined;
-    onChange?: (value: number | null) => void;
-    step?: number | undefined;
-    internalChange?: () => void;
-    value?: number | string | null;
-    defaultValue?: number | string | null;
-    inputRef?: React.Ref<HTMLInputElement>;
-    disabled?: boolean;
-    hideActionButtons?: boolean;
-    placeholder?: string;
-    startAdornment?: Adornment;
-    endAdornment?: Adornment;
-    slotProps?: {
-        input?: TextFieldProps;
-    };
-};
-
-declare const _default$2: react.NamedExoticComponent<NumberFieldProps>;
-
-interface PillProps {
-    id?: string;
-    label: string;
-    iconLeft?: IconName$1;
-    iconRight?: IconName$1;
-    sizing?: 'sm' | 'md';
-    onDelete?: ((event: any) => void) | undefined;
-    active?: boolean;
-    disabled?: boolean;
-    sx?: SxProps$1<Theme$1>;
-    slots?: {
-        tooltip: Partial<Omit<TooltipProps, 'message'>>;
-    };
-}
-
-declare const Pill: FunctionComponent<PillProps>;
-
-declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;
-
-type ProgressSizing = Exclude<GenericSizeMap, 'none'>;
-interface ProgressProps extends CircularProgressProps {
-    sizing?: ProgressSizing;
-}
-declare const Progress: FunctionComponent<ProgressProps>;
-
-interface ProgressBarProps extends Partial<Omit<LinearProgressProps, 'variant'>> {
-    variation: LinearProgressProps['variant'];
-}
-declare const ProgressBar: FunctionComponent<ProgressBarProps>;
-
-interface RadioProps {
-    sizing?: 'default' | 'lg';
-    disabled?: boolean;
-    name?: string;
-    value?: unknown;
-    autoFocus?: boolean;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
-    checked?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    'aria-label'?: string;
-}
-declare const Radio: FunctionComponent<RadioProps>;
-
-interface RadioGroupOption {
-    label: string;
-    value: string;
-}
-interface RadioGroupOther {
-    label?: string;
-    enabled?: boolean;
-    placeholder?: string;
-    name?: string;
-}
-interface RadioGroupProps {
-    options: RadioGroupOption[];
-    children?: ReactNode;
-    other?: RadioGroupOther;
-    onChange: (value: string) => void;
-    internalChange?: () => void;
-    name: string;
-    value: string;
-}
-declare const RadioGroup: FunctionComponent<RadioGroupProps>;
-
-type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
-type AutocompleteOnChange = (value: string | string[]) => void;
-type SelectProps = {
-    selections: SelectOption[];
-    autoComplete?: boolean;
-    autoFocus?: boolean;
-    disabled?: boolean;
-    disablePortal?: boolean;
-    error?: boolean;
-    fullWidth?: boolean;
-    grouped?: boolean;
-    id?: string;
-    inputRef?: SelectProps$1['inputRef'];
-    internalChange?: () => void;
-    MenuProps?: SelectProps$1['MenuProps'];
-    multi?: boolean;
-    name: string;
-    onBlur?: SelectProps$1['onBlur'];
-    onChange?: SelectOnChange | AutocompleteOnChange;
-    placeholder?: string | undefined;
-    readOnly?: boolean;
-    ref?: SelectProps$1['ref'];
-    required?: boolean;
-    selectOptionProps?: MenuItemProps$1;
-    sizing?: 'xs' | 'md' | 'lg';
-    sx?: SelectProps$1['sx'];
-    onOpen?: SelectProps$1['onOpen'];
-    inputProps?: SelectProps$1['inputProps'];
-    value?: SelectProps$1['value'];
-    renderListItem?: (value: string, label: string) => ReactElement;
-    renderSelectedItem?: (value: string, label?: string) => ReactElement;
-};
-declare const Select: FunctionComponent<SelectProps>;
-
-interface Option {
-    label: string;
-    value: string;
-}
-
-interface Props$1 {
-    id: UniqueIdentifier;
-    top?: JSX.Element;
-    bottom?: JSX.Element;
-}
-declare function SortableItem({ children, top, bottom, id }: PropsWithChildren<Props$1>): react_jsx_runtime.JSX.Element;
-declare function DragHandle(): react_jsx_runtime.JSX.Element;
-
-interface BaseItem {
-    id: UniqueIdentifier;
-}
-interface SortableListProps<T extends BaseItem> {
-    items: T[];
-    onChange(items: T[]): void;
-    renderItem(item: T, isOverlay?: boolean, isDragActive?: boolean): ReactNode;
-    disabled?: boolean;
-    direction?: 'horizontal' | 'vertical';
-}
-declare function SortableList<T extends BaseItem>({ items, onChange, renderItem, disabled, direction }: SortableListProps<T>): react_jsx_runtime.JSX.Element | undefined;
-declare namespace SortableList {
-    var Item: typeof SortableItem;
-    var DragHandle: typeof DragHandle;
-}
-
-interface RankProps extends Omit<SortableListProps<any>, 'renderItem' | 'items'> {
-    labelTop: string;
-    labelBottom: string;
-    fullWidth?: boolean;
-    options: (Option & {
-        id: string;
-    })[];
-    internalChange?: () => void;
-    value?: (Option & {
-        id: string;
-    })[];
-}
-declare const Rank: FunctionComponent<RankProps>;
-
-type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
-    onChange?: (content: string) => void;
-    internalChange?: () => void;
-    minHeight?: number;
-    minWidth?: number;
-    maxHeight?: number;
-    value: string;
-};
-declare const RichTextField: FunctionComponent<RichTextFieldProps>;
-
-interface SkeletonProps {
-    animation?: SkeletonProps$1['animation'];
-    children?: SkeletonProps$1['children'];
-    height?: SkeletonProps$1['height'];
-    sx?: SkeletonProps$1['sx'];
-    variant?: SkeletonProps$1['variant'];
-    width?: SkeletonProps$1['width'];
-    component?: SkeletonProps$1['component'];
-    ref?: SkeletonProps$1['ref'];
-}
-declare const Skeleton: FunctionComponent<SkeletonProps>;
-
-interface SliderProps {
-    labelLeft: string;
-    labelRight: string;
-    labelMiddle?: string;
-    min?: number;
-    max?: number;
-    labelRightProps?: InputLabelHelpProps;
-    labelLeftProps?: InputLabelHelpProps;
-    marks?: Mark[];
-    marksStep?: number;
-    internalChange?: () => void;
-    disabled?: boolean;
-    onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
-    step?: number;
-    value?: number | number[];
-}
-declare const Slider: FunctionComponent<SliderProps>;
-
-interface StarRatingProps {
-    disabled?: boolean;
-    readOnly?: boolean;
-    onChange?: (event: React.ChangeEvent<{}>, value: number | null) => void;
-    precision?: number;
-    name: string;
-    IconContainerComponent?: any;
-    value?: number | null;
-    internalChange?: () => void;
-}
-declare const StarRating: FunctionComponent<StarRatingProps>;
-
-interface StyledSwitchProps extends SwitchProps$1 {
-    sizing?: 'sm' | 'lg';
-}
-
-interface SwitchProps extends Omit<StyledSwitchProps, 'inputProps'> {
-    sizing?: 'sm' | 'lg';
-    value?: boolean;
-    label?: string | ReactElement;
-    labelPlacement?: Exclude<FormControlLabelProps['labelPlacement'], 'top' | 'bottom'>;
-    fullWidth?: boolean;
-    onChange?: (event: React.SyntheticEvent<Element, Event>, checked: boolean) => void;
-    internalChange?: () => void;
-}
-declare const Switch: FunctionComponent<SwitchProps>;
-
-type TextareaProps = InputFieldBaseProps & {
-    startAdornment?: ReactElement;
-    endAdornment?: ReactElement;
-    internalChange?: () => void;
-};
-declare const Textarea: FunctionComponent<TextareaProps>;
-
-interface TextBarDividerProps {
-    sx?: SxProps<Theme>;
-    typographyProps?: Partial<TypographyProps>;
-    text: string;
-}
-declare const TextBarDivider: FunctionComponent<TextBarDividerProps>;
-
-type ToastStatus = 'neutral' | 'success' | 'warning' | 'danger' | 'discover';
-type ToastVariation = 'sm' | 'lg';
-interface ToastProps {
-    buttons?: ReactElement;
-    message: string | ReactElement;
-    status?: ToastStatus;
-    variation?: ToastVariation;
-}
-declare const Toast: FunctionComponent<ToastProps>;
-
-type TrialCardProps = {
-    promoHeadline: string;
-    promoDescription: string;
-    ctaText: string;
-    ctaFn: () => void;
-};
-declare const TrialCard: FunctionComponent<TrialCardProps>;
-
-interface VideoModalProps {
-    modalVisible: boolean;
-    showModal: (visible: boolean) => void;
-    video: string;
-}
-declare const VideoModal: FunctionComponent<VideoModalProps>;
-
-type AISummaryProps = {
-    heading?: string;
-    body?: string;
-    bodyLineClamp?: number;
-    attribution?: string;
-    menuItems?: MenuProps['menuItems'];
-    onStartChatClick?: () => void;
-    onRetryClick?: () => void;
-    loading?: boolean;
-    loadingMessage?: string;
-    error?: boolean;
-    slotProps?: {
-        heading?: Omit<TypographyProps, 'children'>;
-        retry?: Omit<TypographyProps, 'onClick'>;
-        expandableTypographyClamp?: Omit<ExpandableTypographyClampProps, 'children'>;
-        attributionIcon?: Partial<ComponentProps<typeof Icon>>;
-        attribution?: Partial<Omit<TypographyProps, 'children'>>;
-        menu?: Omit<MenuProps, 'menuItems'>;
-        startChatButton?: Omit<ButtonProps, 'onClick'>;
-        skeleton?: SkeletonProps;
-    };
-    sx?: SxProps<Theme>;
-};
-declare const AISummary: react.ForwardRefExoticComponent<AISummaryProps & react.RefAttributes<HTMLDivElement>>;
-
-interface AssetItemProps extends BoxProps {
-    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 ClipboardCopyingOverlayProps {
-    sx?: SxProps$1<Theme$1>;
-    motionProps?: MotionProps;
-}
-declare const ClipboardCopyingOverlay: FunctionComponent<ClipboardCopyingOverlayProps>;
-
-interface CommentCardProps {
-    author: string;
-    copyLoading?: boolean;
-    demographicString?: string;
-    onClickSeeMore?: () => void;
-    timeStamp?: string;
-    onTimeStampClick?: () => void;
-    favouriteLoading?: boolean;
-    isActive?: boolean;
-    isHovered?: boolean;
-    isStarred?: boolean;
-    moreMenuItems?: MenuProps['menuItems'];
-    moreMenuState?: MenuProps['state'];
-    onClick?: () => void;
-    onFavouritePress?: () => void;
-    onMorePress?: () => void;
-    original: string;
-    sentimentScore: number;
-    translation?: string;
-    translationError?: string;
-    slotProps?: {
-        menu?: MenuProps['slotProps'];
-    };
-}
-
-declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<HTMLDivElement>>;
-
-type SentimentColor = keyof SemanticColor$1['light']['data'] | undefined;
-interface DataPointSource {
-    id?: string;
-    content: string | null;
-    cta: (() => void) | ((e: any) => void) | undefined;
-    iconName?: IconName$1;
-    iconButtonDisabled?: boolean;
-    loading?: boolean;
-}
-interface StatValueProps {
-    value: number | string | undefined;
-    color?: SentimentColor;
-    keyText: string;
-}
-interface DataPointInfoProps {
-    emptyState?: boolean;
-    emptyStateTitle?: string;
-    emptyStateBody?: string;
-    title: string;
-    indicatorColor?: KpiIndicatorProps$1['colorScheme'] | undefined;
-    subTitle?: string | undefined;
-    averageValue?: Omit<StatValueProps, 'keyText'>;
-    minValue?: Omit<StatValueProps, 'keyText'>;
-    maxValue?: Omit<StatValueProps, 'keyText'>;
-    dataSourcesTitle?: string;
-    dataSources?: DataPointSource[];
-    dataSourcesLoading?: boolean;
-    sx?: SxProps<Theme>;
-}
-
-declare const DataPointInfo: react.ForwardRefExoticComponent<DataPointInfoProps & react.RefAttributes<HTMLDivElement>>;
-
-interface DemographicSelectionSectionProps {
-    demographicOptionLabel: string;
-    demographicSelectionLabels: string[];
-}
-declare const DemographicSelectionSection: FunctionComponent<DemographicSelectionSectionProps>;
-
-interface EmojiListItemSlotProps {
-    surface?: SurfaceProps$1;
-    icon?: EmojiWrapperProps$1;
-    label?: TypographyProps$2;
-}
-interface EmojiListItemProps {
-    disabled?: boolean;
-    loading?: boolean;
-    icon?: React.ReactNode | undefined;
-    active?: boolean;
-    onClick?: () => void | undefined;
-    label?: string;
-    slotProps?: EmojiListItemSlotProps;
-    id?: string;
-}
-declare const EmojiListItem: FunctionComponent<EmojiListItemProps>;
-
-interface EmojiQuestionEditorOptionProps {
-    icon?: React.ReactNode | undefined;
-    label?: string;
-    id?: string;
-    name?: string;
-    disabled?: boolean;
-    loading?: boolean;
-    dragHandle?: boolean;
-    onDelete?: () => void;
-    primaryAction?: ReactNode;
-    slotProps?: {
-        surface?: SurfaceProps$1;
-        icon?: EmojiWrapperProps$1;
-        dragHandle?: IconButtonProps$2;
-        label?: TypographyProps$2;
-        deleteAction?: IconButtonProps$2;
-        primaryAction?: IconButtonProps$2;
-    };
-}
-declare const EmojiQuestionEditorOption: FunctionComponent<EmojiQuestionEditorOptionProps>;
-
-type EmptyStateCardProps = {
-    onClickCta?: () => void;
-    title?: string;
-    body?: string;
-    ctaText?: string;
-    iconName?: IconName;
-    hideCta?: boolean;
-    hideIcon?: boolean;
-    slotProps?: {
-        surface?: Partial<SurfaceProps>;
-        button?: Partial<ButtonProps>;
-        title?: Partial<TypographyProps>;
-        body?: Partial<TypographyProps>;
-        icon?: SvgIconProps;
-    };
-    sx?: SxProps<Theme>;
-};
-declare const EmptyStateCard: FunctionComponent<EmptyStateCardProps>;
-
-interface TestStatusProps {
-    status: 'results-ready' | 'in-progress' | 'draft';
-    sizing?: 'md' | 'sm' | 'xs';
-}
-
-interface TopNumber {
-    number: number;
-    totalNumber?: number;
-    label: string;
-}
-
-interface ExtendedTestStatusProps {
-    animated?: boolean;
-    loading?: boolean;
-    segments: TopNumber[];
-    status: TestStatusProps['status'];
-}
-declare const ExtendedTestStatus: FunctionComponent<ExtendedTestStatusProps>;
-
-interface FilterCountProps {
-    animated?: boolean;
-    buttonText?: string;
-    end?: string;
-    filteredCount?: number;
-    loading?: boolean;
-    onButtonPress?: () => void;
-    start?: string;
-    totalCount: number;
-}
-declare const FilterCount: FunctionComponent<FilterCountProps>;
-
-type FilteredItemsCardProps = {
-    onClickCta: () => void;
-    primaryText?: string;
-    secondaryText?: string;
-    ctaText?: string;
-};
-declare const FilteredItemsCard: FunctionComponent<FilteredItemsCardProps>;
-
-interface FilterGroupAccordionProps extends PropsWithChildren {
-    heading?: string;
-    showIndicator?: boolean;
-    slotProps?: {
-        accordion?: Partial<AccordionProps$1>;
-        summary?: Partial<AccordionSummaryProps>;
-        details?: Partial<AccordionDetailsProps>;
-    };
-}
-declare const FilterGroupAccordion: FunctionComponent<FilterGroupAccordionProps>;
-
-interface FilterPyramidGraphBarSide {
-    label?: string;
-    color: string;
-    totalValue: number;
-    filteredValue: number;
-}
-interface FilterPyramidGraphBarProps {
-    label: string;
-    left: FilterPyramidGraphBarSide;
-    center?: Omit<FilterPyramidGraphBarSide, 'label'>;
-    right: FilterPyramidGraphBarSide;
-    maxValue: number;
-    maxCount: number;
-}
-declare const FilterPyramidGraphBar: FunctionComponent<FilterPyramidGraphBarProps>;
-
-interface FilterRowProps extends Pick<CheckboxProps, 'checked' | 'disabled'> {
-    label: string;
-    selectedCount?: number;
-    onChange: (checked: boolean) => void;
-    slotProps?: {
-        checkboxProps?: Omit<CheckboxProps, 'value' | 'onChange' | 'disabled'>;
-    };
-}
-declare const FilterRow: FunctionComponent<FilterRowProps>;
-
-interface StyledLinearProgressProps extends LinearProgressProps {
-    checked?: boolean;
-    barColor?: KpiIndicatorColor$1;
-}
-
-interface UnitTextProps extends Omit<TypographyProps$2, 'component' | 'variation'> {
-    sx?: TypographyProps$2['sx'];
-    checked?: boolean;
-    disabled?: boolean;
-}
-
-interface GraphBarSlotProps {
-    graphBar?: StyledLinearProgressProps;
-    graphBarTypography?: Omit<TypographyProps, 'component' | 'variation'>;
-    checkbox?: CheckboxProps;
-    icon?: Omit<IconProps$1, 'name'>;
-    emojiIcon?: BoxProps$1;
-    tooltip?: TooltipProps$2;
-    unitText1?: UnitTextProps;
-    unitText2?: UnitTextProps;
-}
-interface GraphBarProps {
-    id: string;
-    label: string;
-    value: number;
-    relativePercentage?: number;
-    respondentCount?: number;
-    tooltipContent?: ReactNode;
-    icon?: ReactNode;
-    hideIcon?: boolean;
-    hideCheckbox?: boolean;
-    hideUnitColumn1?: boolean;
-    hideUnitColumn2?: boolean;
-    animated?: boolean;
-    checked?: boolean;
-    disabled?: boolean;
-    onChange?: (checked: boolean) => void;
-    percentageSymbol?: boolean;
-    compact?: boolean;
-    slotProps?: GraphBarSlotProps;
-}
-declare const GraphBar: FunctionComponent<GraphBarProps>;
-
-interface HeaderProps {
-    backAction?: IconButtonProps['onClick'];
-    title?: string;
-    showEditTitleOnlyOnHover?: boolean;
-    breadcrumbLinks?: BreadcrumbLink[];
-    buttons?: ReactNode;
-    controlBar?: ReactNode;
-    sx?: SxProps<Theme>;
-    slotProps?: {
-        titleIconButton?: Omit<IconButtonProps, 'icon'>;
-        container?: ContainerProps;
-    };
-    loading?: boolean;
-}
-declare const Header: FunctionComponent<HeaderProps>;
-
-interface TestKPICardProps extends Omit<SurfaceProps, 'variation'> {
-    colorScheme?: KpiIndicatorColor;
-    variation?: 'dimmed' | 'default';
-    active?: boolean;
-    title?: string;
-    description?: string;
-    loading?: boolean;
-    onShowMoreClick?: () => void;
-    menuItems?: MenuProps['menuItems'];
-}
-declare const TestKPICard: react.ForwardRefExoticComponent<Omit<TestKPICardProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-type KpiIndicatorColor = 'purple' | 'peach' | 'blue' | 'yellow' | 'green' | 'red';
-declare const mapKpiColorSchemeByInteger: (index: number) => TestKPICardProps["colorScheme"];
-declare const getKpiIndicatorColor: (theme: Theme) => {
-    purple: ColorRange;
-    peach: ColorRange;
-    blue: ColorRange;
-    yellow: ColorRange;
-    green: ColorRange;
-    red: ColorRange;
-};
-
-interface QuestionStats {
-    questionBody: string;
-    questionData?: number[];
-    questionTitle: string;
-    questionType: 'scale' | 'slider';
-    questionUrl: string;
-    testTitle: string;
-    testCountry: string;
-    localeTooltipText: string;
-    averageScore: number;
-    scoreHelpText: string;
-}
-interface KpiDataPopoverProps {
-    indicatorColor: KpiIndicatorColor;
-    kpiTitle: string;
-    tagTitle: string;
-    combinedAverageValue: number;
-    combinedAveragePercent: number;
-    linkedQuestions: QuestionStats[];
-}
-declare const KpiDataPopover: FunctionComponent<KpiDataPopoverProps>;
-
-interface KpiIndicatorProps extends PropsWithChildren {
-    disabled?: boolean;
-    colorScheme: KpiIndicatorColor;
-}
-declare const KpiIndicator: FunctionComponent<KpiIndicatorProps>;
-
-interface LoopItemProps extends PropsWithChildren {
-    onClick: () => void;
-    id: string;
-    thumbnail: string;
-    title: string;
-    active?: boolean;
-    loading?: boolean;
-    testCount: number | null;
-    draftCount: number | null;
-    cta?: React.ReactNode;
-}
-declare const LoopItem: FunctionComponent<LoopItemProps>;
-
-interface LoopItemEmptyProps extends PropsWithChildren {
-    onClick: () => void;
-    ctaSpacing?: boolean;
-    disabledText?: string;
-}
-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 PaginationControlProps extends PropsWithChildren {
-    items: string[];
-    activeItem: string;
-    onClickNext?: () => void;
-    onClickPrevious?: () => void;
-    renderTitle?: ReactElement;
-}
-declare const PaginationControl: FunctionComponent<PaginationControlProps>;
-
-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>;
-
-type QuestionType = 'single-punch' | 'multi-punch' | 'slider' | 'likert' | 'rank' | 'open-question' | 'emoji' | 'focus';
-interface QuestionLabelProps extends PropsWithChildren {
-    type?: QuestionType;
-    loading?: boolean;
-}
-declare const QuestionLabel: FunctionComponent<QuestionLabelProps>;
-
-interface QuestionBlockProps {
-    preQuestionText?: string;
-    questionText: string;
-    questionType?: QuestionType;
-    supportText?: string;
-    loading?: boolean;
-    slotProps?: {
-        supportText?: Omit<TypographyProps, 'variation' | 'component'>;
-    };
-}
-declare const QuestionBlock: FunctionComponent<QuestionBlockProps>;
-
-interface QuestionSelectorProps {
-    handleNavigateRegion: (direction: number) => void;
-    questionMenuItems: MenuItemProps[];
-    questionTitle: string;
-    currentRegionIndex?: number;
-    loading?: boolean;
-    popperState?: PopupState;
-}
-declare const _default$1: react.NamedExoticComponent<QuestionSelectorProps>;
-
-interface SearchInputProps {
-    onChange?: (event: react__default.ChangeEvent<HTMLInputElement>) => void;
-    onFocus?: () => void;
-    onClear?: () => void;
-    placeholder?: string;
-    sx?: SxProps<Theme>;
-    value?: string;
-}
-declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<HTMLInputElement>>;
-
-interface SectionHeaderProps {
-    buttons?: ReactNode;
-    loading?: boolean;
-    subtitle?: string;
-    title?: string;
-    maxWidth?: Breakpoint | false;
-}
-declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
-
-interface SentimentArrowProps {
-    commentCard?: boolean;
-    sentimentScore?: number;
-}
-declare const SentimentArrow: FunctionComponent<SentimentArrowProps>;
-
-type TickInterval = 5 | 10;
-interface CommonComponentProps {
-    disabled?: boolean;
-    loading?: boolean;
-}
-interface SliderGraphProps extends CommonComponentProps {
-    rounding: number | null;
-    tickInterval: TickInterval;
-    data: SliderGraphBarProps[];
-    onChangeHandler?: (id: string, checked: boolean) => void;
-    id?: string;
-    animateBars?: boolean;
-    className?: string;
-    slotProps?: {
-        root?: BoxProps;
-        yAxis?: StackProps;
-        barsWrapper?: BoxProps;
-    };
-    hideYAxis?: boolean;
-    hideCheckboxes?: boolean;
-    hideLabels?: boolean;
-    hideValues?: boolean;
-    showGraphLines?: boolean;
-    disableTooltips?: boolean;
-}
-interface SliderGraphBarProps extends CommonComponentProps {
-    id: string;
-    label: string;
-    value: number;
-    tickInterval: TickInterval;
-    percentage: number;
-    checked: boolean;
-    maxDataValue: number;
-    amount?: number;
-    relativePercentage?: number;
-    className?: string;
-    toolTipContent?: ReactNode | null;
-    disableTooltip?: boolean;
-    hideValue?: boolean;
-    hideLabel?: boolean;
-    hideCheckbox?: boolean;
-    animateBar?: boolean;
-    onChange?: (id: string, checked: boolean) => void;
-    percentageSymbol?: boolean;
-    slotProps?: {
-        barWrapper?: ListItemButtonProps;
-        tooltip?: Omit<TooltipProps$3, 'message'> & {
-            message?: ReactNode | null;
-        };
-        bar?: {};
-        checkbox?: CheckboxProps$2;
-        label?: BoxProps;
-        value?: BoxProps;
-    };
-}
-
-declare const SliderGraph: FunctionComponent<SliderGraphProps>;
-
-interface TabProps {
-    active?: boolean;
-    animated?: boolean;
-    title: string;
-    label?: string;
-    stat?: number;
-    sentimentScore?: number;
-    onClick?: () => void;
-}
-declare const Tab: FunctionComponent<TabProps>;
-
-interface TestItemProps extends SurfaceProps {
-    animated?: boolean;
-    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<LabelProps, 'body'>>;
-        tagsExpand?: Partial<Omit<LabelProps, 'body'>>;
-        tagsCollapse?: Partial<IconButtonProps>;
-    };
-    loading?: boolean;
-}
-declare const TestItem: react__default.FC<TestItemProps>;
-
-type MarkerComponentProps = {
-    isActive: boolean;
-    meta?: Record<string, any>;
-};
-
-type Marker = {
-    id: string;
-    timeStamp: number;
-    meta?: Record<string, unknown>;
-};
-type VideoControlsProps = {
-    videoElement: HTMLVideoElement;
-    id?: string;
-    options?: {
-        rtl?: boolean;
-        volumeControls?: boolean;
-        volumeControlsType?: 'volume' | 'mute';
-        normaliseTime?: boolean;
-        markerIndicator?: boolean;
-        markerIndicatorMode?: 'time' | 'percentage';
-        markerIndicatorSize?: number;
-    };
-    slots?: {
-        marker?: FunctionComponent<MarkerComponentProps>;
-        bottom?: ReactElement;
-    };
-    initialMuted?: boolean;
-    initialVolume?: number;
-    initialCurrentTime?: number;
-    initialEndTime?: number;
-    markers?: Marker[];
-    events?: {
-        onReset?: () => void;
-        onEnd?: () => void;
-        onPlay?: () => void;
-        onFirstPlay?: () => void;
-        onTimeUpdate?: (time: number) => void;
-        onFirstEnded?: () => void;
-        onPause?: () => void;
-        onSeeking?: (seekTo: number) => void;
-        onSeekStart?: () => void;
-        onSeekEnd?: (time?: number) => void;
-        onRestart?: () => void;
-        onVolumeChange?: (volume: number) => void;
-        onVolumeMute?: (muted: boolean) => void;
-    };
-    videoSeekTime?: number;
-};
-declare const _default: react.MemoExoticComponent<react.ForwardRefExoticComponent<VideoControlsProps & react.RefAttributes<any>>>;
-
-type BreakpointOrNull = Breakpoint$1 | null;
-declare const useBreakpoint: () => Breakpoint$1;
-
-declare function compareArrayMembers(arr1: string[], arr2: string[]): boolean;
-
-declare function isButton(element: HTMLElement): boolean;
-
-declare const useScreenSize: () => {
-    width: number | undefined;
-    height: number | undefined;
-};
-
-type ComboString = string;
-type ComboObject = {
-    key: string;
-    altKey?: boolean;
-    ctrlKey?: boolean;
-    metaKey?: boolean;
-    shiftKey?: boolean;
-};
-type ComboDefinition = ComboString | ComboObject;
-declare const useKeyCombo: (combo: ComboDefinition | ComboDefinition[], callback: (event: KeyboardEvent) => void, node?: HTMLElement | Document | null) => void;
-
-declare const usePrevious: <TValue>(value: TValue) => TValue | undefined;
-
-type ScreenSize = 'sm' | 'lg';
-
-declare const customTheme: (mode: PaletteMode, size: ScreenSize, direction?: Direction) => Theme;
-
-interface ThemeCtx {
-    breakpoint: string;
-    gridOverlayVisible: boolean;
-    mode: PaletteMode;
-    theme: Theme;
-    toggleGridOverlay: () => void;
-    toggleMode: (mode?: PaletteMode) => void;
-}
-declare const ThemeContext: react.Context<Nullable<ThemeCtx>>;
-
-declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
-    gridOverlayVisible: boolean;
-    mode: PaletteMode;
-    theme: _mui_material.Theme;
-    toggleGridOverlay: () => void;
-    toggleMode: (mode?: PaletteMode) => void;
-};
-declare const useTheme: () => ThemeCtx;
-
-interface Props extends PropsWithChildren {
-    mode?: PaletteMode;
-    screenSize?: ScreenSize;
-    direction?: Direction;
-    ignoreCacheProvider?: boolean;
-}
-declare const ThemeProvider: FunctionComponent<Props>;
-
 declare module '@mui/material/styles' {
     interface BreakpointOverrides {
         xs: false;
@@ -2842,6 +435,7 @@ declare module '@mui/material/styles' {
             elevation?: {
                 raised?: string;
                 overlay?: string;
+                aiSummary?: string;
             };
             elevationFilter?: {
                 raised?: string;
@@ -2932,4 +526,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AIInsight, type AIInsightProps, AISummary, type AISummaryProps, AiWrittenByLockUp as AIWrittenByLockUp, Accordion, type AccordionProps, AiContentContainer, type AiContentContainerProps, type AiWrittenByLockUpProps, 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, ClipboardCopyingOverlay, type ClipboardCopyingOverlayProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CommentCard, type CommentCardProps, CreatableAutocomplete, type CreatableAutocompleteOption, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, DemographicSelectionSection, type DemographicSelectionSectionProps, Differential, type DifferentialProps, DropdownMenu, EmojiListItem, type EmojiListItemProps, EmojiQuestionEditorOption, type EmojiQuestionEditorOptionProps, EmojiWrapper, type EmojiWrapperProps, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, ExtendedTestStatus, type ExtendedTestStatusProps, type FieldType, type FieldTypes, FilterCount, type FilterCountProps, FilterGroupAccordion, type FilterGroupAccordionProps, FilterPyramidGraphBar as FilterPyramidGraph, type FilterPyramidGraphBarProps, FilterRow, type FilterRowProps, FilteredItemsCard, type FilteredItemsCardProps, Flag, type FlagProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GraphBar, type GraphBarProps, 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, KpiDataPopover, type KpiDataPopoverProps, KpiIndicator, type KpiIndicatorProps, Label, type LabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, type MarkerComponentProps, Menu, type MenuItemProps, type MenuProps, ModalActionsWrapper, ModalContentWrapper, ModalLayout, type ModalLayoutProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, _default$2 as NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, PaginationControl, type PaginationControlProps, 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, QuestionBlock, type QuestionBlockProps, QuestionLabel, type QuestionLabelProps, _default$1 as QuestionSelector, type QuestionSelectorProps, type QuestionStats, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SearchInput, type SearchInputProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, SentimentArrow, type SentimentArrowProps, Skeleton, type SkeletonProps, Slider, SliderGraph, type SliderGraphProps, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Tab, type TabProps, TestItem, type TestItemProps, TestKPICard, type TestKPICardProps, 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, _default as VideoControls, type VideoControlsProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonHeightMap, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, getKpiIndicatorColor, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, isButton, mapKpiColorSchemeByInteger, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, useKeyCombo, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
+export { ColorRange$1 as ColorRange, ColorRangeAlpha$1 as ColorRangeAlpha };