@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/tabs/TabScrollButton.js

@@ -1,19 +1,6 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabScrollButton = TabScrollButton;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _isMobile = _interopRequireDefault(require("is-mobile"));
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["orientation", "direction"];
 var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -22,7 +9,13 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.ButtonBase)({
+import { ChevronLeft, ChevronRight } from "@comet/admin-icons";
+import { ButtonBase } from "@mui/material";
+import { css, useThemeProps } from "@mui/material/styles";
+import isMobile from "is-mobile";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var Root = createComponentSlot(ButtonBase)({
   componentName: "TabScrollButton",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -30,10 +23,10 @@ var Root = (0, _createComponentSlot.createComponentSlot)(_material.ButtonBase)({
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 40px;\n        flex-shrink: 0;\n\n        ", "\n\n        &:disabled {\n            opacity: 0.25;\n        }\n    "])), ownerState.orientation === "vertical" && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            width: 100%;\n            height: 40px;\n        "]))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: 40px;\n        flex-shrink: 0;\n\n        ", "\n\n        &:disabled {\n            opacity: 0.25;\n        }\n    "])), ownerState.orientation === "vertical" && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            width: 100%;\n            height: 40px;\n        "]))));
 });
-function TabScrollButton(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function TabScrollButton(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminTabScrollButton"
     }),
@@ -43,13 +36,13 @@ function TabScrollButton(inProps) {
   var ownerState = {
     orientation: orientation
   };
-  return !(0, _isMobile["default"])({
+  return !isMobile({
     tablet: true
-  }) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  }) ? /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     ownerState: ownerState
   }, restProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-      children: direction === "left" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronLeft, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.ChevronRight, {})
+    children: /*#__PURE__*/_jsx(_Fragment, {
+      children: direction === "left" ? /*#__PURE__*/_jsx(ChevronLeft, {}) : /*#__PURE__*/_jsx(ChevronRight, {})
     })
   })) : null;
 }

package/lib/tabs/Tabs.js

@@ -1,22 +1,7 @@
-"use strict";
-
 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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tab = void 0;
