@useloops/design-system 1.4.128 → 1.4.130

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 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, TooltipProps as TooltipProps$1, PaletteMode, Direction } 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, TooltipProps as TooltipProps$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';
 import { Theme as Theme$1 } from '@mui/material/styles';
 import { NumericFormatProps } from 'react-number-format';
@@ -367,6 +367,13 @@ interface StyledIconButtonProps extends IconButtonProps$1 {
     loading?: boolean;
 }
 
+interface TooltipProps extends PropsWithChildren {
+    message: TooltipProps$1['title'];
+    variation?: 'primary';
+    placement?: TooltipProps$1['placement'];
+}
+declare const Tooltip: FunctionComponent<TooltipProps>;
+
 interface IconButtonProps {
     variation?: IconButtonVariation;
     shape?: IconButtonShapeMap;
@@ -381,8 +388,12 @@ interface IconButtonProps {
     id?: string;
     type?: 'button' | 'submit' | 'reset';
     className?: string;
+    tooltipMessage?: TooltipProps['message'];
+    slotProps?: {
+        tooltip?: Omit<TooltipProps, 'message'>;
+    };
 }
-declare const IconButton: ({ icon, loading, sizing, ...rest }: IconButtonProps) => react_jsx_runtime.JSX.Element;
+declare const IconButton: ({ icon, loading, tooltipMessage, sizing, slotProps, ...rest }: IconButtonProps) => react_jsx_runtime.JSX.Element;
 
 interface IconButtonGroupProps extends PropsWithChildren {
     ButtonGroupProps?: ButtonGroupProps;
@@ -457,6 +468,16 @@ declare const Loader: FunctionComponent<LoaderProps>;
 
 declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
 
+interface NavButtonProps {
+    active?: boolean;
+    href?: string;
+    icon?: string;
+    label: string;
+    onClick?: () => void;
+    variation?: 'sm' | 'lg';
+}
+declare const NavButton: FunctionComponent<NavButtonProps>;
+
 type NumberFieldProps = InputFieldBaseProps$1 & {
     hideActionButtons?: boolean;
     max?: number;
@@ -669,7 +690,7 @@ type TextareaProps = InputFieldBaseProps & {
 declare const Textarea: FunctionComponent<TextareaProps>;
 
 interface TypographyProps {
-    variation: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    variation: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
     weight?: 'default' | 'bold';
     clamp?: number;
@@ -700,12 +721,21 @@ interface ToastProps {
 }
 declare const Toast: FunctionComponent<ToastProps>;
 
-interface TooltipProps extends PropsWithChildren {
-    message: string;
-    variation?: 'primary';
-    placement?: TooltipProps$1['placement'];
+interface MenuItem {
+    children?: MenuItem[];
+    danger?: boolean;
+    onClick?: () => void;
+    selected?: boolean;
+    title: string;
+}
+interface UserMenuProps extends PropsWithChildren {
+    avatar?: string;
+    email: string;
+    menuItems?: MenuItem[];
+    name: string;
+    variation?: 'sm' | 'lg';
 }
-declare const Tooltip: FunctionComponent<TooltipProps>;
+declare const UserMenu: FunctionComponent<UserMenuProps>;
 
 interface BackgroundOptions {
     texture?: 'none' | 'noise1';
@@ -1263,4 +1293,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AnnualController, type AnnualControllerProps, AuthContainerSurface, type AuthContainerSurfaceProps, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, NumberField, type NumberFieldProps, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation, useDropdownMenu };
+export { AnnualController, type AnnualControllerProps, AuthContainerSurface, type AuthContainerSurfaceProps, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, NavButton, type NavButtonProps, NumberField, type NumberFieldProps, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation, useDropdownMenu };