@useloops/design-system 1.4.512 → 1.4.514

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react from 'react';
-import react__default, { FunctionComponent, PropsWithChildren, Dispatch, SetStateAction, ReactNode, ReactElement, ChangeEvent, FC, MouseEventHandler, ComponentProps } 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, Breakpoint, PaletteMode, Direction } from '@mui/material';
-import { PopupState } from 'material-ui-popup-state/hooks';
 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';
@@ -818,6 +818,18 @@ interface AiContentContainerProps extends PropsWithChildren {
 }
 declare const AiContentContainer: FunctionComponent<AiContentContainerProps>;
 
+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;
@@ -1977,47 +1989,6 @@ interface VideoModalProps {
 }
 declare const VideoModal: FunctionComponent<VideoModalProps>;
 
-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>>;
-
-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;
@@ -2069,6 +2040,33 @@ interface ClipboardCopyingOverlayProps {
 }
 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;
@@ -2255,7 +2253,7 @@ interface GraphBarSlotProps {
     graphBar?: StyledLinearProgressProps;
     graphBarTypography?: Omit<TypographyProps, 'component' | 'variation'>;
     checkbox?: CheckboxProps;
-    icon?: IconProps$1;
+    icon?: Omit<IconProps$1, 'name'>;
     emojiIcon?: BoxProps$1;
     tooltip?: TooltipProps$2;
     unitText1?: UnitTextProps;