@veritone-ce/design-system 1.12.28 → 1.12.31

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

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

package/dist/components/Toast/index.js

@@ -6,8 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+var _Alert = _interopRequireDefault(require("../Alert"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["severity", "messageLabel", "messageText", "linkText", "handleClose", "open"];
+var _excluded = ["open", "onClose", "sx", "className"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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; }
@@ -15,57 +18,20 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 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; }
-var defaultMessageLabel = {
-  success: "Success",
-  info: "Info",
-  warning: "Alert",
-  error: "Error"
-};
-var defaultMessageText = {
-  success: "Your action was completed. ",
-  info: "General information. ",
-  warning: "Your action is required. ",
-  error: "An error has occured. "
-};
 var Toast = function Toast(_ref) {
-  var _ref$severity = _ref.severity,
-    severity = _ref$severity === void 0 ? "success" : _ref$severity,
-    messageLabel = _ref.messageLabel,
-    messageText = _ref.messageText,
-    _ref$linkText = _ref.linkText,
-    linkText = _ref$linkText === void 0 ? "" : _ref$linkText,
-    handleClose = _ref.handleClose,
-    open = _ref.open,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, _objectSpread(_objectSpread({}, props), {}, {
-      open: open
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Alert, {
-      onClose: handleClose,
-      severity: severity,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
-        sx: {
-          display: "flex",
-          alignItems: "center"
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-          sx: {
-            fontSize: "12px",
-            fontWeight: "bold",
-            marginRight: "2px"
-          },
-          children: messageLabel ? "".concat(messageLabel + " ", ": ") : "".concat(defaultMessageLabel[severity], ": ")
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-          sx: {
-            fontSize: "12px"
-          },
-          children: messageText ? "".concat(messageText + " ", " ") : defaultMessageText[severity]
-        }), linkText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, {
-          href: "#",
-          children: linkText
-        })]
-      })
-    })]
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    sx = _ref.sx,
+    className = _ref.className,
+    alertProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+    open: open,
+    onClose: onClose,
+    sx: sx,
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert["default"], _objectSpread({
+      onClose: onClose
+    }, alertProps))
   });
 };
 var _default = Toast;

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

@@ -1,6 +1,12 @@
 import { TypographyProps as MuiTypographyProps } from '@mui/material';
-type TypographyProps = {
+import { SxProps, Theme } from '@mui/system';
+import React from 'react';
+export type TypographyProps = {
     'data-testid'?: string;
-} & MuiTypographyProps;
-declare const Typography: ({ ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+    variant?: MuiTypographyProps['variant'];
+    children?: React.ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+};
+declare const Typography: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/dist/components/Typography/index.js

@@ -1,22 +1,21 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
-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); }
-var Typography = function Typography(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, _objectSpread({}, props));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Typography = function Typography(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+    "data-testid": props['data-testid'],
+    variant: props.variant,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
 };
 var _default = Typography;
 exports["default"] = _default;

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

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

package/dist/components/UtilityRail/index.js

@@ -1,6 +1,5 @@
 "use strict";
 
-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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,28 +7,21 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@mui/material/styles");
 var _material = require("@mui/material");
+var _Typography = _interopRequireDefault(require("../Typography"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["items"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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; }
-var UtilityRail = function UtilityRail(_ref) {
-  var items = _ref.items,
-    props = _objectWithoutProperties(_ref, _excluded);
+var UtilityRail = function UtilityRail(props) {
   var _useTheme = (0, _styles.useTheme)(),
     palette = _useTheme.palette;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    "data-testid": props['data-testid'],
     sx: {
       'div:last-of-type': {
         borderLeft: "0.125rem transparent solid"
       }
     },
-    children: items.map(function (item, index) {
+    className: props.className,
+    children: props.items.map(function (item, index) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
         "data-testid": "item-".concat(index),
         sx: {
@@ -50,7 +42,7 @@ var UtilityRail = function UtilityRail(_ref) {
           sx: {
             padding: '0 1.25rem 1.25rem'
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
             sx: {
               fontSize: '0.625rem',
               fontWeight: 400,
@@ -58,7 +50,7 @@ var UtilityRail = function UtilityRail(_ref) {
               color: palette.text.secondary
             },
             children: item.subtitle
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
             sx: {
               fontSize: '0.75rem',
               fontWeight: 400,
@@ -66,7 +58,7 @@ var UtilityRail = function UtilityRail(_ref) {
               color: palette.text.primary
             },
             children: item.title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography["default"], {
             sx: {
               fontSize: '0.625rem',
               fontWeight: 400,
@@ -78,7 +70,7 @@ var UtilityRail = function UtilityRail(_ref) {
         })
       }, index);
     })
-  }));
+  });
 };
 var _default = UtilityRail;
 exports["default"] = _default;

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

@@ -0,0 +1,2 @@
+declare function ZeroState(): import("react/jsx-runtime").JSX.Element;
+export default ZeroState;

package/dist/components/ZeroState/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+function ZeroState() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    sx: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'rgba(224, 232, 240, 1)'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: "No data to display"
+    })
+  });
+}
+var _default = ZeroState;
+exports["default"] = _default;

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

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

