@useloops/design-system 1.4.185 → 1.4.187

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 as MenuProps$1, MenuItemProps as MenuItemProps$2, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, 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, PaletteMode, Direction } from '@mui/material';
+import { SxProps, Theme, PaperProps, PopperProps as PopperProps$1, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$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';
@@ -686,35 +686,57 @@ interface HeaderProps {
 }
 declare const Header: FunctionComponent<HeaderProps>;
 
-type NavigationSizing = 'sm' | 'lg';
-interface NavigationProps {
-    isMobile?: boolean;
-    logoLink?: string;
-    nudgeProps?: NudgeProps$1;
-    primaryMenuItemProps?: MenuItemProps$1[];
-    secondaryMenuItemProps?: MenuItemProps$1[];
-    sizing?: NavigationSizing;
-    tertiaryMenuItemProps?: MenuItemProps$1[];
-    toggleMenuOnClick?: () => void;
-    userMenuProps: UserMenuProps$1;
-}
-interface MenuItemProps$1 {
+type NavigationButtonSizing = 'sm' | 'md' | 'lg';
+interface NavigationButtonProps {
     active?: boolean;
-    children?: MenuItemProps$1[];
     danger?: boolean;
     fullWidth?: boolean;
     href?: string;
     icon?: IconName;
-    label: string;
+    label?: string;
+    navigationSizing?: NavigationSizing;
+    onClick?: () => void;
+    sizing?: NavigationButtonSizing;
+}
+declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
+
+interface MenuItemProps {
+    active?: boolean;
+    children?: MenuItemProps[];
+    closeOnClick?: boolean;
+    danger?: boolean;
+    divider?: boolean;
+    heading?: boolean;
+    label?: string;
     onClick?: () => void;
     selected?: boolean;
-    sizing?: NavigationSizing;
+    selectOne?: boolean;
+    width?: number;
 }
-interface UserMenuProps$1 {
-    avatar: string;
+
+interface UserMenuProps extends PropsWithChildren {
+    avatar?: string;
     email: string;
-    menuItems: MenuItemProps$1[];
+    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?: string;
+    nudgeProps?: NudgeProps$1;
+    primaryMenuItemProps?: NavigationButtonProps[];
+    secondaryMenuItemProps?: NavigationButtonProps[];
+    sizing?: NavigationSizing;
+    tertiaryMenuItemProps?: NavigationButtonProps[];
+    toggleMenuOnClick?: () => void;
+    userMenuProps: UserMenuProps;
 }
 interface NudgeProps$1 extends PropsWithChildren {
     description: string;
@@ -965,7 +987,7 @@ interface DropdownMenuItemProps {
     icon?: ReactElement;
     label: string;
     onClick: () => void;
-    menuItemProps?: MenuItemProps$2;
+    menuItemProps?: MenuItemProps$1;
 }
 interface DropdownMenuProps extends MenuProps$1 {
     open: boolean;
@@ -1240,6 +1262,7 @@ declare const Loader: FunctionComponent<LoaderProps>;
 declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
 
 interface LoopsAiButtonProps {
+    disabled?: boolean;
 }
 declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
 
@@ -1249,20 +1272,6 @@ type MarkdownProps = {
 };
 declare const Markdown: FC<MarkdownProps>;
 
-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[];
@@ -1273,20 +1282,6 @@ interface MenuProps extends PropsWithChildren {
 }
 declare const Menu: FunctionComponent<MenuProps>;
 
-type NavigationButtonSizing = 'sm' | 'md' | 'lg';
-interface NavigationButtonProps {
-    active?: boolean;
-    danger?: boolean;
-    fullWidth?: boolean;
-    href?: string;
-    icon?: IconName;
-    label: string;
-    navigationSizing: NavigationSizing;
-    onClick?: () => void;
-    sizing?: NavigationButtonSizing;
-}
-declare const NavigationButton: FunctionComponent<NavigationButtonProps>;
-
 interface NudgeProps extends PropsWithChildren {
     description: string;
     notification?: boolean;
@@ -1410,7 +1405,7 @@ type SelectProps = {
     readOnly?: boolean;
     ref?: SelectProps$1['ref'];
     required?: boolean;
-    selectOptionProps?: MenuItemProps$2;
+    selectOptionProps?: MenuItemProps$1;
     sizing?: 'xs' | 'md' | 'lg';
     sx?: SelectProps$1['sx'];
     value?: SelectProps$1['value'];
@@ -1547,25 +1542,6 @@ interface ToastProps {
 }
 declare const Toast: FunctionComponent<ToastProps>;
 
-interface UserMenuProps extends PropsWithChildren {
-    avatar?: string;
-    email: string;
-    menuItems?: MenuItem[];
-    name: string;
-    offset?: number[];
-    placement?: PopperProps$1['placement'];
-    rounded?: boolean;
-    width?: number;
-}
-interface MenuItem {
-    children?: MenuItem[];
-    danger?: boolean;
-    label: string;
-    onClick?: () => void;
-    selected?: boolean;
-}
-declare const UserMenu: FunctionComponent<UserMenuProps>;
-
 type SupportedCurrency = 'gbp' | 'eur' | 'usd';
 type SupportedFrequency = 'monthly' | 'annual';
 interface AnnualControllerProps {