@veritone-ce/design-system 1.12.12 → 1.12.14

package/dist/assets/information.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM13.674 16.5561L13.8146 15.9808C13.7422 16.0149 13.625 16.0543 13.4631 16.0991C13.3011 16.1438 13.1562 16.1662 13.0284 16.1662C12.7557 16.1662 12.5639 16.1214 12.4531 16.0319C12.3423 15.9425 12.2869 15.7741 12.2869 15.527C12.2869 15.429 12.304 15.2841 12.3381 15.0923C12.3722 14.9006 12.4105 14.7301 12.4531 14.5809L12.9773 12.7209C13.0284 12.5504 13.0636 12.3629 13.0827 12.1584C13.1019 11.9538 13.1115 11.8111 13.1115 11.7301C13.1115 11.3381 12.9741 11.0195 12.6992 10.7745C12.4244 10.5295 12.0334 10.407 11.5263 10.407C11.245 10.407 10.9467 10.457 10.6314 10.5572C10.316 10.6573 9.9858 10.7777 9.64062 10.9183L9.5 11.4936C9.60227 11.4552 9.72479 11.4148 9.86754 11.3722C10.0103 11.3295 10.1499 11.3082 10.2862 11.3082C10.5632 11.3082 10.7507 11.3551 10.8487 11.4489C10.9467 11.5426 10.9957 11.7088 10.9957 11.9474C10.9957 12.0795 10.9798 12.2255 10.9478 12.3853C10.9158 12.5451 10.8764 12.7145 10.8295 12.8935L10.3054 14.7599C10.2585 14.9559 10.2244 15.1317 10.2031 15.2873C10.1818 15.4428 10.1712 15.5952 10.1712 15.7443C10.1712 16.1278 10.3129 16.4442 10.5962 16.6935C10.8796 16.9428 11.277 17.0675 11.7883 17.0675C12.1207 17.0675 12.4126 17.0238 12.6641 16.9364C12.9155 16.8491 13.2521 16.7223 13.674 16.5561ZM13.5813 9.0039C13.8263 8.77592 13.9489 8.5 13.9489 8.17613C13.9489 7.85227 13.8263 7.57528 13.5813 7.34517C13.3363 7.11506 13.0412 7 12.696 7C12.3508 7 12.0547 7.11506 11.8075 7.34517C11.5604 7.57528 11.4368 7.85227 11.4368 8.17613C11.4368 8.5 11.5604 8.77592 11.8075 9.0039C12.0547 9.23189 12.3508 9.34588 12.696 9.34588C13.0412 9.34588 13.3363 9.23189 13.5813 9.0039Z" fill="#214167"/>
+</svg>

package/dist/assets/warning.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.075 17.075C18.8848 15.2651 20 12.7605 20 10C20 7.23949 18.8848 4.73492 17.075 2.92505C15.2651 1.11517 12.7605 0 10 0C7.23949 0 4.73492 1.11517 2.92505 2.92505C1.11517 4.73492 0 7.23949 0 10C0 12.7605 1.11517 15.2651 2.92505 17.075C4.73492 18.8848 7.23949 20 10 20C12.7605 20 15.2651 18.8848 17.075 17.075ZM11.3528 13.8574C11.3528 13.1079 10.7495 12.5046 10 12.5046C9.25046 12.5046 8.62889 13.1079 8.62889 13.8574C8.62889 14.6069 9.25046 15.2285 10 15.2285C10.7495 15.2285 11.3528 14.6069 11.3528 13.8574ZM10 11.1335C9.5064 11.1335 9.14077 10.7313 9.08592 10.2194L8.62889 6.1426C8.55576 5.42962 9.3053 4.77148 10 4.77148C10.6947 4.77148 11.4442 5.42962 11.3528 6.1426L10.9141 10.2194C10.8592 10.7313 10.4936 11.1335 10 11.1335Z" fill="#FFBB0A"/>
+</svg>

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

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

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

@@ -6,6 +6,6 @@ declare const _default: ComponentMeta<({ links }: {
         href: string;
         label: string;
     }[];
-}) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 export declare const Default: ComponentStory<typeof BreadcrumbsComponent> | Story;

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

