@tenancy.nz/ui 1.0.4 → 1.0.6

package/dist/cjs/components/FileViewer.cjs

@@ -3,8 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var mime = require('mime/lite');
 var ErrorOutlineIcon = require('@mui/icons-material/ErrorOutline');
@@ -60,75 +59,57 @@ function FileViewer(_ref) {
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     onClose = _ref.onClose;
-  return /* @__PURE__ */jsxRuntime.jsx(Modal.default, {
+  return /* @__PURE__ */React.createElement(Modal.default, {
     open: open && file !== null,
     onClose: onClose,
-    fullWidth: true,
-    children: file !== null && open && /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/* @__PURE__ */jsxRuntime.jsx(ModalHeader.default, {
-        onClose: onClose,
-        children: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-          as: "h5",
-          children: heading || getFileName(file)
-        })
-      }), /* @__PURE__ */jsxRuntime.jsx(ModalContent.default, {
-        children: /* @__PURE__ */jsxRuntime.jsx(FileViewer_styled.StyledFilePreviewAreaOuter, {
-          children: function () {
-            if (isImage(file)) {
-              return /* @__PURE__ */jsxRuntime.jsx(Box.default, {
-                display: "flex",
-                justifyContent: "center",
-                width: "100%",
-                children: /* @__PURE__ */jsxRuntime.jsx("img", {
-                  src: file.url,
-                  alt: getFileName(file),
-                  style: {
-                    maxWidth: "100%"
-                  }
-                })
-              });
-            }
-            if (file && boolean.isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
-              return /* @__PURE__ */jsxRuntime.jsxs(Grid.default, {
-                container: true,
-                spacing: 5,
-                direction: "column",
-                alignItems: "center",
-                justify: "center",
-                children: [/* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-                  item: true,
-                  children: /* @__PURE__ */jsxRuntime.jsx(FileViewer_styled.StyledBrokenFileIcon, {
-                    children: /* @__PURE__ */jsxRuntime.jsx(ErrorOutlineIcon, {})
-                  })
-                }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-                  item: true,
-                  children: /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-                    as: "h5",
-                    transform: "uppercase",
-                    children: "Preview unavailable"
-                  })
-                }), /* @__PURE__ */jsxRuntime.jsx(Grid.default, {
-                  item: true,
-                  children: /* @__PURE__ */jsxRuntime.jsx(Button.default, {
-                    href: file.url,
-                    as: "a",
-                    download: true,
-                    color: "primary",
-                    size: "large",
-                    children: "Download"
-                  })
-                })]
-              });
-            }
-            return /* @__PURE__ */jsxRuntime.jsx(Embed.default, {
-              src: file.url.startsWith("data") || file.url.includes(".pdf") ? file.url : "https://docs.google.com/gview?url=".concat(file.url, "&embedded=true"),
-              height: "85%"
-            });
-          }()
-        })
-      })]
-    })
-  });
+    fullWidth: true
+  }, file !== null && open && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(ModalHeader.default, {
+    onClose: onClose
+  }, /* @__PURE__ */React.createElement(Heading.default, {
+    as: "h5"
+  }, heading || getFileName(file))), /* @__PURE__ */React.createElement(ModalContent.default, null, /* @__PURE__ */React.createElement(FileViewer_styled.StyledFilePreviewAreaOuter, null, function () {
+    if (isImage(file)) {
+      return /* @__PURE__ */React.createElement(Box.default, {
+        display: "flex",
+        justifyContent: "center",
+        width: "100%"
+      }, /* @__PURE__ */React.createElement("img", {
+        src: file.url,
+        alt: getFileName(file),
+        style: {
+          maxWidth: "100%"
+        }
+      }));
+    }
+    if (file && boolean.isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
+      return /* @__PURE__ */React.createElement(Grid.default, {
+        container: true,
+        spacing: 5,
+        direction: "column",
+        alignItems: "center",
+        justify: "center"
+      }, /* @__PURE__ */React.createElement(Grid.default, {
+        item: true
+      }, /* @__PURE__ */React.createElement(FileViewer_styled.StyledBrokenFileIcon, null, /* @__PURE__ */React.createElement(ErrorOutlineIcon, null))), /* @__PURE__ */React.createElement(Grid.default, {
+        item: true
+      }, /* @__PURE__ */React.createElement(Heading.default, {
+        as: "h5",
+        transform: "uppercase"
+      }, "Preview unavailable")), /* @__PURE__ */React.createElement(Grid.default, {
+        item: true
+      }, /* @__PURE__ */React.createElement(Button.default, {
+        href: file.url,
+        as: "a",
+        download: true,
+        color: "primary",
+        size: "large"
+      }, "Download")));
+    }
+    return /* @__PURE__ */React.createElement(Embed.default, {
+      src: file.url.startsWith("data") || file.url.includes(".pdf") ? file.url : "https://docs.google.com/gview?url=".concat(file.url, "&embedded=true"),
+      height: "85%"
+    });
+  }()))));
 }
 FileViewer.propTypes = {
   file: PropTypes.shape({

package/dist/cjs/components/FlashMessage.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var Snackbar = require('@mui/material/Snackbar');
 var Alert = require('./Alert.cjs');
@@ -28,7 +27,7 @@ function FlashMessage(_ref) {
   var handleClose = function handleClose() {
     onClose();
   };
-  return /* @__PURE__ */jsxRuntime.jsx(Snackbar, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(Snackbar, _rollupPluginBabelHelpers.objectSpread2({
     anchorOrigin: {
       vertical: vertical,
       horizontal: horizontal
@@ -37,14 +36,11 @@ function FlashMessage(_ref) {
     open: open,
     onClose: handleClose,
     message: "This is a text snack message"
-  }, rest), {}, {
-    children: /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
-      color: color,
-      onClose: handleClose,
-      elevation: 7,
-      children: children
-    })
-  }));
+  }, rest), /* @__PURE__ */React.createElement(Alert.default, {
+    color: color,
+    onClose: handleClose,
+    elevation: 7
+  }, children));
 }
 FlashMessage.propTypes = {
   /**

package/dist/cjs/components/FormControl.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var React$1 = require('react');
 var framerMotion = require('framer-motion');
 var FormHelperText = require('@mui/material/FormHelperText');
 var FormLabel = require('./FormLabel.cjs');
@@ -15,7 +14,7 @@ var boolean = require('../utils/helpers/boolean.cjs');
 require('mime/lite');
 require('../utils/helpers/time.cjs');
 
-var FormControl = /*#__PURE__*/React.forwardRef(function FormControl2(_ref, ref) {
+var FormControl = /*#__PURE__*/React$1.forwardRef(function FormControl2(_ref, ref) {
   var children = _ref.children,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? "default" : _ref$color,
@@ -45,56 +44,50 @@ var FormControl = /*#__PURE__*/React.forwardRef(function FormControl2(_ref, ref)
     $required: required
   };
   var statusMessage = errorMessage || message;
-  return /** @ts-ignore */ /* @__PURE__ */jsxRuntime.jsxs(FormControl_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
-    ref: ref,
-    children: [!!label && boolean.isString(label) ? /* @__PURE__ */jsxRuntime.jsx(FormLabel.default, {
-      disabled: disabled,
-      htmlFor: id,
-      required: required,
-      size: size,
-      children: label
-    }) : label, children, /* @__PURE__ */jsxRuntime.jsx(framerMotion.AnimatePresence, {
-      children: /* @__PURE__ */jsxRuntime.jsx(framerMotion.motion.div, {
-        layout: true,
-        initial: "collapsed",
-        animate: "open",
-        exit: "collapsed",
-        variants: {
-          open: {
-            opacity: 1,
-            height: "auto"
-          },
-          collapsed: {
-            opacity: 0,
-            height: 0
-          }
-        },
-        transition: {
-          delay: 0.15,
-          duration: 0.3,
-          ease: [0.04, 0.62, 0.23, 0.98]
-        },
-        children: !!statusMessage && /* @__PURE__ */jsxRuntime.jsx(StatusMessage.default, {
-          color: props.color === "default" ? "info" : props.color,
-          children: statusMessage
-        })
-      }, "".concat(id, "_message"))
-    }), !!helperText && /* @__PURE__ */jsxRuntime.jsx(FormHelperText, {
-      sx: {
-        color: "text.primary",
-        fontSize: function fontSize(theme) {
-          if (size === "medium") {
-            return "".concat(theme.typography.fontSize, "px");
-          }
-          return null;
-        },
-        padding: 0,
-        margin: 0,
-        mt: statusMessage ? 0 : "8px"
+  return /** @ts-ignore */ /* @__PURE__ */React.createElement(FormControl_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+    ref: ref
+  }), !!label && boolean.isString(label) ? /* @__PURE__ */React.createElement(FormLabel.default, {
+    disabled: disabled,
+    htmlFor: id,
+    required: required,
+    size: size
+  }, label) : label, children, /* @__PURE__ */React.createElement(framerMotion.AnimatePresence, null, /* @__PURE__ */React.createElement(framerMotion.motion.div, {
+    layout: true,
+    key: "".concat(id, "_message"),
+    initial: "collapsed",
+    animate: "open",
+    exit: "collapsed",
+    variants: {
+      open: {
+        opacity: 1,
+        height: "auto"
       },
-      children: helperText
-    })]
-  }));
+      collapsed: {
+        opacity: 0,
+        height: 0
+      }
+    },
+    transition: {
+      delay: 0.15,
+      duration: 0.3,
+      ease: [0.04, 0.62, 0.23, 0.98]
+    }
+  }, !!statusMessage && /* @__PURE__ */React.createElement(StatusMessage.default, {
+    color: props.color === "default" ? "info" : props.color
+  }, statusMessage))), !!helperText && /* @__PURE__ */React.createElement(FormHelperText, {
+    sx: {
+      color: "text.primary",
+      fontSize: function fontSize(theme) {
+        if (size === "medium") {
+          return "".concat(theme.typography.fontSize, "px");
+        }
+        return null;
+      },
+      padding: 0,
+      margin: 0,
+      mt: statusMessage ? 0 : "8px"
+    }
+  }, helperText));
 });
 
 exports.default = FormControl;

