@useloops/design-system 1.4.528 → 1.4.530

package/dist/WebCore/Button.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement, FunctionComponent } from 'react';
+import { ButtonBaseProps } from './ButtonBase.js';
+import '@mui/material';
+import '../primitiveVariables-BbfFaPHq.js';
+import 'react/jsx-runtime';
+
+interface ButtonProps extends Partial<ButtonBaseProps> {
+    variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
+    destructive?: boolean;
+    href?: string;
+    fullWidth?: boolean;
+    endIcon?: ReactElement;
+    startIcon?: ReactElement;
+}
+declare const Button: FunctionComponent<ButtonProps>;
+
+export { type ButtonProps, Button as default };

package/dist/WebCore/Button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/Button-TKogbJWt.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/Button.variant-helpers-DlExkDyh.js"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/ButtonBase-DOLFz7T6.js"),exports.default=e.Button;

package/dist/WebCore/ButtonBase.d.ts

@@ -0,0 +1,124 @@
+import { Theme, CSSObject, ButtonProps } from '@mui/material';
+import { G as GenericSizeMap } from '../primitiveVariables-BbfFaPHq.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const subtle: (theme: Theme, destructive?: boolean) => {
+    backgroundColor: string;
+    color: string;
+    fontWeight: number;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+};
+declare const outlined: (theme: Theme, destructive?: boolean) => {
+    backgroundColor: string;
+    color: string;
+    border: string;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+    '&:disabled': {
+        border: string;
+    };
+};
+declare const secondary: (theme: Theme, destructive?: boolean) => {
+    backgroundColor: string;
+    color: string;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+};
+declare const primary: (theme: Theme, destructive?: boolean) => {
+    backgroundColor: string;
+    color: string;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+        color: string;
+        '&::before': {
+            backgroundColor: string;
+        };
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+        '&::before': {
+            backgroundColor: string;
+        };
+    };
+    '&:active': {
+        backgroundColor: string;
+        color: string;
+        '&::before': {
+            backgroundColor: string;
+        };
+    };
+};
+declare const buttonInteraction: (theme: Theme, active?: boolean) => {
+    backgroundColor: string;
+    color: string;
+    fontWeight: number;
+    '&:focus:before': {
+        boxShadow: string;
+    };
+    '&:focus-visible': {
+        boxShadow: string;
+    };
+    '&:hover': {
+        backgroundColor: string;
+    };
+    '&:focus': {
+        backgroundColor: string;
+    };
+    '&:active': {
+        backgroundColor: string;
+    };
+    cursor: string;
+    '&:disabled': {
+        backgroundColor: string;
+        color: string;
+    };
+};
+type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
+declare const buttonHeightMap: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+};
+declare const getIconSizing: (sizing: ButtonSizing) => CSSObject;
+declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
+declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
+
+interface ButtonBaseProps extends ButtonProps {
+    loading?: boolean;
+    sizing: ButtonSizing;
+}
+declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBaseProps) => react_jsx_runtime.JSX.Element;
+
+export { type ButtonBaseProps, type ButtonSizing, buttonHeightMap, buttonInteraction, ButtonBase as default, getButtonSizing, getButtonTypography, getIconSizing, outlined, primary, secondary, subtle };

package/dist/WebCore/ButtonBase.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/Button.variant-helpers-DlExkDyh.js"),t=require("../_chunks/ButtonBase-DOLFz7T6.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),exports.buttonHeightMap=e.buttonHeightMap,exports.buttonInteraction=e.buttonInteraction,exports.getButtonSizing=e.getButtonSizing,exports.getButtonTypography=e.getButtonTypography,exports.getIconSizing=e.getIconSizing,exports.outlined=e.outlined,exports.primary=e.primary,exports.secondary=e.secondary,exports.subtle=e.subtle,exports.default=t.ButtonBase;

package/dist/WebCore/Checkbox.d.ts

