@veritone-ce/design-system 1.12.44 → 1.12.46

package/dist/{components → esm/components}/Table/index.js

@@ -1,5 +1,11 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 var _excluded = ["variant"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Table as MuiTable, TableBody as MuiTableBody, TableCell as MuiTableCell, TableContainer as MuiTableContainer, TableFooter as MuiTableFooter, TableHead as MuiTableHead, TablePagination as MuiTablePagination, TableRow as MuiTableRow, TableSortLabel as MuiTableSortLabel } from '@mui/material';
 import React from 'react';
@@ -25,7 +31,7 @@ export var TableBody = function TableBody(props) {
 export var TableCell = function TableCell(_ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'data' : _ref$variant,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(MuiTableCell, {
     "data-testid": props['data-testid'],
     component: variant === 'header' ? 'th' : 'td',
@@ -72,7 +78,17 @@ export var TableHead = function TableHead(props) {
   });
 };
 export var TablePagination = function TablePagination(props) {
-  return /*#__PURE__*/_jsx(MuiTablePagination, _extends({}, props));
+  return /*#__PURE__*/_jsx(MuiTablePagination, {
+    count: props.count,
+    page: props.page,
+    rowsPerPage: props.rowsPerPage,
+    colSpan: props.colSpan,
+    onPageChange: props.onPageChange,
+    sx: props.sx,
+    className: props.className,
+    rowsPerPageOptions: props.rowsPerPageOptions,
+    onRowsPerPageChange: props.onRowsPerPageChange
+  });
 };
 var StyledMuiTableRow = styled(MuiTableRow)(function (_ref2) {
   var theme = _ref2.theme;
@@ -97,5 +113,5 @@ export var TableRow = function TableRow(props) {
   });
 };
 export var TableSortLabel = function TableSortLabel(props) {
-  return /*#__PURE__*/_jsx(MuiTableSortLabel, _extends({}, props));
+  return /*#__PURE__*/_jsx(MuiTableSortLabel, _objectSpread({}, props));
 };

package/dist/{components → esm/components}/Tabs/index.js

@@ -13,7 +13,7 @@ function Tabs(props) {
       return /*#__PURE__*/_jsx(MuiTab, {
         value: index,
         label: /*#__PURE__*/_jsx(BadgeLabel, {
-          count: (_tab$count = tab.count) != null ? _tab$count : 0,
+          count: (_tab$count = tab.count) !== null && _tab$count !== void 0 ? _tab$count : 0,
           label: tab.label
         }),
         disableRipple: true

package/dist/{components → esm/components}/ThemeProvider/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { ThemeProvider as MuiThemeProvider } from '@mui/material/styles';
 import { createDesignSystemTheme } from '../../assets/theme.js';
 import React from 'react';
@@ -6,7 +8,7 @@ export var defaultTheme = createDesignSystemTheme();
 var ThemeProvider = function ThemeProvider(props) {
   var theme = React.useMemo(function () {
     var _props$theme;
-    return (_props$theme = props.theme) != null ? _props$theme : defaultTheme;
+    return (_props$theme = props.theme) !== null && _props$theme !== void 0 ? _props$theme : defaultTheme;
   }, [props.theme]);
   return /*#__PURE__*/_jsx(MuiThemeProvider, {
     theme: theme,

package/dist/esm/components/Toast/index.js

@@ -0,0 +1,29 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["open", "onClose", "sx", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Snackbar as MuiSnackbar } from '@mui/material';
+import Alert from '../Alert/index.js';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Toast = function Toast(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    sx = _ref.sx,
+    className = _ref.className,
+    alertProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(MuiSnackbar, {
+    open: open,
+    onClose: onClose,
+    sx: sx,
+    className: className,
+    children: /*#__PURE__*/_jsx(Alert, _objectSpread({
+      onClose: onClose
+    }, alertProps))
+  });
+};
+export default Toast;

package/dist/{components → esm/components}/UtilityRail/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import { useTheme } from '@mui/material/styles';
 import { Box } from '@mui/material';
 import Typography from '../Typography/index.js';
@@ -16,7 +18,7 @@ var UtilityRail = function UtilityRail(props) {
     className: props.className,
     children: props.items.map(function (item, index) {
       return /*#__PURE__*/_jsx(Box, {
-        "data-testid": "item-" + index,
+        "data-testid": "item-".concat(index),
         sx: {
           '&::before': {
             content: '""',
@@ -25,10 +27,10 @@ var UtilityRail = function UtilityRail(props) {
             width: '0.625rem',
             marginLeft: '-0.5rem',
             borderRadius: '50%',
-            border: "0.125rem " + palette.secondary.main + " solid",
-            backgroundColor: "" + palette.common.white
+            border: "0.125rem ".concat(palette.secondary.main, " solid"),
+            backgroundColor: "".concat(palette.common.white)
           },
-          borderLeft: "0.125rem " + palette.secondary.main + " solid",
+          borderLeft: "0.125rem ".concat(palette.secondary.main, " solid"),
           display: 'flex'
         },
         children: /*#__PURE__*/_jsxs(Box, {

package/dist/{components → types/components}/Alert/index.d.ts

@@ -18,5 +18,5 @@ export type AlertProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const Alert: (props: AlertProps) => React.JSX.Element;
 export default Alert;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type AudioSliderProps = {
     'data-testid'?: string;
     value: number;
@@ -8,5 +9,5 @@ export type AudioSliderProps = {
     step?: number;
     className?: string;
 };
-declare const AudioSlider: (props: AudioSliderProps) => import("react/jsx-runtime").JSX.Element;
+declare const AudioSlider: (props: AudioSliderProps) => import("react").JSX.Element;
 export default AudioSlider;

package/dist/{components → types/components}/Autocomplete/index.d.ts

@@ -9,5 +9,5 @@ export type AutocompleteProps = {
     width: number;
     onChange: (event: React.SyntheticEvent, value: Item | null) => void;
 };
-declare function ComboBox({ items, label, width, onChange }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+declare function ComboBox({ items, label, width, onChange }: AutocompleteProps): React.JSX.Element;
 export default ComboBox;

package/dist/{components → types/components}/Breadcrumbs/breadcrumbs.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../assets/theme.js';
+import { Theme } from '@/assets/theme.js';
 declare const breadcrumbs: (theme: Theme) => {
     styleOverrides: {
         root: () => {

package/dist/{components → types/components}/Breadcrumbs/index.d.ts

@@ -21,5 +21,5 @@ export type BreadcrumbsLinkComponent = React.ComponentType<BreadcrumbsLinkCompon
  * - The last link is not clickable
  * - The last link is styled differently
  **/
-declare const Breadcrumbs: (props: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
 export default Breadcrumbs;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Indicator: () => import("react").JSX.Element;
+export default Indicator;

package/dist/{components → types/components}/Button/button.theme.d.ts

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

package/dist/{components → types/components}/Button/index.d.ts

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

package/dist/{components → types/components}/Checkbox/checkbox.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../assets/theme.js';
+import { Theme } from '@/assets/theme.js';
 declare const checkboxTheme: (theme: Theme) => {
     styleOverrides: {
         root: () => {

package/dist/{components → types/components}/Checkbox/index.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent } from 'react';
+import React, { ChangeEvent } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 export type CheckboxProps = {
     'data-testid'?: string;
@@ -10,5 +10,5 @@ export type CheckboxProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;
 export default Checkbox;

package/dist/{components → types/components}/Drawer/index.d.ts

@@ -10,5 +10,5 @@ export type DrawerProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Drawer: (props: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/dist/{components → types/components}/FileUploader/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material/styles';
 import { Accept, DropzoneRootProps, DropzoneInputProps } from 'react-dropzone';
 export interface FileState {
@@ -17,7 +18,7 @@ export type FileUploaderViewProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const FileUploaderView: (props: FileUploaderViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileUploaderView: (props: FileUploaderViewProps) => import("react").JSX.Element;
 type FileUploadFn = (f: File) => AsyncGenerator<number>;
 export type FileUploaderProps = {
     'data-testid'?: string;
@@ -29,5 +30,5 @@ export type FileUploaderProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const FileUploader: ({ accept, multiple, uploadFile, onComplete, onError, ...props }: FileUploaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileUploader: ({ accept, multiple, uploadFile, onComplete, onError, ...props }: FileUploaderProps) => import("react").JSX.Element;
 export default FileUploader;

package/dist/{components → types/components}/FormControlLabel/index.d.ts

@@ -7,5 +7,5 @@ export type FormControlLabelProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const FormControlLabel: (props: FormControlLabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const FormControlLabel: (props: FormControlLabelProps) => React.JSX.Element;
 export default FormControlLabel;

package/dist/{components → types/components}/Input/index.d.ts

@@ -20,5 +20,5 @@ export type InputProps = {
     className?: string;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
 };
-declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: (props: InputProps) => React.JSX.Element;
 export default Input;

package/dist/{components → types/components}/LinearProgress/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { SxProps, Theme } from '@mui/material/styles';
 export type LinearProgressProps = {
     'data-testid'?: string;
@@ -28,5 +29,5 @@ export 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: (props: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinearProgress: (props: LinearProgressProps) => import("react").JSX.Element;
 export default LinearProgress;

package/dist/{components → types/components}/Link/index.d.ts

@@ -5,5 +5,5 @@ export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'col
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Link: ({ sx, className, ...restProps }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+declare const Link: ({ sx, className, ...restProps }: LinkProps) => React.JSX.Element;
 export default Link;

package/dist/{components → types/components}/List/index.d.ts

@@ -6,5 +6,5 @@ export type ListProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const List: (props: ListProps) => import("react/jsx-runtime").JSX.Element;
+declare const List: (props: ListProps) => React.JSX.Element;
 export default List;

package/dist/{components → types/components}/ListItem/index.d.ts

@@ -6,5 +6,5 @@ export type ListItemProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItem: (props: ListItemProps) => React.JSX.Element;
 export default ListItem;

package/dist/{components → types/components}/ListItemButton/index.d.ts

@@ -8,5 +8,5 @@ export type ListItemButtonProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const ListItemButton: (props: ListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItemButton: (props: ListItemButtonProps) => React.JSX.Element;
 export default ListItemButton;

package/dist/{components → types/components}/ListItemText/index.d.ts

@@ -6,5 +6,5 @@ export type ListItemTextProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const ListItemText: (props: ListItemTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListItemText: (props: ListItemTextProps) => React.JSX.Element;
 export default ListItemText;

package/dist/{components → types/components}/MenuFlyout/index.d.ts

@@ -17,5 +17,5 @@ export type MenuFlyoutProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const MenuFlyout: (props: MenuFlyoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuFlyout: (props: MenuFlyoutProps) => React.JSX.Element;
 export default MenuFlyout;

package/dist/{components → types/components}/Modal/index.d.ts

@@ -10,5 +10,5 @@ export type ModalProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const Modal: (props: ModalProps) => React.JSX.Element;
 export default Modal;

package/dist/{components → types/components}/Panel/index.d.ts

@@ -8,5 +8,5 @@ export type PanelProps = {
     onClose?(): void;
     className?: string;
 };
-declare const Panel: (props: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const Panel: (props: PanelProps) => import("react").JSX.Element;
 export default Panel;

package/dist/{components → types/components}/ProgressIndicator/DefaultProgress.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { SharedProgressIndicatorProps } from './index.js';
-declare const DefaultProgress: (props: SharedProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultProgress: (props: SharedProgressIndicatorProps) => import("react").JSX.Element;
 export default DefaultProgress;

package/dist/{components → types/components}/ProgressIndicator/MLProgress.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 import type { SharedProgressIndicatorProps } from './index.js';
 type MLProgressProps = SharedProgressIndicatorProps & {
     type: 'medium' | 'large';
 };
-declare const MLProgress: (props: MLProgressProps) => import("react/jsx-runtime").JSX.Element;
+declare const MLProgress: (props: MLProgressProps) => import("react").JSX.Element;
 export default MLProgress;

package/dist/{components → types/components}/ProgressIndicator/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type SharedProgressIndicatorProps = {
     'data-testid'?: string;
     itemLoading?: string;
@@ -16,5 +17,5 @@ export type ProgressIndicatorProps = SharedProgressIndicatorProps & {
 /**
 - Use a progress indicator to show the user that an operation is in progress.
 **/
-declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressIndicator: ({ type, ...props }: ProgressIndicatorProps) => import("react").JSX.Element;
 export default ProgressIndicator;

package/dist/{components → types/components}/RadioButton/RadioButton.theme.d.ts

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

package/dist/{components → types/components}/RadioButton/index.d.ts

@@ -13,5 +13,5 @@ export type RadioButtonProps = {
     onChange?(event: React.ChangeEvent<HTMLInputElement>, checked: boolean): void;
     className?: string;
 };
-declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioButton: (props: RadioButtonProps) => React.JSX.Element;
 export default RadioButton;

package/dist/{components → types/components}/RadioGroup/index.d.ts

@@ -26,5 +26,5 @@ export type RadioGroupProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const RadioGroup: (props: RadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup: (props: RadioGroupProps) => React.JSX.Element;
 export default RadioGroup;

package/dist/{components → types/components}/Select/index.d.ts

@@ -37,5 +37,5 @@ export type SelectChangeEvent<V = string> = (Event & {
         name: string;
     };
 }) | React.ChangeEvent<HTMLInputElement>;
-declare function Select<V extends SelectValue>(props: SelectProps<V>): import("react/jsx-runtime").JSX.Element;
+declare function Select<V extends SelectValue>(props: SelectProps<V>): React.JSX.Element;
 export default Select;

package/dist/{components → types/components}/Select/select.theme.d.ts

@@ -1,7 +1,6 @@
-import { Theme } from '../../assets/theme.js';
+import { Theme } from '@/assets/theme.js';
 declare const selectTheme: (theme: Theme) => {
     defaultProps: {
-        fullWidth: boolean;
         displayEmpty: boolean;
     };
     styleOverrides: {

package/dist/{components → types/components}/StatusChip/index.d.ts

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

package/dist/{components → types/components}/StatusChip/statusChip.theme.d.ts

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

package/dist/{components → types/components}/Step/index.d.ts

@@ -19,5 +19,5 @@ export type StepProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Step: (props: StepProps) => import("react/jsx-runtime").JSX.Element;
+declare const Step: (props: StepProps) => React.JSX.Element;
 export default Step;

package/dist/{components → types/components}/StepLabel/index.d.ts

@@ -9,5 +9,5 @@ export type StepLabelProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const StepLabel: (props: StepLabelProps) => import("react/jsx-runtime").JSX.Element;
+declare const StepLabel: (props: StepLabelProps) => React.JSX.Element;
 export default StepLabel;

package/dist/{components → types/components}/Stepper/index.d.ts

@@ -18,5 +18,5 @@ export type StepperProps = {
 /**
   The Stepper is used for highlighting where a user is in a progression of steps.
 **/
-declare const Stepper: (props: StepperProps) => import("react/jsx-runtime").JSX.Element;
+declare const Stepper: (props: StepperProps) => React.JSX.Element;
 export default Stepper;

package/dist/{components → types/components}/Stepper/stepper.theme.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from '../../assets/theme.js';
+import { Theme } from '@/assets/theme.js';
 declare const stepperTheme: (theme: Theme) => {
     MuiStepConnector: {
         styleOverrides: {

package/dist/{components → types/components}/Table/index.d.ts

@@ -1,4 +1,4 @@
-import { TablePaginationProps as MuiTablePaginationProps, TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
+import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material';
 import React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 export type TableProps = {
@@ -14,14 +14,14 @@ export type TableProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const Table: (props: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: (props: TableProps) => React.JSX.Element;
 export type TableBodyProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableBody: (props: TableBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: (props: TableBodyProps) => React.JSX.Element;
 export type TableCellProps = {
     'data-testid'?: string;
     variant?: 'header' | 'data';
@@ -36,32 +36,60 @@ export type TableCellProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableCell: ({ variant, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableCell: ({ variant, ...props }: TableCellProps) => React.JSX.Element;
 export type TableContainerProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableContainer: (props: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableContainer: (props: TableContainerProps) => React.JSX.Element;
 export type TableFooterProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableFooter: (props: TableFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableFooter: (props: TableFooterProps) => React.JSX.Element;
 export type TableHeadProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableHead: (props: TableHeadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHead: (props: TableHeadProps) => React.JSX.Element;
 export type TablePaginationProps = {
     'data-testid'?: string;
-} & MuiTablePaginationProps;
-export declare const TablePagination: (props: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * The total number of rows.
+     *
+     * To enable server side pagination for an unknown number of items, provide -1.
+     */
+    count: number;
+    /**
+     * The zero-based index of the current page.
+     */
+    page: number;
+    /**
+     * The number of rows per page.
+     *
+     * Set -1 to display all the rows.
+     */
+    rowsPerPage: number;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {React.MouseEvent<HTMLButtonElement> | null} event The event source of the callback.
+     * @param {number} page The page selected.
+     */
+    onPageChange: (event: React.MouseEvent<HTMLButtonElement> | null, page: number) => void;
+    colSpan?: number;
+    sx?: SxProps<Theme>;
+    className?: string;
+    rowsPerPageOptions: number[];
+    onRowsPerPageChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+};
+export declare const TablePagination: (props: TablePaginationProps) => React.JSX.Element;
 export type TableRowProps = {
     'data-testid'?: string;
     children?: React.ReactNode;
@@ -78,8 +106,8 @@ export type TableRowProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-export declare const TableRow: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRow: (props: TableRowProps) => React.JSX.Element;
 export type TableSortLabelProps = {
     'data-testid'?: string;
 } & MuiTableSortLabelProps;
-export declare const TableSortLabel: (props: TableSortLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableSortLabel: (props: TableSortLabelProps) => React.JSX.Element;

package/dist/{components → types/components}/Tabs/index.d.ts

@@ -12,5 +12,5 @@ export type BasicTabsProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare function Tabs(props: BasicTabsProps): import("react/jsx-runtime").JSX.Element;
+declare function Tabs(props: BasicTabsProps): React.JSX.Element;
 export default Tabs;

package/dist/{components → types/components}/Tabs/tabs.theme.d.ts

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

package/dist/{components → types/components}/ThemeProvider/index.d.ts

@@ -5,5 +5,5 @@ export type ThemeProviderProps = {
     theme?: Theme;
     children?: React.ReactNode;
 };
-declare const ThemeProvider: (props: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ThemeProvider: (props: ThemeProviderProps) => React.JSX.Element;
 export default ThemeProvider;

package/dist/{components → types/components}/Toast/index.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { AlertProps } from '../Alert/index.js';
 export type ToastProps = AlertProps & {
     open?: boolean;
     onClose?(): void;
 };
-declare const Toast: ({ open, onClose, sx, className, ...alertProps }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+declare const Toast: ({ open, onClose, sx, className, ...alertProps }: ToastProps) => import("react").JSX.Element;
 export default Toast;

package/dist/{components → types/components}/Typography/index.d.ts

@@ -8,5 +8,5 @@ export type TypographyProps = {
     sx?: SxProps<Theme>;
     className?: string;
 };
-declare const Typography: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+declare const Typography: (props: TypographyProps) => React.JSX.Element;
 export default Typography;