package/dist/cjs/components/FormFocus.cjs

@@ -3,13 +3,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 
 function FormFocus(_ref) {
   var name = _ref.name;
-  return /* @__PURE__ */jsxRuntime.jsx("input", {
+  return /* @__PURE__ */React.createElement("input", {
     name: name,
     style: {
       appearance: "none",

package/dist/cjs/components/FormLabel.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var FormLabel_styled = require('./FormLabel.styled.cjs');
 
 var _excluded = ["children", "disabled", "margin", "required"];
@@ -22,9 +21,7 @@ function FormLabel(_ref) {
     margin: margin,
     required: required
   };
-  return /* @__PURE__ */jsxRuntime.jsx(FormLabel_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), props), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(FormLabel_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), props), children);
 }
 
 exports.default = FormLabel;

package/dist/cjs/components/Grid.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var MuiGrid = require('@mui/material/GridLegacy');
 var styles = require('@mui/material/styles');
@@ -21,22 +20,17 @@ function Grid(_ref) {
     container = _ref$container === void 0 ? false : _ref$container,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var theme = styles.useTheme();
-  return marginFix && spacing && container ? /* @__PURE__ */jsxRuntime.jsx("div", {
+  return marginFix && spacing && container ? /* @__PURE__ */React.createElement("div", {
     style: {
       padding: "".concat(theme.spacing(spacing))
-    },
-    children: /* @__PURE__ */jsxRuntime.jsx(MuiGrid, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-      container: true,
-      spacing: spacing
-    }, rest), {}, {
-      children: children
-    }))
-  }) : /* @__PURE__ */jsxRuntime.jsx(MuiGrid, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    }
+  }, /* @__PURE__ */React.createElement(MuiGrid, _rollupPluginBabelHelpers.objectSpread2({
+    container: true,
+    spacing: spacing
+  }, rest), children)) : /* @__PURE__ */React.createElement(MuiGrid, _rollupPluginBabelHelpers.objectSpread2({
     spacing: spacing,
     container: container
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 }
 Grid.propTypes = {
   /**

package/dist/cjs/components/Heading.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var Typography = require('@mui/material/Typography');
 
 var _excluded = ["as", "children", "color", "italic", "transform", "weight", "sx"];
@@ -29,14 +28,13 @@ function Heading(_ref) {
   }), transform && {
     textTransform: transform
   });
-  return /* @__PURE__ */jsxRuntime.jsx(Typography, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(Typography, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     color: color,
     component: as,
     variant: as,
     paragraph: false,
-    sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, textStyles), sx),
-    children: children
-  }));
+    sx: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, textStyles), sx)
+  }), children);
 }
 
 exports.default = Heading;

package/dist/cjs/components/IconButton.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var IconButton_styled = require('./IconButton.styled.cjs');
 
 var _excluded = ["children", "color", "edges", "disabled", "size"];
@@ -22,14 +21,12 @@ function IconButton(_ref) {
   var rest = _rollupPluginBabelHelpers.objectSpread2({
     size: size
   }, others);
-  return /* @__PURE__ */jsxRuntime.jsx(IconButton_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(IconButton_styled.default, _rollupPluginBabelHelpers.objectSpread2({
     type: "button",
     color: color,
     edges: edges,
     disabled: disabled
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 }
 
 exports.default = IconButton;

package/dist/cjs/components/Icons.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var styled = require('styled-components');
 var AddCircleIcon = require('@mui/icons-material/AddCircle');
 var Heading = require('./Heading.cjs');
@@ -15,45 +14,27 @@ var Text = require('./Text.cjs');
 var _templateObject;
 var Code = styled.code(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  line-height: 1;\n  margin: 0 2px;\n  padding: 3px 5px;\n  white-space: nowrap;\n  border-radius: 3px;\n  font-size: 13px;\n  border: 1px solid #eeeeee;\n  color: rgba(51, 51, 51, 0.9);\n  background-color: #f8f8f8;\n"])));
 function Icons() {
-  return /* @__PURE__ */jsxRuntime.jsxs("div", {
-    children: [/* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-      as: "h3",
-      children: "Icons"
-    }), /* @__PURE__ */jsxRuntime.jsxs(Text.default, {
-      color: "inherit",
-      children: ["This design system uses ", /* @__PURE__ */jsxRuntime.jsx(Code, {
-        children: "@mui/icons-material"
-      }), ", which includes the 1,100+ official Material icons converted to ", /* @__PURE__ */jsxRuntime.jsx(Code, {
-        children: "SvgIcon"
-      }), " ", "components."]
-    }), /* @__PURE__ */jsxRuntime.jsxs(Text.default, {
-      color: "inherit",
-      children: ["Visit", " ", /* @__PURE__ */jsxRuntime.jsx(Link.default, {
-        href: "https://material-ui.com/components/material-icons/",
-        target: "_blank",
-        rel: "noreferrer",
-        children: "Material UI Documentation"
-      }), " ", "for full list and examples."]
-    }), /* @__PURE__ */jsxRuntime.jsx("br", {}), /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-      as: "h5",
-      children: "Basic usage"
-    }), /* @__PURE__ */jsxRuntime.jsx(Text.default, {
-      as: "div",
-      children: /* @__PURE__ */jsxRuntime.jsx(Code, {
-        children: "import AddCircleIcon from '@mui/icons-material/AddCircle';"
-      })
-    }), /* @__PURE__ */jsxRuntime.jsx(Text.default, {
-      as: "div",
-      paragraph: false,
-      children: /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */jsxRuntime.jsx(AddCircleIcon, {}), " ", /* @__PURE__ */jsxRuntime.jsx(Text.default, {
-          as: "span",
-          paragraph: false,
-          children: "Add Circle Icon"
-        })]
-      })
-    })]
-  });
+  return /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement(Heading.default, {
+    as: "h3"
+  }, "Icons"), /* @__PURE__ */React.createElement(Text.default, {
+    color: "inherit"
+  }, "This design system uses ", /* @__PURE__ */React.createElement(Code, null, "@mui/icons-material"), ", which includes the 1,100+ official Material icons converted to ", /* @__PURE__ */React.createElement(Code, null, "SvgIcon"), " ", "components."), /* @__PURE__ */React.createElement(Text.default, {
+    color: "inherit"
+  }, "Visit", " ", /* @__PURE__ */React.createElement(Link.default, {
+    href: "https://material-ui.com/components/material-icons/",
+    target: "_blank",
+    rel: "noreferrer"
+  }, "Material UI Documentation"), " ", "for full list and examples."), /* @__PURE__ */React.createElement("br", null), /* @__PURE__ */React.createElement(Heading.default, {
+    as: "h5"
+  }, "Basic usage"), /* @__PURE__ */React.createElement(Text.default, {
+    as: "div"
+  }, /* @__PURE__ */React.createElement(Code, null, "import AddCircleIcon from '@mui/icons-material/AddCircle';")), /* @__PURE__ */React.createElement(Text.default, {
+    as: "div",
+    paragraph: false
+  }, /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(AddCircleIcon, null), " ", /* @__PURE__ */React.createElement(Text.default, {
+    as: "span",
+    paragraph: false
+  }, "Add Circle Icon"))));
 }
 
 exports.default = Icons;