@@ -0,0 +1,28 @@
+import { CheckboxProps as CheckboxProps$1, SxProps, Theme } from '@mui/material';
+import { FunctionComponent, ReactElement } from 'react';
+
+interface StyledCheckboxProps extends CheckboxProps$1 {
+    sizing?: 'default' | 'lg';
+    variant?: 'default' | 'secondary';
+}
+declare const StyledCheckbox: FunctionComponent<StyledCheckboxProps>;
+
+interface CheckboxProps {
+    sizing?: StyledCheckboxProps['sizing'];
+    checked?: boolean;
+    indeterminate?: StyledCheckboxProps['indeterminate'];
+    checkboxLabel?: string | ReactElement;
+    internalChange?: () => void;
+    onChange?: (event: React.SyntheticEvent<Element, Event>, checked: boolean) => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    id?: string;
+    required?: boolean;
+    value?: boolean;
+    variant?: StyledCheckboxProps['variant'];
+    sx?: SxProps<Theme>;
+}
+declare const Checkbox: FunctionComponent<CheckboxProps>;
+
+export { type CheckboxProps, StyledCheckbox, Checkbox as default };

package/dist/WebCore/Checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/Checkbox-CSz7J7US.js"),r=require("../_chunks/StyledCheckbox-g-PmPEwy.js");require("react/jsx-runtime"),require("../_chunks/FormControlLabel-BWbSxhnZ.js"),require("@mui/material"),require("merge-sx"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("@mui/icons-material"),require("../_chunks/Icon-DixraoWA.js"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),exports.default=e.Checkbox,exports.StyledCheckbox=r.StyledCheckbox;

package/dist/WebCore/CheckboxGroup.d.ts

@@ -0,0 +1,29 @@
+import { FunctionComponent } from 'react';
+import { CheckboxProps } from './Checkbox.js';
+import '@mui/material';
+
+interface CheckboxGroupOption {
+    label: string;
+    value: string;
+    exclusive?: boolean;
+}
+interface CheckboxGroupOther {
+    label?: string;
+    enabled?: boolean;
+    placeholder?: string;
+    name?: string;
+    defaultValue?: string;
+}
+interface CheckboxGroupProps {
+    options: CheckboxGroupOption[];
+    value: string[];
+    sizing?: CheckboxProps['sizing'];
+    onChange: (arrayIds: string[]) => void;
+    id: string;
+    inputRef?: any;
+    other?: CheckboxGroupOther;
+    internalChange?: () => void;
+}
+declare const CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
+
+export { type CheckboxGroupProps, CheckboxGroup as default };

package/dist/WebCore/CheckboxGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/CheckboxGroup-DQgs6LvV.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/FormControlLabel-BWbSxhnZ.js"),require("merge-sx"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/StyledCheckbox-g-PmPEwy.js"),require("@mui/icons-material"),require("../_chunks/Icon-DixraoWA.js"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/TextField-Cc_JSuuE.js"),require("../_chunks/InputFieldBase-Dmb5-LXp.js"),exports.default=e.CheckboxGroup;

package/dist/WebCore/ColorBackgroundContainer.d.ts

@@ -0,0 +1,12 @@
+import { SxProps, Theme, ContainerProps } from '@mui/material';
+import { FunctionComponent } from 'react';
+
+interface ColorBackgroundContainerProps {
+    sx?: SxProps<Theme>;
+    children: ContainerProps['children'];
+    texture?: 'none' | 'noise1';
+    gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone3_lowOpacity' | 'tone4';
+}
+declare const ColorBackgroundContainer: FunctionComponent<ColorBackgroundContainerProps>;
+
+export { type ColorBackgroundContainerProps, ColorBackgroundContainer as default };

package/dist/WebCore/ColorBackgroundContainer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/ColorBackgroundContainer-CzbCfIUH.js");require("react/jsx-runtime"),require("@mui/material"),require("merge-sx"),exports.default=e.ColorBackgroundContainer;

package/dist/WebCore/CreatableAutocomplete.d.ts

@@ -0,0 +1,21 @@
+import { FunctionComponent } from 'react';
+import { I as InputSizing } from '../StyledSelect.variant-helpers-BZGzS3MF.js';
+import '../primitiveVariables-BbfFaPHq.js';
+
+interface CreatableAutocompleteOption {
+    label: string | undefined;
+    value: string | undefined;
+}
+interface CreatableAutocompleteProps {
+    options: CreatableAutocompleteOption[];
+    value?: string | null;
+    onChange?: (value: string) => void;
+    internalChange?: () => void;
+    placeholder?: string;
+    sizing?: InputSizing;
+    disabled?: boolean;
+    fullWidth?: boolean;
+}
+declare const CreatableAutocomplete: FunctionComponent<CreatableAutocompleteProps>;
+
+export { type CreatableAutocompleteOption, type CreatableAutocompleteProps, CreatableAutocomplete as default };

package/dist/WebCore/CreatableAutocomplete.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/CreatableAutocomplete-CqQMerG2.js");require("react/jsx-runtime"),require("@mui/icons-material"),require("@mui/material"),require("react"),require("../_chunks/autocomplete.styles-C6N4E0gu.js"),require("../_chunks/semanticColor-D7luRDLB.js"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("../_chunks/typography.util-Cfj-ZgvS.js"),exports.default=e.CreatableAutocomplete;

package/dist/WebCore/CustomField.d.ts

@@ -0,0 +1,16 @@
+import react__default, { FunctionComponent } from 'react';
+
+type CustomFieldProps = {
+    inputField: react__default.FC<{
+        onChange: (data: unknown) => void;
+    }>;
+    onChange?: (data: unknown) => void;
+    defaultValue?: unknown;
+    value?: unknown;
+    placeholder?: string;
+    transformValue?: (value?: unknown) => void;
+    internalChange?: () => void;
+};
+declare const CustomField: FunctionComponent<CustomFieldProps>;
+
+export { type CustomFieldProps, CustomField as default };

package/dist/WebCore/CustomField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/CustomField-AxxznkBp.js");require("react/jsx-runtime"),exports.default=e.CustomField;

package/dist/WebCore/Differential.d.ts

@@ -0,0 +1,14 @@
+import { ChangeEvent, FunctionComponent } from 'react';
+
+interface DifferentialProps {
+    labelLeft: string;
+    labelRight: string;
+    labelCenter?: string;
+    disabled?: boolean;
+    value?: string;
+    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+    internalChange?: () => void;
+}
+declare const Differential: FunctionComponent<DifferentialProps>;
+
+export { type DifferentialProps, Differential as default };

package/dist/WebCore/Differential.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/Differential-B_1zxbR8.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/InputLabelHelp-DDaauqeX.js"),require("@mui/icons-material"),require("../_chunks/Icon-DixraoWA.js"),require("merge-sx"),require("react"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/InputLabelBase-C9l5M26_.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/Radio-BrBgm9f5.js"),exports.default=e.Differential;

