@useloops/design-system 1.4.61 → 1.4.66

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import react__default, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, 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, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, MenuItemProps, SelectProps as SelectProps$1, PaperProps, SwitchProps as SwitchProps$1, TextFieldProps as TextFieldProps$1, TypographyProps as TypographyProps$1, MenuProps, PaletteMode, Direction } from '@mui/material';
+import { AvatarGroupProps as AvatarGroupProps$1, SxProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, SelectProps as SelectProps$1, MenuItemProps, SelectChangeEvent, PaperProps, SwitchProps as SwitchProps$1, TextFieldProps as TextFieldProps$1, TypographyProps as TypographyProps$1, MenuProps, PaletteMode, Direction } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UniqueIdentifier } from '@dnd-kit/core';
 import { Theme as Theme$1 } from '@mui/material/styles';
@@ -347,7 +347,7 @@ interface IconProps {
 }
 declare const Icon: FunctionComponent<IconProps>;
 
-type IconButtonSizing = 'lg' | 'md';
+type IconButtonSizing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type IconButtonShapeMap = 'default' | 'round';
 type IconButtonVariation = 'default' | 'toggle' | 'outlined' | 'raised';
 
@@ -377,12 +377,11 @@ declare const IconButton: ({ icon, loading, sizing, ...rest }: IconButtonProps)
 
 interface IconButtonGroupProps extends PropsWithChildren {
     ButtonGroupProps?: ButtonGroupProps;
-    variation?: IconButtonProps['variation'];
+    variation?: 'default' | 'toggle';
     orientation: ButtonGroupProps['orientation'];
     sizing?: IconButtonProps['sizing'];
-    divider?: boolean;
     iconColor?: string;
-    disabled?: boolean;
+    groupRaised?: boolean;
 }
 declare const IconButtonGroup: FunctionComponent<IconButtonGroupProps>;
 
@@ -505,30 +504,36 @@ interface RadioGroupProps {
 }
 declare const RadioGroup: FunctionComponent<RadioGroupProps>;
 
+type SelectOption = {
+    label: string;
+    value: string;
+};
+
+type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
+type AutocompleteOnChange = (value: string[]) => void;
 type SelectProps = {
-    selections: {
-        value: string;
-        label: string;
-    }[];
-    selectOptionProps?: MenuItemProps;
-    internalChange?: () => void;
-    sx?: SelectProps$1['sx'];
-    onChange?: SelectProps$1['onChange'];
-    onBlur?: SelectProps$1['onBlur'];
-    ref?: SelectProps$1['ref'];
-    inputRef?: SelectProps$1['inputRef'];
-    MenuProps?: SelectProps$1['MenuProps'];
-    value?: SelectProps$1['value'];
-    id?: string;
+    selections: SelectOption[];
+    autoComplete?: boolean;
     autoFocus?: boolean;
     disabled?: boolean;
+    disablePortal?: boolean;
     error?: boolean;
     fullWidth?: boolean;
+    id?: string;
+    inputRef?: SelectProps$1['inputRef'];
+    internalChange?: () => void;
+    MenuProps?: SelectProps$1['MenuProps'];
     name?: string | undefined;
+    onBlur?: SelectProps$1['onBlur'];
+    onChange?: SelectOnChange | AutocompleteOnChange;
     placeholder?: string | undefined;
     readOnly?: boolean;
+    ref?: SelectProps$1['ref'];
     required?: boolean;
+    selectOptionProps?: MenuItemProps;
     sizing?: 'xs' | 'md' | 'lg';
+    sx?: SelectProps$1['sx'];
+    value?: SelectProps$1['value'];
 };
 declare const Select: FunctionComponent<SelectProps>;
 
@@ -537,12 +542,12 @@ interface SliderProps {
     labelRight: string;
     labelMiddle?: string;
     min: number;
+    max: number;
     labelRightProps?: InputLabelHelpProps;
     labelLeftProps?: InputLabelHelpProps;
     internalChange?: () => void;
     defaultValue?: number;
     disabled?: boolean;
-    max?: number;
     onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
     step?: number;
     value?: number | number[];