@useloops/design-system 1.4.279 → 1.4.280

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _mui_material from '@mui/material';
 import { SxProps, Theme, PaperProps, PopperProps as PopperProps$1, CSSObject, AvatarProps as AvatarProps$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, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react from 'react';
-import react__default, { PropsWithChildren, FC, FunctionComponent, ReactNode, Dispatch, SetStateAction, ReactElement, ChangeEvent } from 'react';
+import react__default, { FC, FunctionComponent, ReactNode, PropsWithChildren, Dispatch, SetStateAction, ReactElement, ChangeEvent } from 'react';
 import { PopupState } from 'material-ui-popup-state/hooks';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SubmitHandler } from 'react-hook-form';
@@ -657,12 +657,9 @@ interface CustomTheme {
 type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
 type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
-interface SurfaceProps extends PropsWithChildren {
+interface SurfaceProps extends PaperProps {
     variation?: SurfaceVariation;
     borderradius?: BorderRadius;
-    sx?: SxProps<Theme>;
-    ref?: PaperProps['ref'];
-    component?: PaperProps['component'];
 }
 declare const Surface: FC<SurfaceProps>;
 
@@ -1023,26 +1020,16 @@ declare const Badge: FunctionComponent<BadgeProps>;
 
 interface ButtonBaseProps extends ButtonProps$1 {
     loading?: boolean;
-    sizing: any;
+    sizing: ButtonSizing;
 }
 declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBaseProps) => react_jsx_runtime.JSX.Element;
 
-interface ButtonProps {
-    loading?: boolean;
+interface ButtonProps extends Partial<ButtonBaseProps> {
     variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
-    sizing?: ButtonSizing;
-    fullWidth?: boolean;
-    className?: string;
-    disabled?: boolean;
-    tabIndex?: number;
     href?: string;
+    fullWidth?: boolean;
     endIcon?: ReactElement;
     startIcon?: ReactElement;
-    children: ButtonBaseProps['children'];
-    onClick?: ButtonBaseProps['onClick'];
-    onMouseDown?: ButtonBaseProps['onMouseDown'];
-    onMouseUp?: ButtonBaseProps['onMouseUp'];
-    type?: 'button' | 'submit' | 'reset';
 }
 declare const Button: FunctionComponent<ButtonProps>;
 
@@ -1274,7 +1261,7 @@ interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
     weight?: 'default' | 'bold';
     sx?: SxProps<Theme>;
 }
-declare const Typography: FunctionComponent<TypographyProps>;
+declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
 
 type HtmlParserProps = {
     children: string;
@@ -1328,7 +1315,7 @@ interface IconButtonBaseProps extends IconButtonProps$1 {
 }
 declare const IconButtonBase: ({ children, ...rest }: IconButtonBaseProps) => react_jsx_runtime.JSX.Element;
 
-interface TooltipProps extends Omit<TooltipProps$1, 'title' | 'slotProps'> {
+interface TooltipProps extends Omit<Partial<TooltipProps$1>, 'title' | 'slotProps'> {
     message: TooltipProps$1['title'];
     variation?: 'primary';
     slotProps?: TooltipProps$1['slotProps'] & {
@@ -1470,6 +1457,9 @@ interface MenuProps extends PropsWithChildren {
     bindOn?: PopperProps['bindOn'];
     trigger: ReactElement;
     width?: number;
+    slotProps?: {
+        popper?: PopperProps['popperProps'];
+    };
 }
 declare const Menu: FunctionComponent<MenuProps>;