@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/common/Loading.js

@@ -1,14 +1,4 @@
-"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.Loading = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["behavior", "fontSize", "sx"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -19,24 +9,28 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 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; }
-var Loading = exports.Loading = function Loading(_ref) {
+import { BallTriangle } from "@comet/admin-icons";
+import { css, styled } from "@mui/material/styles";
+import { useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Loading = function Loading(_ref) {
   var _rootRef$current;
   var _ref$behavior = _ref.behavior,
     behavior = _ref$behavior === void 0 ? "auto" : _ref$behavior,
     fontSize = _ref.fontSize,
     sx = _ref.sx,
     svgIconsProps = _objectWithoutProperties(_ref, _excluded);
-  var rootRef = (0, _react.useRef)(null);
+  var rootRef = useRef(null);
   var offsetTop = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.offsetTop) || 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+  return /*#__PURE__*/_jsx(Root, {
     ref: rootRef,
     style: {
       "--comet-admin-loading-offset-top": "".concat(offsetTop, "px")
     },
     behavior: behavior,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingContainer, {
+    children: /*#__PURE__*/_jsx(LoadingContainer, {
       behavior: behavior,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.BallTriangle, _objectSpread({
+      children: /*#__PURE__*/_jsx(BallTriangle, _objectSpread({
         sx: _objectSpread({
           fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : 40
         }, sx)
@@ -44,7 +38,7 @@ var Loading = exports.Loading = function Loading(_ref) {
     })
   });
 };
-var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1v1fk831"
 } : {
   target: "e1v1fk831",
@@ -52,21 +46,21 @@ var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "pro
 })("position:relative;", function (_ref2) {
   var behavior = _ref2.behavior;
   if (behavior === "fillParent") {
-    return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                height: 100%;\n                flex-grow: 1;\n            "])));
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                height: 100%;\n                flex-grow: 1;\n            "])));
   }
   if (behavior === "fillParentAbsolute") {
-    return (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                position: absolute;\n                inset: 0;\n            "])));
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                position: absolute;\n                inset: 0;\n            "])));
   }
   if (behavior === "fillPageHeight") {
-    return (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                height: calc(100vh - var(--comet-admin-loading-offset-top));\n            "])));
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                height: calc(100vh - var(--comet-admin-loading-offset-top));\n            "])));
   }
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vTG9hZGluZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JvRSIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL0xvYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFsbFRyaWFuZ2xlIH0gZnJvbSBcIkBjb21ldC9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgdHlwZSBTdmdJY29uUHJvcHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgY3NzLCBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IHR5cGUgQ1NTUHJvcGVydGllcywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ1Byb3BzIGV4dGVuZHMgU3ZnSWNvblByb3BzIHtcbiAgICBiZWhhdmlvcj86IFwiYXV0b1wiIHwgXCJmaWxsUGFyZW50XCIgfCBcImZpbGxQYXJlbnRBYnNvbHV0ZVwiIHwgXCJmaWxsUGFnZUhlaWdodFwiO1xufVxuXG5leHBvcnQgY29uc3QgTG9hZGluZyA9ICh7IGJlaGF2aW9yID0gXCJhdXRvXCIsIGZvbnRTaXplLCBzeCwgLi4uc3ZnSWNvbnNQcm9wcyB9OiBMb2FkaW5nUHJvcHMpID0+IHtcbiAgICBjb25zdCByb290UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBvZmZzZXRUb3AgPSByb290UmVmLmN1cnJlbnQ/Lm9mZnNldFRvcCB8fCAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3QgcmVmPXtyb290UmVmfSBzdHlsZT17eyBcIi0tY29tZXQtYWRtaW4tbG9hZGluZy1vZmZzZXQtdG9wXCI6IGAke29mZnNldFRvcH1weGAgfSBhcyBDU1NQcm9wZXJ0aWVzfSBiZWhhdmlvcj17YmVoYXZpb3J9PlxuICAgICAgICAgICAgPExvYWRpbmdDb250YWluZXIgYmVoYXZpb3I9e2JlaGF2aW9yfT5cbiAgICAgICAgICAgICAgICA8QmFsbFRyaWFuZ2xlIHN4PXt7IGZvbnRTaXplOiBmb250U2l6ZSA/PyA0MCwgLi4uc3ggfX0gey4uLnN2Z0ljb25zUHJvcHN9IC8+XG4gICAgICAgICAgICA8L0xvYWRpbmdDb250YWluZXI+XG4gICAgICAgIDwvUm9vdD5cbiAgICApO1xufTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKTxSZXF1aXJlZDxQaWNrPExvYWRpbmdQcm9wcywgXCJiZWhhdmlvclwiPj4+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7KHsgYmVoYXZpb3IgfSkgPT4ge1xuICAgICAgICBpZiAoYmVoYXZpb3IgPT09IFwiZmlsbFBhcmVudFwiKSB7XG4gICAgICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgICBgO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGJlaGF2aW9yID09PSBcImZpbGxQYXJlbnRBYnNvbHV0ZVwiKSB7XG4gICAgICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBpbnNldDogMDtcbiAgICAgICAgICAgIGA7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoYmVoYXZpb3IgPT09IFwiZmlsbFBhZ2VIZWlnaHRcIikge1xuICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1jb21ldC1hZG1pbi1sb2FkaW5nLW9mZnNldC10b3ApKTtcbiAgICAgICAgICAgIGA7XG4gICAgICAgIH1cbiAgICB9fVxuYDtcblxuY29uc3QgTG9hZGluZ0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKTxSZXF1aXJlZDxQaWNrPExvYWRpbmdQcm9wcywgXCJiZWhhdmlvclwiPj4+YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgICR7KHsgYmVoYXZpb3IgfSkgPT5cbiAgICAgICAgYmVoYXZpb3IgIT09IFwiYXV0b1wiICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGluc2V0OiAwO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYH1cbmA7XG4iXX0= */"));
-var LoadingContainer = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+var LoadingContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1v1fk830"
 } : {
   target: "e1v1fk830",
   label: "LoadingContainer"
 })("text-align:center;", function (_ref3) {
   var behavior = _ref3.behavior;
-  return behavior !== "auto" && (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            position: absolute;\n            inset: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        "])));
+  return behavior !== "auto" && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            position: absolute;\n            inset: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        "])));
 }, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vTG9hZGluZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RnRiIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL0xvYWRpbmcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFsbFRyaWFuZ2xlIH0gZnJvbSBcIkBjb21ldC9hZG1pbi1pY29uc1wiO1xuaW1wb3J0IHsgdHlwZSBTdmdJY29uUHJvcHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgY3NzLCBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB7IHR5cGUgQ1NTUHJvcGVydGllcywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTG9hZGluZ1Byb3BzIGV4dGVuZHMgU3ZnSWNvblByb3BzIHtcbiAgICBiZWhhdmlvcj86IFwiYXV0b1wiIHwgXCJmaWxsUGFyZW50XCIgfCBcImZpbGxQYXJlbnRBYnNvbHV0ZVwiIHwgXCJmaWxsUGFnZUhlaWdodFwiO1xufVxuXG5leHBvcnQgY29uc3QgTG9hZGluZyA9ICh7IGJlaGF2aW9yID0gXCJhdXRvXCIsIGZvbnRTaXplLCBzeCwgLi4uc3ZnSWNvbnNQcm9wcyB9OiBMb2FkaW5nUHJvcHMpID0+IHtcbiAgICBjb25zdCByb290UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgICBjb25zdCBvZmZzZXRUb3AgPSByb290UmVmLmN1cnJlbnQ/Lm9mZnNldFRvcCB8fCAwO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3QgcmVmPXtyb290UmVmfSBzdHlsZT17eyBcIi0tY29tZXQtYWRtaW4tbG9hZGluZy1vZmZzZXQtdG9wXCI6IGAke29mZnNldFRvcH1weGAgfSBhcyBDU1NQcm9wZXJ0aWVzfSBiZWhhdmlvcj17YmVoYXZpb3J9PlxuICAgICAgICAgICAgPExvYWRpbmdDb250YWluZXIgYmVoYXZpb3I9e2JlaGF2aW9yfT5cbiAgICAgICAgICAgICAgICA8QmFsbFRyaWFuZ2xlIHN4PXt7IGZvbnRTaXplOiBmb250U2l6ZSA/PyA0MCwgLi4uc3ggfX0gey4uLnN2Z0ljb25zUHJvcHN9IC8+XG4gICAgICAgICAgICA8L0xvYWRpbmdDb250YWluZXI+XG4gICAgICAgIDwvUm9vdD5cbiAgICApO1xufTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKTxSZXF1aXJlZDxQaWNrPExvYWRpbmdQcm9wcywgXCJiZWhhdmlvclwiPj4+YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAgICR7KHsgYmVoYXZpb3IgfSkgPT4ge1xuICAgICAgICBpZiAoYmVoYXZpb3IgPT09IFwiZmlsbFBhcmVudFwiKSB7XG4gICAgICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgICBgO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKGJlaGF2aW9yID09PSBcImZpbGxQYXJlbnRBYnNvbHV0ZVwiKSB7XG4gICAgICAgICAgICByZXR1cm4gY3NzYFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICBpbnNldDogMDtcbiAgICAgICAgICAgIGA7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoYmVoYXZpb3IgPT09IFwiZmlsbFBhZ2VIZWlnaHRcIikge1xuICAgICAgICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1jb21ldC1hZG1pbi1sb2FkaW5nLW9mZnNldC10b3ApKTtcbiAgICAgICAgICAgIGA7XG4gICAgICAgIH1cbiAgICB9fVxuYDtcblxuY29uc3QgTG9hZGluZ0NvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKTxSZXF1aXJlZDxQaWNrPExvYWRpbmdQcm9wcywgXCJiZWhhdmlvclwiPj4+YFxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgICR7KHsgYmVoYXZpb3IgfSkgPT5cbiAgICAgICAgYmVoYXZpb3IgIT09IFwiYXV0b1wiICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgIGluc2V0OiAwO1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYH1cbmA7XG4iXX0= */"));

package/lib/common/MainContent.js

@@ -1,17 +1,4 @@
-"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.MainContent = MainContent;
-exports.StackMainContent = void 0;
-var _material = require("@mui/material");
-var _react = require("react");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _useTopOffset = require("../helpers/useTopOffset");
-var _useIsActiveStackSwitch = require("../stack/useIsActiveStackSwitch");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "fullHeight", "disablePaddingTop", "disablePaddingBottom", "disablePadding"],
   _excluded2 = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
@@ -23,7 +10,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)("main")({
+import { css, useThemeProps } from "@mui/material";
+import { useRef } from "react";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { useTopOffset } from "../helpers/useTopOffset";
+import { useIsActiveStackSwitch } from "../stack/useIsActiveStackSwitch";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var Root = createComponentSlot("main")({
   componentName: "MainContent",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -32,10 +25,10 @@ var Root = (0, _createComponentSlot.createComponentSlot)("main")({
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: relative;\n        z-index: 5;\n        padding: ", ";\n\n        ", " {\n            padding: ", ";\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), theme.spacing(2), theme.breakpoints.up("md"), theme.spacing(4), ownerState.fullHeight && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            height: calc(100vh - ", "px);\n        "])), ownerState.topOffset), ownerState.disablePaddingTop && (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            padding-top: 0;\n\n            ", " {\n                padding-top: 0;\n            }\n        "])), theme.breakpoints.up("md")), ownerState.disablePaddingBottom && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            padding-bottom: 0;\n\n            ", " {\n                padding-bottom: 0;\n            }\n        "])), theme.breakpoints.up("md")), ownerState.disablePadding && (0, _material.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            padding: 0;\n\n            ", " {\n                padding: 0;\n            }\n        "])), theme.breakpoints.up("md")));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: relative;\n        z-index: 5;\n        padding: ", ";\n\n        ", " {\n            padding: ", ";\n        }\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), theme.spacing(2), theme.breakpoints.up("md"), theme.spacing(4), ownerState.fullHeight && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            height: calc(100vh - ", "px);\n        "])), ownerState.topOffset), ownerState.disablePaddingTop && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            padding-top: 0;\n\n            ", " {\n                padding-top: 0;\n            }\n        "])), theme.breakpoints.up("md")), ownerState.disablePaddingBottom && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            padding-bottom: 0;\n\n            ", " {\n                padding-bottom: 0;\n            }\n        "])), theme.breakpoints.up("md")), ownerState.disablePadding && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            padding: 0;\n\n            ", " {\n                padding: 0;\n            }\n        "])), theme.breakpoints.up("md")));
 });
