@useloops/design-system 1.4.509 → 1.4.511

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react from 'react';
-import react__default, { FunctionComponent, PropsWithChildren, ReactElement, MouseEventHandler, ComponentProps, Dispatch, SetStateAction, ReactNode, ChangeEvent, FC } from 'react';
+import react__default, { FunctionComponent, PropsWithChildren, Dispatch, SetStateAction, ReactNode, ReactElement, ChangeEvent, FC, MouseEventHandler, ComponentProps } from 'react';
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, CSSObject, ButtonProps as ButtonProps$1, TypographyProps as TypographyProps$1, BoxProps, PaperProps, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, SkeletonProps as SkeletonProps$1, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, CircularProgressProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$1, SvgIconProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, Breakpoint, PaletteMode, Direction } from '@mui/material';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+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, Breakpoint, PaletteMode, Direction } from '@mui/material';
 import { PopupState } from 'material-ui-popup-state/hooks';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 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';
@@ -546,7 +546,7 @@ interface IconProps {
 }
 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' | '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';
+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';
 
 interface CustomTheme {
     palette: {
@@ -793,12 +793,59 @@ interface TickGroupProps {
 }
 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>;
-    widthLockUp?: boolean;
+    withLockUp?: boolean;
+    aiButtonText?: string;
+    onUpvote?: () => void;
+    onDownvote?: () => void;
+    onCopy?: () => void;
+    onClickAIButton?: () => void;
+    slotProps?: {
+        childrenContainer?: BoxProps;
+        aiWrittenByLockUp?: AiWrittenByLockUpProps;
+    };
 }
 declare const AiContentContainer: FunctionComponent<AiContentContainerProps>;
 
+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;
@@ -912,176 +959,6 @@ declare const getIconSizing$1: (sizing: ButtonSizing) => CSSObject;
 declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
 declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
 
-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 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>;
-
-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>;
-
-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>;
-
-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 AiWrittenByLockUpProps {
-    sx?: SxProps<Theme>;
-}
-declare const AiWrittenByLockUp: FunctionComponent<AiWrittenByLockUpProps>;
-
-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;
-    };
-};
-
 interface BackgroundOptions {
     texture?: 'none' | 'noise1';
     gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone3_lowOpacity' | 'tone4';
@@ -1187,6 +1064,22 @@ interface BulletGraphicProps {
 }
 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';
@@ -1320,6 +1213,30 @@ interface EmojiWrapperProps extends BoxProps {
 }
 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')
@@ -1631,8 +1548,13 @@ 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>;
 
@@ -1642,6 +1564,66 @@ type MarkdownProps = {
 };
 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>, {}, {}>;
@@ -1899,6 +1881,18 @@ type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
 };
 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;
@@ -1983,32 +1977,6 @@ interface VideoModalProps {
 }
 declare const VideoModal: FunctionComponent<VideoModalProps>;
 
-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;
@@ -2036,6 +2004,71 @@ interface CommentCardProps {
 
 declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<HTMLDivElement>>;
 
+interface AIInsightProps {
+    themeDescription: string;
+    comments: Array<CommentCardProps & {
+        id: string;
+    }>;
+    slotProps?: {
+        aiContentContainer: AiContentContainerProps;
+    };
+    suggestions?: string[];
+    activeCommentIndex?: number;
+    onActiveCommentIndexChange?: (index: number) => void;
+}
+declare const AIInsight: FunctionComponent<AIInsightProps>;
+
+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>;
+
 type SentimentColor = keyof SemanticColor$1['light']['data'] | undefined;
 interface DataPointSource {
     id?: string;
@@ -2352,6 +2385,14 @@ interface OnboardingCardProps {
 }
 declare const OnboardingCard: FunctionComponent<OnboardingCardProps>;
 
+interface PaginationControlProps {
+    items: string[];
+    activeItem: string;
+    onClickNext?: () => void;
+    onClickPrevious?: () => void;
+}
+declare const PaginationControl: FunctionComponent<PaginationControlProps>;
+
 interface ProjectItemViewType {
     viewType?: 'grid' | 'list';
 }
@@ -2830,4 +2871,4 @@ declare module '@mui/system' {
     }
 }
 
-export { 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, 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, 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 { 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, 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 };