package/dist/components/icons/HomeOutlinedIcon/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _iconsMaterial = require("@mui/icons-material");
+var _jsxRuntime = require("react/jsx-runtime");
+var HomeOutlinedIcon = function HomeOutlinedIcon(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.HomeOutlined, {
+    "data-testid": props['data-testid']
+  });
+};
+var _default = HomeOutlinedIcon;
+exports["default"] = _default;

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

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

package/dist/components/icons/IconGroups/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Groups = _interopRequireDefault(require("@mui/icons-material/Groups"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var IconGroups = function IconGroups(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Groups["default"], {
+    "data-testid": props['data-testid']
+  });
+};
+var _default = IconGroups;
+exports["default"] = _default;

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

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

package/dist/components/icons/IconListItem/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var IconListItem = function IconListItem(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon["default"], {
+    "data-testid": props['data-testid'],
+    children: props.children
+  });
+};
+var _default = IconListItem;
+exports["default"] = _default;

package/dist/index.d.ts

@@ -1,36 +1,70 @@
+export { createDesignSystemTheme, useTheme } from './assets/theme';
+export type { Theme } from './assets/theme';
+export { default as AudioSlider } from './components/AudioSlider';
+export type { AudioSliderProps } from './components/AudioSlider';
+export { default as Box } from './components/Box';
+export type { BoxProps } from './components/Box';
+export { default as Breadcrumbs } from './components/Breadcrumbs';
+export type { BreadcrumbsProps } from './components/Breadcrumbs';
 export { default as Button } from './components/Button';
+export type { ButtonProps } from './components/Button';
 export { default as Checkbox } from './components/Checkbox';
-export { default as FileUploader } from './components/FileUploader';
-export { default as Input } from './components/Input';
-export { default as Panel } from './components/Panel';
-export { default as ProgressIndicator } from './components/ProgressIndicator';
-export { default as RadioButton } from './components/RadioButton';
-export { default as Select } from './components/Select';
-export { default as Tabs } from './components/Tabs';
-export { default as Stepper } from './components/Stepper';
-export { default as ThemeProvider } from './components/ThemeProvider';
-export { default as Typography } from './components/Typography';
-export { default as Box } from './components/Box';
+export type { CheckboxProps } from './components/Checkbox';
 export { default as Drawer } from './components/Drawer';
+export type { DrawerProps } from './components/Drawer';
+export { default as FileUploader } from './components/FileUploader';
+export type { FileUploaderProps } from './components/FileUploader';
 export { default as FormControlLabel } from './components/FormControlLabel';
