@tenancy.nz/ui 1.1.8 → 1.2.0

package/dist/cjs/{Modal.cjs → components/Modal.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var BaseModal = require('./BaseModal.cjs');
 var Heading = require('./Heading.cjs');
@@ -11,29 +11,7 @@ var ModalActions = require('./ModalActions.cjs');
 var ModalContent = require('./ModalContent.cjs');
 var ModalHeader = require('./ModalHeader.cjs');
 var Skeleton = require('./Skeleton.cjs');
-var boolean = require('./boolean.cjs');
-require('./BaseModal.styled.cjs');
-require('@emotion/react');
-require('@mui/material/Dialog');
-require('@mui/material/styles');
-require('./object.cjs');
-require('@mui/material/Typography');
-require('@mui/material/LinearProgress');
-require('@mui/material/DialogActions');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/DialogContent');
-require('@mui/icons-material');
-require('./Box.cjs');
-require('@mui/material/Box');
-require('./IconButton.cjs');
-require('./IconButton.styled.cjs');
-require('@mui/material/IconButton');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('./ModalHeader.styled.cjs');
-require('@mui/material/Skeleton');
+var boolean = require('../utils/helpers/boolean.cjs');
 
 var _excluded = ["actions", "content", "children", "heading", "loading", "onClose"];
 function Modal(_ref) {
@@ -49,7 +27,7 @@ function Modal(_ref) {
     loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? void 0 : _ref$onClose,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var handleClose = function handleClose(e, action) {
     if (action === "backdropClick") {
       return;
@@ -62,7 +40,7 @@ function Modal(_ref) {
     as: "h3",
     gutterBottom: false
   }, heading) : heading;
-  return /* @__PURE__ */React.createElement(BaseModal.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(BaseModal.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     onClose: handleClose,
     slotProps: {
       paper: {

package/dist/cjs/{ModalActions.cjs → components/ModalActions.cjs}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var DialogActions = require('@mui/material/DialogActions');
 
@@ -14,7 +14,7 @@ function ModalActions(_ref) {
     gutter = _ref$gutter === void 0 ? true : _ref$gutter,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx;
-  var styles = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     justifyContent: align
   }, gutter && {
     gap: "8px"

package/dist/cjs/{ModalContent.cjs → components/ModalContent.cjs}

@@ -2,12 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var DialogContent = require('@mui/material/DialogContent');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
 
 function ModalContent(_ref) {
   var children = _ref.children,
@@ -15,7 +13,7 @@ function ModalContent(_ref) {
     disableGutter = _ref$disableGutter === void 0 ? false : _ref$disableGutter,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx;
-  var styles = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, disableGutter && {
+  var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, disableGutter && {
     padding: 0
   }), sx);
   return /* @__PURE__ */React.createElement(DialogContent, {
@@ -27,11 +25,11 @@ ModalContent.propTypes = {
   /**
    * Contents to display inside dialog
    */
-  children: index.PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * If `true`, will not add any padding.
    */
-  disableGutter: index.PropTypes.bool
+  disableGutter: PropTypes.bool
 };
 
 exports.default = ModalContent;

package/dist/cjs/{ModalHeader.cjs → components/ModalHeader.cjs}

@@ -2,24 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
 var iconsMaterial = require('@mui/icons-material');
 var Box = require('./Box.cjs');
 var IconButton = require('./IconButton.cjs');
 var ModalHeader_styled = require('./ModalHeader.styled.cjs');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/Box');
-require('./IconButton.styled.cjs');
-require('@emotion/react');
-require('@mui/material/styles');
-require('@mui/material/IconButton');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('./object.cjs');
-require('./boolean.cjs');
 
 var _excluded = ["children", "closeIcon", "onClose"];
 function ModalHeader(_ref) {
@@ -28,8 +16,8 @@ function ModalHeader(_ref) {
     closeIcon = _ref$closeIcon === void 0 ? void 0 : _ref$closeIcon,
     _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? void 0 : _ref$onClose,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */React.createElement(ModalHeader_styled.default, _rollupPluginBabelHelpers._objectSpread2({}, rest), /* @__PURE__ */React.createElement(Box.default, {
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(ModalHeader_styled.default, _rollupPluginBabelHelpers.objectSpread2({}, rest), /* @__PURE__ */React.createElement(Box.default, {
     overflow: "hidden",
     width: "100%",
     marginRight: "8px",

package/dist/cjs/components/ModalHeader.styled.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var react = require('@emotion/react');
+var styles = require('@mui/material/styles');
+var object = require('../utils/helpers/object.cjs');
+
+var _templateObject, _templateObject2, _templateObject3;
+var StyledModalHeader = styles.styled("div")(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var disableGap = _ref.disableGap,
+    theme = _ref.theme,
+    transparent = _ref.transparent;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 9;\n    background: ", ";\n    color: ", ";\n\n    ", ";\n  "])), transparent ? "transparent" : object.getObjectProp(theme, "vars.palette.background.paper"), object.getObjectProp(theme, "vars.palette.text.secondary"), !disableGap && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      margin-bottom: 8px;\n    "]))));
+});
+
+exports.default = StyledModalHeader;

package/dist/cjs/{Nameplate.cjs → components/Nameplate.cjs}

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Skeleton = require('@mui/material/Skeleton');
 var MuiContainer = require('@mui/material/Container');
 var Box = require('@mui/material/Box');
@@ -12,12 +12,6 @@ var useMediaQuery = require('@mui/material/useMediaQuery');
 var Heading = require('./Heading.cjs');
 var Text = require('./Text.cjs');
 var Nameplate_styled = require('./Nameplate.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/Typography');
-require('styled-components');
-require('@mui/material/styles');
-require('./colors.cjs');
 
 var _excluded = ["heading", "logo", "skeleton", "subHeading", "title"];
 function Nameplate(_ref) {
@@ -31,11 +25,11 @@ function Nameplate(_ref) {
     subHeading = _ref$subHeading === void 0 ? "" : _ref$subHeading,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var isMobile = useMediaQuery(function (theme) {
     return theme.breakpoints.down("sm");
   });
-  return /* @__PURE__ */React.createElement(Nameplate_styled.StyledWrapper, null, /* @__PURE__ */React.createElement(MuiContainer, _rollupPluginBabelHelpers._objectSpread2({
+  return /* @__PURE__ */React.createElement(Nameplate_styled.StyledWrapper, null, /* @__PURE__ */React.createElement(MuiContainer, _rollupPluginBabelHelpers.objectSpread2({
     maxWidth: "lg"
   }, rest), /* @__PURE__ */React.createElement(Box, {
     sx: {
@@ -78,23 +72,23 @@ Nameplate.propTypes = {
   /**
    * Heading
    */
-  heading: index.PropTypes.string,
+  heading: PropTypes.string,
   /**
    * Sub Heading
    */
-  subHeading: index.PropTypes.string,
+  subHeading: PropTypes.string,
   /**
    * Show skeleton layout
    */
-  skeleton: index.PropTypes.bool,
+  skeleton: PropTypes.bool,
   /**
    * URL for the property manager logo
    */
-  logo: index.PropTypes.string,
+  logo: PropTypes.string,
   /**
    * Text displayed before heading
    */
-  title: index.PropTypes.string
+  title: PropTypes.string
 };
 
 exports.default = Nameplate;

package/dist/cjs/components/Nameplate.styled.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+var styles = require('@mui/material/styles');
+var colors = require('../utils/colors.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var StyledWrapper = styles.styled("div")(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    background: "#fff",
+    borderBottom: "1px solid ".concat(colors.hexToRgba(theme.palette.default.main, 0.4))
+  };
+});
+var StyledImgWrapper = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+  var theme = _ref2.theme;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: flex;\n    overflow: hidden;\n    margin-left: 0.5em;\n    flex-basis: 150px;\n    justify-content: flex-end;\n    align-items: center;\n    height: 80px;\n\n    @media screen and (min-width: ", "px) {\n      margin-left: 1em;\n      flex-basis: 200px;\n      height: 100px;\n    }\n  "])), theme.breakpoints.md);
+});
+var StyledImg = styled.img(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  max-width: 100%;\n  max-height: 100%;\n"])));
+var StyledImgText = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    background: ", ";\n    color: ", ";\n    font-size: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  "])), theme.palette.grey[400], theme.palette.background.paper, theme.typography.size.scale(9));
+});
+
+exports.StyledImg = StyledImg;
+exports.StyledImgText = StyledImgText;
+exports.StyledImgWrapper = StyledImgWrapper;
+exports.StyledWrapper = StyledWrapper;

package/dist/cjs/{Pagination.cjs → components/Pagination.cjs}

@@ -2,16 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var reactUid = require('react-uid');
 var usePagination = require('@mui/material/usePagination');
 var MoreHorizIcon = require('@mui/icons-material/MoreHoriz');
 var Pagination_styled = require('./Pagination.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('styled-components');
 
 var _excluded = ["boundaryCount", "color", "count", "defaultPage", "disabled", "onChange", "shape", "showFirstLastButtons", "showNexPrevButtons", "siblingCount", "size"];
 var getLabel = function getLabel(type) {
@@ -57,8 +54,8 @@ function Pagination(_ref) {
     siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "large" : _ref$size,
-    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  var rest = _rollupPluginBabelHelpers._objectSpread2({
+    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var rest = _rollupPluginBabelHelpers.objectSpread2({
     boundaryCount: boundaryCount,
     color: color,
     count: count,
@@ -71,7 +68,7 @@ function Pagination(_ref) {
     siblingCount: siblingCount,
     size: size
   }, others);
-  var _usePagination = usePagination(_rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), {}, {
+  var _usePagination = usePagination(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
       hideNextButton: !showNexPrevButtons,
       hidePrevButton: !showNexPrevButtons,
       showFirstButton: showFirstLastButtons,
@@ -81,7 +78,7 @@ function Pagination(_ref) {
   return /* @__PURE__ */React.createElement(Pagination_styled.StyledList, null, items.map(function (item, i) {
     return /* @__PURE__ */React.createElement(Pagination_styled.StyledListItem, {
       key: reactUid.uid(item, i)
-    }, /* @__PURE__ */React.createElement(Pagination_styled.StyledButton, _rollupPluginBabelHelpers._objectSpread2({
+    }, /* @__PURE__ */React.createElement(Pagination_styled.StyledButton, _rollupPluginBabelHelpers.objectSpread2({
       color: color,
       shape: shape,
       size: size,
@@ -93,52 +90,52 @@ Pagination.propTypes = {
   /**
    * Number of always visible pages at the beginning and end.
    */
-  boundaryCount: index.PropTypes.number,
+  boundaryCount: PropTypes.number,
   /**
    * The color of the component. It supports those theme
    * colors that make sense for this component.
    */
-  color: index.PropTypes.oneOf(["default", "primary", "primaryAlt", "secondary", "secondaryAlt", "textPrimary", "textSecondary", "tertiary", "error", "warning", "success", "info"]),
+  color: PropTypes.oneOf(["default", "primary", "primaryAlt", "secondary", "secondaryAlt", "textPrimary", "textSecondary", "tertiary", "error", "warning", "success", "info"]),
   /**
    * The total number of pages.
    */
-  count: index.PropTypes.number,
+  count: PropTypes.number,
   /**
    * The page selected by default when the component is uncontrolled.
    */
-  defaultPage: index.PropTypes.number,
+  defaultPage: PropTypes.number,
   /**
    * If `true`, the pagination component will be disabled.
    */
-  disabled: index.PropTypes.bool,
+  disabled: PropTypes.bool,
   /**
    * Callback fired when the page is changed.
    */
-  onChange: index.PropTypes.func,
+  onChange: PropTypes.func,
   /**
    * The current page.
    */
-  page: index.PropTypes.number.isRequired,
+  page: PropTypes.number.isRequired,
   /**
    * The shape of the pagination items.
    */
-  shape: index.PropTypes.oneOf(["round", "rounded"]),
+  shape: PropTypes.oneOf(["round", "rounded"]),
   /**
    * If `true`, will show the first & last page buttons.
    */
-  showFirstLastButtons: index.PropTypes.bool,
+  showFirstLastButtons: PropTypes.bool,
   /**
    * If `true`, will show the next & prev page buttons.
    */
-  showNexPrevButtons: index.PropTypes.bool,
+  showNexPrevButtons: PropTypes.bool,
   /**
    * Number of always visible pages before and after the current page.
    */
-  siblingCount: index.PropTypes.number,
+  siblingCount: PropTypes.number,
   /**
    * The size of the pagination component.
    */
-  size: index.PropTypes.oneOf(["large", "small"])
+  size: PropTypes.oneOf(["large", "small"])
 };
 
 exports.default = Pagination;

package/dist/cjs/components/Pagination.styled.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
+var mapColors = function mapColors(color, theme) {
+  if (color === "textPrimary") {
+    return theme.palette.text.primary;
+  }
+  if (color === "textSecondary") {
+    return theme.palette.text.secondary;
+  }
+  if (color !== "textPrimary" && color !== "textSecondary") {
+    return theme.palette[color].main;
+  }
+  return "inherit";
+};
+var StyledList = styled.ul(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n"])));
+var StyledListItem = styled.li(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  margin: 0 3px;\n"])));
+var StyledButton = styled.button(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    disabled = _ref.disabled,
+    selected = _ref.selected,
+    shape = _ref.shape,
+    size = _ref.size,
+    theme = _ref.theme,
+    type = _ref.type;
+  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    font-family: ", ";\n    font-weight: 400;\n    text-align: center;\n    padding: 0;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), mapColors(color, theme), theme.typography.fontFamily, size === "small" && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 28px;\n      min-width: 28px;\n      font-size: ", ";\n    "])), theme.typography.size.small), size === "large" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 32px;\n      min-width: 32px;\n      font-size: ", ";\n    "])), theme.typography.size.large), disabled && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      opacity: 0.38;\n      pointer-events: none;\n      cursor: default;\n    "]))), shape === "round" && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 99999px;\n    "]))), shape === "rounded" && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 4px;\n    "]))), ["end-ellipsis", "start-ellipsis"].includes(type) && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      svg {\n        vertical-align: bottom;\n      }\n    "]))), selected && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      font-weight: 600;\n      border: 1px solid currentColor;\n    "]))));
+});
+
+exports.StyledButton = StyledButton;
+exports.StyledList = StyledList;
+exports.StyledListItem = StyledListItem;

package/dist/cjs/{Paper.cjs → components/Paper.cjs}

@@ -4,12 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var Paper_styled = require('./Paper.styled.cjs');
-require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-require('@emotion/react');
-require('@mui/material/Box');
-require('@mui/material/styles');
-require('./object.cjs');
-require('./boolean.cjs');
 
 function Paper(_ref) {
   var children = _ref.children,

package/dist/cjs/components/Paper.styled.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var react = require('@emotion/react');
+var Box = require('@mui/material/Box');
+var styles = require('@mui/material/styles');
+var object = require('../utils/helpers/object.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var getPadding = function getPadding(inset) {
+  if (typeof inset === "number") {
+    return "".concat(inset, "px");
+  }
+  if (inset === "none") {
+    return "0px";
+  }
+  if (inset === "small") {
+    return "8px";
+  }
+  if (inset === "medium") {
+    return "16px";
+  }
+  if (inset === "large") {
+    return "24px";
+  }
+  if (inset === "xlarge") {
+    return "32px";
+  }
+  return "".concat(inset);
+};
+var StyledPaper = styles.styled(Box)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
+  var elevate = _ref.elevate,
+    fill = _ref.fill,
+    inset = _ref.inset,
+    noOverflow = _ref.noOverflow,
+    outlined = _ref.outlined,
+    rounded = _ref.rounded,
+    theme = _ref.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    background-color: ", ";\n    font-family: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n     ", "\n  "])), object.getObjectProp(theme, "vars.palette.background.paper"), object.getObjectProp(theme, "typography.fontFamily"), getPadding(inset), elevate && !outlined && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: none;\n      box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);\n    "]))), noOverflow && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))), outlined && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: 1px solid rgba(0, 0, 0, 0.1);\n      box-shadow: none;\n    "]))), rounded && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 8px;\n    "]))), fill && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      height: 100%;\n      width: 100%;\n    "]))));
+});
+
+exports.default = StyledPaper;

package/dist/cjs/{Popper.cjs → components/Popper.cjs}

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var MuiPopper = require('@mui/material/Popper');
 var MuiFade = require('@mui/material/Fade');
 var MuiPaper = require('@mui/material/Paper');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
 
 var _excluded = ["children", "anchorEl", "open", "disablePortal", "placement"];
 function Popper(_ref, ref) {
@@ -22,14 +20,14 @@ function Popper(_ref, ref) {
     disablePortal = _ref$disablePortal === void 0 ? false : _ref$disablePortal,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "bottom" : _ref$placement,
-    others = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  var rest = _rollupPluginBabelHelpers._objectSpread2({
+    others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var rest = _rollupPluginBabelHelpers.objectSpread2({
     anchorEl: anchorEl,
     open: open,
     disablePortal: disablePortal,
     placement: placement
   }, others);
-  return /* @__PURE__ */React.createElement(MuiPopper, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(MuiPopper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     transition: true,
     ref: ref,
     style: {
@@ -37,7 +35,7 @@ function Popper(_ref, ref) {
     }
   }), function (_ref2) {
     var TransitionProps = _ref2.TransitionProps;
-    return /* @__PURE__ */React.createElement(MuiFade, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, TransitionProps), {}, {
+    return /* @__PURE__ */React.createElement(MuiFade, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, TransitionProps), {}, {
       timeout: 350
     }), /* @__PURE__ */React.createElement(MuiPaper, {
       elevation: 3,
@@ -51,23 +49,23 @@ Popper.propTypes = {
   /**
    * An HTML element, virtualElement, or a function which is used to set the position of the popper.
    */
-  anchorEl: index.PropTypes.oneOfType([index.PropTypes.func, index.PropTypes.object]),
+  anchorEl: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Popper render function or node.
    */
-  children: index.PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    */
-  disablePortal: index.PropTypes.bool,
+  disablePortal: PropTypes.bool,
   /**
    * If `true`, the component is shown.
    */
-  open: index.PropTypes.bool,
+  open: PropTypes.bool,
   /**
    * Placement of popper
    */
-  placement: index.PropTypes.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"])
+  placement: PropTypes.oneOf(["auto-end", "auto-start", "auto", "bottom-end", "bottom-start", "bottom", "left-end", "left-start", "left", "right-end", "right-start", "right", "top-end", "top-start", "top"])
 };
 var Popper$1 = /*#__PURE__*/React.forwardRef(Popper);