@tenancy.nz/ui 1.0.4 → 1.0.6

package/dist/esm/components/FileViewer.js

@@ -1,6 +1,5 @@
 "use strict";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import mime from 'mime/lite';
 import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
@@ -56,75 +55,57 @@ function FileViewer(_ref) {
     _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     onClose = _ref.onClose;
-  return /* @__PURE__ */jsx(Modal, {
+  return /* @__PURE__ */React.createElement(Modal, {
     open: open && file !== null,
     onClose: onClose,
-    fullWidth: true,
-    children: file !== null && open && /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx(ModalHeader, {
-        onClose: onClose,
-        children: /* @__PURE__ */jsx(Heading, {
-          as: "h5",
-          children: heading || getFileName(file)
-        })
-      }), /* @__PURE__ */jsx(ModalContent, {
-        children: /* @__PURE__ */jsx(StyledFilePreviewAreaOuter, {
-          children: function () {
-            if (isImage(file)) {
-              return /* @__PURE__ */jsx(Box, {
-                display: "flex",
-                justifyContent: "center",
-                width: "100%",
-                children: /* @__PURE__ */jsx("img", {
-                  src: file.url,
-                  alt: getFileName(file),
-                  style: {
-                    maxWidth: "100%"
-                  }
-                })
-              });
-            }
-            if (file && isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
-              return /* @__PURE__ */jsxs(Grid, {
-                container: true,
-                spacing: 5,
-                direction: "column",
-                alignItems: "center",
-                justify: "center",
-                children: [/* @__PURE__ */jsx(Grid, {
-                  item: true,
-                  children: /* @__PURE__ */jsx(StyledBrokenFileIcon, {
-                    children: /* @__PURE__ */jsx(ErrorOutlineIcon, {})
-                  })
-                }), /* @__PURE__ */jsx(Grid, {
-                  item: true,
-                  children: /* @__PURE__ */jsx(Heading, {
-                    as: "h5",
-                    transform: "uppercase",
-                    children: "Preview unavailable"
-                  })
-                }), /* @__PURE__ */jsx(Grid, {
-                  item: true,
-                  children: /* @__PURE__ */jsx(Button, {
-                    href: file.url,
-                    as: "a",
-                    download: true,
-                    color: "primary",
-                    size: "large",
-                    children: "Download"
-                  })
-                })]
-              });
-            }
-            return /* @__PURE__ */jsx(Embed, {
-              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, {
+    onClose: onClose
+  }, /* @__PURE__ */React.createElement(Heading, {
+    as: "h5"
+  }, heading || getFileName(file))), /* @__PURE__ */React.createElement(ModalContent, null, /* @__PURE__ */React.createElement(StyledFilePreviewAreaOuter, null, function () {
+    if (isImage(file)) {
+      return /* @__PURE__ */React.createElement(Box, {
+        display: "flex",
+        justifyContent: "center",
+        width: "100%"
+      }, /* @__PURE__ */React.createElement("img", {
+        src: file.url,
+        alt: getFileName(file),
+        style: {
+          maxWidth: "100%"
+        }
+      }));
+    }
+    if (file && isString(file.url) && file.url.startsWith("data") && getFileExtension(file) !== "pdf" || getFileExtension(file) === "unsupported") {
+      return /* @__PURE__ */React.createElement(Grid, {
+        container: true,
+        spacing: 5,
+        direction: "column",
+        alignItems: "center",
+        justify: "center"
+      }, /* @__PURE__ */React.createElement(Grid, {
+        item: true
+      }, /* @__PURE__ */React.createElement(StyledBrokenFileIcon, null, /* @__PURE__ */React.createElement(ErrorOutlineIcon, null))), /* @__PURE__ */React.createElement(Grid, {
+        item: true
+      }, /* @__PURE__ */React.createElement(Heading, {
+        as: "h5",
+        transform: "uppercase"
+      }, "Preview unavailable")), /* @__PURE__ */React.createElement(Grid, {
+        item: true
+      }, /* @__PURE__ */React.createElement(Button, {
+        href: file.url,
+        as: "a",
+        download: true,
+        color: "primary",
+        size: "large"
+      }, "Download")));
+    }
+    return /* @__PURE__ */React.createElement(Embed, {
+      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/esm/components/FlashMessage.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Snackbar from '@mui/material/Snackbar';
 import Alert from './Alert.js';
@@ -24,7 +23,7 @@ function FlashMessage(_ref) {
   var handleClose = function handleClose() {
     onClose();
   };
-  return /* @__PURE__ */jsx(Snackbar, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(Snackbar, _objectSpread2({
     anchorOrigin: {
       vertical: vertical,
       horizontal: horizontal
@@ -33,14 +32,11 @@ function FlashMessage(_ref) {
     open: open,
     onClose: handleClose,
     message: "This is a text snack message"
-  }, rest), {}, {
-    children: /* @__PURE__ */jsx(Alert, {
-      color: color,
-      onClose: handleClose,
-      elevation: 7,
-      children: children
-    })
-  }));
+  }, rest), /* @__PURE__ */React.createElement(Alert, {
+    color: color,
+    onClose: handleClose,
+    elevation: 7
+  }, children));
 }
 FlashMessage.propTypes = {
   /**

package/dist/esm/components/FormControl.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { AnimatePresence, motion } from 'framer-motion';
 import FormHelperText from '@mui/material/FormHelperText';
@@ -41,56 +40,50 @@ var FormControl = /*#__PURE__*/forwardRef(function FormControl2(_ref, ref) {
     $required: required
   };
   var statusMessage = errorMessage || message;
-  return /** @ts-ignore */ /* @__PURE__ */jsxs(StyledFormControl, _objectSpread2(_objectSpread2({}, props), {}, {
-    ref: ref,
-    children: [!!label && isString(label) ? /* @__PURE__ */jsx(FormLabel, {
-      disabled: disabled,
-      htmlFor: id,
-      required: required,
-      size: size,
-      children: label
-    }) : label, children, /* @__PURE__ */jsx(AnimatePresence, {
-      children: /* @__PURE__ */jsx(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__ */jsx(StatusMessage, {
-          color: props.color === "default" ? "info" : props.color,
-          children: statusMessage
-        })
-      }, "".concat(id, "_message"))
-    }), !!helperText && /* @__PURE__ */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(StyledFormControl, _objectSpread2(_objectSpread2({}, props), {}, {
+    ref: ref
+  }), !!label && isString(label) ? /* @__PURE__ */React.createElement(FormLabel, {
+    disabled: disabled,
+    htmlFor: id,
+    required: required,
+    size: size
+  }, label) : label, children, /* @__PURE__ */React.createElement(AnimatePresence, null, /* @__PURE__ */React.createElement(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, {
+    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));
 });
 
 export { FormControl as default };

package/dist/esm/components/FormFocus.js

@@ -1,11 +1,10 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 
 function FormFocus(_ref) {
   var name = _ref.name;
-  return /* @__PURE__ */jsx("input", {
+  return /* @__PURE__ */React.createElement("input", {
     name: name,
     style: {
       appearance: "none",

package/dist/esm/components/FormLabel.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import StyledFormLabel from './FormLabel.styled.js';
 
 var _excluded = ["children", "disabled", "margin", "required"];
@@ -18,9 +17,7 @@ function FormLabel(_ref) {
     margin: margin,
     required: required
   };
-  return /* @__PURE__ */jsx(StyledFormLabel, _objectSpread2(_objectSpread2(_objectSpread2({}, rest), props), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(StyledFormLabel, _objectSpread2(_objectSpread2({}, rest), props), children);
 }
 
 export { FormLabel as default };

package/dist/esm/components/Grid.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import MuiGrid from '@mui/material/GridLegacy';
 import { useTheme } from '@mui/material/styles';
@@ -17,22 +16,17 @@ function Grid(_ref) {
     container = _ref$container === void 0 ? false : _ref$container,
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
-  return marginFix && spacing && container ? /* @__PURE__ */jsx("div", {
+  return marginFix && spacing && container ? /* @__PURE__ */React.createElement("div", {
     style: {
       padding: "".concat(theme.spacing(spacing))
-    },
-    children: /* @__PURE__ */jsx(MuiGrid, _objectSpread2(_objectSpread2({
-      container: true,
-      spacing: spacing
-    }, rest), {}, {
-      children: children
-    }))
-  }) : /* @__PURE__ */jsx(MuiGrid, _objectSpread2(_objectSpread2({
+    }
+  }, /* @__PURE__ */React.createElement(MuiGrid, _objectSpread2({
+    container: true,
+    spacing: spacing
+  }, rest), children)) : /* @__PURE__ */React.createElement(MuiGrid, _objectSpread2({
     spacing: spacing,
     container: container
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 }
 Grid.propTypes = {
   /**

package/dist/esm/components/Heading.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import Typography from '@mui/material/Typography';
 
 var _excluded = ["as", "children", "color", "italic", "transform", "weight", "sx"];
@@ -25,14 +24,13 @@ function Heading(_ref) {
   }), transform && {
     textTransform: transform
   });
-  return /* @__PURE__ */jsx(Typography, _objectSpread2(_objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(Typography, _objectSpread2(_objectSpread2({}, rest), {}, {
     color: color,
     component: as,
     variant: as,
     paragraph: false,
-    sx: _objectSpread2(_objectSpread2({}, textStyles), sx),
-    children: children
-  }));
+    sx: _objectSpread2(_objectSpread2({}, textStyles), sx)
+  }), children);
 }
 
 export { Heading as default };

package/dist/esm/components/IconButton.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import StyledIconButton from './IconButton.styled.js';
 
 var _excluded = ["children", "color", "edges", "disabled", "size"];
@@ -18,14 +17,12 @@ function IconButton(_ref) {
   var rest = _objectSpread2({
     size: size
   }, others);
-  return /* @__PURE__ */jsx(StyledIconButton, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledIconButton, _objectSpread2({
     type: "button",
     color: color,
     edges: edges,
     disabled: disabled
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 }
 
 export { IconButton as default };

package/dist/esm/components/Icons.js

@@ -1,7 +1,6 @@
 "use strict";
 import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import styled from 'styled-components';
 import AddCircleIcon from '@mui/icons-material/AddCircle';
 import Heading from './Heading.js';
@@ -11,45 +10,27 @@ import Text from './Text.js';
 var _templateObject;
 var Code = styled.code(_templateObject || (_templateObject = _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__ */jsxs("div", {
-    children: [/* @__PURE__ */jsx(Heading, {
-      as: "h3",
-      children: "Icons"
-    }), /* @__PURE__ */jsxs(Text, {
-      color: "inherit",
-      children: ["This design system uses ", /* @__PURE__ */jsx(Code, {
-        children: "@mui/icons-material"
-      }), ", which includes the 1,100+ official Material icons converted to ", /* @__PURE__ */jsx(Code, {
-        children: "SvgIcon"
-      }), " ", "components."]
-    }), /* @__PURE__ */jsxs(Text, {
-      color: "inherit",
-      children: ["Visit", " ", /* @__PURE__ */jsx(Link, {
-        href: "https://material-ui.com/components/material-icons/",
-        target: "_blank",
-        rel: "noreferrer",
-        children: "Material UI Documentation"
-      }), " ", "for full list and examples."]
-    }), /* @__PURE__ */jsx("br", {}), /* @__PURE__ */jsx(Heading, {
-      as: "h5",
-      children: "Basic usage"
-    }), /* @__PURE__ */jsx(Text, {
-      as: "div",
-      children: /* @__PURE__ */jsx(Code, {
-        children: "import AddCircleIcon from '@mui/icons-material/AddCircle';"
-      })
-    }), /* @__PURE__ */jsx(Text, {
-      as: "div",
-      paragraph: false,
-      children: /* @__PURE__ */jsxs(Fragment, {
-        children: [/* @__PURE__ */jsx(AddCircleIcon, {}), " ", /* @__PURE__ */jsx(Text, {
-          as: "span",
-          paragraph: false,
-          children: "Add Circle Icon"
-        })]
-      })
-    })]
-  });
+  return /* @__PURE__ */React.createElement("div", null, /* @__PURE__ */React.createElement(Heading, {
+    as: "h3"
+  }, "Icons"), /* @__PURE__ */React.createElement(Text, {
+    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, {
+    color: "inherit"
+  }, "Visit", " ", /* @__PURE__ */React.createElement(Link, {
+    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, {
+    as: "h5"
+  }, "Basic usage"), /* @__PURE__ */React.createElement(Text, {
+    as: "div"
+  }, /* @__PURE__ */React.createElement(Code, null, "import AddCircleIcon from '@mui/icons-material/AddCircle';")), /* @__PURE__ */React.createElement(Text, {
+    as: "div",
+    paragraph: false
+  }, /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(AddCircleIcon, null), " ", /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    paragraph: false
+  }, "Add Circle Icon"))));
 }
 
 export { Icons as default };

package/dist/esm/components/LinearProgress.js

@@ -1,12 +1,11 @@
 "use strict";
 import { extends as _extends, objectDestructuringEmpty as _objectDestructuringEmpty, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import LinearProgress$1 from '@mui/material/LinearProgress';
 
 function LinearProgress(_ref) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /* @__PURE__ */jsx(LinearProgress$1, _objectSpread2({}, rest));
+  return /* @__PURE__ */React.createElement(LinearProgress$1, _objectSpread2({}, rest));
 }
 
 export { LinearProgress as default };

package/dist/esm/components/Link.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { StyledLink } from './Link.styled.js';
 
@@ -17,9 +16,7 @@ function Link(_ref) {
     color: color,
     underline: underline
   }, others);
-  return /* @__PURE__ */jsx(StyledLink, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(StyledLink, _objectSpread2({}, rest), children);
 }
 Link.propTypes = {
   /**

package/dist/esm/components/Media.js

@@ -1,6 +1,5 @@
 "use strict";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { StyledMediaEl, StyledMediaSkeleton, StyledMedia } from './Media.styled.js';
 
@@ -12,14 +11,12 @@ function Media(_ref) {
     src = _ref.src,
     _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title;
-  return /* @__PURE__ */jsxs(StyledMediaEl, {
-    children: [skeleton && /* @__PURE__ */jsx(StyledMediaSkeleton, {}), /* @__PURE__ */jsx(StyledMedia, {
-      as: as,
-      src: !skeleton ? src : "",
-      title: title,
-      alt: as === "img" ? title : ""
-    })]
-  });
+  return /* @__PURE__ */React.createElement(StyledMediaEl, null, skeleton && /* @__PURE__ */React.createElement(StyledMediaSkeleton, null), /* @__PURE__ */React.createElement(StyledMedia, {
+    as: as,
+    src: !skeleton ? src : "",
+    title: title,
+    alt: as === "img" ? title : ""
+  }));
 }
 Media.propTypes = {
   /**

package/dist/esm/components/Modal.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import BaseModal from './BaseModal.js';
 import Heading from './Heading.js';
 import LinearProgress from './LinearProgress.js';
@@ -33,12 +32,11 @@ function Modal(_ref) {
       onClose(e);
     }
   };
-  var header = isString(heading) ? /* @__PURE__ */jsx(Heading, {
+  var header = isString(heading) ? /* @__PURE__ */React.createElement(Heading, {
     as: "h3",
-    gutterBottom: false,
-    children: heading
-  }) : heading;
-  return /* @__PURE__ */jsxs(BaseModal, _objectSpread2(_objectSpread2({}, rest), {}, {
+    gutterBottom: false
+  }, heading) : heading;
+  return /* @__PURE__ */React.createElement(BaseModal, _objectSpread2(_objectSpread2({}, rest), {}, {
     onClose: handleClose,
     slotProps: {
       paper: {
@@ -49,30 +47,25 @@ function Modal(_ref) {
           }
         }
       }
-    },
-    children: [heading && /* @__PURE__ */jsxs(ModalHeader, {
-      onClose: handleClose,
-      children: [loading && /* @__PURE__ */jsx(Skeleton, {
-        variant: "text",
-        height: 20,
-        width: 250
-      }), !loading && header]
-    }), !loading && /* @__PURE__ */jsxs(ModalContent, {
-      disableGutter: true,
-      children: [children, content]
-    }), actions && /* @__PURE__ */jsx(ModalActions, {
-      sx: {
-        marginTop: {
-          xs: "20px",
-          md: "40px"
-        }
-      },
-      children: actions
-    }), loading && /* @__PURE__ */jsx(ModalContent, {
-      disableGutter: true,
-      children: /* @__PURE__ */jsx(LinearProgress, {})
-    })]
-  }));
+    }
+  }), heading && /* @__PURE__ */React.createElement(ModalHeader, {
+    onClose: handleClose
+  }, loading && /* @__PURE__ */React.createElement(Skeleton, {
+    variant: "text",
+    height: 20,
+    width: 250
+  }), !loading && header), !loading && /* @__PURE__ */React.createElement(ModalContent, {
+    disableGutter: true
+  }, children, content), actions && /* @__PURE__ */React.createElement(ModalActions, {
+    sx: {
+      marginTop: {
+        xs: "20px",
+        md: "40px"
+      }
+    }
+  }, actions), loading && /* @__PURE__ */React.createElement(ModalContent, {
+    disableGutter: true
+  }, /* @__PURE__ */React.createElement(LinearProgress, null)));
 }
 
 export { Modal as default };

package/dist/esm/components/ModalActions.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import DialogActions from '@mui/material/DialogActions';
 
 function ModalActions(_ref) {
@@ -16,11 +15,10 @@ function ModalActions(_ref) {
   }, gutter && {
     gap: "8px"
   }), sx);
-  return /* @__PURE__ */jsx(DialogActions, {
+  return /* @__PURE__ */React.createElement(DialogActions, {
     disableSpacing: !gutter,
-    sx: styles,
-    children: children
-  });
+    sx: styles
+  }, children);
 }
 
 export { ModalActions as default };