@useloops/design-system 1.4.278 → 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>;
 
@@ -829,6 +826,11 @@ interface SectionHeaderProps {
 }
 declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
 
+interface LoopItemEmptyProps extends PropsWithChildren {
+    onClick: () => void;
+}
+declare const LoopItemEmpty: FunctionComponent<LoopItemEmptyProps>;
+
 interface LoopItemProps extends PropsWithChildren {
     onClick: () => void;
     id: string;
@@ -1018,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>;
 
@@ -1269,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;
@@ -1323,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'] & {
@@ -1465,6 +1457,9 @@ interface MenuProps extends PropsWithChildren {
     bindOn?: PopperProps['bindOn'];
     trigger: ReactElement;
     width?: number;
+    slotProps?: {
+        popper?: PopperProps['popperProps'];
+    };
 }
 declare const Menu: FunctionComponent<MenuProps>;
 
@@ -2102,4 +2097,4 @@ declare module '@mui/system' {
     }
 }
 
-export { Accordion, type AccordionProps, AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
+export { Accordion, type AccordionProps, AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };