@tenancy.nz/ui 1.1.7 → 1.1.9

package/dist/cjs/{AvatarInput.cjs → components/AvatarInput.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 Box = require('@mui/material/Box');
 var Grid = require('@mui/material/Grid');
 var useMediaQuery = require('@mui/material/useMediaQuery');
@@ -21,61 +21,6 @@ var ModalHeader = require('./ModalHeader.cjs');
 var Text = require('./Text.cjs');
 var AvatarCropDialog = require('./AvatarCropDialog.cjs');
 var AvatarInput_styled = require('./AvatarInput.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-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('./Heading.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('./Skeleton.cjs');
-require('@mui/material/Skeleton');
-require('@mui/material/DialogContent');
-require('@mui/icons-material');
-require('./Box.cjs');
-require('./IconButton.cjs');
-require('./IconButton.styled.cjs');
-require('@mui/material/IconButton');
-require('./ModalHeader.styled.cjs');
-require('react-image-crop');
-require('./FormControl.cjs');
-require('framer-motion');
-require('@mui/material/FormHelperText');
-require('./FormLabel.cjs');
-require('./FormLabel.styled.cjs');
-require('@mui/material/FormLabel');
-require('./StatusMessage.cjs');
-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('./FormControl.styled.cjs');
-require('@mui/material/FormControl');
-require('./index_lite-B_XeK-IK.js');
-require('./time.cjs');
-require('./customParseFormat-Bwz3j37R.js');
-require('./array.cjs');
-require('./string.cjs');
-require('react-image-crop/dist/ReactCrop.css');
-require('./AvatarCropDialog.styled.cjs');
-require('styled-components');
-require('./colors.cjs');
 
 var _excluded = ["disabled", "edges", "dropzoneLabel", "dropzoneDescription", "placeholder", "onSave", "onDelete", "value", "DropzoneIcon", "hasSelection"];
 function AvatarInput(_ref) {
@@ -103,28 +48,28 @@ function AvatarInput(_ref) {
     DropzoneIcon = _ref$DropzoneIcon === void 0 ? null : _ref$DropzoneIcon,
     _ref$hasSelection = _ref.hasSelection,
     hasSelection = _ref$hasSelection === void 0 ? false : _ref$hasSelection,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var isNotMobile = useMediaQuery(function (theme) {
     return theme.breakpoints.up("sm");
   });
   var _useState = React.useState(false),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     confirmDelete = _useState2[0],
     setConfirmDelete = _useState2[1];
   var _useState3 = React.useState(null),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     droppedFile = _useState4[0],
     setDroppedFile = _useState4[1];
   var _useState5 = React.useState(false),
-    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     open = _useState6[0],
     setOpen = _useState6[1];
   var _useState7 = React.useState(""),
-    _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     savedImage = _useState8[0],
     setSavedImage = _useState8[1];
   var _useState9 = React.useState(false),
-    _useState0 = _rollupPluginBabelHelpers._slicedToArray(_useState9, 2),
+    _useState0 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     loading = _useState0[0],
     setLoading = _useState0[1];
   var onDrop = function onDrop(acceptedFiles) {
@@ -170,13 +115,13 @@ function AvatarInput(_ref) {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */React.createElement(AvatarInput_styled.StyledRoot, _rollupPluginBabelHelpers._objectSpread2({
+  }, /* @__PURE__ */React.createElement(AvatarInput_styled.StyledRoot, _rollupPluginBabelHelpers.objectSpread2({
     disabled: disabled,
     edges: edges,
     errors: hasErrors ? "yes" : ""
   }, getRootProps()), isDragActive && /* @__PURE__ */React.createElement(AvatarInput_styled.StyledLinearProgress, {
     isDragReject: isDragReject
-  }), loading && !hasErrors && /* @__PURE__ */React.createElement(AvatarInput_styled.StyledCircularProgress, null), /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers._objectSpread2({}, getInputProps())), /* @__PURE__ */React.createElement(Grid, {
+  }), loading && !hasErrors && /* @__PURE__ */React.createElement(AvatarInput_styled.StyledCircularProgress, null), /* @__PURE__ */React.createElement("input", _rollupPluginBabelHelpers.objectSpread2({}, getInputProps())), /* @__PURE__ */React.createElement(Grid, {
     container: true,
     spacing: 5,
     alignItems: "center"
@@ -239,7 +184,7 @@ function AvatarInput(_ref) {
     onClose: function onClose() {
       return setOpen(false);
     }
-  }, /* @__PURE__ */React.createElement("span", null, "\xA0")), /* @__PURE__ */React.createElement(ModalContent.default, null, /* @__PURE__ */React.createElement(AvatarCropDialog.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  }, /* @__PURE__ */React.createElement("span", null, "\xA0")), /* @__PURE__ */React.createElement(ModalContent.default, null, /* @__PURE__ */React.createElement(AvatarCropDialog.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     droppedFile: droppedFile
   }, rest), {}, {
     onSave: handleSave,
@@ -257,43 +202,43 @@ AvatarInput.propTypes = {
   /**
    * 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.any,
+  dropzoneDescription: PropTypes.any,
   /**
    * Icon displayed in the dropzone
    */
-  DropzoneIcon: index.PropTypes.any,
+  DropzoneIcon: PropTypes.any,
   /**
    * URL for default/placeholder image.
    */
-  placeholder: index.PropTypes.string,
+  placeholder: PropTypes.string,
   /**
    * URL for current image.
    */
-  value: index.PropTypes.string,
+  value: PropTypes.string,
   /**
    * Make button edges rounded or square
    */
-  edges: index.PropTypes.oneOf(["normal", "rounded", "sharp"]),
+  edges: PropTypes.oneOf(["normal", "rounded", "sharp"]),
   /**
    * 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,
   /**
    * If `true`, represents the file(s) has been selected
    */
-  hasSelection: index.PropTypes.bool
+  hasSelection: PropTypes.bool
 };
 
 exports.default = AvatarInput;

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styles = require('@mui/material/styles');
 var styled = require('styled-components');
 var LinearProgress = require('@mui/material/LinearProgress');
 var Box = require('@mui/material/Box');
 var CircularProgress = require('@mui/material/CircularProgress');
-var colors = require('./colors.cjs');
+var colors = require('../utils/colors.cjs');
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var borderRadius = function borderRadius(edges, theme) {
@@ -109,13 +109,13 @@ var StyledAvatarIcon = styles.styled("div")(function (_ref4) {
     }
   };
 });
-var StyledDeleteIcon = styled.span(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
+var StyledDeleteIcon = styled.span(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
   var theme = _ref5.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    margin-top: -12px;\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    margin-top: -12px;\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]);
 });
-var StyledAddIcon = styled.span(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
+var StyledAddIcon = styled.span(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref6) {
   var theme = _ref6.theme;
-  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: inline-flex;\n    width: 12px;\n    height: 12px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    background: ", ";\n    color: ", ";\n    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);\n    position: absolute;\n    right: 12px;\n    z-index: 2;\n    bottom: 8px;\n  "])), theme.palette.background.paper, theme.palette.primaryAlt.main);
+  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    width: 12px;\n    height: 12px;\n    justify-content: center;\n    align-items: center;\n    border-radius: 50%;\n    background: ", ";\n    color: ", ";\n    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.4);\n    position: absolute;\n    right: 12px;\n    z-index: 2;\n    bottom: 8px;\n  "])), theme.palette.background.paper, theme.palette.primaryAlt.main);
 });
 
 exports.StyledAddIcon = StyledAddIcon;

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

@@ -2,14 +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 Badge_styled = require('./Badge.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('styled-components');
-require('@mui/material/Badge');
 
 var _excluded = ["anchorOrigin", "badgeContent", "color", "invisible", "max", "overlap", "showZero", "variant", "children"];
 function Badge(_ref) {
@@ -30,12 +26,12 @@ function Badge(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "standard" : _ref$variant,
     children = _ref.children,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var defaultAnchorOrigin = {
     horizontal: "right",
     vertical: "top"
   };
-  var props = _rollupPluginBabelHelpers._objectSpread2({
+  var props = _rollupPluginBabelHelpers.objectSpread2({
     anchorOrigin: anchorOrigin || defaultAnchorOrigin,
     badgeContent: badgeContent,
     color: color,
@@ -45,49 +41,49 @@ function Badge(_ref) {
     showZero: showZero,
     variant: variant
   }, rest);
-  return /* @__PURE__ */React.createElement(Badge_styled.StyledBadge, _rollupPluginBabelHelpers._objectSpread2({}, props), children);
+  return /* @__PURE__ */React.createElement(Badge_styled.StyledBadge, _rollupPluginBabelHelpers.objectSpread2({}, props), children);
 }
 Badge.propTypes = {
   /**
    * The anchor of the badge.
    */
-  anchorOrigin: index.PropTypes.shape({
-    horizontal: index.PropTypes.oneOf(["left", "right"]),
-    vertical: index.PropTypes.oneOf(["bottom", "top"])
+  anchorOrigin: PropTypes.shape({
+    horizontal: PropTypes.oneOf(["left", "right"]),
+    vertical: PropTypes.oneOf(["bottom", "top"])
   }),
   /**
    * The content rendered within the badge.
    */
-  badgeContent: index.PropTypes.node,
+  badgeContent: PropTypes.node,
   /**
    * The badge will be added relative to this node.
    */
-  children: index.PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The color of the component. It supports those theme colors
    * that make sense for this component.
    */
-  color: index.PropTypes.oneOf(["default", "error", "primary", "secondary"]),
+  color: PropTypes.oneOf(["default", "error", "primary", "secondary"]),
   /**
    * If `true`, the badge will be invisible.
    */
-  invisible: index.PropTypes.bool,
+  invisible: PropTypes.bool,
   /**
    * Max count to show.
    */
-  max: index.PropTypes.number,
+  max: PropTypes.number,
   /**
    * The shape of the Badge.
    */
-  overlap: index.PropTypes.oneOf(["circular", "rectangular"]),
+  overlap: PropTypes.oneOf(["circular", "rectangular"]),
   /**
    * Controls whether the badge is hidden when badgeContent is zero.
    */
-  showZero: index.PropTypes.bool,
+  showZero: PropTypes.bool,
   /**
    * The shape of the Badge.
    */
-  variant: index.PropTypes.oneOf(["dot", "standard"])
+  variant: PropTypes.oneOf(["dot", "standard"])
 };
 
 exports.default = Badge;

package/dist/cjs/components/Badge.styled.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+var MuiBadge = require('@mui/material/Badge');
+
+var _templateObject, _templateObject2, _templateObject3;
+var StyledBadge = styled(MuiBadge)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var variant = _ref.variant;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    ", "\n  "])), variant !== "dot" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      & .MuiBadge-badge {\n        min-width: 14px;\n        height: 14px;\n        border: 1px solid #fff;\n        padding: 0 3px;\n        border-radius: 50%;\n        font-size: 8px;\n        font-weight: 700;\n      }\n    "]))));
+});
+
+exports.StyledBadge = StyledBadge;

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

@@ -2,45 +2,15 @@
 
 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 CancelIcon = require('@mui/icons-material/Cancel');
 var FormControl = require('./FormControl.cjs');
 var IconButton = require('./IconButton.cjs');
 var BankAccountInput_styled = require('./BankAccountInput.styled.cjs');
-var boolean = require('./boolean.cjs');
-require('./index_lite-B_XeK-IK.js');
-var string = require('./string.cjs');
-require('./time.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('framer-motion');
-require('@mui/material/FormHelperText');
-require('./FormLabel.cjs');
-require('./FormLabel.styled.cjs');
-require('@mui/material/styles');
-require('@emotion/react');
-require('@mui/material/FormLabel');
-require('./object.cjs');
-require('./StatusMessage.cjs');
-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('./FormControl.styled.cjs');
-require('@mui/material/FormControl');
-require('./IconButton.styled.cjs');
-require('@mui/material/IconButton');
-require('./Button.styled.cjs');
-require('@mui/material/Button');
-require('styled-components');
-require('./customParseFormat-Bwz3j37R.js');
-require('./array.cjs');
+var boolean = require('../utils/helpers/boolean.cjs');
+var string = require('../utils/helpers/string.cjs');
 
 function BankAccountInput(_ref) {
   var _ref$disabled = _ref.disabled,
@@ -76,23 +46,23 @@ function BankAccountInput(_ref) {
   var accountRef = React.useRef(null);
   var suffixRef = React.useRef(null);
   var _useState = React.useState(value && value.bank || ""),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     bank = _useState2[0],
     setBank = _useState2[1];
   var _useState3 = React.useState(value && value.branch || ""),
-    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     branch = _useState4[0],
     setBranch = _useState4[1];
   var _useState5 = React.useState(value && value.account || ""),
-    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+    _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     account = _useState6[0],
     setAccount = _useState6[1];
   var _useState7 = React.useState(value && value.suffix || ""),
-    _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
+    _useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
     suffix = _useState8[0],
     setSuffix = _useState8[1];
   var _useState9 = React.useState(false),
-    _useState0 = _rollupPluginBabelHelpers._slicedToArray(_useState9, 2),
+    _useState0 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
     focused = _useState0[0],
     setFocused = _useState0[1];
   var valueStr = "".concat(bank).concat(branch).concat(account).concat(suffix);
@@ -283,65 +253,65 @@ BankAccountInput.propTypes = {
   /**
    * If `true`, the label, input and helper text should be displayed in a disabled state.
    */
-  disabled: index.PropTypes.bool,
+  disabled: PropTypes.bool,
   /**
    * Make button edges rounded or square
    */
-  edges: index.PropTypes.oneOf(["normal", "rounded", "sharp"]),
+  edges: PropTypes.oneOf(["normal", "rounded", "sharp"]),
   /**
    * The error message to display if showError === true
    */
-  errorMessage: index.PropTypes.string,
+  errorMessage: PropTypes.string,
   /**
    * If `true`, the component will take up the full width of its container.
    */
-  fullWidth: index.PropTypes.bool,
+  fullWidth: PropTypes.bool,
   /**
    * The helper text content.
    */
-  helperText: index.PropTypes.node,
+  helperText: PropTypes.node,
   /**
    * Make label visible only to screen readers
    */
-  hideLabel: index.PropTypes.bool,
+  hideLabel: PropTypes.bool,
   /**
    * Placed the helper text above or below the input.
    */
-  helperTextPlacement: index.PropTypes.oneOf(["above", "below"]),
+  helperTextPlacement: PropTypes.oneOf(["above", "below"]),
   /**
    * The label content.
    */
-  label: index.PropTypes.node,
+  label: PropTypes.node,
   /**
    * The input name.
    */
-  name: index.PropTypes.string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Function to handle change event
    */
-  onChange: index.PropTypes.func.isRequired,
+  onChange: PropTypes.func.isRequired,
   /**
    * Function to handle clear event
    */
-  onClear: index.PropTypes.func,
+  onClear: PropTypes.func,
   /**
    * If `true`, the label will indicate that the input is required.
    */
-  required: index.PropTypes.bool,
+  required: PropTypes.bool,
   /**
    * Whether or not to display an error message (if there is a message to display).
    */
-  showError: index.PropTypes.bool,
-  value: index.PropTypes.exact({
-    bank: index.PropTypes.string,
-    branch: index.PropTypes.string,
-    account: index.PropTypes.string,
-    suffix: index.PropTypes.string
+  showError: PropTypes.bool,
+  value: PropTypes.exact({
+    bank: PropTypes.string,
+    branch: PropTypes.string,
+    account: PropTypes.string,
+    suffix: PropTypes.string
   }),
   /**
    * How input should look visually
    */
-  variant: index.PropTypes.oneOf(["filled", "outlined"])
+  variant: PropTypes.oneOf(["filled", "outlined"])
 };
 
 exports.default = BankAccountInput;

package/dist/cjs/components/BankAccountInput.styled.cjs

@@ -0,0 +1,37 @@
+'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, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+var StyledWrapper = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var fullWidth = _ref.fullWidth;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    ", "\n  "])), fullWidth && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 100%;\n    "]))));
+});
+var StyledInputWrapper = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
+  var disabled = _ref2.disabled,
+    edges = _ref2.edges,
+    focused = _ref2.focused,
+    fullWidth = _ref2.fullWidth,
+    required = _ref2.required,
+    theme = _ref2.theme,
+    variant = _ref2.variant;
+  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 500;\n    font-size: 15px;\n    line-height: 1.4375em;\n    color: #394869;\n    position: relative;\n    cursor: text;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n    padding: 0.75rem 0;\n    width: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n\n      ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), fullWidth ? "100%" : "400px", !required && !focused && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: 1px solid rgba(0, 0, 0, 0.23);\n    "]))), required && !focused && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: 1px solid ", ";\n    "])), theme.palette.secondary.main), !required && focused && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: 1px solid ", ";\n    "])), theme.palette.primary.main), required && focused && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border: 1px solid ", ";\n    "])), theme.palette.secondary.main), edges === "sharp" && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 0px;\n    "]))), edges === "normal" && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 5px;\n    "]))), edges === "rounded" && styled.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      border-radius: 9999px;\n    "]))), variant === "filled" && styled.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      background: rgba(140, 152, 178, 0.1);\n      border-color: rgba(140, 152, 178, 0.1);\n    "]))), disabled && styled.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      background: rgba(140, 152, 178, 0.1);\n    "]))));
+});
+var StyledInput = styled.input.attrs({
+  type: "text",
+  autoComplete: "off",
+  inputMode: "numeric"
+})(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
+  var fieldType = _ref3.fieldType;
+  return styled.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    height: 1.4375em;\n    -webkit-tap-highlight-color: transparent;\n    background: transparent;\n    letter-spacing: inherit;\n    color: currentColor;\n    box-sizing: content-box;\n    font: inherit;\n    border: none;\n    border-left: 1px solid rgba(0, 0, 0, 0.23);\n    padding: 0 1rem;\n    text-align: center;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    &:focus,\n    &:active {\n      box-shadow: none;\n      outline: none;\n    }\n\n    &:first-child {\n      border: none;\n    }\n\n    &::-webkit-input-placeholder {\n      transition: opacity 200ms ease;\n    }\n\n    &::-moz-placeholder {\n      transition: opacity 200ms ease;\n    }\n\n    &:-ms-input-placeholder {\n      transition: opacity 200ms ease;\n    }\n\n    &:-moz-placeholder {\n      transition: opacity 200ms ease;\n    }\n\n    &:focus::-webkit-input-placeholder {\n      opacity: 0.4;\n    }\n\n    &:focus::-moz-placeholder {\n      opacity: 0.4;\n    }\n\n    &:focus:-ms-input-placeholder {\n      opacity: 0.4;\n    }\n\n    &:focus:-moz-placeholder {\n      opacity: 0.4;\n    }\n  "])), fieldType === "bank" && styled.css(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 15%;\n    "]))), fieldType === "branch" && styled.css(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 22%;\n    "]))), fieldType === "account" && styled.css(_templateObject17 || (_templateObject17 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 43%;\n    "]))), fieldType === "suffix" && styled.css(_templateObject18 || (_templateObject18 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      width: 20%;\n    "]))));
+});
+var StyledIcon = styled.div(_templateObject19 || (_templateObject19 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
+  var theme = _ref4.theme;
+  return styled.css(_templateObject20 || (_templateObject20 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    color: ", ";\n    margin-left: 5px;\n    transition: color 200ms ease;\n    svg {\n      font-size: 1.15rem;\n    }\n\n    &:hover {\n      color: ", ";\n    }\n  "])), theme.palette.grey[300], theme.palette.grey[400]);
+});
+
+exports.StyledIcon = StyledIcon;
+exports.StyledInput = StyledInput;
+exports.StyledInputWrapper = StyledInputWrapper;
+exports.StyledWrapper = StyledWrapper;

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

@@ -3,12 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index = require('./index-BIkEtimw.js');
+var PropTypes = require('prop-types');
 var Bar_styled = require('./Bar.styled.cjs');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-require('styled-components');
 
 function Bar(_ref) {
   var children = _ref.children,
@@ -25,15 +21,15 @@ Bar.propTypes = {
   /**
    * The content of the component.
    */
-  children: index.PropTypes.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    */
-  color: index.PropTypes.oneOf(["default", "inherit", "primary", "primaryAlt", "secondary", "secondaryAlt", "tertiary", "transparent"]),
+  color: PropTypes.oneOf(["default", "inherit", "primary", "primaryAlt", "secondary", "secondaryAlt", "tertiary", "transparent"]),
   /**
    * The positioning type.
    */
-  position: index.PropTypes.oneOf(["absolute", "fixed", "relative", "static", "sticky"])
+  position: PropTypes.oneOf(["absolute", "fixed", "relative", "static", "sticky"])
 };
 
 exports.default = Bar;

package/dist/cjs/components/Bar.styled.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
+var styled = require('styled-components');
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var defaultColors = ["inherit", "transparent"];
+var StyledBar = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var color = _ref.color,
+    position = _ref.position,
+    theme = _ref.theme;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    position: ", ";\n    ", "\n\n    ", "\n  "])), position, defaultColors.includes(color) && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      background: ", ";\n      color: inherit;\n    "])), color), !defaultColors.includes(color) && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n      background: ", ";\n      color: ", ";\n    "])), theme.palette[color].main, theme.palette[color].contrastText));
+});
+
+exports.StyledBar = StyledBar;

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

@@ -2,14 +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 BaseModal_styled = require('./BaseModal.styled.cjs');
-var object = require('./object.cjs');
-require('@emotion/react');
-require('@mui/material/Dialog');
-require('@mui/material/styles');
-require('./boolean.cjs');
+var object = require('../utils/helpers/object.cjs');
 
 var _excluded = ["children", "fullScreen", "fullWidth", "escapePress", "hideBackdrop", "maxWidth", "onClose", "open", "slotProps"];
 function BaseModal(_ref) {
@@ -30,13 +26,13 @@ function BaseModal(_ref) {
     open = _ref$open === void 0 ? false : _ref$open,
     _ref$slotProps = _ref.slotProps,
     slotProps = _ref$slotProps === void 0 ? {} : _ref$slotProps,
-    rest = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var defaultSlotProps = {
     paper: {
       elevation: "none"
     }
   };
-  var props = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+  var props = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     fullScreen: fullScreen,
     fullWidth: fullWidth,
     hideBackdrop: hideBackdrop,
@@ -46,7 +42,7 @@ function BaseModal(_ref) {
   }, rest), {}, {
     slotProps: object.objectDeepMerge(defaultSlotProps, slotProps)
   });
-  return /* @__PURE__ */React.createElement(BaseModal_styled.default, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
+  return /* @__PURE__ */React.createElement(BaseModal_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
     disableEscapeKeyDown: !escapePress
   }), children);
 }