@useloops/design-system 1.4.177 → 1.4.179

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, PaperProps, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
+import { SxProps, Theme, PaperProps, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$2, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
 import react, { FunctionComponent, PropsWithChildren, FC, ReactNode, ReactElement, ChangeEvent, Dispatch, SetStateAction } from 'react';
 import { SubmitHandler } from 'react-hook-form';
 import { Theme as Theme$1 } from '@mui/material/styles';
@@ -690,17 +690,17 @@ type NavigationSizing = 'sm' | 'lg';
 interface NavigationProps {
     isMobile?: boolean;
     logoLink?: string;
-    nudgeProps: NudgeProps$1;
-    primaryMenuItemProps: MenuItemProps[];
-    secondaryMenuItemProps: MenuItemProps[];
+    nudgeProps?: NudgeProps$1;
+    primaryMenuItemProps?: MenuItemProps$1[];
+    secondaryMenuItemProps?: MenuItemProps$1[];
     sizing?: NavigationSizing;
-    tertiaryMenuItemProps: MenuItemProps[];
+    tertiaryMenuItemProps?: MenuItemProps$1[];
     toggleMenuOnClick?: () => void;
     userMenuProps: UserMenuProps$1;
 }
-interface MenuItemProps {
+interface MenuItemProps$1 {
     active?: boolean;
-    children?: MenuItemProps[];
+    children?: MenuItemProps$1[];
     danger?: boolean;
     fullWidth?: boolean;
     href?: string;
@@ -713,7 +713,7 @@ interface MenuItemProps {
 interface UserMenuProps$1 {
     avatar: string;
     email: string;
-    menuItems: MenuItemProps[];
+    menuItems: MenuItemProps$1[];
     name: string;
 }
 interface NudgeProps$1 extends PropsWithChildren {
@@ -787,6 +787,10 @@ declare const ProjectItem: FunctionComponent<ProjectItemProps>;
 
 declare const ProjectItemEmpty: FunctionComponent<ProjectItemEmptyProps>;
 
+interface ProjectsProps {
+}
+declare const Projects: FunctionComponent<ProjectsProps>;
+
 interface SectionHeaderProps {
     buttons?: ReactNode;
     subtitle?: string;
@@ -851,6 +855,10 @@ interface AvatarGroupProps extends AvatarGroupProps$1 {
 }
 declare const AvatarGroup: FunctionComponent<AvatarGroupProps>;
 
+interface BadgeProps extends PropsWithChildren {
+}
+declare const Badge: FunctionComponent<BadgeProps>;
+
 type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
 
 interface ButtonBaseProps extends ButtonProps$1 {
@@ -957,9 +965,9 @@ interface DropdownMenuItemProps {
     icon?: ReactElement;
     label: string;
     onClick: () => void;
-    menuItemProps?: MenuItemProps$1;
+    menuItemProps?: MenuItemProps$2;
 }
-interface DropdownMenuProps extends MenuProps {
+interface DropdownMenuProps extends MenuProps$1 {
     open: boolean;
     anchorEl: HTMLElement | null;
     handleClose: () => void;
@@ -1018,6 +1026,7 @@ interface FormGeneratorConfig {
     mode?: 'onSubmit' | 'onBlur' | 'onChange';
     formId?: string;
     reValidateMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    validateOnInit?: boolean;
     styleOverrides?: {
         sxForm?: SxProps<Theme>;
         sxButtons?: SxProps<Theme>;
@@ -1094,6 +1103,11 @@ interface HtmlProps {
 }
 declare const Html: FunctionComponent<HtmlProps>;
 
+type HtmlParserProps = {
+    children: string;
+};
+declare const HtmlParser: FC<HtmlParserProps>;
+
 interface TooltipProps extends PropsWithChildren {
     message: TooltipProps$1['title'];
     variation?: 'primary';
@@ -1221,8 +1235,32 @@ declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
 
 declare const Markdown: (props: any) => react_jsx_runtime.JSX.Element;
 
-type MenuButtonSizing = 'sm' | 'md' | 'lg';
-interface MenuButtonProps {
+interface MenuItemProps {
+    active?: boolean;
+    children?: MenuItemProps[];
+    closeOnClick?: boolean;
+    danger?: boolean;
+    divider?: boolean;
+    heading?: boolean;
+    label?: string;
+    onClick?: () => void;
+    selected?: boolean;
+    selectOne?: boolean;
+    width?: number;
+}
+
+interface MenuProps extends PropsWithChildren {
+    menuItems?: MenuItemProps[];
+    offset?: number[];
+    placement?: PopperProps$1['placement'];
+    state?: PopupState;
+    trigger: ReactElement;
+    width?: number;
+}
+declare const Menu: FunctionComponent<MenuProps>;
+
+type NavigationButtonSizing = 'sm' | 'md' | 'lg';
+interface NavigationButtonProps {
     active?: boolean;
     danger?: boolean;
     fullWidth?: boolean;
@@ -1231,9 +1269,9 @@ interface MenuButtonProps {
     label: string;
     navigationSizing: NavigationSizing;
     onClick?: () => void;
-    sizing?: MenuButtonSizing;
+    sizing?: NavigationButtonSizing;
 }
-declare const MenuButton: FunctionComponent<MenuButtonProps>;
+declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
 
 interface NudgeProps extends PropsWithChildren {
     description: string;
@@ -1276,14 +1314,11 @@ interface PopperProps {
     transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
     surfaceProps?: SurfaceProps;
     bindOn?: BindOn[];
-    trigger: (state: PopupState) => ReactNode;
+    trigger: ReactElement;
     children: ReactElement;
+    state?: PopupState;
 }
-declare const Popper: ({ bindOn, trigger, children, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
-
-interface PortalProps extends PropsWithChildren {
-}
-declare const Portal: FunctionComponent<PortalProps>;
+declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
 
 declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;
 
@@ -1361,7 +1396,7 @@ type SelectProps = {
     readOnly?: boolean;
     ref?: SelectProps$1['ref'];
     required?: boolean;
-    selectOptionProps?: MenuItemProps$1;
+    selectOptionProps?: MenuItemProps$2;
     sizing?: 'xs' | 'md' | 'lg';
     sx?: SelectProps$1['sx'];
     value?: SelectProps$1['value'];
@@ -1512,7 +1547,10 @@ interface UserMenuProps extends PropsWithChildren {
     email: string;
     menuItems?: MenuItem[];
     name: string;
-    navigationSizing: NavigationSizing;
+    offset?: number[];
+    placement?: PopperProps$1['placement'];
+    rounded?: boolean;
+    width?: number;
 }
 interface MenuItem {
     children?: MenuItem[];
@@ -1946,4 +1984,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, Header, type HeaderProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopsAiButton, type LoopsAiButtonProps, Markdown, MenuButton, type MenuButtonProps, Navigation, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Popper, type PopperProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SectionHeader, type SectionHeaderProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, compareArrayMembers, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, yellow, yellowRamp };
+export { AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonGroup, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopsAiButton, type LoopsAiButtonProps, Markdown, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SectionHeader, type SectionHeaderProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, compareArrayMembers, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, yellow, yellowRamp };