-export { default as IconGroups } from './components/IconGroups';
-export { default as HomeOutlinedIcon } from './components/HomeOutlinedIcon';
+export type { FormControlLabelProps } from './components/FormControlLabel';
+export { default as Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { default as LinearProgress } from './components/LinearProgress';
+export type { LinearProgressProps } from './components/LinearProgress';
 export { default as Link } from './components/Link';
+export type { LinkProps } from './components/Link';
 export { default as List } from './components/List';
+export type { ListProps } from './components/List';
 export { default as ListItem } from './components/ListItem';
+export type { ListItemProps } from './components/ListItem';
 export { default as ListItemButton } from './components/ListItemButton';
-export { default as IconListItem } from './components/IconListItem';
+export type { ListItemButtonProps } from './components/ListItemButton';
 export { default as ListItemText } from './components/ListItemText';
-export { default as RadioGroup } from './components/RadioGroup';
-export { default as Step } from './components/Step';
-export { default as StepLabel } from './components/StepLabel';
-export { default as ModelGridView } from './components/ModelGridView';
-export { default as Breadcrumbs } from './components/Breadcrumbs';
-export { default as CustomSlider } from './components/CustomSlider';
-export { default as LinearProgress } from './components/LinearProgress';
+export type { ListItemTextProps } from './components/ListItemText';
 export { default as MenuFlyout } from './components/MenuFlyout';
+export type { MenuFlyoutProps } from './components/MenuFlyout';
 export { default as Modal } from './components/Modal';
+export type { ModalProps } from './components/Modal';
+export { default as Panel } from './components/Panel';
+export type { PanelProps } from './components/Panel';
+export { default as ProgressIndicator } from './components/ProgressIndicator';
+export type { ProgressIndicatorProps } from './components/ProgressIndicator';
+export { default as RadioButton } from './components/RadioButton';
+export type { RadioButtonProps } from './components/RadioButton';
+export { default as RadioGroup } from './components/RadioGroup';
+export type { RadioGroupProps } from './components/RadioGroup';
+export { default as Select } from './components/Select';
+export type { SelectProps } from './components/Select';
 export { default as StatusChip } from './components/StatusChip';
+export type { StatusChipProps } from './components/StatusChip';
+export { default as Step } from './components/Step';
+export type { StepProps } from './components/Step';
+export { default as StepLabel } from './components/StepLabel';
+export type { StepLabelProps } from './components/StepLabel';
+export { default as Stepper } from './components/Stepper';
+export type { StepperProps } from './components/Stepper';
+export { Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel } from './components/Table';
+export type { TableProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableRowProps, TableSortLabelProps } from './components/Table';
+export { default as Tabs } from './components/Tabs';
+export type { BasicTabsProps, Tab } from './components/Tabs';
+export { default as ThemeProvider } from './components/ThemeProvider';
+export type { ThemeProviderProps } from './components/ThemeProvider';
 export { default as Toast } from './components/Toast';
-export { default as theme } from './assets/theme';
-export { useTheme } from '@mui/material';
+export type { ToastProps } from './components/Toast';
+export { default as Typography } from './components/Typography';
+export type { TypographyProps } from './components/Typography';
+export { default as HomeOutlinedIcon } from './components/icons/HomeOutlinedIcon';
+export type { HomeOutlinedIconProps } from './components/icons/HomeOutlinedIcon';
+export { default as IconGroups } from './components/icons/IconGroups';
+export type { IconGroupsProps } from './components/icons/IconGroups';
+export { default as IconListItem } from './components/icons/IconListItem';
+export type { IconListItemProps } from './components/icons/IconListItem';

package/dist/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AudioSlider", {
+  enumerable: true,
+  get: function get() {
+    return _AudioSlider["default"];
+  }
+});
 Object.defineProperty(exports, "Box", {
   enumerable: true,
   get: function get() {
@@ -27,12 +33,6 @@ Object.defineProperty(exports, "Checkbox", {
     return _Checkbox["default"];
   }
 });
-Object.defineProperty(exports, "CustomSlider", {
-  enumerable: true,
-  get: function get() {
-    return _CustomSlider["default"];
-  }
-});
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function get() {
@@ -123,12 +123,6 @@ Object.defineProperty(exports, "Modal", {
     return _Modal["default"];
   }
 });
-Object.defineProperty(exports, "ModelGridView", {
-  enumerable: true,
-  get: function get() {
-    return _ModelGridView["default"];
-  }
-});
 Object.defineProperty(exports, "Panel", {
   enumerable: true,
   get: function get() {
@@ -183,6 +177,60 @@ Object.defineProperty(exports, "Stepper", {
     return _Stepper["default"];
   }
 });
+Object.defineProperty(exports, "Table", {
+  enumerable: true,
+  get: function get() {
+    return _Table.Table;
+  }
+});
+Object.defineProperty(exports, "TableBody", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableBody;
+  }
+});
+Object.defineProperty(exports, "TableCell", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableCell;
+  }
+});
+Object.defineProperty(exports, "TableContainer", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableContainer;
+  }
+});
+Object.defineProperty(exports, "TableFooter", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableFooter;
+  }
+});
+Object.defineProperty(exports, "TableHead", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableHead;
+  }
+});
+Object.defineProperty(exports, "TablePagination", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TablePagination;
+  }
+});
+Object.defineProperty(exports, "TableRow", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableRow;
+  }
+});
+Object.defineProperty(exports, "TableSortLabel", {
+  enumerable: true,
+  get: function get() {
+    return _Table.TableSortLabel;
+  }
+});
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
@@ -207,52 +255,51 @@ Object.defineProperty(exports, "Typography", {
     return _Typography["default"];
   }
 });
