@tenancy.nz/ui 1.0.8 → 1.0.9

package/dist/cjs/Link.styled.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var styled = require('styled-components');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var colour = function colour(color, theme) {
+  var colors = {
+    error: theme.palette.error.main,
+    inherit: "inherit",
+    primary: theme.palette.primary.main,
+    secondary: theme.palette.secondary.main,
+    textPrimary: theme.palette.text.primary,
+    textSecondary: theme.palette.text.secondary
+  };
+  if (colors[color]) {
+    return colors[color];
+  }
+  return colors.inherit;
+};
+var StyledLink = styled.a(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    underline = _ref.underline,
+    theme = _ref.theme;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-family: ", ";\n    font-weight: 500;\n    text-decoration: none;\n    ", "\n    ", "\n    ", "\n  "])), theme.typography.fontFamily, underline === "hover" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      &:hover {\n        text-decoration: underline;\n      }\n    "]))), underline === "always" && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      text-decoration: underline;\n    "]))), color && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      color: ", ";\n    "])), colour(color, theme)));
+});
+
+exports.StyledLink = StyledLink;

package/dist/cjs/{packages/ui/src/components/Media.cjs → Media.cjs}

@@ -1,11 +1,15 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 var Media_styled = require('./Media.styled.cjs');
+require('./_commonjsHelpers-CFO10eej.js');
+require('react-is');
+require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+require('styled-components');
+require('./animations.cjs');
 
 function Media(_ref) {
   var _ref$as = _ref.as,
@@ -26,19 +30,19 @@ Media.propTypes = {
   /**
    * Which image node to render as
    */
-  as: index.default.oneOf(["div", "img"]),
+  as: index.PropTypes.oneOf(["div", "img"]),
   /**
    * Specifies the path to the image
    */
-  src: index.default.string.isRequired,
+  src: index.PropTypes.string.isRequired,
   /**
    * If `true`, shows component in loading state
    */
-  skeleton: index.default.bool,
+  skeleton: index.PropTypes.bool,
   /**
    * Specifies an title & alternate text for an image
    */
-  title: index.default.string
+  title: index.PropTypes.string
 };
 
 exports.default = Media;

package/dist/cjs/Media.styled.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var styled = require('styled-components');
+var animations = require('./animations.cjs');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var StyledMediaEl = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    background: ", ";\n  "])), theme.palette.grey[200]);
+});
+var StyledMediaSkeleton = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n\n  z-index: 1;\n  ", "\n"])), animations.inlineGlow);
+var StyledMedia = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  ", "\n"])), function (_ref2) {
+  var as = _ref2.as,
+    src = _ref2.src;
+  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    ", "\n\n    ", "\n  "])), as !== "img" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      display: block;\n      background-size: cover;\n      background-repeat: no-repeat;\n      background-position: center;\n      background-image: url(", ");\n    "])), src), as === "img" && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      object-fit: cover;\n    "]))));
+});
+
+exports.StyledMedia = StyledMedia;
+exports.StyledMediaEl = StyledMediaEl;
+exports.StyledMediaSkeleton = StyledMediaSkeleton;