-exports.Tabs = Tabs;
-var _styles = require("@mui/material/styles");
-var _Tab = _interopRequireDefault(require("@mui/material/Tab"));
-var _Tabs = _interopRequireDefault(require("@mui/material/Tabs"));
-var _react = require("react");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _TabScrollButton = require("./TabScrollButton");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "tabComponent", "defaultIndex", "tabsState", "ScrollButtonComponent", "slotProps"],
   _excluded2 = ["children", "label"];
 var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -25,15 +10,22 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _createComponentSlot.createComponentSlot)("div")({
+import { css, useThemeProps } from "@mui/material/styles";
+import MuiTab from "@mui/material/Tab";
+import MuiTabs from "@mui/material/Tabs";
+import { Children, isValidElement, useState } from "react";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { TabScrollButton } from "./TabScrollButton";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot("div")({
   componentName: "Tabs",
   slotName: "root"
 })();
-var StyledTabs = (0, _createComponentSlot.createComponentSlot)(_Tabs["default"])({
+var StyledTabs = createComponentSlot(MuiTabs)({
   componentName: "Tabs",
   slotName: "tabs"
 })();
-var Content = (0, _createComponentSlot.createComponentSlot)("div")({
+var Content = createComponentSlot("div")({
   componentName: "Tabs",
   slotName: "content",
   classesResolver: function classesResolver(ownerState) {
@@ -41,28 +33,28 @@ var Content = (0, _createComponentSlot.createComponentSlot)("div")({
   }
 })(function (_ref) {
   var ownerState = _ref.ownerState;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n    "])), ownerState.contentHidden && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n    "])), ownerState.contentHidden && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            display: none;\n        "]))));
 });
-var Tab = exports.Tab = function Tab(props) {
+export var Tab = function Tab(props) {
   return null;
 };
-function Tabs(inProps) {
-  var _useThemeProps = (0, _styles.useThemeProps)({
+export function Tabs(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminTabs"
     }),
     children = _useThemeProps.children,
     _useThemeProps$tabCom = _useThemeProps.tabComponent,
-    TabComponent = _useThemeProps$tabCom === void 0 ? _Tab["default"] : _useThemeProps$tabCom,
+    TabComponent = _useThemeProps$tabCom === void 0 ? MuiTab : _useThemeProps$tabCom,
     defaultIndex = _useThemeProps.defaultIndex,
     tabsState = _useThemeProps.tabsState,
     _useThemeProps$Scroll = _useThemeProps.ScrollButtonComponent,
-    ScrollButtonComponent = _useThemeProps$Scroll === void 0 ? _TabScrollButton.TabScrollButton : _useThemeProps$Scroll,
+    ScrollButtonComponent = _useThemeProps$Scroll === void 0 ? TabScrollButton : _useThemeProps$Scroll,
     slotProps = _useThemeProps.slotProps,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
   var value;
   var setValue;
-  var state = (0, _react.useState)(defaultIndex !== undefined ? defaultIndex : 0);
+  var state = useState(defaultIndex !== undefined ? defaultIndex : 0);
   if (tabsState === undefined) {
     value = state[0];
     setValue = state[1];
@@ -73,44 +65,44 @@ function Tabs(inProps) {
   var handleChange = function handleChange(event, newValue) {
     setValue(newValue);
   };
-  _react.Children.forEach(children, function (child) {
+  Children.forEach(children, function (child) {
     // as seen in https://github.com/mui-org/material-ui/blob/v4.11.0/packages/material-ui/src/Tabs/Tabs.js#L390
-    if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+    if (! /*#__PURE__*/isValidElement(child)) {
       return null;
     }
     if (child.type !== Tab) {
       throw new Error("Tabs must contain only Tab children");
     }
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTabs, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Root, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), {}, {
+    children: [/*#__PURE__*/_jsx(StyledTabs, _objectSpread(_objectSpread(_objectSpread({
       value: value,
       onChange: handleChange,
       ScrollButtonComponent: ScrollButtonComponent,
       scrollButtons: "auto",
       variant: "scrollable"
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.tabs), restProps), {}, {
-      children: _react.Children.map(children, function (child) {
-        if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+      children: Children.map(children, function (child) {
+        if (! /*#__PURE__*/isValidElement(child)) {
           return null;
         }
         var _child$props = child.props,
           children = _child$props.children,
           label = _child$props.label,
           restTabProps = _objectWithoutProperties(_child$props, _excluded2);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(TabComponent, _objectSpread({
+        return /*#__PURE__*/_jsx(TabComponent, _objectSpread({
           label: label
         }, restTabProps));
       })
-    })), _react.Children.map(children, function (child, index) {
-      if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+    })), Children.map(children, function (child, index) {
+      if (! /*#__PURE__*/isValidElement(child)) {
         return null;
       }
       if (index === value || child.props.forceRender) {
         var ownerState = {
           contentHidden: index !== value && child.props.forceRender
         };
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Content, _objectSpread(_objectSpread({
+        return /*#__PURE__*/_jsx(Content, _objectSpread(_objectSpread({
           ownerState: ownerState
         }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.content), {}, {
           children: child.props.children

package/lib/theme/breakpointsOptions.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.breakpointsOptions = exports.breakpointValues = void 0;
-var breakpointValues = exports.breakpointValues = {
+export var breakpointValues = {
   xs: 0,
   sm: 600,
   md: 900,
   lg: 1200,
   xl: 1536
 };
-var breakpointsOptions = exports.breakpointsOptions = {
+export var breakpointsOptions = {
   values: breakpointValues
 };

package/lib/theme/colors.js

@@ -1,41 +1,35 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.warningPalette = exports.successPalette = exports.secondaryPalette = exports.primaryPalette = exports.infoPalette = exports.greyPalette = exports.errorPalette = void 0;
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var primaryPalette = exports.primaryPalette = {
+export var primaryPalette = {
   light: "#53C4F7",
   main: "#29B6F6",
   dark: "#1C7FAC",
   contrastText: "#000000"
 };
-var secondaryPalette = exports.secondaryPalette = {
+export var secondaryPalette = {
   light: "#5B5B5B",
   main: "#333333",
   dark: "#232323",
   contrastText: "#FFFFFF"
 };
-var errorPalette = exports.errorPalette = {
+export var errorPalette = {
   light: "#DA4533",
   main: "#D11700",
   dark: "#921000",
   contrastText: "#ffffff"
 };
-var warningPalette = exports.warningPalette = {
+export var warningPalette = {
   light: "#FFC247",
   main: "#FFB31A",
   dark: "#EC9213",
   contrastText: "#000000"
 };
-var infoPalette = exports.infoPalette = _objectSpread({}, primaryPalette);
-var successPalette = exports.successPalette = {
+export var infoPalette = _objectSpread({}, primaryPalette);
+export var successPalette = {
   light: "#43D65B",
   main: "#14CC33",
   dark: "#0E8E23",
@@ -44,7 +38,7 @@ var successPalette = exports.successPalette = {
 
 // Copied from https://github.com/mui/material-ui/blob/d70a45a3f2cc87521b5822bbe2b40b9b054c22f9/packages/mui-material/src/styles/createPalette.d.ts#L27
 
-var greyPalette = exports.greyPalette = {
+export var greyPalette = {
   50: "#F2F2F2",
   100: "#D9D9D9",
   200: "#B3B3B3",

package/lib/theme/componentsTheme/MuiAccordion.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiAccordion = void 0;
-var _mergeOverrideStyles = require("../utils/mergeOverrideStyles");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiAccordion = exports.getMuiAccordion = function getMuiAccordion(component) {
+import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
+export var getMuiAccordion = function getMuiAccordion(component) {
   return _objectSpread(_objectSpread({}, component), {}, {
     defaultProps: _objectSpread({
       square: true,
       disableGutters: true,
       elevation: 0
     }, component === null || component === void 0 ? void 0 : component.defaultProps),
-    styleOverrides: (0, _mergeOverrideStyles.mergeOverrideStyles)(component === null || component === void 0 ? void 0 : component.styleOverrides, {
+    styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       root: {
         border: "none",
         borderRadius: "4px",

package/lib/theme/componentsTheme/MuiAlert.js

@@ -1,19 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiAlert = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _mergeOverrideStyles = require("../utils/mergeOverrideStyles");
-var _jsxRuntime = require("react/jsx-runtime");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiAlert = exports.getMuiAlert = function getMuiAlert(component, _ref) {
+import { Check, Error, Info, Warning } from "@comet/admin-icons";
+import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getMuiAlert = function getMuiAlert(component, _ref) {
   var palette = _ref.palette,
     spacing = _ref.spacing,
     shadows = _ref.shadows;
@@ -21,21 +15,21 @@ var getMuiAlert = exports.getMuiAlert = function getMuiAlert(component, _ref) {
     defaultProps: _objectSpread({
       variant: "outlined",
       iconMapping: {
-        info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Info, {
+        info: /*#__PURE__*/_jsx(Info, {
           color: "info"
         }),
-        success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Check, {
+        success: /*#__PURE__*/_jsx(Check, {
           color: "success"
         }),
-        error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Error, {
+        error: /*#__PURE__*/_jsx(Error, {
           color: "error"
         }),
-        warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Warning, {
+        warning: /*#__PURE__*/_jsx(Warning, {
           color: "warning"
         })
       }
     }, component === null || component === void 0 ? void 0 : component.defaultProps),
-    styleOverrides: (0, _mergeOverrideStyles.mergeOverrideStyles)(component === null || component === void 0 ? void 0 : component.styleOverrides, {
+    styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       root: {},
       outlined: {
         backgroundColor: palette.background.paper,

package/lib/theme/componentsTheme/MuiAlertTitle.js

@@ -1,20 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiAlertTitle = void 0;
-var _mergeOverrideStyles = require("../utils/mergeOverrideStyles");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiAlertTitle = exports.getMuiAlertTitle = function getMuiAlertTitle(component, _ref) {
+import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
+export var getMuiAlertTitle = function getMuiAlertTitle(component, _ref) {
   var spacing = _ref.spacing;
   return _objectSpread(_objectSpread({}, component), {}, {
-    styleOverrides: (0, _mergeOverrideStyles.mergeOverrideStyles)(component === null || component === void 0 ? void 0 : component.styleOverrides, {
+    styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       root: {
         marginBottom: spacing(1),
         fontWeight: 600

package/lib/theme/componentsTheme/MuiAppBar.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiAppBar = void 0;
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiAppBar = exports.getMuiAppBar = function getMuiAppBar(component) {
+export var getMuiAppBar = function getMuiAppBar(component) {
   return _objectSpread(_objectSpread({}, component), {}, {
     defaultProps: _objectSpread({
       elevation: 0

package/lib/theme/componentsTheme/MuiAutocomplete.js

@@ -1,28 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiAutocomplete = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _mergeOverrideStyles = require("../utils/mergeOverrideStyles");
-var _jsxRuntime = require("react/jsx-runtime");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiAutocomplete = exports.getMuiAutocomplete = function getMuiAutocomplete(component, _ref) {
+import { Clear } from "@comet/admin-icons";
+import { autocompleteClasses } from "@mui/material";
+import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var getMuiAutocomplete = function getMuiAutocomplete(component, _ref) {
   var spacing = _ref.spacing;
   return _objectSpread(_objectSpread({}, component), {}, {
     defaultProps: _objectSpread({
-      clearIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Clear, {
+      clearIcon: /*#__PURE__*/_jsx(Clear, {
         color: "action"
       })
     }, component === null || component === void 0 ? void 0 : component.defaultProps),
-    styleOverrides: (0, _mergeOverrideStyles.mergeOverrideStyles)(component === null || component === void 0 ? void 0 : component.styleOverrides, {
+    styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       loading: {
         color: "inherit"
       },
@@ -33,7 +27,7 @@ var getMuiAutocomplete = exports.getMuiAutocomplete = function getMuiAutocomplet
         display: "flex",
         transform: "none"
       },
-      hasPopupIcon: _defineProperty({}, "&.".concat(_material.autocompleteClasses.root, " .").concat(_material.autocompleteClasses.inputRoot), {
+      hasPopupIcon: _defineProperty({}, "&.".concat(autocompleteClasses.root, " .").concat(autocompleteClasses.inputRoot), {
         paddingRight: 26
       }),
       popupIndicator: {

package/lib/theme/componentsTheme/MuiBadge.js

@@ -1,20 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiBadge = void 0;
-var _mergeOverrideStyles = require("../utils/mergeOverrideStyles");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiBadge = exports.getMuiBadge = function getMuiBadge(component, _ref) {
+import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
+export var getMuiBadge = function getMuiBadge(component, _ref) {
   var spacing = _ref.spacing;
   return _objectSpread(_objectSpread({}, component), {}, {
-    styleOverrides: (0, _mergeOverrideStyles.mergeOverrideStyles)(component === null || component === void 0 ? void 0 : component.styleOverrides, {
+    styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       root: function root(_ref2) {
         var ownerState = _ref2.ownerState;
         if (!ownerState.children) {

package/lib/theme/componentsTheme/MuiButton.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getMuiButton = void 0;
-var _material = require("@mui/material");
-var _mergeOverrideStyles = require("../utils/mergeOverrideStyles");
 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); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref) {
+import { buttonClasses } from "@mui/material";
+import { mergeOverrideStyles } from "../utils/mergeOverrideStyles";
+export var getMuiButton = function getMuiButton(component, _ref) {
   var palette = _ref.palette;
   return _objectSpread(_objectSpread({}, component), {}, {
     defaultProps: _objectSpread({
       disableElevation: true
     }, component === null || component === void 0 ? void 0 : component.defaultProps),
-    styleOverrides: (0, _mergeOverrideStyles.mergeOverrideStyles)(component === null || component === void 0 ? void 0 : component.styleOverrides, {
+    styleOverrides: mergeOverrideStyles(component === null || component === void 0 ? void 0 : component.styleOverrides, {
       root: _defineProperty({
         position: "relative",
         fontSize: 16,
@@ -33,7 +27,7 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
         "& .MuiButton-endIcon": {
           marginLeft: "6px"
         }
-      }, "&.".concat(_material.buttonClasses.textSizeSmall), {
+      }, "&.".concat(buttonClasses.textSizeSmall), {
         fontSize: 14,
         lineHeight: "20px"
       }),
@@ -45,9 +39,9 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
           paddingBottom: 12,
           paddingLeft: 15,
           borderRadius: 4
-        }, "& .".concat(_material.buttonClasses.startIcon), {
+        }, "& .".concat(buttonClasses.startIcon), {
           marginRight: 5
-        }), "& .".concat(_material.buttonClasses.endIcon), {
+        }), "& .".concat(buttonClasses.endIcon), {
           marginLeft: 5
         }), "&:hover", {
           color: palette.primary.main,
@@ -84,7 +78,7 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
           backgroundColor: palette.primary.main,
           outline: "2px solid ".concat(palette.primary.dark)
         }
-      }, "&.".concat(_material.buttonClasses.disabled), {
+      }, "&.".concat(buttonClasses.disabled), {
         backgroundColor: palette.grey[100],
         color: palette.grey[200]
       }),
@@ -98,7 +92,7 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
         "&:focus": {
           outline: "2px solid ".concat(palette.primary.dark)
         }
-      }, "&.".concat(_material.buttonClasses.disabled), {
+      }, "&.".concat(buttonClasses.disabled), {
         backgroundColor: palette.grey[100],
         color: palette.secondary.contrastText
       }),
@@ -109,7 +103,7 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
         "&:focus": {
           outline: "2px solid ".concat(palette.success.dark)
         }
-      }, "&.".concat(_material.buttonClasses.disabled), {
+      }, "&.".concat(buttonClasses.disabled), {
         backgroundColor: palette.secondary.main,
         color: palette.secondary.contrastText,
         opacity: 0.2
@@ -134,7 +128,7 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
           paddingLeft: 13,
           border: "2px solid ".concat(palette.primary.dark)
         }
-      }, "&.".concat(_material.buttonClasses.disabled), {
+      }, "&.".concat(buttonClasses.disabled), {
         borderColor: palette.grey[100],
         color: palette.grey[100]
       }),
@@ -150,19 +144,19 @@ var getMuiButton = exports.getMuiButton = function getMuiButton(component, _ref)
         "&:focus": {
           border: "2px solid ".concat(palette.error.main)
         }
-      }, "&.".concat(_material.buttonClasses.disabled), {
+      }, "&.".concat(buttonClasses.disabled), {
         borderColor: palette.error.main,
         color: palette.error.main,
         opacity: 0.2
       }),
       startIcon: _defineProperty({
         marginLeft: 0
-      }, "&.".concat(_material.buttonClasses.iconSizeMedium, " > *:first-of-type"), {
+      }, "&.".concat(buttonClasses.iconSizeMedium, " > *:first-of-type"), {
         fontSize: 16
       }),
       endIcon: _defineProperty({
         marginRight: 0
-      }, "&.".concat(_material.buttonClasses.iconSizeMedium, " > *:first-of-type"), {
+      }, "&.".concat(buttonClasses.iconSizeMedium, " > *:first-of-type"), {
         fontSize: 16
       })
     })