@tenancy.nz/ui 1.1.8 → 1.2.0

package/dist/cjs/{CollapsedText.cjs → components/CollapsedText.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 index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Grid = require('@mui/material/Grid');
 var CollapsedText_styled = require('./CollapsedText.styled.cjs');
 var Button = require('./Button.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/styles');
-require('@mui/material/Collapse');
-require('@mui/icons-material/KeyboardArrowDown');
-require('./colors.cjs');
-require('@mui/material/CircularProgress');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('@emotion/react');
-require('./object.cjs');
-require('./boolean.cjs');
 
 function CollapsedText(_ref) {
   var children = _ref.children,
@@ -34,11 +22,11 @@ function CollapsedText(_ref) {
     _ref$buttonJustify = _ref.buttonJustify,
     buttonJustify = _ref$buttonJustify === void 0 ? "flex-start" : _ref$buttonJustify;
   var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
   var _useState3 = React.useState(100),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     collapsedSize = _useState4[0],
     setCollapsedSize = _useState4[1];
   React.useEffect(function () {
@@ -80,30 +68,30 @@ CollapsedText.propTypes = {
   /**
    * @ignore
    */
-  children: index.PropTypes.any.isRequired,
+  children: PropTypes.any.isRequired,
   /**
    * Number of lines to show
    */
-  collapsedLines: index.PropTypes.number,
+  collapsedLines: PropTypes.number,
   /**
    *  The height of a line (used to create a gradient mask over the last line of text)
    */
-  lineHeight: index.PropTypes.number,
+  lineHeight: PropTypes.number,
   /**
    * Labels to show on the button when open and closed
    */
-  buttonLabel: index.PropTypes.shape({
-    open: index.PropTypes.string,
-    closed: index.PropTypes.string
+  buttonLabel: PropTypes.shape({
+    open: PropTypes.string,
+    closed: PropTypes.string
   }),
   /**
    * Used to create gradient masks to show the user that there is hidden text (6 character hex value)
    */
-  backgroundColor: index.PropTypes.string,
+  backgroundColor: PropTypes.string,
   /**
    * Position for the button
    */
-  buttonJustify: index.PropTypes.oneOf(["flex-start", "center", "flex-end"])
+  buttonJustify: PropTypes.oneOf(["flex-start", "center", "flex-end"])
 };
 
 exports.default = CollapsedText;

package/dist/cjs/{CollapsedText.styled.cjs → components/CollapsedText.styled.cjs}

@@ -3,7 +3,7 @@
 var styles = require('@mui/material/styles');
 var Collapse = require('@mui/material/Collapse');
 var KeyboardArrowDownIcon = require('@mui/icons-material/KeyboardArrowDown');
-var colors = require('./colors.cjs');
+var colors = require('../utils/colors.cjs');
 
 var StyledCollapse = styles.styled(Collapse)(function (_ref) {
   var backgroundColor = _ref.backgroundColor,

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

@@ -7,37 +7,6 @@ var Button = require('./Button.cjs');
 var Heading = require('./Heading.cjs');
 var Modal = require('./Modal.cjs');
 var Text = require('./Text.cjs');
-require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-require('@mui/material/CircularProgress');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('@emotion/react');
-require('@mui/material/styles');
-require('./object.cjs');
-require('./boolean.cjs');
-require('@mui/material/Typography');
-require('./BaseModal.cjs');
-require('./BaseModal.styled.cjs');
-require('@mui/material/Dialog');
-require('./LinearProgress.cjs');
-require('@mui/material/LinearProgress');
-require('./ModalActions.cjs');
-require('@mui/material/DialogActions');
-require('./ModalContent.cjs');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/DialogContent');
-require('./ModalHeader.cjs');
-require('@mui/icons-material');
-require('./Box.cjs');
-require('@mui/material/Box');
-require('./IconButton.cjs');
-require('./IconButton.styled.cjs');
-require('@mui/material/IconButton');
-require('./ModalHeader.styled.cjs');
-require('./Skeleton.cjs');
-require('@mui/material/Skeleton');
 
 function Confirmation(_ref) {
   var _ref$cancelling = _ref.cancelling,

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

@@ -2,24 +2,22 @@
 
 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 MuiContainer = require('@mui/material/Container');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
 
 var _excluded = ["children"];
 function Container(_ref) {
   var children = _ref.children,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */React.createElement(MuiContainer, _rollupPluginBabelHelpers._objectSpread2({}, rest), children);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement(MuiContainer, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 Container.propTypes = {
   /**
    * React component, HTML node, string etc..
    */
-  children: index.PropTypes.node.isRequired
+  children: PropTypes.node.isRequired
 };
 
 exports.default = Container;

package/dist/cjs/{CroppedImageInput.cjs → components/CroppedImageInput.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 useMediaQuery = require('@mui/material/useMediaQuery');
 var framerMotion = require('framer-motion');
 var ReactCrop = require('react-image-crop');
@@ -22,72 +22,8 @@ var Modal = require('./Modal.cjs');
 var ModalHeader = require('./ModalHeader.cjs');
 var ModalContent = require('./ModalContent.cjs');
 var CroppedImageInputActions = require('./CroppedImageInputActions.cjs');
-var file = require('./file.cjs');
-require('./time.cjs');
-require('react-image-crop/dist/ReactCrop.css');
 var CroppedImageInput_styled = require('./CroppedImageInput.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/Box');
-require('./Button.cjs');
-require('@mui/material/CircularProgress');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('@emotion/react');
-require('@mui/material/styles');
-require('./object.cjs');
-require('./boolean.cjs');
-require('./Text.cjs');
-require('@mui/material/Typography');
-require('./BaseModal.cjs');
-require('./BaseModal.styled.cjs');
-require('@mui/material/Dialog');
-require('./LinearProgress.cjs');
-require('@mui/material/LinearProgress');
-require('./ModalActions.cjs');
-require('@mui/material/DialogActions');
-require('@mui/material/DialogContent');
-require('@mui/icons-material');
-require('./IconButton.styled.cjs');
-require('@mui/material/IconButton');
-require('./ModalHeader.styled.cjs');
-require('./Skeleton.cjs');
-require('@mui/material/Skeleton');
-require('react-dropzone');
-require('@mui/icons-material/CloudUpload');
-require('@mui/icons-material/CheckCircle');
-require('@mui/icons-material/Warning');
-require('./Alert.cjs');
-require('@mui/icons-material/CheckCircleOutlineOutlined');
-require('@mui/icons-material/ErrorOutlineOutlined');
-require('@mui/icons-material/InfoOutlined');
-require('@mui/icons-material/WarningAmberOutlined');
-require('./Alert.styled.cjs');
-require('@mui/material/Alert');
-require('@mui/material/AlertTitle');
-require('./DropZone.styled.cjs');
-require('./colors.cjs');
-require('@mui/material/FormHelperText');
-require('./FormLabel.cjs');
-require('./FormLabel.styled.cjs');
-require('@mui/material/FormLabel');
-require('./StatusMessage.cjs');
-require('./FormControl.styled.cjs');
-require('@mui/material/FormControl');
-require('./index_lite-B_XeK-IK.js');
-require('./FileUploadButtonLoader.cjs');
-require('@mui/icons-material/Check');
-require('./CircularProgress.cjs');
-require('@mui/icons-material/ErrorOutline');
-require('./Embed.cjs');
-require('./Embed.styled.cjs');
-require('styled-components');
-require('./FileViewer.styled.cjs');
-require('@mui/material/GridLegacy');
-require('./customParseFormat-Bwz3j37R.js');
-require('./array.cjs');
-require('./string.cjs');
-require('@mui/icons-material/Description');
+var file = require('../utils/helpers/file.cjs');
 
 function CroppedImageInput(_ref) {
   var _ref$defaultValue = _ref.defaultValue,
@@ -142,50 +78,50 @@ function CroppedImageInput(_ref) {
     _ref$fileViewerProps = _ref.fileViewerProps,
     fileViewerProps = _ref$fileViewerProps === void 0 ? {} : _ref$fileViewerProps;
   var _useState = React.useState(null),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     src = _useState2[0],
     setSrc = _useState2[1];
   var _useState3 = React.useState(""),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     filetype = _useState4[0],
     setFiletype = _useState4[1];
   var _useState5 = React.useState(null),
-    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     originalImage = _useState6[0],
     setOriginalImage = _useState6[1];
   var _useState7 = React.useState(null),
-    _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     croppedImage = _useState8[0],
     setCroppedImage = _useState8[1];
   var _useState9 = React.useState(null),
-    _useState0 = _rollupPluginBabelHelpers._slicedToArray(_useState9, 2),
+    _useState0 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     documentFile = _useState0[0],
     setDocumentFile = _useState0[1];
   var _useState1 = React.useState(false),
-    _useState10 = _rollupPluginBabelHelpers._slicedToArray(_useState1, 2),
+    _useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState1, 2),
     confirmDelete = _useState10[0],
     setConfirmDelete = _useState10[1];
   var _useState11 = React.useState(false),
-    _useState12 = _rollupPluginBabelHelpers._slicedToArray(_useState11, 2),
+    _useState12 = _rollupPluginBabelHelpers.slicedToArray(_useState11, 2),
     viewDocument = _useState12[0],
     setViewDocument = _useState12[1];
   var _useState13 = React.useState(false),
-    _useState14 = _rollupPluginBabelHelpers._slicedToArray(_useState13, 2),
+    _useState14 = _rollupPluginBabelHelpers.slicedToArray(_useState13, 2),
     loading = _useState14[0],
     setLoading = _useState14[1];
   var _useState15 = React.useState(false),
-    _useState16 = _rollupPluginBabelHelpers._slicedToArray(_useState15, 2),
+    _useState16 = _rollupPluginBabelHelpers.slicedToArray(_useState15, 2),
     saving = _useState16[0],
     setSaving = _useState16[1];
   var _useState17 = React.useState(false),
-    _useState18 = _rollupPluginBabelHelpers._slicedToArray(_useState17, 2),
+    _useState18 = _rollupPluginBabelHelpers.slicedToArray(_useState17, 2),
     cancelling = _useState18[0],
     setCancelling = _useState18[1];
   var _useState19 = React.useState({
       aspect: cropRatio,
       unit: "px"
     }),
-    _useState20 = _rollupPluginBabelHelpers._slicedToArray(_useState19, 2),
+    _useState20 = _rollupPluginBabelHelpers.slicedToArray(_useState19, 2),
     crop = _useState20[0],
     setCrop = _useState20[1];
   var input = React.useRef(null);
@@ -342,7 +278,7 @@ function CroppedImageInput(_ref) {
     }
     return false;
   };
-  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FileViewer.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, fileViewerProps), {}, {
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FileViewer.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fileViewerProps), {}, {
     file: {
       url: documentFile,
       filetype: filetype
@@ -363,7 +299,7 @@ function CroppedImageInput(_ref) {
     showError: showError,
     errorMessage: errorMessage,
     edges: edges
-  }, /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  }, /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     type: "hidden",
     ref: input
   }, inputProps), {}, {
@@ -372,7 +308,7 @@ function CroppedImageInput(_ref) {
     key: "loading"
   }), /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, {
     exitBeforeEnter: true
-  }, (croppedImage || documentFile) && !showError && /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledSavedImage, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, fade), {}, {
+  }, (croppedImage || documentFile) && !showError && /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledSavedImage, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
     key: "saved-image",
     edges: edges
   }), /* @__PURE__ */React.createElement(Grid.default, {
@@ -402,12 +338,12 @@ function CroppedImageInput(_ref) {
     item: true,
     xs: 12,
     md: 1
-  }, /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledDeleteIcon, null, /* @__PURE__ */React.createElement(DeleteIcon, null))))), !src && !documentFile && !croppedImage && (openInDialog ? /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, fade), {}, {
+  }, /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledDeleteIcon, null, /* @__PURE__ */React.createElement(DeleteIcon, null))))), !src && !documentFile && !croppedImage && (openInDialog ? /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
     key: "upload-button"
   }), /* @__PURE__ */React.createElement(FileUploadButton.default, {
     onUpload: onDrop,
     fullWidth: !isNotMobile
-  }, dropzoneLabel)) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, fade), {}, {
+  }, dropzoneLabel)) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
     key: "dropzone"
   }), /* @__PURE__ */React.createElement(DropZone.default, {
     loading: loading,
@@ -416,7 +352,7 @@ function CroppedImageInput(_ref) {
     edges: edges,
     dropzoneLabel: dropzoneLabel,
     dropzoneDescription: dropzoneDescription,
-    dropzoneProps: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+    dropzoneProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
       accept: ["image/*"]
     }, dropzoneProps), {}, {
       maxFiles: 1
@@ -455,7 +391,7 @@ function CroppedImageInput(_ref) {
     saving: saving,
     saveButtonProps: saveButtonProps,
     disabled: disabled
-  })))) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, fade), {}, {
+  })))) : /* @__PURE__ */React.createElement(framerMotion.motion.div, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, fade), {}, {
     key: "editor"
   }), /* @__PURE__ */React.createElement(CroppedImageInput_styled.StyledEditor, {
     edges: edges,
@@ -492,107 +428,107 @@ CroppedImageInput.propTypes = {
   /**
    * The image quality of cropped
    */
-  croppedImageQuality: index.PropTypes.number,
+  croppedImageQuality: PropTypes.number,
   /**
    * URL for an existing image already uploaded to this field
    */
-  defaultValue: index.PropTypes.string,
+  defaultValue: PropTypes.string,
   /**
    * If `true`, the label, input and helper text should be displayed in a disabled state.
    */
-  disabled: index.PropTypes.bool,
+  disabled: PropTypes.bool,
   /**
    * Text label displayed in the dropzone
    */
-  dropzoneLabel: index.PropTypes.string,
+  dropzoneLabel: PropTypes.string,
   /**
    * Text description displayed in the dropzone
    */
-  dropzoneDescription: index.PropTypes.string,
+  dropzoneDescription: PropTypes.string,
   /**
    * Pass props for react-dropzone. See https://react-dropzone.js.org/
    */
-  dropzoneProps: index.PropTypes.object,
+  dropzoneProps: PropTypes.object,
   /**
    * Whether or not to display an error message (if there is a message to display).
    */
-  showError: index.PropTypes.bool,
+  showError: PropTypes.bool,
   /**
    * The error message to display if showError === true
    */
-  errorMessage: index.PropTypes.string,
+  errorMessage: PropTypes.string,
   /**
    * The helper text content.
    */
-  helperText: index.PropTypes.node,
+  helperText: PropTypes.node,
   /**
    * Placed the helper text above or below the input.
    */
-  helperTextPlacement: index.PropTypes.oneOf(["above", "below"]),
+  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * Ration crop selection e.g. 16 / 9
    */
-  cropRatio: index.PropTypes.number,
+  cropRatio: PropTypes.number,
   /**
    * Do something when user saves cropped image, received the base64 string
    */
-  onSave: index.PropTypes.func,
+  onSave: PropTypes.func,
   /**
    * Do something when user removes image
    */
-  onDelete: index.PropTypes.func,
+  onDelete: PropTypes.func,
   /**
    * Do something when user requests cancel action
    */
-  onCancel: index.PropTypes.func,
+  onCancel: PropTypes.func,
   /**
    * Pass through props for hidden input that holds the data url of the cropped image
    */
-  inputProps: index.PropTypes.object,
+  inputProps: PropTypes.object,
   /**
    * The label content.
    */
-  label: index.PropTypes.string,
+  label: PropTypes.string,
   /**
    * The field name
    */
-  name: index.PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * If `true`, the label will indicate that the input is required.
    */
-  required: index.PropTypes.bool,
+  required: PropTypes.bool,
   /**
    * Make button edges rounded or square
    */
-  edges: index.PropTypes.oneOf(["normal", "rounded", "sharp"]),
+  edges: PropTypes.oneOf(["normal", "rounded", "sharp"]),
   /**
    * Result from dropzone...
    */
-  dropppedFile: index.PropTypes.any,
+  dropppedFile: PropTypes.any,
   /**
    * @ignore
    */
-  cropGuide: index.PropTypes.any,
+  cropGuide: PropTypes.any,
   /**
    * If `true`, always show cancel and save button
    */
-  showActions: index.PropTypes.bool,
+  showActions: PropTypes.bool,
   /**
    * Props for save button
    */
-  saveButtonProps: index.PropTypes.object,
+  saveButtonProps: PropTypes.object,
   /**
    * Props for cancel button
    */
-  cancelButtonProps: index.PropTypes.object,
+  cancelButtonProps: PropTypes.object,
   /**
    * Replace the dropzone with a button that opens a dialog
    */
-  openInDialog: index.PropTypes.bool,
+  openInDialog: PropTypes.bool,
   /**
    * Fileviewer props
    */
-  fileViewerProps: index.PropTypes.object
+  fileViewerProps: PropTypes.object
 };
 
 exports.default = CroppedImageInput;

package/dist/cjs/{CroppedImageInput.styled.cjs → components/CroppedImageInput.styled.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 var framerMotion = require('framer-motion');
 var styles = require('@mui/material/styles');
@@ -71,9 +71,9 @@ var StyledCircularProgress = styles.styled(CircularProgress)({
   marginLeft: -20,
   zIndex: 1
 });
-var StyledDeleteIcon = styled.span(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
+var StyledDeleteIcon = styled.span(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
   var theme = _ref4.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 25px;\n    z-index: 9;\n    background: transparent;\n    color: ", ";\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n    transition: all 0.25s ease-in-out;\n    transform: translateY(-50%) scale(0.9);\n    box-shadow: ", ";\n    border-radius: 50%;\n    &:hover {\n      background: rgba(0, 0, 0, 0.04);\n      transform: translateY(-50%) scale(1.05);\n      color: ", ";\n      box-shadow: ", ";\n    }\n  "])), theme.palette.grey.main, theme.shadows[2], theme.palette.secondary.main, theme.shadows[4]);
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 50%;\n    right: 25px;\n    z-index: 9;\n    background: transparent;\n    color: ", ";\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n    transition: all 0.25s ease-in-out;\n    transform: translateY(-50%) scale(0.9);\n    box-shadow: ", ";\n    border-radius: 50%;\n    &:hover {\n      background: rgba(0, 0, 0, 0.04);\n      transform: translateY(-50%) scale(1.05);\n      color: ", ";\n      box-shadow: ", ";\n    }\n  "])), theme.palette.grey.main, theme.shadows[2], theme.palette.secondary.main, theme.shadows[4]);
 });
 
 exports.StyledCircularProgress = StyledCircularProgress;

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

@@ -2,24 +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 useMediaQuery = require('@mui/material/useMediaQuery');
 var Box = require('./Box.cjs');
 var Button = require('./Button.cjs');
 var Grid = require('./Grid.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/Box');
-require('@mui/material/CircularProgress');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('@emotion/react');
-require('@mui/material/styles');
-require('./object.cjs');
-require('./boolean.cjs');
-require('@mui/material/GridLegacy');
 
 function CroppedImageInputActions(_ref) {
   var handleCancel = _ref.handleCancel,
@@ -47,7 +36,7 @@ function CroppedImageInputActions(_ref) {
       spacing: 5
     }, /* @__PURE__ */React.createElement(Grid.default, {
       item: true
-    }, /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers._objectSpread2({
+    }, /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers.objectSpread2({
       loading: true,
       color: "primaryAlt",
       variant: "outlined",
@@ -58,7 +47,7 @@ function CroppedImageInputActions(_ref) {
       fullWidth: !isNotMobile
     }, cancelButtonProps), cancelButtonProps.text || "Cancel")), /* @__PURE__ */React.createElement(Grid.default, {
       item: true
-    }, /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers._objectSpread2({
+    }, /* @__PURE__ */React.createElement(Button.default, _rollupPluginBabelHelpers.objectSpread2({
       loading: true,
       color: "primary",
       size: "large",
@@ -70,13 +59,13 @@ function CroppedImageInputActions(_ref) {
   );
 }
 CroppedImageInputActions.propTypes = {
-  handleCancel: index.PropTypes.func.isRequired,
-  cancelling: index.PropTypes.bool,
-  cancelButtonProps: index.PropTypes.object.isRequired,
-  handleImageSave: index.PropTypes.func.isRequired,
-  saving: index.PropTypes.bool,
-  saveButtonProps: index.PropTypes.object.isRequired,
-  disabled: index.PropTypes.bool
+  handleCancel: PropTypes.func.isRequired,
+  cancelling: PropTypes.bool,
+  cancelButtonProps: PropTypes.object.isRequired,
+  handleImageSave: PropTypes.func.isRequired,
+  saving: PropTypes.bool,
+  saveButtonProps: PropTypes.object.isRequired,
+  disabled: PropTypes.bool
 };
 
 exports.default = CroppedImageInputActions;