package/dist/WebCore/DropdownMenu.d.ts

@@ -0,0 +1,26 @@
+import { MenuProps, MenuItemProps } from '@mui/material';
+import react__default, { FunctionComponent, ReactElement } from 'react';
+
+interface DropdownMenuItemProps {
+    icon?: ReactElement;
+    label: string;
+    onClick: () => void;
+    menuItemProps?: MenuItemProps;
+}
+interface DropdownMenuProps extends MenuProps {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    handleClose: () => void;
+    handleClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    items?: DropdownMenuItemProps[];
+}
+declare const DropdownMenu: FunctionComponent<DropdownMenuProps>;
+
+declare const useDropdownMenu: () => {
+    open: boolean;
+    handleClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
+    handleClose: () => void;
+    anchorEl: HTMLElement | null;
+};
+
+export { DropdownMenu as default, useDropdownMenu };

package/dist/WebCore/DropdownMenu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/DropdownMenu.hook-61pcWPPh.js");require("react/jsx-runtime"),require("@mui/material"),require("../_chunks/StyledMenu-0gmkD_R6.js"),require("react"),exports.default=e.DropdownMenu,exports.useDropdownMenu=e.useDropdownMenu;

package/dist/WebCore/EmojiWrapper.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from '@mui/material';
+import { ReactNode, FunctionComponent } from 'react';
+
+interface EmojiWrapperProps extends BoxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    children: ReactNode;
+}
+declare const EmojiWrapper: FunctionComponent<EmojiWrapperProps>;
+
+export { type EmojiWrapperProps, EmojiWrapper as default };

package/dist/WebCore/EmojiWrapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/EmojiWrapper-D2CgAYek.js");require("react/jsx-runtime"),require("@mui/material"),require("merge-sx"),exports.default=e.EmojiWrapper;

package/dist/WebCore/ExpandableTypographyClamp.d.ts

@@ -0,0 +1,22 @@
+import { Theme, BoxProps } from '@mui/material';
+import react__default from 'react';
+import { ButtonProps } from './Button.js';
+import { TypographyProps } from './Typography.js';
+import './ButtonBase.js';
+import '../primitiveVariables-BbfFaPHq.js';
+import 'react/jsx-runtime';
+
+interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
+    onShowMoreClick?: ButtonProps['onClick'];
+    onShowLessClick?: ButtonProps['onClick'];
+    slotProps?: {
+        gradientBox?: {
+            background?: string | ((theme: Theme) => string);
+        } & BoxProps;
+        showMoreButton?: ButtonProps;
+        showLessButton?: ButtonProps;
+    };
+}
+declare const ExpandableTypographyClamp: react__default.FC<ExpandableTypographyClampProps>;
+
+export { type ExpandableTypographyClampProps, ExpandableTypographyClamp as default };