package/dist/cjs/components/LinearProgress.cjs

@@ -4,13 +4,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var LinearProgress$1 = require('@mui/material/LinearProgress');
 
 function LinearProgress(_ref) {
   var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref), _ref));
-  return /* @__PURE__ */jsxRuntime.jsx(LinearProgress$1, _rollupPluginBabelHelpers.objectSpread2({}, rest));
+  return /* @__PURE__ */React.createElement(LinearProgress$1, _rollupPluginBabelHelpers.objectSpread2({}, rest));
 }
 
 exports.default = LinearProgress;

package/dist/cjs/components/Link.cjs

@@ -4,8 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var Link_styled = require('./Link.styled.cjs');
 
@@ -21,9 +20,7 @@ function Link(_ref) {
     color: color,
     underline: underline
   }, others);
-  return /* @__PURE__ */jsxRuntime.jsx(Link_styled.StyledLink, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(Link_styled.StyledLink, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 Link.propTypes = {
   /**

package/dist/cjs/components/Media.cjs

@@ -3,8 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
-require('react');
+var React = require('react');
 var PropTypes = require('prop-types');
 var Media_styled = require('./Media.styled.cjs');
 
@@ -16,14 +15,12 @@ function Media(_ref) {
     src = _ref.src,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title;
-  return /* @__PURE__ */jsxRuntime.jsxs(Media_styled.StyledMediaEl, {
-    children: [skeleton && /* @__PURE__ */jsxRuntime.jsx(Media_styled.StyledMediaSkeleton, {}), /* @__PURE__ */jsxRuntime.jsx(Media_styled.StyledMedia, {
-      as: as,
-      src: !skeleton ? src : "",
-      title: title,
-      alt: as === "img" ? title : ""
-    })]
-  });
+  return /* @__PURE__ */React.createElement(Media_styled.StyledMediaEl, null, skeleton && /* @__PURE__ */React.createElement(Media_styled.StyledMediaSkeleton, null), /* @__PURE__ */React.createElement(Media_styled.StyledMedia, {
+    as: as,
+    src: !skeleton ? src : "",
+    title: title,
+    alt: as === "img" ? title : ""
+  }));
 }
 Media.propTypes = {
   /**

package/dist/cjs/components/Modal.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var BaseModal = require('./BaseModal.cjs');
 var Heading = require('./Heading.cjs');
 var LinearProgress = require('./LinearProgress.cjs');
@@ -37,12 +36,11 @@ function Modal(_ref) {
       onClose(e);
     }
   };
-  var header = boolean.isString(heading) ? /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
+  var header = boolean.isString(heading) ? /* @__PURE__ */React.createElement(Heading.default, {
     as: "h3",
-    gutterBottom: false,
-    children: heading
-  }) : heading;
-  return /* @__PURE__ */jsxRuntime.jsxs(BaseModal.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    gutterBottom: false
+  }, heading) : heading;
+  return /* @__PURE__ */React.createElement(BaseModal.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     onClose: handleClose,
     slotProps: {
       paper: {
@@ -53,30 +51,25 @@ function Modal(_ref) {
           }
         }
       }
-    },
-    children: [heading && /* @__PURE__ */jsxRuntime.jsxs(ModalHeader.default, {
-      onClose: handleClose,
-      children: [loading && /* @__PURE__ */jsxRuntime.jsx(Skeleton.default, {
-        variant: "text",
-        height: 20,
-        width: 250
-      }), !loading && header]
-    }), !loading && /* @__PURE__ */jsxRuntime.jsxs(ModalContent.default, {
-      disableGutter: true,
-      children: [children, content]
-    }), actions && /* @__PURE__ */jsxRuntime.jsx(ModalActions.default, {
-      sx: {
-        marginTop: {
-          xs: "20px",
-          md: "40px"
-        }
-      },
-      children: actions
-    }), loading && /* @__PURE__ */jsxRuntime.jsx(ModalContent.default, {
-      disableGutter: true,
-      children: /* @__PURE__ */jsxRuntime.jsx(LinearProgress.default, {})
-    })]
-  }));
+    }
+  }), heading && /* @__PURE__ */React.createElement(ModalHeader.default, {
+    onClose: handleClose
+  }, loading && /* @__PURE__ */React.createElement(Skeleton.default, {
+    variant: "text",
+    height: 20,
+    width: 250
+  }), !loading && header), !loading && /* @__PURE__ */React.createElement(ModalContent.default, {
+    disableGutter: true
+  }, children, content), actions && /* @__PURE__ */React.createElement(ModalActions.default, {
+    sx: {
+      marginTop: {
+        xs: "20px",
+        md: "40px"
+      }
+    }
+  }, actions), loading && /* @__PURE__ */React.createElement(ModalContent.default, {
+    disableGutter: true
+  }, /* @__PURE__ */React.createElement(LinearProgress.default, null)));
 }
 
 exports.default = Modal;