package/dist/cjs/{packages/ui/src/components/Modal.cjs → Modal.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
 var BaseModal = require('./BaseModal.cjs');
 var Heading = require('./Heading.cjs');
@@ -12,7 +11,29 @@ var ModalActions = require('./ModalActions.cjs');
 var ModalContent = require('./ModalContent.cjs');
 var ModalHeader = require('./ModalHeader.cjs');
 var Skeleton = require('./Skeleton.cjs');
-var boolean = require('../utils/helpers/boolean.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 _excluded = ["actions", "content", "children", "heading", "loading", "onClose"];
 function Modal(_ref) {
@@ -28,7 +49,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;
@@ -41,7 +62,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/{packages/ui/src/components/ModalActions.cjs → ModalActions.cjs}

@@ -1,9 +1,8 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
 var DialogActions = require('@mui/material/DialogActions');
 
@@ -15,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/{packages/ui/src/components/ModalContent.cjs → ModalContent.cjs}

@@ -1,12 +1,13 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 var DialogContent = require('@mui/material/DialogContent');
+require('./_commonjsHelpers-CFO10eej.js');
+require('react-is');
 
 function ModalContent(_ref) {
   var children = _ref.children,
@@ -14,7 +15,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, {
@@ -26,11 +27,11 @@ ModalContent.propTypes = {
   /**
    * Contents to display inside dialog
    */
-  children: index.default.node.isRequired,
+  children: index.PropTypes.node.isRequired,
   /**
    * If `true`, will not add any padding.
    */
-  disableGutter: index.default.bool
+  disableGutter: index.PropTypes.bool
 };
 
 exports.default = ModalContent;

package/dist/cjs/{packages/ui/src/components/ModalHeader.cjs → ModalHeader.cjs}

@@ -1,14 +1,25 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 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) {
@@ -17,8 +28,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/ModalHeader.styled.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var react = require('@emotion/react');
+var styles = require('@mui/material/styles');
+var object = require('./object.cjs');
+require('./boolean.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/{packages/ui/src/components/Nameplate.cjs → Nameplate.cjs}

@@ -1,11 +1,10 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 var Skeleton = require('@mui/material/Skeleton');
 var MuiContainer = require('@mui/material/Container');
 var Box = require('@mui/material/Box');
@@ -13,6 +12,12 @@ 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) {
@@ -26,11 +31,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: {
@@ -73,23 +78,23 @@ Nameplate.propTypes = {
   /**
    * Heading
    */
-  heading: index.default.string,
+  heading: index.PropTypes.string,
   /**
    * Sub Heading
    */
-  subHeading: index.default.string,
+  subHeading: index.PropTypes.string,
   /**
    * Show skeleton layout
    */
-  skeleton: index.default.bool,
+  skeleton: index.PropTypes.bool,
   /**
    * URL for the property manager logo
    */
-  logo: index.default.string,
+  logo: index.PropTypes.string,
   /**
    * Text displayed before heading
    */
-  title: index.default.string
+  title: index.PropTypes.string
 };
 
 exports.default = Nameplate;

package/dist/cjs/Nameplate.styled.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var styled = require('styled-components');
+var styles = require('@mui/material/styles');
+var colors = require('./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/{packages/ui/src/components/Pagination.cjs → Pagination.cjs}

@@ -1,15 +1,17 @@
-"use strict";
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.cjs');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
 var React = require('react');
-var index = require('../../../../_virtual/index.cjs');
+var index = require('./index-BIkEtimw.js');
 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) {
@@ -55,8 +57,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,
@@ -69,7 +71,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,
@@ -79,7 +81,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,
@@ -91,52 +93,52 @@ Pagination.propTypes = {
   /**
    * Number of always visible pages at the beginning and end.
    */
-  boundaryCount: index.default.number,
+  boundaryCount: index.PropTypes.number,
   /**
    * The color of the component. It supports those theme
    * colors that make sense for this component.
    */
-  color: index.default.oneOf(["default", "primary", "primaryAlt", "secondary", "secondaryAlt", "textPrimary", "textSecondary", "tertiary", "error", "warning", "success", "info"]),
+  color: index.PropTypes.oneOf(["default", "primary", "primaryAlt", "secondary", "secondaryAlt", "textPrimary", "textSecondary", "tertiary", "error", "warning", "success", "info"]),
   /**
    * The total number of pages.
    */
-  count: index.default.number,
+  count: index.PropTypes.number,
   /**
    * The page selected by default when the component is uncontrolled.
    */
-  defaultPage: index.default.number,
+  defaultPage: index.PropTypes.number,
   /**
    * If `true`, the pagination component will be disabled.
    */
-  disabled: index.default.bool,
+  disabled: index.PropTypes.bool,
   /**
    * Callback fired when the page is changed.
    */
-  onChange: index.default.func,
+  onChange: index.PropTypes.func,
   /**
    * The current page.
    */
-  page: index.default.number.isRequired,
+  page: index.PropTypes.number.isRequired,
   /**
    * The shape of the pagination items.
    */
-  shape: index.default.oneOf(["round", "rounded"]),
+  shape: index.PropTypes.oneOf(["round", "rounded"]),
   /**
    * If `true`, will show the first & last page buttons.
    */
-  showFirstLastButtons: index.default.bool,
+  showFirstLastButtons: index.PropTypes.bool,
   /**
    * If `true`, will show the next & prev page buttons.
    */
-  showNexPrevButtons: index.default.bool,
+  showNexPrevButtons: index.PropTypes.bool,
   /**
    * Number of always visible pages before and after the current page.
    */
-  siblingCount: index.default.number,
+  siblingCount: index.PropTypes.number,
   /**
    * The size of the pagination component.
    */
-  size: index.default.oneOf(["large", "small"])
+  size: index.PropTypes.oneOf(["large", "small"])
 };
 
 exports.default = Pagination;

package/dist/cjs/Pagination.styled.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+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/{packages/ui/src/components/Paper.cjs → Paper.cjs}

@@ -1,10 +1,15 @@
-"use strict";
 'use strict';
 
 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/Paper.styled.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var react = require('@emotion/react');
+var Box = require('@mui/material/Box');
+var styles = require('@mui/material/styles');
+var object = require('./object.cjs');
+require('./boolean.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;