@@ -11,5 +11,5 @@ type BreadcrumbsProps = {
  * - The last link is not clickable
  * - The last link is styled differently
  **/
-declare const BreadcrumbsComponent: ({ links }: BreadcrumbsProps) => JSX.Element;
+declare const BreadcrumbsComponent: ({ links }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbsComponent;

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

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

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

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

@@ -6,5 +6,5 @@ export type ButtonProps = {
 /**
 - Use a button for common user click actions. Several variations available.
 **/
-declare const Button: ({ children, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

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

@@ -1,5 +1,5 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ label, ...props }: import(".").CheckboxProps) => JSX.Element>;
+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) => JSX.Element>;
-export declare const WithoutLabel: ComponentStory<({ label, ...props }: import(".").CheckboxProps) => JSX.Element>;
+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/index.d.ts

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

package/dist/components/{AudioSlider/AudioSlider.stories.d.ts → CustomSlider/CustomSlider.stories.d.ts}

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

package/dist/components/{AudioSlider/AudioSlider.stories.js → CustomSlider/CustomSlider.stories.js}

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import AudioSlider from './';
+import CustomSlider from '.';
 import Box from '../Box';
 export default {
-    title: 'Components/AudioSlider',
-    component: AudioSlider,
+    title: 'Components/CustomSlider',
+    component: CustomSlider,
     argTypes: {
         value: {
             control: {
@@ -16,7 +16,7 @@ export default {
         onChange: { action: 'onChange' }
     }
 };
-const Template = (args) => (_jsx(Box, Object.assign({ display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, { children: _jsx(AudioSlider, Object.assign({}, args)) })));
+const Template = (args) => (_jsx(Box, Object.assign({ display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, { children: _jsx(CustomSlider, Object.assign({}, args)) })));
 const onChangeSlider = (event, value) => {
     console.log('onChangeSlider', event, value);
 };

package/dist/components/{AudioSlider → CustomSlider}/index.d.ts

@@ -1,12 +1,12 @@
 import { SliderProps as MuiSliderProps } from '@mui/material/Slider';
-export type AudioSliderProps = {
+export type CustomSliderProps = {
     value: number;
-    onChange: (event: Event, value: number | number[]) => void;
+    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 }: AudioSliderProps) => JSX.Element;
+declare const AudioSlider: ({ value, onChange, max, isAvailable, step, label, typeData, ...props }: CustomSliderProps) => import("react/jsx-runtime").JSX.Element;
 export default AudioSlider;

package/dist/components/{AudioSlider → CustomSlider}/index.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import Slider from '@mui/material/Slider';
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-const CustomSlider = styled(Slider)({
+const MuiSlider = styled(Slider)({
     color: '#1871E8',
     height: 6,
     '& .MuiSlider-track': {
@@ -56,6 +56,6 @@ const CustomSlider = styled(Slider)({
 });
 const AudioSlider = (_a) => {
     var { value, onChange, max = 3, isAvailable = true, step, label, typeData = 'audio' } = _a, props = __rest(_a, ["value", "onChange", "max", "isAvailable", "step", "label", "typeData"]);
-    return (_jsx(Box, Object.assign({ sx: { width: 320 } }, { children: _jsx(CustomSlider, { "aria-label": "audio-slider", defaultValue: value, max: max, step: step, onChange: onChange, disabled: !isAvailable }) })));
+    return (_jsx(Box, Object.assign({ sx: { width: 320 } }, { children: _jsx(MuiSlider, Object.assign({}, props, { "aria-label": "audio-slider", defaultValue: value, max: max, step: step, onChange: onChange, disabled: !isAvailable })) })));
 };
 export default AudioSlider;

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

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

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

@@ -10,6 +10,6 @@ declare const _default: ComponentMeta<({ uploadUrl, files, accept, multiple, onS
     files?: ((v: File[]) => void) | undefined;
     onError?: ((v: Error) => void) | undefined;
     onSuccess?: ((v: boolean) => void) | undefined;
-}) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 export declare const Default: ComponentStory<typeof FileUploader> | Story;

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

@@ -17,5 +17,5 @@ type FileUploaderProps = {
     onError?: (v: Error) => void;
     onSuccess?: (v: boolean) => void;
 };
-declare const FileUploader: ({ uploadUrl, files, accept, multiple, onSuccess, onError, extensions, ...props }: FileUploaderProps) => JSX.Element;
+declare const FileUploader: ({ uploadUrl, files, accept, multiple, onSuccess, onError, extensions, ...props }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
 export default FileUploader;

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@ import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
 import Input from '.';
 declare const _default: ComponentMeta<({ ...TextFieldProps }: {
     'data-testid'?: string | undefined;
-} & import("@mui/material").TextFieldProps) => JSX.Element>;
+} & 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;

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

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

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

@@ -7,7 +7,7 @@ declare const _default: ComponentMeta<({ value, itemLoading, isError, feedbackTe
     isError?: boolean | undefined;
     feedbackText?: string | undefined;
     isUploaded: boolean;
-} & import("@mui/material").LinearProgressProps) => JSX.Element>;
+} & 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;

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

@@ -23,5 +23,5 @@ type LinearProgressProps = {
 - 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) => JSX.Element;
+declare const LinearProgress: ({ value, itemLoading, isError, feedbackText, isUploaded, ...props }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
 export default LinearProgress;

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

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

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

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

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

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

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

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

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

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

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

@@ -6,7 +6,7 @@ declare const _default: ComponentMeta<({ menuOptions, open, ...props }: {
         label: string;
         icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     }[];
-} & import("@mui/material").MenuProps) => JSX.Element>;
+} & 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;
@@ -14,18 +14,18 @@ export declare const Default: ComponentStory<({ menuOptions, open, ...props }: {
         label: string;
         icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     }[];
-} & import("@mui/material").MenuProps) => JSX.Element>;
+} & 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) => JSX.Element>;
+} & 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) => JSX.Element>;
+} & import("@mui/material").MenuProps) => import("react/jsx-runtime").JSX.Element>;

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

@@ -11,5 +11,5 @@ type MenuFlyoutProps = {
     **/
     menuOptions: MenuOption[];
 } & MenuProps;
-declare const MenuFlyout: ({ menuOptions, open, ...props }: MenuFlyoutProps) => JSX.Element;
+declare const MenuFlyout: ({ menuOptions, open, ...props }: MenuFlyoutProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuFlyout;

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

@@ -8,7 +8,7 @@ declare const _default: ComponentMeta<({ handleClose, isOpen, title, children, .
     title?: string | undefined;
     height?: string | undefined;
     children?: import("react").ReactNode;
-}) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 export declare const Primary: ComponentStory<typeof Modal> | Story;
 export declare const Destructive: ComponentStory<typeof Modal> | Story;

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

@@ -7,5 +7,5 @@ type ModalProps = {
     height?: string;
     children?: React.ReactNode;
 };
-declare const Modal: ({ handleClose, isOpen, title, children, ...props }: ModalProps) => JSX.Element;
+declare const Modal: ({ handleClose, isOpen, title, children, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

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

@@ -1,5 +1,5 @@
 import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
 import ModelGridView from '.';
-declare const _default: ComponentMeta<({ rows }: import(".").ModelGridViewProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ rows }: import(".").ModelGridViewProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 export declare const Default: ComponentStory<typeof ModelGridView> | Story;

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

@@ -9,5 +9,5 @@ export type ModelGridViewProps = {
     'data-testid'?: string;
     rows: ModelGridViewData[];
 };
-declare const ModelGridView: ({ rows }: ModelGridViewProps) => JSX.Element;
+declare const ModelGridView: ({ rows }: ModelGridViewProps) => import("react/jsx-runtime").JSX.Element;
 export default ModelGridView;

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

@@ -7,7 +7,7 @@ declare const _default: ComponentMeta<({ title, isOpen, children, size, handleCl
     children?: import("react").ReactNode;
     handleClose?: (() => void) | undefined;
     'data-testid'?: string | undefined;
-}) => JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 export declare const Big: Story;
 export declare const Medium: Story;

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

@@ -7,5 +7,5 @@ type PanelProps = {
     handleClose?: () => void;
     'data-testid'?: string;
 };
-declare const Panel: ({ title, isOpen, children, size, handleClose, ...props }: PanelProps) => JSX.Element;
+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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ComponentStory, Story, ComponentMeta } from '@storybook/react';
 import ProgressIndicator, { ProgressIndicatorProps } from '.';
-declare const _default: ComponentMeta<({ type, ...props }: ProgressIndicatorProps) => JSX.Element>;
+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) => JSX.Element>;
-export declare const Large: Story<import("@storybook/react").Args> | ComponentStory<({ type, ...props }: ProgressIndicatorProps) => JSX.Element>;
+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/index.d.ts

@@ -7,5 +7,5 @@ export type ProgressIndicatorProps = {
 /**
 - Use a progress indicator to show the user that an operation is in progress.
 **/
-declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => JSX.Element;
+declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressIndicator;

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

@@ -3,7 +3,7 @@ import RadioButton from '.';
 declare const _default: ComponentMeta<({ label, ...props }: {
     'data-testid'?: string | undefined;
     label?: string | undefined;
-} & import("@mui/material").RadioProps) => JSX.Element>;
+} & 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;

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => JSX.Element>;
+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) => JSX.Element>;
-export declare const MultiLine: ComponentStory<({ label, items, helperText, errorMessage, ...props }: import(".").SelectProps) => JSX.Element>;
+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/index.d.ts

@@ -11,5 +11,5 @@ export type SelectProps = {
     helperText?: string;
     errorMessage?: string;
 } & MuiSelectProps;
-declare const Select: ({ label, items, helperText, errorMessage, ...props }: SelectProps) => JSX.Element;
+declare const Select: ({ label, items, helperText, errorMessage, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export default Select;

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

@@ -23,7 +23,7 @@ declare const _default: ComponentMeta<({ label, ...props }: {
     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">) => JSX.Element>;
+}, "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;
@@ -48,4 +48,4 @@ export declare const Options: ComponentStory<({ label, ...props }: {
     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">) => JSX.Element>;
+}, "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/index.d.ts

@@ -24,5 +24,5 @@ type StatusChipProps = {
     - 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) => JSX.Element;
+declare const StatusChip: ({ label, ...props }: StatusChipProps) => import("react/jsx-runtime").JSX.Element;
 export default StatusChip;

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

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

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

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

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

@@ -16,6 +16,6 @@ declare const _default: ComponentMeta<(props: {
     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">) => JSX.Element>;
+}, 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/index.d.ts

@@ -9,5 +9,5 @@ type StepperProps = {
     https://mui.com/material-ui/api/step/ ,
     https://mui.com/material-ui/api/step-label/ .
 **/
-declare const Stepper: (props: StepperProps) => JSX.Element;
+declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;
 export default Stepper;

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

@@ -3,5 +3,5 @@ export type BadgeLabelProps = {
     badgeCount: number;
     label: string;
 } & BadgeProps;
-declare function BadgeLabel({ badgeCount, label }: BadgeLabelProps): JSX.Element;
+declare function BadgeLabel({ badgeCount, label }: BadgeLabelProps): import("react/jsx-runtime").JSX.Element;
 export default BadgeLabel;

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

@@ -10,5 +10,5 @@ export type SingleTabProps = {
  * - 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) => JSX.Element;
+declare const BasicTabs: ({ count, value, label, ...props }: SingleTabProps) => import("react/jsx-runtime").JSX.Element;
 export default BasicTabs;

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

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

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

@@ -7,7 +7,7 @@ declare const _default: ComponentMeta<({ severity, messageLabel, messageText, li
     linkText?: string | undefined;
     handleClose?: (() => void) | undefined;
     open?: boolean | undefined;
-} & import("@mui/material").SnackbarProps & import("@mui/material").AlertProps) => JSX.Element>;
+} & 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;

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

@@ -19,5 +19,5 @@ type ToastProps = {
      **/
     open?: boolean;
 } & SnackbarProps & AlertProps;
-declare const Toast: ({ severity, messageLabel, messageText, linkText, handleClose, open, ...props }: ToastProps) => JSX.Element;
+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

@@ -15,6 +15,6 @@ declare const _default: ComponentMeta<({ ...props }: {
     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">) => JSX.Element>;
+}, 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/index.d.ts

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

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

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

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

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

package/dist/index.d.ts

@@ -26,6 +26,6 @@ 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 AudioSlider } from './components/AudioSlider';
+export { default as AudioSlider } from './components/CustomSlider';
 export { default as theme } from './assets/theme';
 export { useTheme } from '@mui/material';

package/dist/index.js

@@ -26,6 +26,6 @@ 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 AudioSlider } from './components/AudioSlider';
+export { default as AudioSlider } from './components/CustomSlider';
 export { default as theme } from './assets/theme';
 export { useTheme } from '@mui/material';

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.12",
+  "version": "1.12.14",
   "private": false,
   "scripts": {
     "start": "yarn storybook",
-    "build": "yarn tsc && tsc-alias",
+    "build": "yarn tsc && tsc-alias && cp src/assets/*.svg dist/assets/",
     "lint": "eslint src",
     "build-docs": "yarn build-storybook-docs",
     "test": "jest",