@veritone-ce/design-system 1.12.17 → 1.12.19

package/dist/components/ModelGridView/__tests__/ModelGridView.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ModelGridView/index.d.ts

@@ -0,0 +1,13 @@
+interface ModelGridViewData {
+    modelName: string;
+    lastModified: string;
+    consentForm: string;
+    versions: number;
+    deployed: number;
+}
+export type ModelGridViewProps = {
+    'data-testid'?: string;
+    rows: ModelGridViewData[];
+};
+declare const ModelGridView: ({ rows }: ModelGridViewProps) => import("react/jsx-runtime").JSX.Element;
+export default ModelGridView;

package/dist/components/Panel/Panel.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Story, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ title, isOpen, children, size, handleClose, ...props }: {
+    title: string;
+    isOpen: boolean;
+    size?: "big" | "small" | "medium" | undefined;
+    children?: import("react").ReactNode;
+    handleClose?: (() => void) | undefined;
+    'data-testid'?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Big: Story;
+export declare const Medium: Story;
+export declare const Small: Story;

package/dist/components/Panel/__tests__/Panel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Panel/index.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type PanelProps = {
+    title: string;
+    isOpen: boolean;
+    size?: 'big' | 'medium' | 'small';
+    children?: ReactNode;
+    handleClose?: () => void;
+    'data-testid'?: string;
+};
+declare const Panel: ({ title, isOpen, children, size, handleClose, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export default Panel;

package/dist/components/ProgressIndicator/DefaultProgress.d.ts

@@ -0,0 +1,3 @@
+import { ProgressIndicatorProps } from '.';
+declare const DefaultProgress: ({ itemLoading, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default DefaultProgress;

package/dist/components/ProgressIndicator/MLProgress.d.ts

@@ -0,0 +1,3 @@
+import { ProgressIndicatorProps } from '.';
+declare const MLProgress: ({ itemLoading, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default MLProgress;

package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import ProgressIndicator, { ProgressIndicatorProps } from '.';
+declare const _default: ComponentMeta<({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof ProgressIndicator> | Story;
+export declare const Medium: Story<import("@storybook/react").Args> | ComponentStory<({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Large: Story<import("@storybook/react").Args> | ComponentStory<({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/ProgressIndicator/__tests__/ProgressIndicator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ProgressIndicator/index.d.ts

@@ -0,0 +1,11 @@
+import { CircularProgressProps } from '@mui/material';
+export type ProgressIndicatorProps = {
+    'data-testid'?: string;
+    itemLoading?: string;
+    type?: string;
+} & CircularProgressProps;
+/**
+- Use a progress indicator to show the user that an operation is in progress.
+**/
+declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressIndicator;

package/dist/components/RadioButton/RadioButton.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import RadioButton from '.';
+declare const _default: ComponentMeta<({ label, ...props }: {
+    'data-testid'?: string | undefined;
+    label?: string | undefined;
+} & import("@mui/material").RadioProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof RadioButton> | Story;
+export declare const Checked: ComponentStory<typeof RadioButton> | Story;
+export declare const Disabled: ComponentStory<typeof RadioButton> | Story;

package/dist/components/RadioButton/RadioButton.theme.d.ts

@@ -0,0 +1,4 @@
+import { Components } from '@mui/material';
+import { Theme } from '../../assets/theme';
+declare const radioButtonTheme: (theme: Theme) => Components['MuiRadio'];
+export default radioButtonTheme;

package/dist/components/RadioButton/__tests__/RadioButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/RadioButton/index.d.ts

@@ -0,0 +1,7 @@
+import { RadioProps } from '@mui/material';
+type RadioButtonProps = {
+    'data-testid'?: string;
+    label?: string;
+} & RadioProps;
+declare const RadioButton: ({ label, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/dist/components/RadioGroup/__tests__/RadioGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/RadioGroup/index.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupProps as MuiRadioGroupProps } from '@mui/material';
+type RadioGroupProps = {
+    'data-testid'?: string;
+} & MuiRadioGroupProps;
+declare const RadioGroup: ({ ...props }: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroup;

package/dist/components/Select/Select.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MultiLine: ComponentStory<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Select/__tests__/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Select/index.d.ts

@@ -0,0 +1,15 @@
+import { SelectProps as MuiSelectProps } from '@mui/material';
+type ItemData = {
+    title?: string;
+    name: string;
+    value: string | number;
+};
+export type SelectProps = {
+    'data-testid'?: string;
+    label: string;
+    items: ItemData[];
+    helperText?: string;
+    errorMessage?: string;
+} & MuiSelectProps;
+declare const Select: ({ label, items, helperText, errorMessage, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/dist/components/Select/select.theme.d.ts

@@ -0,0 +1,53 @@
+import { Theme } from '../../assets/theme';
+declare const selectTheme: (theme: Theme) => {
+    defaultProps: {
+        fullWidth: boolean;
+        displayEmpty: boolean;
+    };
+    styleOverrides: {
+        root: () => {
+            '&.MuiOutlinedInput-root': {
+                '& .MuiSelect-outlined': {
+                    border: string;
+                };
+                '&.Mui-focused': {
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: string;
+                    };
+                };
+                '&.Mui-error': {
+                    '& .MuiSelect-outlined': {
+                        color: string;
+                        border: string;
+                        fontSize: string;
+                        lineHeight: string;
+                    };
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        borderColor: string;
+                    };
+                    '& .MuiSelect-iconOutlined': {
+                        color: string;
+                    };
+                };
+                '&.Mui-disabled': {
+                    '& .MuiSelect-iconOutlined': {
+                        color: string;
+                    };
+                    '& .MuiSelect-outlined': {
+                        background: string;
+                        borderColor: string;
+                        color: string;
+                        WebkitTextFillColor: string;
+                    };
+                    '& .MuiOutlinedInput-notchedOutline': {
+                        border: string;
+                    };
+                };
+                '& .MuiSelect-iconOutlined': {
+                    color: string;
+                };
+            };
+        };
+    };
+};
+export default selectTheme;

package/dist/components/StatusChip/StatusChip.stories.d.ts

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ label, ...props }: {
+    'data-testid'?: string | undefined;
+    status: "error" | "complete" | "processing" | "custom";
+    label?: string | undefined;
+    coloroverride?: string | undefined;
+} & {
+    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    children?: null | undefined;
+    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
+    clickable?: boolean | undefined;
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
+    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    disabled?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    label?: import("react").ReactNode;
+    onDelete?: ((event: any) => void) | undefined;
+    size?: "small" | "medium" | undefined;
+    skipFocusWhenDisabled?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    variant?: "outlined" | "filled" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "color" | "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "disabled" | "sx" | "size" | "variant" | "clickable" | "avatar" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Options: ComponentStory<({ label, ...props }: {
+    'data-testid'?: string | undefined;
+    status: "error" | "complete" | "processing" | "custom";
+    label?: string | undefined;
+    coloroverride?: string | undefined;
+} & {
+    avatar?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    children?: null | undefined;
+    classes?: Partial<import("@mui/material").ChipClasses> | undefined;
+    clickable?: boolean | undefined;
+    color?: "primary" | "secondary" | "success" | "error" | "info" | "warning" | "default" | undefined;
+    deleteIcon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    disabled?: boolean | undefined;
+    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    label?: import("react").ReactNode;
+    onDelete?: ((event: any) => void) | undefined;
+    size?: "small" | "medium" | undefined;
+    skipFocusWhenDisabled?: boolean | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    variant?: "outlined" | "filled" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "color" | "icon" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "tabIndex" | "children" | "disabled" | "sx" | "size" | "variant" | "clickable" | "avatar" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled">) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/StatusChip/__tests__/StatusChip.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/StatusChip/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const COMPLETE = "complete";
+export declare const PROCESSING = "processing";
+export declare const ERROR = "error";

package/dist/components/StatusChip/index.d.ts

@@ -0,0 +1,28 @@
+import { ChipProps as MuiChipProps } from '@mui/material';
+type StatusChipProps = {
+    'data-testid'?: string;
+    /**
+      Determines stock color. Used as label if no label prop is provided.
+    **/
+    status: 'complete' | 'processing' | 'error' | 'custom';
+    /**
+      If no label prop provided, status prop is used as chip label.
+    **/
+    label?: string;
+    /**
+      To override the StatusChip stock colors, use `coloroverride` prop. The `coloroverride` prop should be a HEX Value.
+    **/
+    coloroverride?: string;
+} & MuiChipProps;
+/**
+- Use a StatusChip to display the status of some action to the user.
+- Veritone stock options derive from the required `status` prop and include Complete, Processing, or Error. Their corresponding colors derive from Veritone's Design System guidelines.
+- To override Stock Option labels, but retain corresponding chip color, use the `label` prop.
+- To override Stock Option colors, but retain corresponding label, either use the `color` prop (for MUI stock color options) **OR** use the `coloroverride` prop (for full color customization).
+- To fully customize StatusChip:
+    - Set `status` prop to "custom";
+    - Pass your custom string to `label` prop;
+    - Pass an MUI stock color option to `color` prop **OR** pass a custom color Hex Value to `coloroverride` prop.
+**/
+declare const StatusChip: ({ label, ...props }: StatusChipProps) => import("react/jsx-runtime").JSX.Element;
+export default StatusChip;

package/dist/components/StatusChip/statusChip.theme.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../../assets/theme';
+import { Components } from '@mui/material';
+declare const statusChipTheme: (theme: Theme) => Components['MuiChip'];
+export default statusChipTheme;

package/dist/components/Step/__tests__/Step.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Step/index.d.ts

@@ -0,0 +1,6 @@
+import { StepProps as MuiStepProps } from '@mui/material';
+type StepProps = {
+    'data-testid'?: string;
+} & MuiStepProps;
+declare const Step: ({ ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;
+export default Step;

package/dist/components/StepLabel/__tests__/StepLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/StepLabel/index.d.ts

@@ -0,0 +1,6 @@
+import { StepLabelProps as MuiStepLabelProps } from '@mui/material';
+type StepLabelProps = {
+    'data-testid'?: string;
+} & MuiStepLabelProps;
+declare const StepLabel: ({ ...props }: StepLabelProps) => import("react/jsx-runtime").JSX.Element;
+export default StepLabel;

package/dist/components/Stepper/Stepper.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import Stepper from '.';
+declare const _default: ComponentMeta<(props: {
+    'data-testid'?: string | undefined;
+} & {
+    component?: import("react").ElementType<any> | undefined;
+} & Pick<import("@mui/material").PaperProps<"div", {}>, "variant" | "square" | "elevation"> & {
+    activeStep?: number | undefined;
+    alternativeLabel?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").StepperClasses> | undefined;
+    connector?: import("react").ReactElement<any, any> | null | undefined;
+    nonLinear?: boolean | undefined;
+    orientation?: import("@mui/material").Orientation | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "square" | "elevation" | "orientation" | "component" | "activeStep" | "alternativeLabel" | "connector" | "nonLinear">) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof Stepper> | Story;

package/dist/components/Stepper/__tests__/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,13 @@
+import { StepperProps as MuiStepperProps } from '@mui/material';
+type StepperProps = {
+    'data-testid'?: string;
+} & MuiStepperProps;
+/**
+  The Stepper is used for highlighting where a user is in a progression of steps.
+  For additional information see:
+    https://mui.com/material-ui/react-stepper/ ,
+    https://mui.com/material-ui/api/step/ ,
+    https://mui.com/material-ui/api/step-label/ .
+**/
+declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export default Stepper;

package/dist/components/Stepper/stepper.theme.d.ts

@@ -0,0 +1,50 @@
+import { Theme } from '../../assets/theme';
+declare const stepperTheme: (theme: Theme) => {
+    MuiStepConnector: {
+        styleOverrides: {
+            line: {
+                borderColor: string;
+            };
+        };
+    };
+    MuiStep: {
+        defaultProps: {
+            completed: boolean;
+        };
+    };
+    MuiStepIcon: {
+        styleOverrides: {
+            root: {
+                borderRadius: string;
+                height: string;
+                width: string;
+                outline: string;
+                color: string;
+                text: {
+                    fill: string;
+                };
+                '&.Mui-active': {
+                    outline: string;
+                    color: string;
+                    text: {
+                        fill: string;
+                    };
+                };
+            };
+        };
+    };
+    MuiStepLabel: {
+        styleOverrides: {
+            label: {
+                fontWeight: string;
+                '&.Mui-active': {
+                    fontWeight: string;
+                };
+            };
+            iconContainer: {
+                padding: string;
+            };
+        };
+    };
+};
+export default stepperTheme;

package/dist/components/Tabs/Badge.d.ts

@@ -0,0 +1,7 @@
+import { BadgeProps } from '@mui/material';
+export type BadgeLabelProps = {
+    badgeCount: number;
+    label: string;
+} & BadgeProps;
+declare function BadgeLabel({ badgeCount, label }: BadgeLabelProps): import("react/jsx-runtime").JSX.Element;
+export default BadgeLabel;

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import { Tabs } from '@mui/material';
+declare const _default: ComponentMeta<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>>>>;
+export default _default;
+export declare const OnOffState: ComponentStory<typeof Tabs> | Story;
+export declare const OnOffWithCount: Story<import("@storybook/react").Args> | ComponentStory<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TabsTypeMap<{}, import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonBaseTypeMap<{}, "button">>>>>;

package/dist/components/Tabs/__tests__/Tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,14 @@
+import { TabProps } from '@mui/material';
+export type SingleTabProps = {
+    'data-testid'?: string;
+    label: string;
+    count?: number;
+    value?: number;
+} & TabProps;
+/**
+ * - This is a wrapper around the Tab component
+ * - It adds a badge to the tab if the count is greater than 0
+ * - It also adds a11y props to the tab
+ **/
+declare const BasicTabs: ({ count, value, label, ...props }: SingleTabProps) => import("react/jsx-runtime").JSX.Element;
+export default BasicTabs;

package/dist/components/Tabs/tabs.theme.d.ts

@@ -0,0 +1,4 @@
+import { Components } from '@mui/material';
+import { Theme } from '../../assets/theme';
+declare const tabsTheme: (theme: Theme) => Components['MuiTabs'];
+export default tabsTheme;

package/dist/components/ThemeProvider/__tests__/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ThemeProvider/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProviderProps } from '@mui/system';
+declare const ThemeProvider: ({ children }: Omit<ThemeProviderProps, 'theme'>) => import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/dist/components/Toast/Toast.stories.d.ts

@@ -0,0 +1,14 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import Toast from '.';
+declare const _default: ComponentMeta<({ severity, messageLabel, messageText, linkText, handleClose, open, ...props }: {
+    'data-testid'?: string | undefined;
+    messageLabel?: string | undefined;
+    messageText?: string | undefined;
+    linkText?: string | undefined;
+    handleClose?: (() => void) | undefined;
+    open?: boolean | undefined;
+} & import("@mui/material").SnackbarProps & import("@mui/material").AlertProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const DefaultAutoHide: ComponentStory<typeof Toast> | Story;
+export declare const onClose: ComponentStory<typeof Toast> | Story;
+export declare const onCloseWithLink: ComponentStory<typeof Toast> | Story;

package/dist/components/Toast/__tests__/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,23 @@
+import { SnackbarProps, AlertProps } from '@mui/material';
+type ToastProps = {
+    'data-testid'?: string;
+    messageLabel?: string;
+    messageText?: string;
+    /**
+     * - Use can pass messageLabel or messageText
+     * - If these props are not passed in, the default label and text will be set based on severity
+     **/
+    linkText?: string;
+    /**
+     * - User can add linkText if they want to provide users a link with information related to the toast
+     **/
+    handleClose?: () => void;
+    /**
+     * - handleClose is an optional function a user can pass
+     * - if user does not pass this function, the autoHideDuration will control when the toast disappears
+     * -
+     **/
+    open?: boolean;
+} & SnackbarProps & AlertProps;
+declare const Toast: ({ severity, messageLabel, messageText, linkText, handleClose, open, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export default Toast;

package/dist/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import Typography from '.';
+declare const _default: ComponentMeta<({ ...props }: {
+    'data-testid'?: string | undefined;
+} & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    align?: "center" | "left" | "right" | "inherit" | "justify" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").TypographyClasses> | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2" | undefined;
+    variantMapping?: Partial<Record<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | "body1" | "body2", string>> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | ("color" | "p" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping">) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof Typography> | Story;

package/dist/components/Typography/__tests__/Typography.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Typography/index.d.ts

@@ -0,0 +1,6 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
+type TypographyProps = {
+    'data-testid'?: string;
+} & MuiTypographyProps;
+declare const Typography: ({ ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+export default Typography;

package/dist/components/UtilityRail/UtilityRail.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import UtilityRail from '.';
+declare const _default: ComponentMeta<({ items, ...props }: {
+    items: import(".").Item[];
+    'data-testid'?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof UtilityRail> | Story;

package/dist/components/UtilityRail/__tests__/UtilityRail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/UtilityRail/index.d.ts

@@ -0,0 +1,11 @@
+export type Item = {
+    title: string;
+    subtitle: string;
+    description: string;
+};
+type UtilityRailProps = {
+    items: Item[];
+    'data-testid'?: string;
+};
+declare const UtilityRail: ({ items, ...props }: UtilityRailProps) => import("react/jsx-runtime").JSX.Element;
+export default UtilityRail;

package/dist/components/UtilityRail/mock.d.ts

@@ -0,0 +1,2 @@
+import { Item } from '.';
+export declare const mock: Item[];

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+export { default as Button } from './components/Button';
+export { default as Checkbox } from './components/Checkbox';
+export { default as FileUploader } from './components/FileUploader';
+export { default as Input } from './components/Input';
+export { default as Panel } from './components/Panel';
+export { default as ProgressIndicator } from './components/ProgressIndicator';
+export { default as RadioButton } from './components/RadioButton';
+export { default as Select } from './components/Select';
+export { default as Tabs } from './components/Tabs';
+export { default as Stepper } from './components/Stepper';
+export { default as ThemeProvider } from './components/ThemeProvider';
+export { default as Typography } from './components/Typography';
+export { default as Box } from './components/Box';
+export { default as Drawer } from './components/Drawer';
+export { default as FormControlLabel } from './components/FormControlLabel';
+export { default as IconGroups } from './components/IconGroups';
+export { default as HomeOutlinedIcon } from './components/HomeOutlinedIcon';
+export { default as Link } from './components/Link';
+export { default as List } from './components/List';
+export { default as ListItem } from './components/ListItem';
+export { default as ListItemButton } from './components/ListItemButton';
+export { default as IconListItem } from './components/IconListItem';
+export { default as ListItemText } from './components/ListItemText';
+export { default as RadioGroup } from './components/RadioGroup';
+export { default as Step } from './components/Step';
+export { default as StepLabel } from './components/StepLabel';
+export { default as ModelGridView } from './components/ModelGridView';
+export { default as Breadcrumbs } from './components/Breadcrumbs';
+export { default as CustomSlider } from './components/CustomSlider';
+export { default as theme } from './assets/theme';
+export { useTheme } from '@mui/material';

package/dist/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';