package/dist/WebCore/ExpandableTypographyClamp.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/ExpandableTypographyClamp-CuRA28_R.js");require("react/jsx-runtime"),require("@mui/material"),require("merge-sx"),require("react"),require("../_chunks/Button-TKogbJWt.js"),require("../_chunks/Button.variant-helpers-DlExkDyh.js"),require("../_chunks/Icon-DixraoWA.js"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/ButtonBase-DOLFz7T6.js"),require("../_chunks/Typography-BYFV0-HU.js"),require("../_chunks/usePrevious-BaNqxBnu.js"),exports.default=e.ExpandableTypographyClamp;

package/dist/WebCore/Flag.d.ts

@@ -0,0 +1,33 @@
+import { FunctionComponent } from 'react';
+import { AvatarProps } from './Avatar.js';
+import '@mui/material';
+
+interface FlagProps {
+    /**
+     * ISO 3166-1-alpha-2 country code (e.g., 'us', 'gb', 'de')
+     * or locale string with format 'lang_country' (e.g., 'eng_us', 'deu_de')
+     */
+    countryCode: string;
+    /**
+     * Optional className to pass to the span element
+     */
+    className?: string;
+    slotProps?: {
+        avatar?: AvatarProps;
+    };
+}
+/**
+ * Flag component displays a country flag based on ISO 3166-1-alpha-2 country codes.
+ * It supports both direct country codes ('us') and locale formats ('eng_us').
+ *
+ * @example
+ * // Direct country code
+ * <Flag countryCode="de" />
+ *
+ * @example
+ * // Locale format
+ * <Flag countryCode="eng_us" />
+ */
+declare const Flag: FunctionComponent<FlagProps>;
+
+export { type FlagProps, Flag as default };

package/dist/WebCore/Flag.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/Flag-1bALHO9Y.js");require("react/jsx-runtime"),require("../_chunks/Avatar-D-fcDrEA.js"),require("@mui/material"),require("merge-sx"),exports.default=e.Flag;

package/dist/WebCore/FormControlLabel.d.ts

@@ -0,0 +1,21 @@
+import { FormControlLabelProps as FormControlLabelProps$1, SxProps, Theme } from '@mui/material';
+import { ReactElement, FunctionComponent } from 'react';
+
+interface FormControlLabelProps {
+    control: FormControlLabelProps$1['control'];
+    checked?: boolean;
+    disabled?: boolean;
+    label?: string | ReactElement;
+    labelPlacement?: FormControlLabelProps$1['labelPlacement'];
+    sx?: SxProps<Theme>;
+    onChange?: FormControlLabelProps$1['onChange'];
+    value?: unknown;
+    required?: boolean;
+    error?: boolean;
+    name?: string;
+    id?: string;
+    inputRef?: FormControlLabelProps$1['inputRef'];
+}
+declare const FormControlLabel: FunctionComponent<FormControlLabelProps>;
+
+export { type FormControlLabelProps, FormControlLabel as default };

package/dist/WebCore/FormControlLabel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/FormControlLabel-BWbSxhnZ.js");require("react/jsx-runtime"),require("@mui/material"),require("merge-sx"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),exports.default=e.FormControlLabel;

package/dist/WebCore/FormGenerator.d.ts

