@digital-ai/dot-components 2.8.2 → 2.10.0

package/lib/components/accordion/Accordion.stories.d.ts

@@ -1,8 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { AccordionProps } from './Accordion';
 declare const _default: ComponentMeta<({ actions, ariaLabel, children, className, "data-testid": dataTestId, disabled, expanded, hasElevation, onChange, square, startIcon, summary, noWrap, }: AccordionProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<AccordionProps>;
-export declare const WithExpanded: Story<AccordionProps>;
-export declare const WithStartIcons: Story<AccordionProps>;
-export declare const WithNoWrap: Story<AccordionProps>;
+export declare const Default: any;
+export declare const WithExpanded: any;
+export declare const WithStartIcons: any;
+export declare const WithNoWrap: any;

package/lib/components/accordion/Accordion.styles.d.ts

@@ -1,5 +1,4 @@
-import { Accordion } from '@mui/material';
 export declare const rootClassName = "dot-accordion";
 export declare const summaryClassName = "dot-accordion-summary";
 export declare const detailClassName = "dot-accordion-details";
-export declare const StyledAccordion: import("styled-components").StyledComponent<typeof Accordion, any, {}, never>;
+export declare const StyledAccordion: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AccordionTypeMap<{}, "div">>, any, {}, never>;

package/lib/components/app-switcher/AppSwitcher.d.ts

@@ -21,7 +21,7 @@ interface AppSwitcherViewProps extends CommonAppSwitcherProps {
     selectedAppType: string;
 }
 export declare const DotAppSwitcherView: ({ activeApp, apps, className, maxRecentInstances, noAppTypeLabel, platformConsoleUrl, onClose, open, searchInstancesThreshold, selectedAppType, yOffset, zIndex, }: AppSwitcherViewProps) => JSX.Element;
-interface AppSwitcherProps extends CommonAppSwitcherProps {
+export interface AppSwitcherProps extends CommonAppSwitcherProps {
     accountId?: string;
     includePlatformConsole?: boolean;
 }

package/lib/components/app-switcher/AppSwitcher.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AppSwitcherProps } from './AppSwitcher';
+declare const _default: ComponentMeta<({ accountId, includePlatformConsole, onClose, ...commonProps }: AppSwitcherProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AppSwitcherProps>;

package/lib/components/auto-complete/AutoComplete.d.ts

@@ -2,23 +2,8 @@ import { ChangeEvent, FocusEvent, HTMLAttributes, JSXElementConstructor, ReactNo
 import { AutocompleteCloseReason, AutocompleteGetTagProps, AutocompleteRenderOptionState, FilterOptionsState } from '@mui/material';
 import { CommonProps } from '../CommonProps';
 import { inputSizeOptions } from '../input-form-fields/InputFormFields.propTypes';
+import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
 export declare const DEFAULT_ACTION_ITEM_TEXT = "Add new item";
-export interface ActionItem {
-    /** The icon to display on the button */
-    iconId?: string;
-    /** Event callback */
-    onClick: (inputText?: string) => void;
-    /** If set to true, it will prevent duplicate item insertion */
-    preventDuplicateInsertion?: boolean;
-    /** Text/Node displayed */
-    text?: string | ReactNode;
-}
-export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[] | null;
-export interface AutoCompleteOption {
-    error?: boolean;
-    group?: string;
-    title: string;
-}
 /**
  * AutoCompleteOption can be extended for the use case when customizing
  * autocomplete option rendering by using `renderOption` prop.

package/lib/components/auto-complete/AutoComplete.stories.d.ts

@@ -1,5 +1,6 @@
 import { ComponentMeta, Story } from '@storybook/react';
-import { AutoCompleteOption, AutoCompleteProps } from './AutoComplete';
+import { AutoCompleteProps } from './AutoComplete';
+import { AutoCompleteOption } from './utils/interface';
 import { AutoCompleteWithRenderOption } from './Autocomplete.stories.data';
 declare const _default: ComponentMeta<(<T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => JSX.Element)>;
 export default _default;

package/lib/components/auto-complete/Autocomplete.stories.data.d.ts

@@ -1,5 +1,6 @@
 import { ChangeEvent } from 'react';
-import { ActionItem, AutoCompleteOption, AutoCompleteProps, AutoCompleteValue } from './AutoComplete';
+import { AutoCompleteProps } from './AutoComplete';
+import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
 import { CommonProps } from '../CommonProps';
 export declare const movies: AutoCompleteOption[];
 export declare const handleActionItemClick: (newItem?: string) => void;

package/lib/components/auto-complete/index.d.ts

@@ -1,3 +1,4 @@
 export type { AutocompleteRenderOptionState, FilterOptionsState, } from '@mui/material';
 export * from './AutoComplete';
+export * from './utils/interface';
 export { parseAutoCompleteValue } from './utils/helpers';

package/lib/components/auto-complete/utils/helpers.d.ts

@@ -1,6 +1,6 @@
 import { AutocompleteGetTagProps } from '@mui/material';
 import { ChipSize } from '../../chip/Chip';
-import { AutoCompleteOption, AutoCompleteValue } from '../AutoComplete';
+import { AutoCompleteOption, AutoCompleteValue } from './interface';
 export declare const parseAutoCompleteValue: (value: AutoCompleteValue) => string;
 export interface GetChipsFromAutocompleteProps {
     chipSize?: ChipSize;

package/lib/components/auto-complete/utils/interface.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export interface ActionItem {
+    /** The icon to display on the button */
+    iconId?: string;
+    /** Event callback */
+    onClick: (inputText?: string) => void;
+    /** If set to true, it will prevent duplicate item insertion */
+    preventDuplicateInsertion?: boolean;
+    /** Text/Node displayed */
+    text?: string | ReactNode;
+}
+export declare type AutoCompleteValue = string | string[] | AutoCompleteOption | AutoCompleteOption[] | null;
+export interface AutoCompleteOption {
+    error?: boolean;
+    group?: string;
+    title: string;
+}

package/lib/components/avatar/Avatar.d.ts

@@ -15,6 +15,8 @@ export interface AvatarProps extends CommonProps {
     iconId?: string;
     /** Source for the image used for the avatar */
     imageSrc?: string;
+    /** The number to be displayed. Only the first 2 digits will be displayed */
+    number?: number;
     /** Event callback */
     onClick?: (event: MouseEvent) => void;
     /** Size of avatar displayed */
@@ -32,4 +34,4 @@ export interface AvatarProps extends CommonProps {
     /** The shape of the avatar */
     variant?: AvatarVariant;
 }
-export declare const DotAvatar: ({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element;
+export declare const DotAvatar: ({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element;

package/lib/components/avatar/Avatar.stories.d.ts

@@ -1,7 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { AvatarProps } from './Avatar';
-declare const _default: ComponentMeta<({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<AvatarProps>;
-export declare const AvatarButton: Story<AvatarProps>;
-export declare const WithTooltip: Story<AvatarProps>;
+export declare const Default: any;
+export declare const AvatarButton: any;
+export declare const WithNumber: any;
+export declare const WithTooltip: any;

package/lib/components/badge/Badge.stories.d.ts

@@ -1,8 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { BadgeProps } from './Badge';
 declare const _default: ComponentMeta<({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<BadgeProps>;
-export declare const WithNotification: Story<BadgeProps>;
-export declare const WithNotificationNumber: Story<BadgeProps>;
-export declare const WithMaxNumber: Story<BadgeProps>;
+export declare const Default: any;
+export declare const WithNotification: any;
+export declare const WithNotificationNumber: any;
+export declare const WithMaxNumber: any;

package/lib/components/checkbox/Checkbox.stories.d.ts

@@ -1,9 +1,9 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { CheckboxProps, DotCheckbox } from './Checkbox';
 declare const _default: ComponentMeta<typeof DotCheckbox>;
 export default _default;
-export declare const Default: Story<CheckboxProps>;
-export declare const WithSmallSize: Story<CheckboxProps>;
-export declare const WithStartLabelPlacement: Story<CheckboxProps>;
-export declare const WithBottomLabelPlacement: Story<CheckboxProps>;
-export declare const WithIndeterminateOption: Story<CheckboxProps>;
+export declare const Default: any;
+export declare const WithSmallSize: any;
+export declare const WithStartLabelPlacement: any;
+export declare const WithBottomLabelPlacement: any;
+export declare const WithIndeterminateOption: (args: CheckboxProps) => JSX.Element;

package/lib/components/checkbox/CheckboxGroup.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, ComponentMeta } from '@storybook/react';
-import { DotCheckboxGroup, CheckboxGroupProps } from './CheckboxGroup';
+import { ComponentMeta } from '@storybook/react';
+import { DotCheckboxGroup } from './CheckboxGroup';
 declare const _default: ComponentMeta<typeof DotCheckboxGroup>;
 export default _default;
-export declare const Default: Story<CheckboxGroupProps>;
+export declare const Default: any;
 export declare const WithHelperText: any;

package/lib/components/chip/Chip.stories.d.ts

@@ -1,8 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { ChipProps } from './Chip';
 declare const _default: ComponentMeta<({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<ChipProps>;
-export declare const ChipWithAvatar: Story<ChipProps>;
-export declare const ChipWithIcon: Story<ChipProps>;
-export declare const ChipWithLongText: Story<ChipProps>;
+export declare const Default: any;
+export declare const ChipWithAvatar: any;
+export declare const ChipWithIcon: any;
+export declare const ChipWithLongText: any;

package/lib/components/dynamic-form/utils/formHelpers.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent } from 'react';
 import { ControlClickHandler, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormOutputData, DynamicFormState, DynamicFormStateData, DynamicFormStateItem } from '../models';
-import { AutoCompleteValue } from '../../auto-complete/AutoComplete';
+import { AutoCompleteValue } from '../../auto-complete/';
 import { CheckboxProps } from '../../checkbox/Checkbox';
 declare type AutoCompleteChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>, value: AutoCompleteValue) => void;
 declare type ChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>) => void;

package/lib/components/file-upload/FileListItem.styles.d.ts

@@ -11,6 +11,12 @@ export declare const StyledFileListItem: ((props: {
     componentsProps?: {
         root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides;
     };
+    slotProps?: {
+        root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides;
+    };
+    slots?: {
+        root?: import("react").ElementType<any>;
+    };
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
     centerRipple?: boolean;
@@ -29,7 +35,7 @@ export declare const StyledFileListItem: ((props: {
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: import("react").Ref<HTMLAnchorElement>;
-}, "button" | "style" | "className" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps">) => JSX.Element) & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ExtendButtonBaseTypeMap<import("@mui/material").ListItemTypeMap<{
+}, "button" | "style" | "className" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps" | "slotProps" | "slots">) => JSX.Element) & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ExtendButtonBaseTypeMap<import("@mui/material").ListItemTypeMap<{
     button: true;
 }, "div">>> & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ListItemTypeMap<{
     button?: false;

package/lib/components/file-upload/FileUpload.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { FileUploadProps } from './';
 declare const _default: ComponentMeta<({ accept, ariaLabel, ariaRole, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<FileUploadProps>;
-export declare const WithSingleFileLimit: Story<FileUploadProps>;
-export declare const WithCustomFileUploadList: Story<FileUploadProps>;
-export declare const WithUploadErrors: Story<FileUploadProps>;
+export declare const Default: any;
+export declare const WithSingleFileLimit: any;
+export declare const WithCustomFileUploadList: (args: FileUploadProps) => JSX.Element;
+export declare const WithUploadErrors: (args: FileUploadProps) => JSX.Element;

package/lib/components/inline-edit/InlineEdit.d.ts

@@ -16,6 +16,8 @@ export interface InlineEditProps extends CommonProps {
     onChange?: (value: string) => Promise<boolean>;
     /** A function that informs the parent of current editing state */
     onEditStateChange?: (editing: boolean) => void;
+    /** If provided will display placeholder text when field is empty */
+    placeholder?: string;
     /** If true, component will behave like a regular text (editing functionality will be disabled). */
     readOnly?: boolean;
     /** If true, when starting edit it will select all text in the input */
@@ -34,4 +36,4 @@ export interface InlineEditProps extends CommonProps {
 /**
  * @experimental This component is still in development
  */
-export declare const DotInlineEdit: ({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element;
+export declare const DotInlineEdit: ({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element;

package/lib/components/inline-edit/InlineEdit.stories.d.ts

@@ -1,16 +1,16 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { InlineEditProps } from './InlineEdit';
-declare const _default: ComponentMeta<({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<InlineEditProps>;
+export declare const Default: any;
 export declare const WithCharactersLimit: any;
+export declare const WithPlaceholder: any;
 export declare const WithMultipleLines: any;
 export declare const WithReadOnlyMode: any;
 export declare const WithoutActionButtons: any;
 export declare const WithTooltip: any;
-export declare const WithSaveError: Story<InlineEditProps>;
-export declare const WithCustomTypography: Story<InlineEditProps>;
+export declare const WithSaveError: (args: InlineEditProps) => JSX.Element;
 export declare const WithStartEditable: any;
 export declare const WithSingleBinding: any;
-export declare const WithMultipleBindings: Story<InlineEditProps>;
+export declare const WithMultipleBindings: (args: InlineEditProps) => JSX.Element;
 export declare const WithSelectOnEdit: any;

package/lib/components/inline-edit/InlineEdit.styles.d.ts

@@ -2,6 +2,7 @@ import { TypographyVariant } from '../typography/Typography';
 export declare const rootClassName = "dot-inline-edit";
 export declare const editModeClassName = "dot-edit-mode";
 export declare const viewModeClassName = "dot-view-mode";
+export declare const placeholderClassName = "dot-placeholder";
 export declare const readOnlyClassName = "dot-read-only";
 export declare const editActionsClassName = "dot-edit-actions";
 export declare const editTextFieldClassName = "dot-edit-text-field";

package/lib/components/input-form-fields/InputFormFields.styles.d.ts

@@ -1,4 +1,4 @@
-import { TextField, InputLabel } from '@mui/material';
+import { TextField } from '@mui/material';
 export declare const rootClassName = "dot-text-field";
 export declare const rootSelectClassName = "dot-select-field";
 export declare const labelClassName = "dot-input-label";
@@ -8,6 +8,6 @@ export declare const successClassName = "dot-success";
 export declare const adornmentIconClassName = "dot-adornment-icon";
 export declare const fieldsetClassName = "MuiOutlinedInput-notchedOutline";
 export declare const StyledAdornment: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputAdornmentTypeMap<{}, "div">>, any, {}, never>;
-export declare const StyledInputLabel: import("styled-components").StyledComponent<typeof InputLabel, any, {}, never>;
+export declare const StyledInputLabel: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").InputLabelTypeMap<{}, "label">>, any, {}, never>;
 export declare const StyledTextFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledTextField: import("styled-components").StyledComponent<typeof TextField, any, {}, never>;

package/lib/components/linear-progress/LinearProgress.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { LinearProgressProps } from './LinearProgress';
 declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<LinearProgressProps>;
+export declare const Default: any;
 export declare const WithDeterminateVariant: any;
 export declare const WithBufferVariant: any;
 export declare const WithQueryVariant: any;

package/lib/components/list/List.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { ListProps } from './utils/models';
 declare const _default: ComponentMeta<({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<ListProps>;
-export declare const WithoutIcons: Story<ListProps>;
+export declare const Default: any;
+export declare const WithoutIcons: any;

package/lib/components/list/ListItem.styles.d.ts

@@ -13,6 +13,12 @@ export declare const StyledListItem: ((props: {
     componentsProps?: {
         root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides;
     };
+    slotProps?: {
+        root?: import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides;
+    };
+    slots?: {
+        root?: import("react").ElementType<any>;
+    };
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
     centerRipple?: boolean;
@@ -31,7 +37,7 @@ export declare const StyledListItem: ((props: {
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: import("react").Ref<HTMLAnchorElement>;
-}, "button" | "style" | "className" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps">) => JSX.Element) & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ExtendButtonBaseTypeMap<import("@mui/material").ListItemTypeMap<{
+}, "button" | "style" | "className" | "classes" | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "alignItems" | "autoFocus" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps" | "slotProps" | "slots">) => JSX.Element) & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ExtendButtonBaseTypeMap<import("@mui/material").ListItemTypeMap<{
     button: true;
 }, "div">>> & import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ListItemTypeMap<{
     button?: false;

package/lib/components/menu/Menu.styles.d.ts

@@ -5,5 +5,14 @@ interface StyledPopperArgs {
     $maxHeight?: number | string;
 }
 export declare const getListMaxHeight: (maxHeight: string | number) => string;
-export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/material").PopperProps, "slot" | "style" | "title" | "anchorEl" | "children" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "transition" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "components" | "componentsProps"> & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
+export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps<"div">, "direction"> & {
+    component?: import("react").ElementType<any>;
+    components?: {
+        Root?: import("react").ElementType<any>;
+    };
+    componentsProps?: {
+        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
+    };
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
 export {};

package/lib/components/popper/Popper.styles.d.ts

@@ -1,3 +1,12 @@
 /// <reference types="react" />
 export declare const rootClassName = "dot-popper";
-export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/material").PopperProps, "slot" | "style" | "title" | "anchorEl" | "children" | "container" | "disablePortal" | "keepMounted" | "modifiers" | "open" | "placement" | "popperOptions" | "popperRef" | "slotProps" | "slots" | "transition" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "sx" | "components" | "componentsProps"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps<"div">, "direction"> & {
+    component?: import("react").ElementType<any>;
+    components?: {
+        Root?: import("react").ElementType<any>;
+    };
+    componentsProps?: {
+        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
+    };
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
+} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/lib/components/progress/Progress.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { ProgressProps } from './Progress';
 declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, size, thickness, tooltip, value, variant, }: ProgressProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<ProgressProps>;
+export declare const Default: any;
 export declare const WithPrimaryColor: any;
 export declare const WithCustomSizeAndThickness: any;
 export declare const WithDeterminateVariant: any;

package/lib/components/radio/RadioGroup.stories.d.ts

@@ -1,7 +1,7 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { RadioGroupProps } from './RadioGroup';
 declare const _default: ComponentMeta<({ ariaLabel, ariaRole, className, "data-testid": dataTestId, defaultValue, disableGroup, endIcon, error, helperText, groupLabel, name, labelPlacement, onChange, value, options, startIcon, required, row, size, }: RadioGroupProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<RadioGroupProps>;
+export declare const Default: any;
 export declare const WithHelperText: any;
 export declare const WithRowAndHelperText: any;

package/lib/components/snackbar/Snackbar.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { SnackbarProps } from './';
 declare const _default: ComponentMeta<({ action, anchorOrigin, ariaLabel, children, className, "data-testid": dataTestId, onClose, open, severity, width, }: SnackbarProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<SnackbarProps>;
-export declare const WithBottomCenterAnchor: Story<SnackbarProps>;
+export declare const Default: any;
+export declare const WithBottomCenterAnchor: any;

package/lib/components/split-button/SplitButton.stories.d.ts

@@ -1,9 +1,9 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { SplitButtonProps } from './SplitButton';
 declare const _default: ComponentMeta<({ autoFocus, ariaLabel, className, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, type, }: SplitButtonProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<SplitButtonProps>;
-export declare const WithSelectedKey: Story<SplitButtonProps>;
-export declare const WithMainOptionDisabled: Story<SplitButtonProps>;
-export declare const WithMenuOptionDisabled: Story<SplitButtonProps>;
-export declare const WithMenuButtonDisabled: Story<SplitButtonProps>;
+export declare const Default: any;
+export declare const WithSelectedKey: any;
+export declare const WithMainOptionDisabled: any;
+export declare const WithMenuOptionDisabled: any;
+export declare const WithMenuButtonDisabled: any;

package/lib/components/stepper/Stepper.stories.d.ts

@@ -1,10 +1,10 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { StepperProps } from './Stepper';
 declare const _default: ComponentMeta<({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<StepperProps>;
-export declare const WithStepDescription: Story<StepperProps>;
-export declare const WithHorizontalOrientation: Story<StepperProps>;
-export declare const WithErrorStep: Story<StepperProps>;
-export declare const WithInitialAndFinalContent: Story<StepperProps>;
-export declare const WithStepperListOnRightSide: Story<StepperProps>;
+export declare const Default: any;
+export declare const WithStepDescription: any;
+export declare const WithHorizontalOrientation: any;
+export declare const WithErrorStep: any;
+export declare const WithInitialAndFinalContent: any;
+export declare const WithStepperListOnRightSide: any;

package/lib/components/switch/Switch.stories.d.ts

@@ -1,12 +1,12 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { SwitchProps } from './';
 declare const _default: ComponentMeta<({ ariaLabel, checked, className, color, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<SwitchProps>;
-export declare const WithSecondaryColor: Story<SwitchProps>;
-export declare const WithDisabledState: Story<SwitchProps>;
-export declare const WithSmallSize: Story<SwitchProps>;
-export declare const WithStartLabelPlacement: Story<SwitchProps>;
-export declare const WithBottomLabelPlacement: Story<SwitchProps>;
-export declare const WithTopLabelPlacement: Story<SwitchProps>;
-export declare const WithoutLabel: Story<SwitchProps>;
+export declare const Default: any;
+export declare const WithSecondaryColor: any;
+export declare const WithSmallSize: any;
+export declare const WithDisabledState: any;
+export declare const WithStartLabelPlacement: any;
+export declare const WithBottomLabelPlacement: any;
+export declare const WithTopLabelPlacement: any;
+export declare const WithoutLabel: any;

package/lib/components/table/Table.stories.d.ts

@@ -2,9 +2,9 @@ import { Story, ComponentMeta } from '@storybook/react';
 import { TableProps } from './Table';
 declare const _default: ComponentMeta<({ ariaLabel, bodyTypography, className, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<TableProps>;
-export declare const LocallyPaginatedTable: Story<TableProps>;
-export declare const RemotelyPaginatedTable: Story<TableProps>;
-export declare const WithActionMenu: Story<TableProps>;
-export declare const WithCheckboxSelection: Story<TableProps>;
-export declare const EmptyTable: Story<TableProps>;
+export declare const Default: Story;
+export declare const LocallyPaginatedTable: Story;
+export declare const RemotelyPaginatedTable: Story;
+export declare const WithActionMenu: Story;
+export declare const WithCheckboxSelection: Story;
+export declare const EmptyTable: Story;

package/lib/components/table/TableCell.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { CommonProps } from '../CommonProps';
 import { TypographyVariant } from '../typography/Typography';
 export declare type TextAlignment = 'center' | 'inherit' | 'justify' | 'left' | 'right';
@@ -9,10 +9,11 @@ export interface CellProps extends CommonProps {
     id?: string;
     noWrap?: boolean;
     onActionMenuTrigger?: (el: HTMLElement, menuItem: Array<ReactNode>) => void;
+    style?: CSSProperties;
     typography: TypographyVariant;
     value?: unknown;
 }
 /**
  * A wrapper component around the TableCell component from @material-ui.
  */
-export declare const DotBodyCell: ({ ariaLabel, align, cellKey, className, colspan, "data-testid": dataTestId, noWrap, onActionMenuTrigger, typography, value, }: CellProps) => JSX.Element;
+export declare const DotBodyCell: ({ ariaLabel, align, cellKey, className, colspan, "data-testid": dataTestId, noWrap, onActionMenuTrigger, style, typography, value, }: CellProps) => JSX.Element;

package/lib/components/truncate-with-tooltip/TruncateWithTooltip.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { TruncateWithTooltipProps } from './';
 declare const _default: ComponentMeta<({ ariaLabel, charactersLimit, className, "data-testid": dataTestId, label, width, }: TruncateWithTooltipProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<TruncateWithTooltipProps>;
-export declare const WithAutoTruncate: Story<TruncateWithTooltipProps>;
-export declare const WithWidthAsNumber: Story<TruncateWithTooltipProps>;
-export declare const WithWidthAsString: Story<TruncateWithTooltipProps>;
+export declare const Default: any;
+export declare const WithAutoTruncate: any;
+export declare const WithWidthAsNumber: any;
+export declare const WithWidthAsString: any;