@veritone-ce/design-system 1.12.13 → 1.12.14

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,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.13",
+  "version": "1.12.14",
   "private": false,
   "scripts": {
     "start": "yarn storybook",