-Object.defineProperty(exports, "theme", {
+Object.defineProperty(exports, "createDesignSystemTheme", {
   enumerable: true,
   get: function get() {
-    return _theme["default"];
+    return _theme.createDesignSystemTheme;
   }
 });
 Object.defineProperty(exports, "useTheme", {
   enumerable: true,
   get: function get() {
-    return _material.useTheme;
+    return _theme.useTheme;
   }
 });
+var _theme = require("./assets/theme");
+var _AudioSlider = _interopRequireDefault(require("./components/AudioSlider"));
+var _Box = _interopRequireDefault(require("./components/Box"));
+var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
 var _Button = _interopRequireDefault(require("./components/Button"));
 var _Checkbox = _interopRequireDefault(require("./components/Checkbox"));
-var _FileUploader = _interopRequireDefault(require("./components/FileUploader"));
-var _Input = _interopRequireDefault(require("./components/Input"));
-var _Panel = _interopRequireDefault(require("./components/Panel"));
-var _ProgressIndicator = _interopRequireDefault(require("./components/ProgressIndicator"));
-var _RadioButton = _interopRequireDefault(require("./components/RadioButton"));
-var _Select = _interopRequireDefault(require("./components/Select"));
-var _Tabs = _interopRequireDefault(require("./components/Tabs"));
-var _Stepper = _interopRequireDefault(require("./components/Stepper"));
-var _ThemeProvider = _interopRequireDefault(require("./components/ThemeProvider"));
-var _Typography = _interopRequireDefault(require("./components/Typography"));
-var _Box = _interopRequireDefault(require("./components/Box"));
 var _Drawer = _interopRequireDefault(require("./components/Drawer"));
+var _FileUploader = _interopRequireDefault(require("./components/FileUploader"));
 var _FormControlLabel = _interopRequireDefault(require("./components/FormControlLabel"));
-var _IconGroups = _interopRequireDefault(require("./components/IconGroups"));
-var _HomeOutlinedIcon = _interopRequireDefault(require("./components/HomeOutlinedIcon"));
+var _Input = _interopRequireDefault(require("./components/Input"));
+var _LinearProgress = _interopRequireDefault(require("./components/LinearProgress"));
 var _Link = _interopRequireDefault(require("./components/Link"));
 var _List = _interopRequireDefault(require("./components/List"));
 var _ListItem = _interopRequireDefault(require("./components/ListItem"));
 var _ListItemButton = _interopRequireDefault(require("./components/ListItemButton"));
-var _IconListItem = _interopRequireDefault(require("./components/IconListItem"));
 var _ListItemText = _interopRequireDefault(require("./components/ListItemText"));
-var _RadioGroup = _interopRequireDefault(require("./components/RadioGroup"));
-var _Step = _interopRequireDefault(require("./components/Step"));
-var _StepLabel = _interopRequireDefault(require("./components/StepLabel"));
-var _ModelGridView = _interopRequireDefault(require("./components/ModelGridView"));
-var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
-var _CustomSlider = _interopRequireDefault(require("./components/CustomSlider"));
-var _LinearProgress = _interopRequireDefault(require("./components/LinearProgress"));
 var _MenuFlyout = _interopRequireDefault(require("./components/MenuFlyout"));
 var _Modal = _interopRequireDefault(require("./components/Modal"));
+var _Panel = _interopRequireDefault(require("./components/Panel"));
+var _ProgressIndicator = _interopRequireDefault(require("./components/ProgressIndicator"));
+var _RadioButton = _interopRequireDefault(require("./components/RadioButton"));
+var _RadioGroup = _interopRequireDefault(require("./components/RadioGroup"));
+var _Select = _interopRequireDefault(require("./components/Select"));
 var _StatusChip = _interopRequireDefault(require("./components/StatusChip"));
+var _Step = _interopRequireDefault(require("./components/Step"));
+var _StepLabel = _interopRequireDefault(require("./components/StepLabel"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper"));
+var _Table = require("./components/Table");
+var _Tabs = _interopRequireDefault(require("./components/Tabs"));
+var _ThemeProvider = _interopRequireDefault(require("./components/ThemeProvider"));
 var _Toast = _interopRequireDefault(require("./components/Toast"));
-var _theme = _interopRequireDefault(require("./assets/theme"));
-var _material = require("@mui/material");
+var _Typography = _interopRequireDefault(require("./components/Typography"));
+var _HomeOutlinedIcon = _interopRequireDefault(require("./components/icons/HomeOutlinedIcon"));
+var _IconGroups = _interopRequireDefault(require("./components/icons/IconGroups"));
+var _IconListItem = _interopRequireDefault(require("./components/icons/IconListItem"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }