@veritone-ce/design-system 1.12.16 → 1.12.18

package/dist/assets/theme.d.ts

@@ -0,0 +1,59 @@
+import { PaletteColorOptions, SimplePaletteColorOptions } from '@mui/material';
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        primary: true;
+        secondary: true;
+        tertiary: true;
+    }
+}
+declare module '@mui/material/styles' {
+    type Colors = typeof colors;
+    type ButtonPaletteColorOptions = SimplePaletteColorOptions & {
+        hover: string;
+    };
+    type MiscPaletteColorOptions = Colors['misc'];
+    type TextPaletteColorOptions = Colors['text'];
+    interface TypeText extends TextPaletteColorOptions {
+    }
+    interface Palette {
+        neutral: Pick<Palette['primary'], 'main'>;
+        button: ButtonPaletteColorOptions;
+        misc: MiscPaletteColorOptions;
+    }
+    interface PaletteOptions {
+        neutral: PaletteColorOptions;
+        button: ButtonPaletteColorOptions;
+        misc: MiscPaletteColorOptions;
+    }
+}
+export declare const colors: {
+    brand: {
+        pink: string;
+        blueOne: string;
+        blueTwo: string;
+        warning: string;
+        success: string;
+        error: string;
+        white: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        disabled: string;
+    };
+    button: {
+        primary: string;
+        hover: string;
+    };
+    misc: {
+        background: string;
+        altBackground: string;
+        rowHoverGreyOne: string;
+        rowOn: string;
+        rowOnHoverGreyTwo: string;
+    };
+};
+export type Theme = typeof theme;
+declare let theme: import("@mui/material").Theme;
+export default theme;

package/dist/assets/theme.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.colors = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _material = require("@mui/material");
 var _stepper = _interopRequireDefault(require("../components/Stepper/stepper.theme"));
 var _checkbox = _interopRequireDefault(require("../components/Checkbox/checkbox.theme"));
@@ -17,11 +18,43 @@ var _menuFlyout = require("../components/MenuFlyout/menuFlyout.theme");
 var _modal = _interopRequireDefault(require("../components/Modal/modal.theme"));
 var _linearProgress = _interopRequireDefault(require("../components/LinearProgress/linearProgress.theme"));
 var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
-var _information = _interopRequireDefault(require("./information.svg"));
-var _warning = _interopRequireDefault(require("./warning.svg"));
 var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var InformationIcon = function InformationIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm1.674-4.444.14-.575c-.072.034-.189.073-.35.118a1.655 1.655 0 0 1-.436.067c-.272 0-.464-.045-.575-.134-.11-.09-.166-.258-.166-.505 0-.098.017-.243.051-.435.034-.191.073-.362.115-.511l.524-1.86c.051-.17.087-.358.106-.563.019-.204.028-.347.028-.428 0-.392-.137-.71-.412-.956-.275-.244-.666-.367-1.173-.367-.281 0-.58.05-.895.15-.315.1-.645.22-.99.361l-.141.576c.102-.039.225-.08.368-.122.142-.043.282-.064.418-.064.277 0 .465.047.563.14.098.095.147.26.147.5 0 .131-.016.277-.048.437-.032.16-.072.33-.119.508l-.524 1.867a5.499 5.499 0 0 0-.102.527 3.366 3.366 0 0 0-.032.457c0 .384.142.7.425.95.284.249.681.373 1.192.373.333 0 .625-.043.876-.13.252-.088.588-.215 1.01-.38Zm-.093-7.552a1.09 1.09 0 0 0 .368-.828 1.1 1.1 0 0 0-.368-.83A1.247 1.247 0 0 0 12.696 7c-.345 0-.641.115-.889.345-.247.23-.37.507-.37.831 0 .324.123.6.37.828.248.228.544.342.889.342s.64-.114.885-.342Z",
