@veritone-ce/design-system 1.12.53 → 1.12.55

package/dist/cjs/components/ErrorMessage/index.js

@@ -0,0 +1,48 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ErrorMessage;
+var _iconsMaterial = require("@mui/icons-material");
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _react = _interopRequireDefault(require("react"));
+var _Typography = _interopRequireDefault(require("../Typography"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var ErrorContainer = (0, _styles.styled)(_material.Box)({
+  width: '100%',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  paddingTop: '10px',
+  paddingBottom: '10px'
+});
+var ErrorTypography = (0, _styles.styled)(_Typography["default"])(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    color: theme.palette.text.primary,
+    fontSize: theme.typography.subtitle1.fontSize,
+    fontWeight: 'bold'
+  };
+});
+function ErrorMessage(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ErrorContainer, {
+    sx: props.sx,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.ErrorOutline, {
+      sx: {
+        marginRight: '10px',
+        color: function color(theme) {
+          return theme.palette.error.main;
+        }
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ErrorTypography, {
+      sx: props.typographySx,
+      children: ["An error occurred", props.children !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [": ", props.children, "."]
+      }) : '.', " Please try reloading the page."]
+    })]
+  });
+}

package/dist/cjs/components/Table/AutoTable/common.js

@@ -12,8 +12,7 @@ var _reactTable = require("@tanstack/react-table");
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../index.js");
 var _material = require("@mui/material");
-var _index2 = _interopRequireDefault(require("../../../components/Typography/index.js"));
-var _iconsMaterial = require("@mui/icons-material");
+var _index2 = require("../../../index.js");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -146,7 +145,7 @@ function makeCellMappingComponent(cell) {
   };
 }
 var DefaultErrorContainer = function DefaultErrorContainer(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
     sx: {
       width: '100%',
       display: 'flex',
@@ -155,27 +154,9 @@ var DefaultErrorContainer = function DefaultErrorContainer(props) {
       paddingTop: '10px',
       paddingBottom: '10px'
     },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.ErrorOutline, {
-      sx: {
-        marginRight: '10px',
-        color: function color(theme) {
-          return theme.palette.error.main;
-        }
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2["default"], {
-      sx: {
-        color: function color(theme) {
-          return theme.palette.text.primary;
-        },
-        fontSize: function fontSize(theme) {
-          return theme.typography.subtitle1;
-        },
-        fontWeight: 'bold'
-      },
-      children: ["An error occurred", typeof props.error === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [": ", props.error, "."]
-      }) : '.', " Please try reloading the page."]
-    })]
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.ErrorMessage, {
+      children: typeof props.error === 'string' ? props.error : undefined
+    })
   });
 };
 exports.DefaultErrorContainer = DefaultErrorContainer;

package/dist/cjs/index.js

@@ -19,13 +19,13 @@ Object.defineProperty(exports, "AudioSlider", {
 Object.defineProperty(exports, "AutoTable", {
   enumerable: true,
   get: function get() {
-    return _index29["default"];
+    return _index30["default"];
   }
 });
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
   get: function get() {
-    return _index37["default"];
+    return _index38["default"];
   }
 });
 Object.defineProperty(exports, "Breadcrumbs", {
@@ -58,226 +58,232 @@ Object.defineProperty(exports, "Drawer", {
     return _index6["default"];
   }
 });
-Object.defineProperty(exports, "FileUploader", {
+Object.defineProperty(exports, "ErrorMessage", {
   enumerable: true,
   get: function get() {
     return _index7["default"];
   }
 });
-Object.defineProperty(exports, "FormControlLabel", {
+Object.defineProperty(exports, "FileUploader", {
   enumerable: true,
   get: function get() {
     return _index8["default"];
   }
 });
+Object.defineProperty(exports, "FormControlLabel", {
+  enumerable: true,
+  get: function get() {
+    return _index9["default"];
+  }
+});
 Object.defineProperty(exports, "HomeOutlinedIcon", {
   enumerable: true,
   get: function get() {
-    return _index34["default"];
+    return _index35["default"];
   }
 });
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function get() {
-    return _index9["default"];
+    return _index10["default"];
   }
 });
 Object.defineProperty(exports, "IconGroups", {
   enumerable: true,
   get: function get() {
-    return _index35["default"];
+    return _index36["default"];
   }
 });
 Object.defineProperty(exports, "IconListItem", {
   enumerable: true,
   get: function get() {
-    return _index36["default"];
+    return _index37["default"];
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
   get: function get() {
-    return _index10["default"];
+    return _index11["default"];
   }
 });
 Object.defineProperty(exports, "LinearProgress", {
   enumerable: true,
   get: function get() {
-    return _index11["default"];
+    return _index12["default"];
   }
 });
 Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function get() {
-    return _index12["default"];
+    return _index13["default"];
   }
 });
 Object.defineProperty(exports, "List", {
   enumerable: true,
   get: function get() {
-    return _index13["default"];
+    return _index14["default"];
   }
 });
 Object.defineProperty(exports, "ListItem", {
   enumerable: true,
   get: function get() {
-    return _index14["default"];
+    return _index15["default"];
   }
 });
 Object.defineProperty(exports, "ListItemButton", {
   enumerable: true,
   get: function get() {
-    return _index15["default"];
+    return _index16["default"];
   }
 });
 Object.defineProperty(exports, "ListItemText", {
   enumerable: true,
   get: function get() {
-    return _index16["default"];
+    return _index17["default"];
   }
 });
 Object.defineProperty(exports, "MenuFlyout", {
   enumerable: true,
   get: function get() {
-    return _index17["default"];
+    return _index18["default"];
   }
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
   get: function get() {
-    return _index18["default"];
+    return _index19["default"];
   }
 });
 Object.defineProperty(exports, "Panel", {
   enumerable: true,
   get: function get() {
-    return _index19["default"];
+    return _index20["default"];
   }
 });
 Object.defineProperty(exports, "ProgressIndicator", {
   enumerable: true,
   get: function get() {
-    return _index20["default"];
+    return _index21["default"];
   }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
   get: function get() {
-    return _index21["default"];
+    return _index22["default"];
   }
 });
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
   get: function get() {
-    return _index22["default"];
+    return _index23["default"];
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
-    return _index23["default"];
+    return _index24["default"];
   }
 });
 Object.defineProperty(exports, "SelectionTableCell", {
   enumerable: true,
   get: function get() {
-    return _index28.SelectionTableCell;
+    return _index29.SelectionTableCell;
   }
 });
 Object.defineProperty(exports, "StatusChip", {
   enumerable: true,
   get: function get() {
-    return _index24["default"];
+    return _index25["default"];
   }
 });
 Object.defineProperty(exports, "Step", {
   enumerable: true,
   get: function get() {
-    return _index25["default"];
+    return _index26["default"];
   }
 });
 Object.defineProperty(exports, "StepLabel", {
   enumerable: true,
   get: function get() {
-    return _index26["default"];
+    return _index27["default"];
   }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
   get: function get() {
-    return _index27["default"];
+    return _index28["default"];
   }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
   get: function get() {
-    return _index28.Table;
+    return _index29.Table;
   }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
   get: function get() {
-    return _index28.TableBody;
+    return _index29.TableBody;
   }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
   get: function get() {
-    return _index28.TableCell;
+    return _index29.TableCell;
   }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
   get: function get() {
-    return _index28.TableFooter;
+    return _index29.TableFooter;
   }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
   get: function get() {
-    return _index28.TableHead;
+    return _index29.TableHead;
   }
 });
 Object.defineProperty(exports, "TablePagination", {
   enumerable: true,
   get: function get() {
-    return _index28.TablePagination;
+    return _index29.TablePagination;
   }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
   get: function get() {
-    return _index28.TableRow;
+    return _index29.TableRow;
   }
 });
 Object.defineProperty(exports, "TableSortLabel", {
   enumerable: true,
   get: function get() {
-    return _index28.TableSortLabel;
+    return _index29.TableSortLabel;
   }
 });
 Object.defineProperty(exports, "TableZeroState", {
   enumerable: true,
   get: function get() {
-    return _index28.TableMessage;
+    return _index29.TableMessage;
   }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
-    return _index30["default"];
+    return _index31["default"];
   }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
   get: function get() {
-    return _index31["default"];
+    return _index32["default"];
   }
 });
 Object.defineProperty(exports, "Toast", {
   enumerable: true,
   get: function get() {
-    return _index32["default"];
+    return _index33["default"];
   }
 });
 Object.defineProperty(exports, "ToastProvider", {
@@ -289,7 +295,7 @@ Object.defineProperty(exports, "ToastProvider", {
 Object.defineProperty(exports, "Typography", {
   enumerable: true,
   get: function get() {
-    return _index33["default"];
+    return _index34["default"];
   }
 });
 Object.defineProperty(exports, "VirtualControlledAutoTable", {
@@ -301,7 +307,7 @@ Object.defineProperty(exports, "VirtualControlledAutoTable", {
 Object.defineProperty(exports, "createColumnHelper", {
   enumerable: true,
   get: function get() {
-    return _index29.createColumnHelper;
+    return _index30.createColumnHelper;
   }
 });
 Object.defineProperty(exports, "createDesignSystemTheme", {
@@ -313,7 +319,7 @@ Object.defineProperty(exports, "createDesignSystemTheme", {
 Object.defineProperty(exports, "useFileUploader", {
   enumerable: true,
   get: function get() {
-    return _index7.useFileUploader;
+    return _index8.useFileUploader;
   }
 });
 Object.defineProperty(exports, "useTheme", {
@@ -335,40 +341,41 @@ var _index3 = _interopRequireDefault(require("./components/Breadcrumbs/index.js"
 var _index4 = _interopRequireDefault(require("./components/Button/index.js"));
 var _index5 = _interopRequireDefault(require("./components/Checkbox/index.js"));
 var _index6 = _interopRequireDefault(require("./components/Drawer/index.js"));
-var _index7 = _interopRequireWildcard(require("./components/FileUploader/index.js"));
-var _index8 = _interopRequireDefault(require("./components/FormControlLabel/index.js"));
-var _index9 = _interopRequireDefault(require("./components/IconButton/index.js"));
-var _index10 = _interopRequireDefault(require("./components/Input/index.js"));
-var _index11 = _interopRequireDefault(require("./components/LinearProgress/index.js"));
-var _index12 = _interopRequireDefault(require("./components/Link/index.js"));
-var _index13 = _interopRequireDefault(require("./components/List/index.js"));
-var _index14 = _interopRequireDefault(require("./components/ListItem/index.js"));
-var _index15 = _interopRequireDefault(require("./components/ListItemButton/index.js"));
-var _index16 = _interopRequireDefault(require("./components/ListItemText/index.js"));
-var _index17 = _interopRequireDefault(require("./components/MenuFlyout/index.js"));
-var _index18 = _interopRequireDefault(require("./components/Modal/index.js"));
-var _index19 = _interopRequireDefault(require("./components/Panel/index.js"));
-var _index20 = _interopRequireDefault(require("./components/ProgressIndicator/index.js"));
-var _index21 = _interopRequireDefault(require("./components/RadioButton/index.js"));
-var _index22 = _interopRequireDefault(require("./components/RadioGroup/index.js"));
-var _index23 = _interopRequireDefault(require("./components/Select/index.js"));
-var _index24 = _interopRequireDefault(require("./components/StatusChip/index.js"));
-var _index25 = _interopRequireDefault(require("./components/Step/index.js"));
-var _index26 = _interopRequireDefault(require("./components/StepLabel/index.js"));
-var _index27 = _interopRequireDefault(require("./components/Stepper/index.js"));
-var _index28 = require("./components/Table/index.js");
-var _index29 = _interopRequireWildcard(require("./components/Table/AutoTable/index.js"));
+var _index7 = _interopRequireDefault(require("./components/ErrorMessage/index.js"));
+var _index8 = _interopRequireWildcard(require("./components/FileUploader/index.js"));
+var _index9 = _interopRequireDefault(require("./components/FormControlLabel/index.js"));
+var _index10 = _interopRequireDefault(require("./components/IconButton/index.js"));
+var _index11 = _interopRequireDefault(require("./components/Input/index.js"));
+var _index12 = _interopRequireDefault(require("./components/LinearProgress/index.js"));
+var _index13 = _interopRequireDefault(require("./components/Link/index.js"));
+var _index14 = _interopRequireDefault(require("./components/List/index.js"));
+var _index15 = _interopRequireDefault(require("./components/ListItem/index.js"));
+var _index16 = _interopRequireDefault(require("./components/ListItemButton/index.js"));
+var _index17 = _interopRequireDefault(require("./components/ListItemText/index.js"));
+var _index18 = _interopRequireDefault(require("./components/MenuFlyout/index.js"));
+var _index19 = _interopRequireDefault(require("./components/Modal/index.js"));
+var _index20 = _interopRequireDefault(require("./components/Panel/index.js"));
+var _index21 = _interopRequireDefault(require("./components/ProgressIndicator/index.js"));
+var _index22 = _interopRequireDefault(require("./components/RadioButton/index.js"));
+var _index23 = _interopRequireDefault(require("./components/RadioGroup/index.js"));
+var _index24 = _interopRequireDefault(require("./components/Select/index.js"));
+var _index25 = _interopRequireDefault(require("./components/StatusChip/index.js"));
+var _index26 = _interopRequireDefault(require("./components/Step/index.js"));
+var _index27 = _interopRequireDefault(require("./components/StepLabel/index.js"));
+var _index28 = _interopRequireDefault(require("./components/Stepper/index.js"));
+var _index29 = require("./components/Table/index.js");
+var _index30 = _interopRequireWildcard(require("./components/Table/AutoTable/index.js"));
 var _controlled = _interopRequireDefault(require("./components/Table/AutoTable/controlled.js"));
 var _virtual = _interopRequireDefault(require("./components/Table/AutoTable/virtual.js"));
-var _index30 = _interopRequireDefault(require("./components/Tabs/index.js"));
-var _index31 = _interopRequireDefault(require("./components/ThemeProvider/index.js"));
-var _index32 = _interopRequireDefault(require("./components/Toast/index.js"));
+var _index31 = _interopRequireDefault(require("./components/Tabs/index.js"));
+var _index32 = _interopRequireDefault(require("./components/ThemeProvider/index.js"));
+var _index33 = _interopRequireDefault(require("./components/Toast/index.js"));
 var _hook = require("./components/Toast/hook.js");
-var _index33 = _interopRequireDefault(require("./components/Typography/index.js"));
-var _index34 = _interopRequireDefault(require("./components/icons/HomeOutlinedIcon/index.js"));
-var _index35 = _interopRequireDefault(require("./components/icons/IconGroups/index.js"));
-var _index36 = _interopRequireDefault(require("./components/icons/IconListItem/index.js"));
-var _index37 = _interopRequireDefault(require("./components/Autocomplete/index.js"));
+var _index34 = _interopRequireDefault(require("./components/Typography/index.js"));
+var _index35 = _interopRequireDefault(require("./components/icons/HomeOutlinedIcon/index.js"));
+var _index36 = _interopRequireDefault(require("./components/icons/IconGroups/index.js"));
+var _index37 = _interopRequireDefault(require("./components/icons/IconListItem/index.js"));
+var _index38 = _interopRequireDefault(require("./components/Autocomplete/index.js"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

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

@@ -0,0 +1,44 @@
+'use client';
+
+import { ErrorOutline } from '@mui/icons-material';
+import { Box } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import React from 'react';
+import Typography from '../Typography';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ErrorContainer = styled(Box)({
+  width: '100%',
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  paddingTop: '10px',
+  paddingBottom: '10px'
+});
+var ErrorTypography = styled(Typography)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    color: theme.palette.text.primary,
+    fontSize: theme.typography.subtitle1.fontSize,
+    fontWeight: 'bold'
+  };
+});
+export default function ErrorMessage(props) {
+  return /*#__PURE__*/_jsxs(ErrorContainer, {
+    sx: props.sx,
+    children: [/*#__PURE__*/_jsx(ErrorOutline, {
+      sx: {
+        marginRight: '10px',
+        color: function color(theme) {
+          return theme.palette.error.main;
+        }
+      }
+    }), /*#__PURE__*/_jsxs(ErrorTypography, {
+      sx: props.typographySx,
+      children: ["An error occurred", props.children !== undefined ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [": ", props.children, "."]
+      }) : '.', " Please try reloading the page."]
+    })]
+  });
+}

package/dist/esm/components/Table/AutoTable/common.js

@@ -8,11 +8,8 @@ import { useReactTable, getCoreRowModel, getPaginationRowModel, getSortedRowMode
 import React from 'react';
 import { TableCell } from '../index.js';
 import { Box } from '@mui/material';
-import Typography from '../../../components/Typography/index.js';
-import { ErrorOutline } from '@mui/icons-material';
+import { ErrorMessage } from '../../../index.js';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 export function createColumnHelper() {
   return {
     accessor: function accessor(_accessor, column) {
@@ -137,7 +134,7 @@ function makeCellMappingComponent(cell) {
   };
 }
 export var DefaultErrorContainer = function DefaultErrorContainer(props) {
-  return /*#__PURE__*/_jsxs(Box, {
+  return /*#__PURE__*/_jsx(Box, {
     sx: {
       width: '100%',
       display: 'flex',
@@ -146,26 +143,8 @@ export var DefaultErrorContainer = function DefaultErrorContainer(props) {
       paddingTop: '10px',
       paddingBottom: '10px'
     },
-    children: [/*#__PURE__*/_jsx(ErrorOutline, {
-      sx: {
-        marginRight: '10px',
-        color: function color(theme) {
-          return theme.palette.error.main;
-        }
-      }
-    }), /*#__PURE__*/_jsxs(Typography, {
-      sx: {
-        color: function color(theme) {
-          return theme.palette.text.primary;
-        },
-        fontSize: function fontSize(theme) {
-          return theme.typography.subtitle1;
-        },
-        fontWeight: 'bold'
-      },
-      children: ["An error occurred", typeof props.error === 'string' ? /*#__PURE__*/_jsxs(_Fragment, {
-        children: [": ", props.error, "."]
-      }) : '.', " Please try reloading the page."]
-    })]
+    children: /*#__PURE__*/_jsx(ErrorMessage, {
+      children: typeof props.error === 'string' ? props.error : undefined
+    })
   });
 };

package/dist/esm/index.js

@@ -7,6 +7,7 @@ export { default as Breadcrumbs } from './components/Breadcrumbs/index.js';
 export { default as Button } from './components/Button/index.js';
 export { default as Checkbox } from './components/Checkbox/index.js';
 export { default as Drawer } from './components/Drawer/index.js';
+export { default as ErrorMessage } from './components/ErrorMessage/index.js';
 export { default as FileUploader, useFileUploader } from './components/FileUploader/index.js';
 export { default as FormControlLabel } from './components/FormControlLabel/index.js';
 export { default as IconButton } from './components/IconButton/index.js';

package/dist/types/components/ErrorMessage/index.d.ts

@@ -0,0 +1,8 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import React from 'react';
+export type ErrorMessageProps = {
+    children?: React.ReactNode;
+    typographySx?: SxProps<Theme>;
+    sx?: SxProps<Theme>;
+};
+export default function ErrorMessage(props: ErrorMessageProps): React.JSX.Element;

package/dist/types/index.d.ts

@@ -12,6 +12,8 @@ export { default as Checkbox } from './components/Checkbox/index.js';
 export type { CheckboxProps } from './components/Checkbox/index.js';
 export { default as Drawer } from './components/Drawer/index.js';
 export type { DrawerProps } from './components/Drawer/index.js';
+export { default as ErrorMessage } from './components/ErrorMessage/index.js';
+export type { ErrorMessageProps as ErrorProps } from './components/ErrorMessage/index.js';
 export { default as FileUploader, useFileUploader } from './components/FileUploader/index.js';
 export type { FileUploaderProps, UseFileUploaderOptions } from './components/FileUploader/index.js';
 export { default as FormControlLabel } from './components/FormControlLabel/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritone-ce/design-system",
-  "version": "1.12.53",
+  "version": "1.12.55",
   "private": false,
   "description": "Design System for Veritone CE",
   "keywords": [
@@ -101,7 +101,7 @@
     "@types/react-dropzone": "^5.1.0",
     "@typescript-eslint/eslint-plugin": "^6.7.0",
     "@typescript-eslint/parser": "^6.7.0",
-    "auto": "^10.37.6",
+    "auto": "^11.0.4",
     "babel-jest": "^29.3.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "chromatic": "^6.10.1",