@useloops/design-system 1.4.168 → 1.4.170

package/dist/index.d.ts

@@ -1,21 +1,15 @@
-import { Icons } from 'BrandCore/Icon';
-export { default as Icon, Icons, iconSizeMap, icons } from 'BrandCore/Icon';
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, SelectProps as SelectProps$1, SelectChangeEvent, PaperProps, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
-import react, { FunctionComponent, ReactNode, PropsWithChildren, ReactElement, ChangeEvent, FC } from 'react';
-import { SurfaceProps as SurfaceProps$1 } from 'WebCore/Surface';
-import { GenericSizeMap as GenericSizeMap$1 } from 'BrandCore/primitiveVariables';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _emotion_styled from '@emotion/styled';
-import * as _mui_system from '@mui/system';
+import { SxProps, Theme, PaperProps, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
+import react, { FunctionComponent, PropsWithChildren, FC, ReactNode, ReactElement, ChangeEvent } from 'react';
+import { SubmitHandler } from 'react-hook-form';
 import { Theme as Theme$1 } from '@mui/material/styles';
-import { NavigationSizing as NavigationSizing$1 } from 'Platform/Navigation';
 import { NumericFormatProps } from 'react-number-format';
-import { InputFieldBaseProps as InputFieldBaseProps$1 } from 'WebCore/InputFieldBase';
-import { PopupState } from 'material-ui-popup-state/hooks';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UniqueIdentifier } from '@dnd-kit/core';
-import { SubmitHandler } from 'react-hook-form';
-import { TextFieldProps as TextFieldProps$2, NumberFieldProps as NumberFieldProps$1, TextareaProps as TextareaProps$1, SelectProps as SelectProps$2, CheckboxProps as CheckboxProps$2, CheckboxGroupProps as CheckboxGroupProps$1, SwitchProps as SwitchProps$2, SliderProps as SliderProps$1, DifferentialProps as DifferentialProps$1, LikertProps as LikertProps$1, RadioGroupProps as RadioGroupProps$1, RankProps as RankProps$1, RichTextFieldProps as RichTextFieldProps$1, StarRatingProps as StarRatingProps$1, HtmlProps as HtmlProps$1, CustomFieldProps as CustomFieldProps$1, InputLabelProps as InputLabelProps$1, InputLabelHelpProps as InputLabelHelpProps$1 } from 'WebCore';
+import { LazyLoadImageProps } from 'react-lazy-load-image-component';
+import { PopupState } from 'material-ui-popup-state/hooks';
 
 interface ColorRange$1 {
     0: string;
@@ -499,6 +493,17 @@ declare const fonts: {
     };
 };
 
+declare const iconSizeMap: Record<string, number>;
+interface IconProps {
+    color?: string;
+    name: IconName;
+    size?: number;
+    sx?: SxProps;
+}
+declare const Icon: FunctionComponent<IconProps>;
+
+type IconName = 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'photo-add' | 'upload' | 'upload-cloud' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'test' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'send' | 'comment' | 'chat' | 'error' | 'warning' | 'lightbulb' | 'check-circle' | 'thumb-up' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'star' | 'star-half' | 'star-filled' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle';
+
 interface CustomTheme {
     palette: {
         black: string;
@@ -637,12 +642,43 @@ interface CustomTheme {
     };
 }
 
-interface AuthContainerSurfaceProps extends SurfaceProps$1 {
+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'];
+    component?: PaperProps['component'];
+}
+declare const Surface: FC<SurfaceProps>;
+
+interface AuthContainerSurfaceProps extends SurfaceProps {
     headContent?: ReactNode;
     sx?: SxProps<Theme>;
+    children: ReactNode;
 }
 declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
 
+interface BreadcrumbLink {
+    label: string;
+    href?: string;
+}
+interface BreadcrumbProps {
+    links?: BreadcrumbLink[];
+}
+declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
+
+interface HeaderProps {
+    backHref?: string;
+    breadcrumbLinks?: BreadcrumbLink[];
+    buttons?: ReactNode;
+    controlBar?: ReactNode;
+    title?: string;
+}
+declare const Header: FunctionComponent<HeaderProps>;
+
 type NavigationSizing = 'sm' | 'lg';
 interface NavigationProps {
     isMobile?: boolean;
@@ -661,7 +697,7 @@ interface MenuItemProps {
     danger?: boolean;
     fullWidth?: boolean;
     href?: string;
-    icon?: Icons;
+    icon?: IconName;
     label: string;
     onClick?: () => void;
     selected?: boolean;
@@ -722,6 +758,47 @@ interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
 
 declare const ProjectItem: FunctionComponent<ProjectItemProps>;
 
+interface SectionHeaderProps {
+    buttons?: ReactNode;
+    subtitle?: string;
+    title?: string;
+}
+declare const SectionHeader: FunctionComponent<SectionHeaderProps>;
+
+declare const emailValidation: {
+    pattern: {
+        value: RegExp;
+        message: string;
+    };
+};
+
+declare const chooseArticle: (word: string) => string;
+declare const defaultInputValidation: (inputName?: string, isRequired?: boolean, maxLength?: number) => {
+    required?: string | undefined;
+    maxLength: {
+        value: number;
+        message: string;
+    };
+};
+declare const DEFAULT_MAX_INPUT_LENGTH: number;
+
+declare const passwordValidation: (min?: number) => {
+    minLength: {
+        value: number;
+        message: string;
+    };
+    equal: {
+        value: string;
+        message: string;
+    };
+};
+
+interface BackgroundOptions {
+    texture?: 'none' | 'noise1';
+    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
+}
+declare const backgroundCreator: (theme: Theme, options: BackgroundOptions) => string;
+
 interface AuthFormHeaderProps {
     logo?: ReactElement | false | undefined;
     headerText?: string;
@@ -745,7 +822,7 @@ interface AvatarGroupProps extends AvatarGroupProps$1 {
 }
 declare const AvatarGroup: FunctionComponent<AvatarGroupProps>;
 
-type ButtonSizing = Exclude<GenericSizeMap$1, 'none'>;
+type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
 
 interface ButtonBaseProps extends ButtonProps$1 {
     loading?: boolean;
@@ -886,6 +963,98 @@ interface FormControlLabelProps {
 }
 declare const FormControlLabel: FunctionComponent<FormControlLabelProps>;
 
+/**
+ * Form Generator Core Types
+ */
+interface FormGeneratorHandler {
+    set: () => void;
+    reset: () => void;
+    submit: () => void;
+    values: () => void;
+    valid: () => void;
+    errors: () => void;
+    triggerFormValidation: () => Promise<unknown>;
+}
+type FormGeneratorProps = FunctionComponent<{
+    ref?: any;
+    formConfig: FormGeneratorConfig;
+    onFormSubmit?: SubmitHandler<any>;
+    onFormChange?: (formData: any) => void;
+    submitButton?: ReactElement;
+    secondaryButton?: ReactElement;
+}>;
+interface FormGeneratorConfig {
+    fields: FieldTypes[];
+    autoComplete?: 'off';
+    mode?: 'onSubmit' | 'onBlur' | 'onChange';
+    formId?: string;
+    reValidateMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    styleOverrides?: {
+        sxForm?: SxProps<Theme>;
+        sxButtons?: SxProps<Theme>;
+        sxStack?: SxProps<Theme>;
+    };
+}
+/**
+ * Field Types
+ */
+type FieldTypes = CheckboxType | CheckboxGroupType | SwitchType | TextareaType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType | CustomFieldType;
+type TextFieldType = CreateFieldType<'textfield', TextFieldProps, string>;
+type NumberFieldType = CreateFieldType<'numberfield', NumberFieldProps, number>;
+type TextareaType = CreateFieldType<'textarea', TextareaProps, string>;
+type SelectType = CreateFieldType<'select', SelectProps, SelectProps['value']>;
+type CheckboxType = CreateFieldType<'checkbox', CheckboxProps, NonNullable<CheckboxProps['value']>>;
+type CheckboxGroupType = CreateFieldType<'checkboxGroup', CheckboxGroupProps, string[]>;
+type SwitchType = CreateFieldType<'switch', SwitchProps, NonNullable<SwitchProps['checked']>>;
+type SliderType = CreateFieldType<'slider', SliderProps, NonNullable<SliderProps['value']>>;
+type DifferentialType = CreateFieldType<'differential', DifferentialProps, NonNullable<DifferentialProps['value']>>;
+type LikertType = CreateFieldType<'likert', LikertProps, LikertProps['value']>;
+type RadioGroupType = CreateFieldType<'radioGroup', RadioGroupProps, RadioGroupProps['value']>;
+type DragAndDropRankingType = CreateFieldType<'ranking', RankProps, NonNullable<RankProps['value']>>;
+type RichTextFieldType = CreateFieldType<'richTextfield', RichTextFieldProps, RichTextFieldProps['value']>;
+type StarRatingType = CreateFieldType<'starRating', StarRatingProps, NonNullable<StarRatingProps['value']>>;
+type HTMLType = {
+    fieldType: 'html';
+    content: HtmlProps['children'];
+    defaultValue?: never;
+} & BaseField;
+type CustomFieldType = {
+    fieldType: 'customfield';
+    defaultValue?: CustomFieldProps['value'];
+} & BaseField & CustomFieldProps;
+/**
+ * Field Type Utilities
+ */
+interface BaseField {
+    name: string;
+    ref?: any;
+    multiline?: boolean;
+    content?: ReactElement;
+    label?: string;
+    labelProps?: InputLabelProps;
+    helperText?: string;
+    hidden?: boolean;
+    type?: string;
+    helpTextProps?: InputLabelHelpProps;
+    validation?: any;
+    valueTransformer?: (valueToTransform: string) => string;
+    disabled?: boolean;
+    strengthIndicator?: boolean;
+    styleOverrides?: {
+        sxInputWrapper?: SxProps<Theme>;
+        sxInputBase?: SxProps<Theme>;
+        sxInputStack?: SxProps<Theme>;
+    };
+}
+type CreateFieldType<TFieldType extends string, TProps, TDefaultValue extends any = void> = {
+    fieldType: TFieldType;
+} & BaseField & Omit<TProps, 'value' | 'defaultValue' | 'onChange' | 'name'> & (TDefaultValue extends void ? unknown : {
+    defaultValue?: TDefaultValue;
+});
+type FieldType = FieldTypes['fieldType'];
+
+declare const FormGenerator: FormGeneratorProps;
+
 interface GridOverlayProps {
     breakpoint?: Breakpoint;
 }
@@ -945,6 +1114,10 @@ interface IconButtonGroupProps extends PropsWithChildren {
 }
 declare const IconButtonGroup: FunctionComponent<IconButtonGroupProps>;
 
+interface ImageProps extends LazyLoadImageProps {
+}
+declare const Image: FunctionComponent<ImageProps>;
+
 type InputFieldBaseProps = TextFieldProps$1;
 declare const InputFieldBase: _emotion_styled.StyledComponent<{
     variant?: _mui_material.TextFieldVariants | undefined;
@@ -1013,6 +1186,10 @@ declare const Loader: FunctionComponent<LoaderProps>;
 
 declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
 
+interface LoopsAiButtonProps {
+}
+declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
+
 declare const Markdown: (props: any) => react_jsx_runtime.JSX.Element;
 
 type MenuButtonSizing = 'sm' | 'md' | 'lg';
@@ -1021,9 +1198,9 @@ interface MenuButtonProps {
     danger?: boolean;
     fullWidth?: boolean;
     href?: string;
-    icon?: Icons;
+    icon?: IconName;
     label: string;
-    navigationSizing: NavigationSizing$1;
+    navigationSizing: NavigationSizing;
     onClick?: () => void;
     sizing?: MenuButtonSizing;
 }
@@ -1033,11 +1210,11 @@ interface NudgeProps extends PropsWithChildren {
     description: string;
     notification?: boolean;
     title: string;
-    navigationSizing: NavigationSizing$1;
+    navigationSizing: NavigationSizing;
 }
 declare const Nudge: FunctionComponent<NudgeProps>;
 
-type NumberFieldProps = InputFieldBaseProps$1 & {
+type NumberFieldProps = InputFieldBaseProps & {
     hideActionButtons?: boolean;
     max?: number;
     min?: number;
@@ -1064,9 +1241,11 @@ declare const Pill: FunctionComponent<PillProps>;
 type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
 interface PopperProps {
     popperProps?: Partial<PopperProps$1>;
-    clickAwayListenerProps?: Partial<ClickAwayListenerProps>;
+    clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
+        onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
+    }>;
     transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
-    surfaceProps?: SurfaceProps$1;
+    surfaceProps?: SurfaceProps;
     bindOn?: BindOn[];
     trigger: (state: PopupState) => ReactNode;
     children: ReactElement;
@@ -1079,7 +1258,7 @@ declare const Portal: FunctionComponent<PortalProps>;
 
 declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;
 
-type ProgressSizing = Exclude<GenericSizeMap$1, 'none'>;
+type ProgressSizing = Exclude<GenericSizeMap, 'none'>;
 interface ProgressProps {
     sizing?: ProgressSizing;
 }
@@ -1120,6 +1299,41 @@ 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 | string[]) => void;
+type SelectProps = {
+    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'];
+    multi?: boolean;
+    name: string;
+    onBlur?: SelectProps$1['onBlur'];
+    onChange?: SelectOnChange | AutocompleteOnChange;
+    placeholder?: string | undefined;
+    readOnly?: boolean;
+    ref?: SelectProps$1['ref'];
+    required?: boolean;
+    selectOptionProps?: MenuItemProps$1;
+    sizing?: 'xs' | 'md' | 'lg';
+    sx?: SelectProps$1['sx'];
+    value?: SelectProps$1['value'];
+    renderListItem?: (value: string, label: string) => ReactElement;
+};
+declare const Select: FunctionComponent<SelectProps>;
+
 interface Option {
     label: string;
     value: string;
@@ -1173,41 +1387,6 @@ type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
 };
 declare const RichTextField: FunctionComponent<RichTextFieldProps>;
 
-type SelectOption = {
-    label: string;
-    value: string;
-};
-
-type SelectOnChange = (event: SelectChangeEvent<any>, child: React.ReactNode) => void;
-type AutocompleteOnChange = (value: string | string[]) => void;
-type SelectProps = {
-    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'];
-    multi?: boolean;
-    name: string;
-    onBlur?: SelectProps$1['onBlur'];
-    onChange?: SelectOnChange | AutocompleteOnChange;
-    placeholder?: string | undefined;
-    readOnly?: boolean;
-    ref?: SelectProps$1['ref'];
-    required?: boolean;
-    selectOptionProps?: MenuItemProps$1;
-    sizing?: 'xs' | 'md' | 'lg';
-    sx?: SelectProps$1['sx'];
-    value?: SelectProps$1['value'];
-    renderListItem?: (value: string, label: string) => ReactElement;
-};
-declare const Select: FunctionComponent<SelectProps>;
-
 interface SliderProps {
     labelLeft: string;
     labelRight: string;
@@ -1236,18 +1415,6 @@ interface StarRatingProps {
 }
 declare const StarRating: FunctionComponent<StarRatingProps>;
 
-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'];
-    component?: PaperProps['component'];
-}
-declare const Surface: FC<SurfaceProps>;
-
 interface StyledSwitchProps extends SwitchProps$1 {
     sizing?: 'sm' | 'lg';
 }
@@ -1263,7 +1430,7 @@ interface SwitchProps extends StyledSwitchProps {
 }
 declare const Switch: FunctionComponent<SwitchProps>;
 
-type TextareaProps = InputFieldBaseProps$1 & {
+type TextareaProps = InputFieldBaseProps & {
     startAdornment?: ReactElement;
     endAdornment?: ReactElement;
     internalChange?: () => void;
@@ -1286,7 +1453,7 @@ interface TextBarDividerProps {
 }
 declare const TextBarDivider: FunctionComponent<TextBarDividerProps>;
 
-type TextFieldProps = InputFieldBaseProps$1 & {
+type TextFieldProps = InputFieldBaseProps & {
     startAdornment?: ReactElement;
     endAdornment?: ReactElement;
     internalChange?: () => void;
@@ -1319,132 +1486,6 @@ interface MenuItem {
 }
 declare const UserMenu: FunctionComponent<UserMenuProps>;
 
-interface BackgroundOptions {
-    texture?: 'none' | 'noise1';
-    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
-}
-declare const backgroundCreator: (theme: Theme, options: BackgroundOptions) => string;
-
-/**
- * Form Generator Core Types
- */
-interface FormGeneratorHandler {
-    set: () => void;
-    reset: () => void;
-    submit: () => void;
-    values: () => void;
-    valid: () => void;
-    errors: () => void;
-    triggerFormValidation: () => Promise<unknown>;
-}
-type FormGeneratorProps = FunctionComponent<{
-    ref?: any;
-    formConfig: FormGeneratorConfig;
-    onFormSubmit?: SubmitHandler<any>;
-    onFormChange?: (formData: any) => void;
-    submitButton?: ReactElement;
-    secondaryButton?: ReactElement;
-}>;
-interface FormGeneratorConfig {
-    fields: FieldTypes[];
-    autoComplete?: 'off';
-    mode?: 'onSubmit' | 'onBlur' | 'onChange';
-    formId?: string;
-    reValidateMode?: 'onSubmit' | 'onBlur' | 'onChange';
-    styleOverrides?: {
-        sxForm?: SxProps<Theme>;
-        sxButtons?: SxProps<Theme>;
-        sxStack?: SxProps<Theme>;
-    };
-}
-/**
- * Field Types
- */
-type FieldTypes = CheckboxType | CheckboxGroupType | SwitchType | TextareaType | SelectType | TextFieldType | SliderType | DifferentialType | RichTextFieldType | LikertType | RadioGroupType | DragAndDropRankingType | NumberFieldType | StarRatingType | HTMLType | CustomFieldType;
-type TextFieldType = CreateFieldType<'textfield', TextFieldProps$2, string>;
-type NumberFieldType = CreateFieldType<'numberfield', NumberFieldProps$1, number>;
-type TextareaType = CreateFieldType<'textarea', TextareaProps$1, string>;
-type SelectType = CreateFieldType<'select', SelectProps$2, SelectProps$2['value']>;
-type CheckboxType = CreateFieldType<'checkbox', CheckboxProps$2, NonNullable<CheckboxProps$2['value']>>;
-type CheckboxGroupType = CreateFieldType<'checkboxGroup', CheckboxGroupProps$1, string[]>;
-type SwitchType = CreateFieldType<'switch', SwitchProps$2, NonNullable<SwitchProps$2['checked']>>;
-type SliderType = CreateFieldType<'slider', SliderProps$1, NonNullable<SliderProps$1['value']>>;
-type DifferentialType = CreateFieldType<'differential', DifferentialProps$1, NonNullable<DifferentialProps$1['value']>>;
-type LikertType = CreateFieldType<'likert', LikertProps$1, LikertProps$1['value']>;
-type RadioGroupType = CreateFieldType<'radioGroup', RadioGroupProps$1, RadioGroupProps$1['value']>;
-type DragAndDropRankingType = CreateFieldType<'ranking', RankProps$1, NonNullable<RankProps$1['value']>>;
-type RichTextFieldType = CreateFieldType<'richTextfield', RichTextFieldProps$1, RichTextFieldProps$1['value']>;
-type StarRatingType = CreateFieldType<'starRating', StarRatingProps$1, NonNullable<StarRatingProps$1['value']>>;
-type HTMLType = {
-    fieldType: 'html';
-    content: HtmlProps$1['children'];
-    defaultValue?: never;
-} & BaseField;
-type CustomFieldType = {
-    fieldType: 'customfield';
-    defaultValue?: CustomFieldProps$1['value'];
-} & BaseField & CustomFieldProps$1;
-/**
- * Field Type Utilities
- */
-interface BaseField {
-    name: string;
-    ref?: any;
-    multiline?: boolean;
-    content?: ReactElement;
-    label?: string;
-    labelProps?: InputLabelProps$1;
-    helperText?: string;
-    hidden?: boolean;
-    type?: string;
-    helpTextProps?: InputLabelHelpProps$1;
-    validation?: any;
-    valueTransformer?: (valueToTransform: string) => string;
-    disabled?: boolean;
-    strengthIndicator?: boolean;
-    styleOverrides?: {
-        sxInputWrapper?: SxProps<Theme>;
-        sxInputBase?: SxProps<Theme>;
-        sxInputStack?: SxProps<Theme>;
-    };
-}
-type CreateFieldType<TFieldType extends string, TProps, TDefaultValue extends any = void> = {
-    fieldType: TFieldType;
-} & BaseField & Omit<TProps, 'value' | 'defaultValue' | 'onChange' | 'name'> & (TDefaultValue extends void ? unknown : {
-    defaultValue?: TDefaultValue;
-});
-type FieldType = FieldTypes['fieldType'];
-
-declare const FormGenerator: FormGeneratorProps;
-
-declare const emailValidation: {
-    pattern: {
-        value: RegExp;
-        message: string;
-    };
-};
-
-declare const chooseArticle: (word: string) => string;
-declare const defaultInputValidation: (inputName?: string, isRequired?: boolean, maxLength?: number) => {
-    required?: string | undefined;
-    maxLength: {
-        value: number;
-        message: string;
-    };
-};
-declare const DEFAULT_MAX_INPUT_LENGTH: number;
-
-declare const passwordValidation: (min?: number) => {
-    minLength: {
-        value: number;
-        message: string;
-    };
-    equal: {
-        value: string;
-        message: string;
-    };
-};
-
 type ScreenSize = 'sm' | 'lg';
 
 interface Props extends PropsWithChildren {
@@ -1659,4 +1700,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, 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, Html, type HtmlProps, IconButton, IconButtonGroup, type IconButtonProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, Markdown, MenuButton, type MenuButtonProps, Navigation, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, Pill, type PillProps, Popper, type PopperProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, ProjectItem, type ProjectItemProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, type SemanticColor, 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, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useDropdownMenu, yellow, yellowRamp };
+export { AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonProps, 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, Header, type HeaderProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, 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, LoopsAiButton, type LoopsAiButtonProps, Markdown, MenuButton, type MenuButtonProps, Navigation, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, Pill, type PillProps, Popper, type PopperProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, ProjectItem, type ProjectItemProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SectionHeader, type SectionHeaderProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeProvider, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useDropdownMenu, yellow, yellowRamp };