+      fill: "#214167"
+    })
+  });
+};
+InformationIcon.defaultProps = {
+  width: "22",
+  height: "22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var WarningIcon = function WarningIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M17.075 17.075A9.976 9.976 0 0 0 20 10a9.976 9.976 0 0 0-2.925-7.075A9.976 9.976 0 0 0 10 0a9.976 9.976 0 0 0-7.075 2.925A9.976 9.976 0 0 0 0 10a9.976 9.976 0 0 0 2.925 7.075A9.976 9.976 0 0 0 10 20a9.976 9.976 0 0 0 7.075-2.925Zm-5.722-3.218A1.35 1.35 0 0 0 10 12.505c-.75 0-1.371.603-1.371 1.352 0 .75.621 1.372 1.371 1.372s1.353-.622 1.353-1.372ZM10 11.134c-.494 0-.86-.403-.914-.915l-.457-4.076C8.556 5.43 9.305 4.77 10 4.77s1.444.659 1.353 1.372l-.439 4.076c-.055.512-.42.915-.914.915Z",
+      fill: "#FFBB0A"
+    })
+  });
+};
+WarningIcon.defaultProps = {
+  width: "22",
+  height: "22",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 const colors = {
   brand: {
     pink: '#D43060',
@@ -218,11 +251,11 @@ theme = (0, _material.createTheme)(theme, {
           success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckCircle.default, {}),
           info: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
             alt: 'information icon',
-            src: _information.default
+            src: InformationIcon
           }),
           warning: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
             alt: 'warning icon',
-            src: _warning.default
+            src: WarningIcon
           }),
           error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {})
         }

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

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

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

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

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

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

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

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

package/dist/components/Breadcrumbs/breadcrumbs.theme.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '../../assets/theme';
+declare const breadcrumbs: (theme: Theme) => {
+    styleOverrides: {
+        root: () => {
+            '& .MuiBreadcrumbs-separator': {
+                color: string;
+            };
+        };
+    };
+};
+export default breadcrumbs;

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

@@ -0,0 +1,15 @@
+type BreadcrumbsProps = {
+    'data-testid'?: string;
+    links: {
+        href: string;
+        label: string;
+    }[];
+};
+/**
+ * - This is the breadcrumbs component that is used in the header
+ * - It takes in an array of links and renders them as breadcrumbs
+ * - The last link is not clickable
+ * - The last link is styled differently
+ **/
+declare const BreadcrumbsComponent: ({ links }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+export default BreadcrumbsComponent;

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

@@ -0,0 +1,7 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import { ButtonProps } from './';
+declare const _default: ComponentMeta<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Contained: ComponentStory<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Outlined: ComponentStory<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Text: ComponentStory<({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Button/Indicator.d.ts

@@ -0,0 +1,2 @@
+declare const Indicator: () => import("react/jsx-runtime").JSX.Element;
+export default Indicator;

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

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

package/dist/components/Button/button.theme.d.ts

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

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

@@ -0,0 +1,10 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+export type ButtonProps = {
+    'data-testid'?: string;
+    isLoading?: boolean;
+} & MuiButtonProps;
+/**
+- Use a button for common user click actions. Several variations available.
+**/
+declare const Button: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/components/Button/useButtonProps.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from '.';
+declare const useButtonProps: ({ isLoading, ...props }: ButtonProps) => ButtonProps;
+export default useButtonProps;

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

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

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

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

package/dist/components/Checkbox/checkbox.theme.d.ts

@@ -0,0 +1,18 @@
+import { Theme } from '../../assets/theme';
+declare const checkboxTheme: (theme: Theme) => {
+    styleOverrides: {
+        root: () => {
+            marginRight: string;
+            '&.MuiCheckbox-root': {
+                color: string;
+            };
+            '&.Mui-checked, &.MuiCheckbox-indeterminate': {
+                color: string;
+            };
+            '&.Mui-disabled': {
+                color: string;
+            };
+        };
+    };
+};
+export default checkboxTheme;

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

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

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

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { CustomSliderProps } from '.';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<CustomSliderProps>;

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

@@ -0,0 +1,12 @@
+import { SliderProps as MuiSliderProps } from '@mui/material/Slider';
+export type CustomSliderProps = {
+    value: number;
+    onChange: (event: Event, value: number) => void;
+    label?: string;
+    max?: number;
+    isAvailable?: boolean;
+    step?: number;
+    typeData?: string;
+} & MuiSliderProps;
+declare const AudioSlider: ({ value, onChange, max, isAvailable, step, label, typeData, ...props }: CustomSliderProps) => import("react/jsx-runtime").JSX.Element;
+export default AudioSlider;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import FileUploader from '.';
+declare const _default: ComponentMeta<({ uploadUrl, files, accept, multiple, onSuccess, onError, extensions, ...props }: {
+    'data-testid'?: string | undefined;
+    accept?: import("react-dropzone").Accept | undefined;
+    multiple?: boolean | undefined;
+    chunking?: boolean | undefined;
+    uploadUrl?: string | undefined;
+    extensions?: string[] | undefined;
+    files?: ((v: File[]) => void) | undefined;
+    onError?: ((v: Error) => void) | undefined;
+    onSuccess?: ((v: boolean) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof FileUploader> | Story;

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

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

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

@@ -0,0 +1,21 @@
+import { Accept } from 'react-dropzone';
+export interface FileData {
+    file: File | any;
+    uploadProgress: number;
+    isUploaded: boolean;
+    withError: boolean;
+    feedbackText: string;
+}
+type FileUploaderProps = {
+    'data-testid'?: string;
+    accept?: Accept;
+    multiple?: boolean;
+    chunking?: boolean;
+    uploadUrl?: string;
+    extensions?: string[];
+    files?: (v: File[]) => void;
+    onError?: (v: Error) => void;
+    onSuccess?: (v: boolean) => void;
+};
+declare const FileUploader: ({ uploadUrl, files, accept, multiple, onSuccess, onError, extensions, ...props }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
+export default FileUploader;

package/dist/components/FileUploader/useUploadFile.d.ts

@@ -0,0 +1,5 @@
+import { FileData } from '.';
+export declare const useUploadFile: (setfileList: (v: FileData[]) => void, uploadUrl?: string, onSuccess?: ((v: boolean) => void) | undefined, onError?: ((v: Error) => void) | undefined) => {
+    onDrop: <T extends File>(acceptedFiles: T[]) => Promise<void>;
+};
+export declare const uploadFile: (uploadUrl: string, file: File, setProgress: (v: number) => void, method?: string) => Promise<import("axios").AxiosResponse<any, any>>;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+type HomeOutlinedIconProps = {
+    'data-testid'?: string;
+};
+declare const HomeOutlinedIcon: ({ ...props }: HomeOutlinedIconProps) => import("react/jsx-runtime").JSX.Element;
+export default HomeOutlinedIcon;

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

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

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

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

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

@@ -0,0 +1,5 @@
+type GroupsIconProps = {
+    'data-testid'?: string;
+};
+declare const IconGroups: ({ ...props }: GroupsIconProps) => import("react/jsx-runtime").JSX.Element;
+export default IconGroups;

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ListItemIconProps = {
+    'data-testid'?: string;
+    children?: React.ReactNode;
+};
+declare const IconListItem: ({ children, ...props }: ListItemIconProps) => import("react/jsx-runtime").JSX.Element;
+export default IconListItem;

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

@@ -0,0 +1,11 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import Input from '.';
+declare const _default: ComponentMeta<({ ...TextFieldProps }: {
+    'data-testid'?: string | undefined;
+} & import("@mui/material").TextFieldProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof Input> | Story;
+export declare const Disabled: ComponentStory<typeof Input> | Story;
+export declare const Error: ComponentStory<typeof Input> | Story;
+export declare const Search: ComponentStory<typeof Input> | Story;
+export declare const MultiLine: ComponentStory<typeof Input> | Story;

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

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

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

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

package/dist/components/Input/input.theme.d.ts

@@ -0,0 +1,3 @@
+import { Components, Theme } from '@mui/material';
+declare const inputTheme: (theme: Theme) => Components['MuiTextField'];
+export default inputTheme;

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

@@ -0,0 +1,14 @@
+import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
+import LinearProgress from '.';
+declare const _default: ComponentMeta<({ value, itemLoading, isError, feedbackText, isUploaded, ...props }: {
+    'data-testid'?: string | undefined;
+    value: number;
+    itemLoading: string;
+    isError?: boolean | undefined;
+    feedbackText?: string | undefined;
+    isUploaded: boolean;
+} & import("@mui/material").LinearProgressProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<typeof LinearProgress> | Story;
+export declare const FullProgress: ComponentStory<typeof LinearProgress> | Story;
+export declare const ProgressError: ComponentStory<typeof LinearProgress> | Story;

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

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

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

@@ -0,0 +1,27 @@
+import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material';
+type LinearProgressProps = {
+    'data-testid'?: string;
+    value: number;
+    /**
+    - The value of the progress indicator for the determinate and buffer variants. Value between 0 and 100.
+    **/
+    itemLoading: string;
+    /**
+    - The name of the item or file loading
+    **/
+    isError?: boolean;
+    /**
+    - Optional prop that can be passed to show error state in bar
+    **/
+    feedbackText?: string;
+    /**
+    - Optional prop that can be passed to show error message
+    **/
+    isUploaded: boolean;
+} & MuiLinearProgressProps;
+/**
+- Use a Linear Progress Bar to show the user that an operation is in progress.
+  This is currently being used in conjuction with the uploader tool
+**/
+declare const LinearProgress: ({ value, itemLoading, isError, feedbackText, isUploaded, ...props }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default LinearProgress;

package/dist/components/LinearProgress/linearProgress.theme.d.ts

@@ -0,0 +1,14 @@
+import { Theme } from '../../assets/theme';
+declare const linearProgress: (theme: Theme) => {
+    styleOverrides: {
+        root: () => {
+            borderRadius: string;
+            backgroundColor: string;
+            '& .MuiLinearProgress-bar': {
+                backgroundColor: string;
+                borderRadius: string;
+            };
+        };
+    };
+};
+export default linearProgress;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<({ menuOptions, open, ...props }: {
+    'data-testid'?: string | undefined;
+    menuOptions: {
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[];
+} & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+export declare const Default: ComponentStory<({ menuOptions, open, ...props }: {
+    'data-testid'?: string | undefined;
+    menuOptions: {
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[];
+} & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WithIcons: ComponentStory<({ menuOptions, open, ...props }: {
+    'data-testid'?: string | undefined;
+    menuOptions: {
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[];
+} & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const WithoutIcons: ComponentStory<({ menuOptions, open, ...props }: {
+    'data-testid'?: string | undefined;
+    menuOptions: {
+        label: string;
+        icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    }[];
+} & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;

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

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

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

@@ -0,0 +1,3 @@
+export declare const editLabel = "Edit Project";
+export declare const shareWithLabel = "Share with...";
+export declare const deleteLabel = "Delete Project";

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

@@ -0,0 +1,15 @@
+import { MenuProps } from '@mui/material';
+import React from 'react';
+type MenuOption = {
+    label: string;
+    icon?: React.ReactElement;
+};
+type MenuFlyoutProps = {
+    'data-testid'?: string;
+    /**
+     An array of objects of type `MenuOption[]`. Each object in this array **requires** a label property of type `string` and an **optional** icon property of type `React.ReactElement`. Each object represents a list item on the menu flyout component.
+    **/
+    menuOptions: MenuOption[];
+} & MenuProps;
+declare const MenuFlyout: ({ menuOptions, open, ...props }: MenuFlyoutProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuFlyout;