@veritone-ce/design-system 1.12.44 → 1.12.46

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Input = function Input(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, {
+    InputLabelProps: {
+      shrink: false
+    },
+    "data-testid": props['data-testid'],
+    type: props.type,
+    value: props.value,
+    helperText: props.helperText,
+    label: props.label,
+    disabled: props.disabled,
+    placeholder: props.placeholder,
+    required: props.required,
+    error: props.error,
+    name: props.name,
+    multiline: props.multiline,
+    rows: props.rows,
+    maxRows: props.maxRows,
+    minRows: props.minRows,
+    InputProps: {
+      startAdornment: props.prefixEl ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
+        position: "start",
+        children: props.prefixEl
+      }) : null
+    },
+    sx: props.sx,
+    className: props.className,
+    onChange: props.onChange
+  });
+};
+var _default = Input;
+exports["default"] = _default;

package/dist/cjs/components/Input/input.theme.js

@@ -0,0 +1,108 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var inputTheme = function inputTheme(theme) {
+  return {
+    defaultProps: {},
+    styleOverrides: {
+      root: function root() {
+        return {
+          // display: 'flex',
+          gap: '3px',
+          '& .MuiInputLabel-root': {
+            position: 'initial',
+            transform: 'initial',
+            fontWeight: 600,
+            fontSize: '14px',
+            lineHeight: '20px',
+            color: theme.palette.neutral.main,
+            '&.Mui-focused': {
+              color: theme.palette.neutral.main
+            }
+          },
+          '& .MuiInputLabel-root.Mui-disabled': {
+            color: theme.palette.neutral.main
+          },
+          '& .MuiInputLabel-root.Mui-error': {
+            color: theme.palette.neutral.main
+          },
+          '& .MuiInputBase-root': {
+            padding: '0px 0px 4px',
+            height: '36px',
+            '& input': {
+              boxSizing: 'border-box',
+              height: '100%',
+              width: '100%',
+              padding: '8px',
+              fontFamily: 'Nunito Sans',
+              fontSize: '14px',
+              fontWeight: '400',
+              lineHeight: '20px',
+              color: theme.palette.text.primary,
+              border: 'none',
+              '&:disabled': {
+                background: theme.palette.action.disabledBackground,
+                borderColor: '#E0E8F0 !important'
+              }
+            },
+            '& fieldset': {
+              border: "1px solid ".concat(theme.palette.neutral.main),
+              borderRadius: '4px',
+              '&:focus': {
+                border: "2px solid ".concat(theme.palette.secondary.main)
+              },
+              '&:disabled': {
+                background: theme.palette.action.disabledBackground,
+                borderColor: '#E0E8F0 !important'
+              },
+              '& legend': {
+                display: 'none'
+              }
+            }
+          },
+          '& .MuiInputBase-root.MuiInputBase-multiline': {
+            height: '157px',
+            border: 'none',
+            fontWeight: 400,
+            fontSize: '14px',
+            lineHeight: '20px',
+            '& textarea': {
+              boxSizing: 'border-box',
+              height: '100% !important',
+              width: '100%',
+              padding: '8px'
+            }
+          },
+          '& .MuiFormHelperText-root': {
+            fontWeight: 400,
+            fontSize: '12px',
+            lineHeight: '18px',
+            margin: 0,
+            color: theme.palette.action.disabled
+          },
+          '& .MuiFormHelperText-root.Mui-error': {
+            color: theme.palette.error.main
+          },
+          '& .Mui-error': {
+            '& input': {
+              border: 'none',
+              '&:focus': {
+                border: 'none'
+              }
+            }
+          },
+          '& .MuiInputAdornment-root': {
+            padding: '9px 2px 9px 8px',
+            marginRight: '0px',
+            color: theme.palette.text.tertiary
+          }
+        };
+      }
+    }
+  };
+};
+var _default = inputTheme;
+exports["default"] = _default;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+- 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
+**/
+
+var LinearProgress = function LinearProgress(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      width: "100%",
+      margin: "5px 0"
+    },
+    className: props.className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "space-between",
+        marginBottom: "5px"
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        sx: {
+          fontSize: "14px",
+          fontWeight: "600"
+        },
+        children: props.itemLoading
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.LinearProgress, {
+      "aria-label": 'linear progress bar',
+      variant: "determinate",
+      value: props.value,
+      "data-testid": props['data-testid'],
+      sx: {
+        '& .MuiLinearProgress-bar': {
+          backgroundColor: props.isError ? "#EB0000" : props.isUploaded ? "#28BA3F" : undefined
+        }
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      sx: {
+        fontSize: "11px",
+        marginTop: "10px",
+        color: "#5C6269"
+      },
+      children: props.feedbackText ? props.feedbackText : "".concat(props.value, "%")
+    })]
+  });
+};
+var _default = LinearProgress;
+exports["default"] = _default;

package/dist/cjs/components/LinearProgress/linearProgress.theme.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var linearProgress = function linearProgress() {
+  return {
+    styleOverrides: {
+      root: function root() {
+        return {
+          borderRadius: "20px",
+          backgroundColor: "#E0E8F0",
+          '& .MuiLinearProgress-bar': {
+            backgroundColor: '#335B89',
+            borderRadius: "20px"
+          }
+        };
+      }
+    }
+  };
+};
+var _default = linearProgress;
+exports["default"] = _default;

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

@@ -0,0 +1,31 @@
+"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 = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["sx", "className"];
+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 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 Link = function Link(_ref) {
+  var sx = _ref.sx,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Link, _objectSpread(_objectSpread({}, restProps), {}, {
+    sx: sx,
+    className: className
+  }));
+};
+var _default = Link;
+exports["default"] = _default;

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

@@ -0,0 +1,22 @@
+"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 = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var List = function List(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.List, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+var _default = List;
+exports["default"] = _default;

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

@@ -0,0 +1,22 @@
+"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 = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var ListItem = function ListItem(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+var _default = ListItem;
+exports["default"] = _default;

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

@@ -0,0 +1,24 @@
+"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 = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var ListItemButton = function ListItemButton(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemButton, {
+    "data-testid": props['data-testid'],
+    disabled: props.disabled,
+    selected: props.selected,
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+var _default = ListItemButton;
+exports["default"] = _default;

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

@@ -0,0 +1,22 @@
+"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 = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var ListItemText = function ListItemText(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+    "data-testid": props['data-testid'],
+    sx: props.sx,
+    className: props.className,
+    children: props.children
+  });
+};
+var _default = ListItemText;
+exports["default"] = _default;

package/dist/cjs/components/MenuFlyout/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shareWithLabel = exports.editLabel = exports.deleteLabel = void 0;
+var editLabel = 'Edit Project';
+exports.editLabel = editLabel;
+var shareWithLabel = 'Share with...';
+exports.shareWithLabel = shareWithLabel;
+var deleteLabel = 'Delete Project';
+exports.deleteLabel = deleteLabel;

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

@@ -0,0 +1,46 @@
+"use strict";
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var MenuFlyout = function MenuFlyout(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Menu, {
+    "data-testid": props['data-testid'],
+    open: props.open,
+    onClose: props.onClose,
+    sx: props.sx,
+    className: props.className,
+    children: props.menuOptions.map(function (menuItem, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          sx: {
+            display: 'flex',
+            alignItems: 'center'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            sx: {
+              mr: '10px'
+            },
+            children: menuItem.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemIcon, {
+              children: menuItem.icon
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+              sx: {
+                fontSize: '14px'
+              },
+              children: menuItem.label
+            })
+          })]
+        })
+      }, index);
+    })
+  });
+};
+var _default = MenuFlyout;
+exports["default"] = _default;

package/dist/cjs/components/MenuFlyout/menuFlyout.theme.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuItemTheme = exports.menuFlyoutTheme = void 0;
+var menuFlyoutTheme = function menuFlyoutTheme() {
+  return {
+    styleOverrides: {
+      root: function root() {
+        return {
+          height: 'auto',
+          fontSize: '14px',
+          borderRadius: '2px',
+          fontFamily: 'Nunito',
+          fontStyle: 'normal',
+          fontWeight: 400,
+          textTransform: 'capitalize',
+          '& .MuiList-root, &.MuiMenu-list': {
+            minWidth: 168,
+            maxWidth: 200,
+            padding: 0
+          },
+          '& .MuiPaper-root': {
+            background: '#FFFFFF',
+            border: '1px solid #7C848D',
+            borderRadius: '0px 0px 4px 4px',
+            padding: '10px',
+            gap: '20px',
+            boxShadow: '3px 3px 5px rgba(0, 0, 0, 0.2)'
+          }
+        };
+      }
+    }
+  };
+};
+exports.menuFlyoutTheme = menuFlyoutTheme;
+var menuItemTheme = function menuItemTheme() {
+  return {
+    styleOverrides: {
+      root: function root() {
+        return {
+          whiteSpace: 'normal',
+          minWidth: 168,
+          maxWidth: 200,
+          padding: '5px'
+        };
+      }
+    }
+  };
+};
+exports.menuItemTheme = menuItemTheme;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Modal = function Modal(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+    "data-testid": props['data-testid'],
+    open: props.open,
+    onClose: props.onClose,
+    "aria-labelledby": "alert-dialog-title",
+    "aria-describedby": "alert-dialog-description",
+    sx: props.sx,
+    className: props.className,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogTitle, {
+      id: "alert-dialog-title",
+      children: props.title
+    }), props.children]
+  });
+};
+var _default = Modal;
+exports["default"] = _default;

package/dist/cjs/components/Modal/modal.theme.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var modalTheme = function modalTheme(theme) {
+  return {
+    defaultProps: {},
+    styleOverrides: {
+      root: function root() {
+        return {
+          borderRadius: '4px',
+          '& .MuiBackdrop-root': {
+            backgroundColor: theme.palette.neutral.main
+          },
+          margin: 'auto',
+          '& .MuiPaper-root': {
+            margin: '0px',
+            boxShadow: "\n        0px 4px 34px\n        ".concat(theme.palette.text.primary),
+            width: '410px'
+          },
+          '& .MuiDialogTitle-root': {
+            fontSize: '18px',
+            fontWeight: '600',
+            lineHeight: '24px',
+            color: theme.palette.text.primary
+          }
+        };
+      }
+    }
+  };
+};
+var _default = modalTheme;
+exports["default"] = _default;

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

@@ -0,0 +1,112 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");
+var _jsxRuntime = require("react/jsx-runtime");
+var Panel = function Panel(props) {
+  var _useTheme = (0, _material.useTheme)(),
+    palette = _useTheme.palette;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+    component: "div",
+    "data-testid": props['data-testid'] ? "overlay-".concat(props['data-testid']) : 'overlay-panel',
+    sx: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      bottom: 0,
+      zIndex: 1,
+      display: !props.open ? 'none' : 'block',
+      marginTop: '55px'
+    },
+    className: props.className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      component: "div",
+      "data-testid": props['data-testid'] || 'wrapper-panel',
+      sx: {
+        position: 'fixed',
+        right: 0,
+        background: palette.common.white,
+        maxWidth: props.size === 'medium' ? '560px' : props.size === 'small' ? '380px' : '720px',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        boxShadow: "0 4px 10px ".concat(palette.text.primary, "80"),
+        overflow: 'auto',
+        borderBottom: "5px solid ".concat(palette.secondary.main),
+        zIndex: 2
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        component: "header",
+        "data-testid": "header-panel",
+        sx: {
+          background: palette.secondary.main,
+          height: '64px',
+          padding: '0px 25px 0px 30px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'space-between',
+          position: 'sticky',
+          top: 0,
+          zIndex: 1000
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+          sx: {
+            fontFamily: 'Dosis',
+            textTransform: 'uppercase',
+            fontWeight: 600,
+            fontSize: '18px',
+            color: palette.common.white,
+            lineHeight: '23px',
+            letterSpacing: '0.25px'
+          },
+          children: props.title
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          component: "button",
+          "aria-label": "close-button-panel",
+          "data-testid": props['data-testid'] ? "close-button-".concat(props['data-testid']) : 'close-button-wrapper-panel',
+          onClick: props.onClose,
+          sx: {
+            cursor: 'pointer',
+            background: 'transparent',
+            border: 'none',
+            width: '26px',
+            height: '26px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconsMaterial.Close, {
+            "data-testid": "panel-close-icon",
+            sx: {
+              fill: palette.common.white,
+              margin: 'auto'
+            }
+          })
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        component: "div",
+        sx: {
+          overflow: 'auto',
+          flex: 1
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          component: "div",
+          "data-testid": "panel-content",
+          sx: {
+            flex: 1,
+            padding: '30px'
+          },
+          children: props.children
+        })
+      })]
+    })
+  });
+};
+var _default = Panel;
+exports["default"] = _default;