@useloops/design-system 1.4.116 → 1.4.118

package/dist/index.d.ts

@@ -1,5 +1,4 @@
-import * as react from 'react';
-import react__default, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
+import react, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, FC, Dispatch, SetStateAction } from 'react';
 import * as _mui_material from '@mui/material';
 import { AvatarGroupProps as AvatarGroupProps$1, SxProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps, MenuItemProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, SelectChangeEvent, TextFieldProps as TextFieldProps$1, PaperProps, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -10,7 +9,6 @@ import { NumericFormatProps } from 'react-number-format';
 import { InputFieldBaseProps as InputFieldBaseProps$1 } from 'WebCore/InputFieldBase';
 import { UniqueIdentifier } from '@dnd-kit/core';
 import * as _emotion_styled from '@emotion/styled';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import { SubmitHandler } from 'react-hook-form';
 
 interface ColorRange {
@@ -306,7 +304,7 @@ declare const DropdownMenu: FunctionComponent<DropdownMenuProps>;
 
 declare const useDropdownMenu: () => {
     open: boolean;
-    handleClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
+    handleClick: (event: react.MouseEvent<HTMLButtonElement>) => void;
     handleClose: () => void;
     anchorEl: HTMLElement | null;
 };
@@ -547,7 +545,7 @@ type SelectProps = {
     sizing?: 'xs' | 'md' | 'lg';
     sx?: SelectProps$1['sx'];
     value?: SelectProps$1['value'];
-    renderListItem?: (label: string) => ReactElement;
+    renderListItem?: (value: string, label: string) => ReactElement;
 };
 declare const Select: FunctionComponent<SelectProps>;
 
@@ -633,13 +631,16 @@ interface StarRatingProps {
 }
 declare const StarRating: FunctionComponent<StarRatingProps>;
 
-interface SurfaceProps extends PaperProps {
-    variation: 'default' | 'sunken' | 'raised' | 'overlay';
-    borderradius?: GenericSizeMap;
+type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay';
+type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+
+interface SurfaceProps extends PropsWithChildren {
+    variation?: SurfaceVariation;
+    borderradius?: BorderRadius;
+    sx?: SxProps<Theme>;
+    ref?: PaperProps['ref'];
 }
-declare const Surface: _emotion_styled.StyledComponent<_mui_material.PaperOwnProps & _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;
-}, "sx" | "className" | "style" | "classes" | "children" | "elevation" | "square" | "variant"> & _mui_system.MUIStyledCommonProps<Theme> & SurfaceProps, {}, {}>;
+declare const Surface: FC<SurfaceProps>;
 
 interface SwitchProps extends SwitchProps$1 {
 }
@@ -836,6 +837,7 @@ declare const passwordValidation: (min?: number) => {
 
 interface AuthContainerSurfaceProps extends SurfaceProps {
     headContent?: ReactNode;
+    sx?: SxProps<Theme>;
 }
 declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;