@@ -0,0 +1,143 @@
+import { SxProps, Theme } from '@mui/material';
+import { FunctionComponent, ReactElement } from 'react';
+import { SubmitHandler, Control, FieldErrors } from 'react-hook-form';
+import { UseFormWatch, UseFormTrigger } from 'react-hook-form/dist/types/form';
+import { CheckboxProps } from './Checkbox.js';
+import { CheckboxGroupProps } from './CheckboxGroup.js';
+import { CreatableAutocompleteProps } from './CreatableAutocomplete.js';
+import { CustomFieldProps } from './CustomField.js';
+import { DifferentialProps } from './Differential.js';
+import { HtmlProps } from './Html.js';
+import { InputLabelProps } from './InputLabel.js';
+import { InputLabelHelpProps } from './InputLabelHelp.js';
+import { LikertProps } from './Likert.js';
+import { N as NumberFieldProps } from '../types-DV2de5BB.js';
+import { RadioGroupProps } from './RadioGroup.js';
+import { RankProps } from './Rank.js';
+import { RichTextFieldProps } from './RichTextField.js';
+import { a as SelectProps } from '../Select-BwTogXOZ.js';
+import { SliderProps } from './Slider.js';
+import { StarRatingProps } from './StarRating.js';
+import { SwitchProps } from './Switch.js';
+import { TextareaProps } from './Textarea.js';
+import { TextFieldProps } from './TextField.js';
+import '../StyledSelect.variant-helpers-BZGzS3MF.js';
+import '../primitiveVariables-BbfFaPHq.js';
+import '@mui/material/styles';
+import '../InputLabelBase.variants-helpers-B7h8EWO3.js';
+import './RankItem.js';
+import './SortableList.js';
+import 'react/jsx-runtime';
+import '@dnd-kit/core';
+import './InputFieldBase.js';
+import '@emotion/styled';
+import '@mui/system';
+import '@mui/material/Slider/useSlider.types';
+import './FormControlLabel.js';
+
+/**
+ * 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';
+    validateOnInit?: boolean;
+    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 | CreatableAutocompleteType | CustomFieldType;
+type CreatableAutocompleteType = CreateFieldType<'creatableautocomplete', CreatableAutocompleteProps, string>;
+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 {
+    id?: string;
+    name: string;
+    ref?: any;
+    multiline?: boolean;
+    content?: ReactElement;
+    label?: string | ReactElement;
+    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, 'id' | 'name' | 'value' | 'defaultValue' | 'onChange'> & (TDefaultValue extends void ? unknown : {
+    defaultValue?: TDefaultValue;
+});
+type FieldType = FieldTypes['fieldType'];
+type DynamicFieldType = Exclude<FieldTypes['fieldType'], 'html'>;
+type AvailableComponents = FunctionComponent<TextFieldProps> | FunctionComponent<NumberFieldProps> | FunctionComponent<SelectProps> | FunctionComponent<CreatableAutocompleteProps> | FunctionComponent<CheckboxProps> | FunctionComponent<CheckboxGroupProps> | FunctionComponent<SwitchProps> | FunctionComponent<SliderProps> | FunctionComponent<DifferentialProps> | FunctionComponent<LikertProps> | FunctionComponent<TextareaProps> | FunctionComponent<StarRatingProps> | FunctionComponent<RadioGroupProps> | FunctionComponent<RankProps> | FunctionComponent<RichTextFieldProps> | FunctionComponent<HtmlProps> | FunctionComponent<CustomFieldType>;
+type InputWrapperProps = {
+    ref?: any;
+    control: Control;
+    errors?: FieldErrors;
+    watch: UseFormWatch<any>;
+    trigger: UseFormTrigger<any>;
+    internalChange?: () => void;
+};
+
+declare const FormGenerator: FormGeneratorProps;
+
+export { type AvailableComponents, type BaseField, type CheckboxGroupType, type CheckboxType, type CreatableAutocompleteType, type CustomFieldType, type DifferentialType, type DragAndDropRankingType, type DynamicFieldType, type FieldType, type FieldTypes, type FormGeneratorConfig, type FormGeneratorHandler, type FormGeneratorProps, type HTMLType, type InputWrapperProps, type LikertType, type NumberFieldType, type RadioGroupType, type RichTextFieldType, type SelectType, type SliderType, type StarRatingType, type SwitchType, type TextFieldType, type TextareaType, FormGenerator as default };

package/dist/WebCore/FormGenerator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/FormGenerator-BBvnq27_.js");require("react/jsx-runtime"),require("react"),require("@mui/material"),require("react-hook-form"),require("merge-sx"),require("react-phone-number-input"),require("../_chunks/Checkbox-CSz7J7US.js"),require("../_chunks/FormControlLabel-BWbSxhnZ.js"),require("../_chunks/typography.util-Cfj-ZgvS.js"),require("../_chunks/typography-Cx74j4k8.js"),require("../_chunks/types-BbAsZw_6.js"),require("../_chunks/StyledCheckbox-g-PmPEwy.js"),require("@mui/icons-material"),require("../_chunks/Icon-DixraoWA.js"),require("../_chunks/primitiveVariables-DOkvMbUd.js"),require("../_chunks/CheckboxGroup-DQgs6LvV.js"),require("../_chunks/TextField-Cc_JSuuE.js"),require("../_chunks/InputFieldBase-Dmb5-LXp.js"),require("../_chunks/CreatableAutocomplete-CqQMerG2.js"),require("../_chunks/autocomplete.styles-C6N4E0gu.js"),require("../_chunks/semanticColor-D7luRDLB.js"),require("../_chunks/CustomField-AxxznkBp.js"),require("../_chunks/Differential-B_1zxbR8.js"),require("../_chunks/InputLabelHelp-DDaauqeX.js"),require("../_chunks/InputLabelBase-C9l5M26_.js"),require("../_chunks/Radio-BrBgm9f5.js"),require("./Html.js"),require("../_chunks/InputLabel-Bt0Q3uC0.js"),require("../_chunks/Likert-CQI8ZnlX.js"),require("../_chunks/NumberField-CuiOrazp.js"),require("@base-ui-components/react"),require("../_chunks/IconButton-LEHeDXoQ.js"),require("../_chunks/IconButtonBase-6L_dNOOr.js"),require("../_chunks/IconButton.variant-helpers-pRkPkbk-.js"),require("../_chunks/Progress-BmBeu7uJ.js"),require("../_chunks/Tooltip-hDvy3-fo.js"),require("../_chunks/IconButtonGroup-CDYetneE.js"),require("../_chunks/RadioGroup-BxHkG84o.js"),require("../_chunks/Rank-C28bcQ33.js"),require("../_chunks/RankItem-D8JL2Loy.js"),require("../_chunks/Select-BBrH8EC2.js"),require("../_chunks/breakpoint.hook-X1gfdrbr.js"),require("../_chunks/Typography-BYFV0-HU.js"),require("../_chunks/SortableList-ad1Z0omV.js"),require("@dnd-kit/core"),require("@dnd-kit/sortable"),require("@dnd-kit/utilities"),require("react-dom"),require("../_chunks/RichTextField-BMrpCktt.js"),require("@tiptap/extension-placeholder"),require("@tiptap/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../_chunks/Slider-BNY8BtY7.js"),require("../_chunks/StarRating-lqoK8zFU.js"),require("../_chunks/Switch-m3rUWkHS.js"),require("../_chunks/Textarea-j5nWbV1y.js"),require("check-password-strength"),require("@hookform/error-message"),require("../_chunks/usePrevious-BaNqxBnu.js"),exports.default=e.FormGenerator;

package/dist/WebCore/GridOverlay.d.ts

@@ -0,0 +1,11 @@
+import { FunctionComponent } from 'react';
+
+interface GridOverlayProps {
+    breakpoint?: boolean;
+    maxWidth?: boolean;
+    position?: 'fixed' | 'absolute';
+    visible?: boolean;
+}
+declare const GridOverlay: FunctionComponent<GridOverlayProps>;
+
+export { type GridOverlayProps, GridOverlay as default };

package/dist/WebCore/GridOverlay.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/GridOverlay-DJNXEqa7.js");require("react/jsx-runtime"),require("@mui/material"),require("react"),require("../_chunks/breakpoint.hook-X1gfdrbr.js"),require("../_chunks/useKeyCombo-V6XcyiXh.js"),require("../_chunks/Typography-BYFV0-HU.js"),require("merge-sx"),require("../_chunks/types-BbAsZw_6.js"),exports.default=e.GridOverlay;

package/dist/WebCore/Html.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement, FunctionComponent } from 'react';
+
+interface HtmlProps {
+    children: ReactElement;
+}
+declare const Html: FunctionComponent<HtmlProps>;
+
+export { type HtmlProps, Html as default };

package/dist/WebCore/Html.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default=({children:e,...t})=>e;

package/dist/WebCore/HtmlParser.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { TypographyProps } from './Typography.js';
+import '@mui/material';
+
+type HtmlParserProps = {
+    children: string;
+    typographyProps?: Partial<TypographyProps>;
+};
+declare const HtmlParser: FC<HtmlParserProps>;
+
+export { type HtmlParserProps, HtmlParser as default };

package/dist/WebCore/HtmlParser.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_chunks/HtmlParser-BobpsfG_.js");require("react/jsx-runtime"),require("@mui/material"),require("html-react-parser"),require("../_chunks/Typography-BYFV0-HU.js"),require("merge-sx"),require("react"),require("../_chunks/types-BbAsZw_6.js"),exports.default=e.HtmlParser;