-function MainContent(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export function MainContent(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminMainContent"
     }),
@@ -45,33 +38,33 @@ function MainContent(inProps) {
     disablePaddingBottom = _useThemeProps.disablePaddingBottom,
     disablePadding = _useThemeProps.disablePadding,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var mainRef = (0, _react.useRef)(null);
+  var mainRef = useRef(null);
   var ownerState = {
     fullHeight: fullHeight,
     disablePaddingTop: disablePaddingTop,
     disablePaddingBottom: disablePaddingBottom,
     disablePadding: disablePadding,
-    topOffset: (0, _useTopOffset.useTopOffset)(mainRef)
+    topOffset: useTopOffset(mainRef)
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     ownerState: ownerState,
     ref: mainRef
   }, restProps), {}, {
     children: children
   }));
 }
-var StackMainContent = exports.StackMainContent = function StackMainContent(_ref2) {
+export var StackMainContent = function StackMainContent(_ref2) {
   var children = _ref2.children,
     props = _objectWithoutProperties(_ref2, _excluded2);
-  var isActiveStackSwitch = (0, _useIsActiveStackSwitch.useIsActiveStackSwitch)();
+  var isActiveStackSwitch = useIsActiveStackSwitch();
 
   // When inside a Stack, only the last MainContent should add content-spacing and height
   if (!isActiveStackSwitch) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    return /*#__PURE__*/_jsx(_Fragment, {
       children: children
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MainContent, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(MainContent, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));
 };

package/lib/common/OpenPickerAdornment.js

@@ -1,13 +1,4 @@
-"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.OpenPickerAdornment = void 0;
-var _material = require("@mui/material");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
 var _excluded = ["inputIsDisabled", "inputIsReadOnly", "onClick", "position", "slotProps", "children"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -18,11 +9,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 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; }
+import { css, IconButton, InputAdornment, useThemeProps } from "@mui/material";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * TODO: Remove this component once we can use MUI-X V8 - set `slotProps.field.openPickerButtonPosition = "start"` on each picker-component instead
  */
-var OpenPickerAdornment = exports.OpenPickerAdornment = function OpenPickerAdornment(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var OpenPickerAdornment = function OpenPickerAdornment(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminOpenPickerAdornment"
     }),
@@ -37,11 +31,11 @@ var OpenPickerAdornment = exports.OpenPickerAdornment = function OpenPickerAdorn
   var ownerState = {
     inputIsDisabled: Boolean(inputIsDisabled)
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
     position: position,
     ownerState: ownerState
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OpenPickerButton, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsx(OpenPickerButton, _objectSpread(_objectSpread({
       tabIndex: -1,
       onClick: onClick,
       disabled: inputIsDisabled || inputIsReadOnly,
@@ -51,18 +45,18 @@ var OpenPickerAdornment = exports.OpenPickerAdornment = function OpenPickerAdorn
     }))
   }));
 };
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.InputAdornment)({
+var Root = createComponentSlot(InputAdornment)({
   componentName: "OpenPickerAdornment",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
     return [ownerState.inputIsDisabled && "inputIsDisabled"];
   }
 })();
-var OpenPickerButton = (0, _createComponentSlot.createComponentSlot)(_material.IconButton)({
+var OpenPickerButton = createComponentSlot(IconButton)({
   componentName: "OpenPickerAdornment",
   slotName: "openPickerButton"
 })(function (_ref) {
   var theme = _ref.theme,
     inputIsDisabled = _ref.ownerState.inputIsDisabled;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n    "])), !inputIsDisabled && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            &.Mui-disabled {\n                color: ", ";\n            }\n        "])), theme.palette.text.primary));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n    "])), !inputIsDisabled && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            &.Mui-disabled {\n                color: ", ";\n            }\n        "])), theme.palette.text.primary));
 });

package/lib/common/ReadOnlyAdornment.js

@@ -1,14 +1,4 @@
-"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.ReadOnlyAdornment = void 0;
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var _excluded = ["position", "children", "inputIsReadOnly", "slotProps"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -19,15 +9,19 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 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; }
-var ReadOnlyAdornment = exports.ReadOnlyAdornment = function ReadOnlyAdornment(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+import { Lock } from "@comet/admin-icons";
+import { css, InputAdornment, useThemeProps } from "@mui/material";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ReadOnlyAdornment = function ReadOnlyAdornment(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminReadOnlyAdornment"
     }),
     _useThemeProps$positi = _useThemeProps.position,
     position = _useThemeProps$positi === void 0 ? "end" : _useThemeProps$positi,
     _useThemeProps$childr = _useThemeProps.children,
-    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Lock, {
+    children = _useThemeProps$childr === void 0 ? /*#__PURE__*/_jsx(Lock, {
       fontSize: "inherit"
     }) : _useThemeProps$childr,
     inputIsReadOnly = _useThemeProps.inputIsReadOnly,
@@ -36,13 +30,13 @@ var ReadOnlyAdornment = exports.ReadOnlyAdornment = function ReadOnlyAdornment(i
   if (!inputIsReadOnly) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
     position: position
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
     children: children
   }));
 };
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.InputAdornment)({
+var Root = createComponentSlot(InputAdornment)({
   componentName: "ReadOnlyAdornment",
   slotName: "root"
-})((0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 12px;\n"]))));
+})(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 12px;\n"]))));

package/lib/common/Tooltip.d.ts

@@ -6,16 +6,16 @@ type SlotProps = MuiTooltipProps["slotProps"] & ThemedComponentBaseProps<{
     text: typeof Typography;
 }>["slotProps"];
 export interface TooltipProps extends Omit<MuiTooltipProps, "slotProps" | "title"> {
-    variant?: Variant;
+    color?: Color;
     title?: ReactNode;
     description?: ReactNode;
     customContent?: ReactNode;
     slotProps?: SlotProps;
 }
 type Slot = "root" | "title" | "text";
-type Variant = "light" | "dark" | "neutral" | "primary" | "error" | "success" | "warning";
+type Color = "light" | "dark" | "error" | "success" | "warning";
 type ComponentState = "hasTitleOnly";
-export type TooltipClassKey = Slot | Variant | ComponentState | MuiTooltipClassKey;
+export type TooltipClassKey = Slot | Color | ComponentState | MuiTooltipClassKey;
 export declare const Tooltip: (inProps: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 declare module "@mui/material/styles" {
     interface ComponentsPropsList {

package/lib/common/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/common/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,mBAAmB,EAExB,KAAK,KAAK,EAIV,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,YAAY,IAAI,eAAe,EACpC,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,KAAK,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,GACzC,wBAAwB,CAAC;IACrB,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC,CAAC,WAAW,CAAC,CAAC;AAEpB,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACtC,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAC1F,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,OAAO,GAAG,cAAc,GAAG,kBAAkB,CAAC;AA+InF,eAAO,MAAM,OAAO,GAAI,SAAS,YAAY,4CAgD5C,CAAC;AAkCF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,iBAAiB,EAAE,YAAY,CAAC;KACnC;IAED,UAAU,uBAAuB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACtC;IAED,UAAU,UAAU;QAChB,iBAAiB,CAAC,EAAE;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;YACjE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC;SACpE,CAAC;KACL;CACJ"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/common/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,mBAAmB,EAExB,KAAK,KAAK,EAIV,KAAK,eAAe,IAAI,kBAAkB,EAC1C,KAAK,YAAY,IAAI,eAAe,EACpC,UAAU,EACb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAEpF,KAAK,SAAS,GAAG,eAAe,CAAC,WAAW,CAAC,GACzC,wBAAwB,CAAC;IACrB,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB,IAAI,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC,CAAC,WAAW,CAAC,CAAC;AAEpB,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,OAAO,CAAC;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,KAAK,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AACtC,KAAK,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAChE,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,GAAG,cAAc,GAAG,kBAAkB,CAAC;AA2IjF,eAAO,MAAM,OAAO,GAAI,SAAS,YAAY,4CAgD5C,CAAC;AAkCF,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,mBAAmB;QACzB,iBAAiB,EAAE,YAAY,CAAC;KACnC;IAED,UAAU,uBAAuB;QAC7B,iBAAiB,EAAE,eAAe,CAAC;KACtC;IAED,UAAU,UAAU;QAChB,iBAAiB,CAAC,EAAE;YAChB,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,CAAC,CAAC;YACjE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,mBAAmB,CAAC,CAAC;SACpE,CAAC;KACL;CACJ"}

package/lib/common/Tooltip.js

@@ -1,15 +1,5 @@
-"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.Tooltip = void 0;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["variant", "disableInteractive", "arrow", "children", "title", "description", "customContent", "slotProps"],
+var _excluded = ["color", "disableInteractive", "arrow", "children", "title", "description", "customContent", "slotProps"],
   _excluded2 = ["title", "text"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
 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; }
@@ -20,56 +10,58 @@ 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 TooltipRoot = (0, _createComponentSlot.createComponentSlot)(_material.Tooltip)({
+import { Popper as MuiPopper,
+// eslint-disable-next-line no-restricted-imports
+Tooltip as MuiTooltip, tooltipClasses, Typography } from "@mui/material";
+import { css, useTheme, useThemeProps } from "@mui/material/styles";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var TooltipRoot = createComponentSlot(MuiTooltip)({
   componentName: "Tooltip",
   slotName: "root"
 })();
-var TooltipPopper = (0, _createComponentSlot.createComponentSlot)(_material.Popper)({
+var TooltipPopper = createComponentSlot(MuiPopper)({
   componentName: "Tooltip",
   slotName: "popper",
   classesResolver: function classesResolver(ownerState) {
-    return [ownerState.variant,
+    return [ownerState.color,
     // Copied the following from MUIs default TooltipPopper: https://github.com/mui/material-ui/blob/a13c0c026692aafc303756998a78f1d6c2dd707d/packages/mui-material/src/Tooltip/Tooltip.js#L48
     !ownerState.disableInteractive && "popperInteractive", ownerState.arrow && "popperArrow", ownerState.hasTitleOnly && "hasTitleOnly"];
   }
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  var variantToTextColor = {
+  var colorPropToTextColor = {
     light: theme.palette.grey[900],
     dark: theme.palette.common.white,
-    neutral: theme.palette.grey[900],
-    primary: theme.palette.grey[900],
     error: theme.palette.common.white,
     success: theme.palette.common.black,
     warning: theme.palette.common.black
   };
-  var variantToBackgroundColor = {
+  var colorPropToBackgroundColor = {
     light: theme.palette.common.white,
     dark: ownerState.hasTitleOnly ? theme.palette.grey[500] : theme.palette.grey[900],
-    neutral: theme.palette.grey[100],
-    primary: theme.palette.primary.light,
     error: theme.palette.error.light,
     success: theme.palette.success.light,
     warning: theme.palette.warning.light
   };
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n\n        .", " {\n            box-shadow: ", ";\n            border-radius: 4px;\n            padding: 3px 6px;\n            color: ", ";\n            background-color: ", ";\n            line-height: 0; // Custom content may include space-caracters, due to code indentation. Removing the line-height prevents these from adding unintended whitespace.\n\n            ", "\n        }\n\n        .", " {\n            color: ", ";\n        }\n\n        // Copied the following from MUIs default TooltipPopper: https://github.com/mui/material-ui/blob/a13c0c026692aafc303756998a78f1d6c2dd707d/packages/mui-material/src/Tooltip/Tooltip.js#L55\n        z-index: ", ";\n        pointer-events: none;\n        ", ";\n        ", ";\n    "])), !ownerState.hasTitleOnly && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 200px;\n        "]))), _material.tooltipClasses.tooltip, theme.shadows[3], variantToTextColor[ownerState.variant], variantToBackgroundColor[ownerState.variant], !ownerState.hasTitleOnly && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                padding: 10px;\n            "]))), _material.tooltipClasses.arrow, variantToBackgroundColor[ownerState.variant], theme.zIndex.tooltip, !ownerState.disableInteractive && (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            pointer-events: auto;\n        "]))), ownerState.arrow && (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &[data-popper-placement*=\"bottom\"] .", " {\n                top: 0;\n                margin-top: -0.71em;\n                &::before {\n                    transform-origin: 0 100%;\n                }\n            }\n            &[data-popper-placement*=\"top\"] .", " {\n                bottom: 0;\n                margin-bottom: -0.71em;\n                &::before {\n                    transform-origin: 100% 0;\n                }\n            }\n            &[data-popper-placement*=\"right\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 100% 100%;\n                }\n            }\n            &[data-popper-placement*=\"left\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 0 0;\n                }\n            }\n        "])), _material.tooltipClasses.arrow, _material.tooltipClasses.arrow, _material.tooltipClasses.arrow, !ownerState.isRtl ? (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "]))) : (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))), _material.tooltipClasses.arrow, !ownerState.isRtl ? (0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))) : (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "])))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n\n        .", " {\n            box-shadow: ", ";\n            border-radius: 4px;\n            padding: 3px 6px;\n            color: ", ";\n            background-color: ", ";\n            line-height: 0; // Custom content may include space-caracters, due to code indentation. Removing the line-height prevents these from adding unintended whitespace.\n\n            ", "\n        }\n\n        .", " {\n            color: ", ";\n        }\n\n        // Copied the following from MUIs default TooltipPopper: https://github.com/mui/material-ui/blob/a13c0c026692aafc303756998a78f1d6c2dd707d/packages/mui-material/src/Tooltip/Tooltip.js#L55\n        z-index: ", ";\n        pointer-events: none;\n        ", ";\n        ", ";\n    "])), !ownerState.hasTitleOnly && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 200px;\n        "]))), tooltipClasses.tooltip, theme.shadows[3], colorPropToTextColor[ownerState.color], colorPropToBackgroundColor[ownerState.color], !ownerState.hasTitleOnly && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n                padding: 10px;\n            "]))), tooltipClasses.arrow, colorPropToBackgroundColor[ownerState.color], theme.zIndex.tooltip, !ownerState.disableInteractive && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            pointer-events: auto;\n        "]))), ownerState.arrow && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &[data-popper-placement*=\"bottom\"] .", " {\n                top: 0;\n                margin-top: -0.71em;\n                &::before {\n                    transform-origin: 0 100%;\n                }\n            }\n            &[data-popper-placement*=\"top\"] .", " {\n                bottom: 0;\n                margin-bottom: -0.71em;\n                &::before {\n                    transform-origin: 100% 0;\n                }\n            }\n            &[data-popper-placement*=\"right\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 100% 100%;\n                }\n            }\n            &[data-popper-placement*=\"left\"] .", " {\n                ", "\n                height: 1em;\n                width: 0.71em;\n                &::before {\n                    transform-origin: 0 0;\n                }\n            }\n        "])), tooltipClasses.arrow, tooltipClasses.arrow, tooltipClasses.arrow, !ownerState.isRtl ? css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "]))) : css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))), tooltipClasses.arrow, !ownerState.isRtl ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n                          right: 0;\n                          margin-right: -0.71em;\n                      "]))) : css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n                          left: 0;\n                          margin-left: -0.71em;\n                      "])))));
 });
-var Title = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+var Title = createComponentSlot(Typography)({
   componentName: "Tooltip",
   slotName: "title"
-})((0, _styles.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    margin-bottom: 2px;\n"]))));
-var Text = (0, _createComponentSlot.createComponentSlot)(_material.Typography)({
+})(css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n    margin-bottom: 2px;\n"]))));
+var Text = createComponentSlot(Typography)({
   componentName: "Tooltip",
   slotName: "text"
 })();
-var Tooltip = exports.Tooltip = function Tooltip(inProps) {
-  var props = (0, _styles.useThemeProps)({
+export var Tooltip = function Tooltip(inProps) {
+  var props = useThemeProps({
     props: inProps,
     name: "CometAdminTooltip"
   });
-  var _props$variant = props.variant,
-    variant = _props$variant === void 0 ? "dark" : _props$variant,
+  var _props$color = props.color,
+    color = _props$color === void 0 ? "dark" : _props$color,
     disableInteractive = props.disableInteractive,
     arrow = props.arrow,
     children = props.children,
@@ -79,7 +71,7 @@ var Tooltip = exports.Tooltip = function Tooltip(inProps) {
     _props$slotProps = props.slotProps,
     slotProps = _props$slotProps === void 0 ? {} : _props$slotProps,
     restProps = _objectWithoutProperties(props, _excluded);
-  var theme = (0, _styles.useTheme)();
+  var theme = useTheme();
   if (customContent && (title || description)) {
     throw new Error("You cannot provide a `title` or `description` when using custom content via the `customContent` prop.");
   }
@@ -87,7 +79,7 @@ var Tooltip = exports.Tooltip = function Tooltip(inProps) {
     throw new Error("You must provide a `title` or `customContent` when using the `Tooltip` component.");
   }
   var ownerState = {
-    variant: variant,
+    color: color,
     disableInteractive: disableInteractive,
     arrow: arrow,
     isRtl: theme.direction === "rtl",
@@ -119,7 +111,7 @@ var Tooltip = exports.Tooltip = function Tooltip(inProps) {
       }, muiSlotProps === null || muiSlotProps === void 0 ? void 0 : muiSlotProps.popper)
     })
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipRoot, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(TooltipRoot, _objectSpread(_objectSpread({
     enterTouchDelay: 0
   }, commonTooltipProps), {}, {
     children: children
@@ -133,12 +125,12 @@ var getMuiTooltipTitle = function getMuiTooltipTitle(_ref2, slotProps) {
     return customContent;
   }
   if (description) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Title, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Title, _objectSpread(_objectSpread({
         variant: "subtitle2"
       }, slotProps.title), {}, {
         children: title
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, _objectSpread(_objectSpread({
+      })), /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
         variant: "body2"
       }, slotProps.text), {}, {
         children: description
@@ -148,7 +140,7 @@ var getMuiTooltipTitle = function getMuiTooltipTitle(_ref2, slotProps) {
   if (!title) {
     return title;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Text, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
     variant: "body2"
   }, slotProps.text), {}, {
     children: title

package/lib/common/buttons/Button.js

@@ -1,16 +1,4 @@
-"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.Button = void 0;
-var _material = require("@mui/material");
-var _react = require("react");
-var _Tooltip = require("../../common/Tooltip");
-var _createComponentSlot = require("../../helpers/createComponentSlot");
-var _useWindowSize = require("../../helpers/useWindowSize");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var _excluded = ["slotProps", "sx", "variant", "responsive", "mobileIcon", "mobileBreakpoint", "startIcon", "endIcon", "children"];
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
@@ -21,6 +9,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 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; }
+import {
+// eslint-disable-next-line no-restricted-imports
+Button as MuiButton, css, useTheme, useThemeProps } from "@mui/material";
+import { forwardRef } from "react";
+import { Tooltip } from "../../common/Tooltip";
+import { createComponentSlot } from "../../helpers/createComponentSlot";
+import { useWindowSize } from "../../helpers/useWindowSize";
+import { jsx as _jsx } from "react/jsx-runtime";
 var variantToMuiProps = {
   primary: {
     variant: "contained",
@@ -63,8 +59,8 @@ var getMobileIconNode = function getMobileIconNode(_ref) {
   }
   return mobileIcon;
 };
-var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (inProps, ref) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var Button = /*#__PURE__*/forwardRef(function (inProps, ref) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminButton"
     }),
@@ -81,8 +77,8 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (inPr
     endIcon = _useThemeProps.endIcon,
     children = _useThemeProps.children,
     restProps = _objectWithoutProperties(_useThemeProps, _excluded);
-  var windowSize = (0, _useWindowSize.useWindowSize)();
-  var theme = (0, _material.useTheme)();
+  var windowSize = useWindowSize();
+  var theme = useTheme();
   var mobileIconNode = getMobileIconNode({
     mobileIcon: mobileIcon,
     startIcon: startIcon,
@@ -106,24 +102,24 @@ var Button = exports.Button = /*#__PURE__*/(0, _react.forwardRef)(function (inPr
     ref: ref
   });
   if (ownerState.usingResponsiveBehavior) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(MobileTooltip, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(MobileTooltip, _objectSpread(_objectSpread({
       title: children
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.mobileTooltip), {}, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, commonButtonProps), {}, {
+      children: /*#__PURE__*/_jsx("span", {
+        children: /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({}, commonButtonProps), {}, {
           children: mobileIconNode
         }))
       })
     }));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread({
     startIcon: startIcon,
     endIcon: endIcon
   }, commonButtonProps), {}, {
     children: children
   }));
 });
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.Button)({
+var Root = createComponentSlot(MuiButton)({
   componentName: "Button",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -132,9 +128,9 @@ var Root = (0, _createComponentSlot.createComponentSlot)(_material.Button)({
 })(function (_ref2) {
   var ownerState = _ref2.ownerState,
     theme = _ref2.theme;
-  return (0, _material.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.usingResponsiveBehavior && (0, _material.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 0;\n        "]))), ownerState.variant === "textLight" && (0, _material.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            color: ", ";\n            &:focus {\n                color: ", ";\n            }\n\n            &.Mui-disabled {\n                color: ", ";\n            }\n        "])), theme.palette.common.white, theme.palette.primary.main, theme.palette.grey[200]), ownerState.variant === "textDark" && (0, _material.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n            &.Mui-disabled {\n                color: ", ";\n            }\n        "])), theme.palette.common.black, theme.palette.grey[200]));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.usingResponsiveBehavior && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            min-width: 0;\n        "]))), ownerState.variant === "textLight" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            color: ", ";\n            &:focus {\n                color: ", ";\n            }\n\n            &.Mui-disabled {\n                color: ", ";\n            }\n        "])), theme.palette.common.white, theme.palette.primary.main, theme.palette.grey[200]), ownerState.variant === "textDark" && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            color: ", ";\n            &.Mui-disabled {\n                color: ", ";\n            }\n        "])), theme.palette.common.black, theme.palette.grey[200]));
 });
-var MobileTooltip = (0, _createComponentSlot.createComponentSlot)(_Tooltip.Tooltip)({
+var MobileTooltip = createComponentSlot(Tooltip)({
   componentName: "Button",
   slotName: "mobileTooltip"
 })();