@tenancy.nz/ui 1.0.4 → 1.0.5

package/dist/esm/components/PropertyCard.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 HotelIcon from '@mui/icons-material/Hotel';
 import DirectionsCarIcon from '@mui/icons-material/DirectionsCar';
@@ -69,96 +68,69 @@ function PropertyCard(_ref) {
   var address1 = implode(" ", [implode("/", [unit, streetNumber]), streetName]);
   var address2 = implode(", ", [suburb, city]);
   var address = "".concat(address1, " ").concat(address2);
-  return /* @__PURE__ */jsx(Paper, {
+  return /* @__PURE__ */React.createElement(Paper, {
     rounded: true,
     elevate: elevation,
-    fill: !isMobile,
-    children: /* @__PURE__ */jsxs(StyledContainer, {
-      children: [/* @__PURE__ */jsx(StyledImg, {
-        children: /* @__PURE__ */jsx(Media, {
-          skeleton: skeleton,
-          src: photo,
-          title: address
-        })
-      }), /* @__PURE__ */jsxs(StyledDetails, {
-        children: [!skeleton && /* @__PURE__ */jsx(Heading, {
-          as: "h3",
-          gutterBottom: false,
-          children: address1
-        }), skeleton && /* @__PURE__ */jsx(Skeleton, {
-          width: "75%",
-          height: 30
-        }), !skeleton && /* @__PURE__ */jsx(Text, {
-          variant: "subtitle1",
-          weight: "500",
-          color: "textPrimary",
-          children: address2
-        }), skeleton && /* @__PURE__ */jsx(Skeleton, {
-          width: "65%",
-          height: 30
-        }), /* @__PURE__ */jsx(Divider, {}), /* @__PURE__ */jsxs(Box, {
-          display: "flex",
-          width: "100%",
-          align: "center",
-          marginBottom: !skeleton ? "20px" : "-13px",
-          children: [!skeleton && /* @__PURE__ */jsxs(Text, {
-            as: "span",
-            weight: "600",
-            variant: "inherit",
-            color: "textPrimary",
-            children: ["$", rentAmount, abbreviatedRentFrequency()]
-          }), skeleton && /* @__PURE__ */jsx(Skeleton, {
-            width: 60,
-            height: 27
-          }), /* @__PURE__ */jsxs(StyledIcon, {
-            children: [!skeleton && !isEmpty(bedrooms) && /* @__PURE__ */jsxs(Fragment, {
-              children: [/* @__PURE__ */jsx(Text, {
-                as: "span",
-                weight: "600",
-                variant: "inherit",
-                color: "textPrimary",
-                children: bedrooms
-              }), "\xA0", /* @__PURE__ */jsx(HotelIcon, {})]
-            }), skeleton && /* @__PURE__ */jsx(Skeleton, {
-              width: 40,
-              height: 27
-            })]
-          }), /* @__PURE__ */jsxs(StyledIcon, {
-            children: [!skeleton && !isEmpty(bathrooms) && /* @__PURE__ */jsxs(Fragment, {
-              children: [/* @__PURE__ */jsx(Text, {
-                as: "span",
-                weight: "600",
-                variant: "inherit",
-                color: "textPrimary",
-                children: bathrooms
-              }), "\xA0", /* @__PURE__ */jsx(BathtubIcon, {})]
-            }), skeleton && /* @__PURE__ */jsx(Skeleton, {
-              width: 40,
-              height: 27
-            })]
-          }), /* @__PURE__ */jsxs(StyledIcon, {
-            children: [!skeleton && !isEmpty(parkingSpaces) && /* @__PURE__ */jsxs(Fragment, {
-              children: [/* @__PURE__ */jsx(Text, {
-                as: "span",
-                weight: "600",
-                variant: "inherit",
-                color: "textPrimary",
-                children: parkingSpaces
-              }), "\xA0", /* @__PURE__ */jsx(DirectionsCarIcon, {})]
-            }), skeleton && /* @__PURE__ */jsx(Skeleton, {
-              width: 40,
-              height: 27
-            })]
-          })]
-        }), footerContent && /* @__PURE__ */jsx(Box, {
-          display: "flex",
-          justify: "flex-end",
-          align: "center",
-          children: footerContent
-        })]
-      })]
-    })
-  });
+    fill: !isMobile
+  }, /* @__PURE__ */React.createElement(StyledContainer, null, /* @__PURE__ */React.createElement(StyledImg, null, /* @__PURE__ */React.createElement(Media, {
+    skeleton: skeleton,
+    src: photo,
+    title: address
+  })), /* @__PURE__ */React.createElement(StyledDetails, null, !skeleton && /* @__PURE__ */React.createElement(Heading, {
+    as: "h3",
+    gutterBottom: false
+  }, address1), skeleton && /* @__PURE__ */React.createElement(Skeleton, {
+    width: "75%",
+    height: 30
+  }), !skeleton && /* @__PURE__ */React.createElement(Text, {
+    variant: "subtitle1",
+    weight: "500",
+    color: "textPrimary"
+  }, address2), skeleton && /* @__PURE__ */React.createElement(Skeleton, {
+    width: "65%",
+    height: 30
+  }), /* @__PURE__ */React.createElement(Divider, null), /* @__PURE__ */React.createElement(Box, {
+    display: "flex",
+    width: "100%",
+    align: "center",
+    marginBottom: !skeleton ? "20px" : "-13px"
+  }, !skeleton && /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    weight: "600",
+    variant: "inherit",
+    color: "textPrimary"
+  }, "$", rentAmount, abbreviatedRentFrequency()), skeleton && /* @__PURE__ */React.createElement(Skeleton, {
+    width: 60,
+    height: 27
+  }), /* @__PURE__ */React.createElement(StyledIcon, null, !skeleton && !isEmpty(bedrooms) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    weight: "600",
+    variant: "inherit",
+    color: "textPrimary"
+  }, bedrooms), "\xA0", /* @__PURE__ */React.createElement(HotelIcon, null)), skeleton && /* @__PURE__ */React.createElement(Skeleton, {
+    width: 40,
+    height: 27
+  })), /* @__PURE__ */React.createElement(StyledIcon, null, !skeleton && !isEmpty(bathrooms) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    weight: "600",
+    variant: "inherit",
+    color: "textPrimary"
+  }, bathrooms), "\xA0", /* @__PURE__ */React.createElement(BathtubIcon, null)), skeleton && /* @__PURE__ */React.createElement(Skeleton, {
+    width: 40,
+    height: 27
+  })), /* @__PURE__ */React.createElement(StyledIcon, null, !skeleton && !isEmpty(parkingSpaces) && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(Text, {
+    as: "span",
+    weight: "600",
+    variant: "inherit",
+    color: "textPrimary"
+  }, parkingSpaces), "\xA0", /* @__PURE__ */React.createElement(DirectionsCarIcon, null)), skeleton && /* @__PURE__ */React.createElement(Skeleton, {
+    width: 40,
+    height: 27
+  }))), footerContent && /* @__PURE__ */React.createElement(Box, {
+    display: "flex",
+    justify: "flex-end",
+    align: "center"
+  }, footerContent))));
 }
 PropertyCard.propTypes = {
   /**

package/dist/esm/components/Radio.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 Stack from '@mui/material/Stack';
 import Box from './Box.js';
 import FormLabel from './FormLabel.js';
@@ -32,26 +31,22 @@ function Radio(_ref) {
     size: size,
     name: name
   }, rest);
-  return /* @__PURE__ */jsxs(Stack, {
+  return /* @__PURE__ */React.createElement(Stack, {
     direction: "row",
     gap: "10px",
-    alignItems: "flex-start",
-    children: [/* @__PURE__ */jsx(Box, {
-      children: /* @__PURE__ */jsx(StyledRadio, _objectSpread2(_objectSpread2({}, props), {}, {
-        disableRipple: true
-      }))
-    }), /* @__PURE__ */jsx(FormLabel, {
-      htmlFor: id,
-      size: size,
-      disabled: disabled,
-      margin: "none",
-      sx: {
-        mt: "2px",
-        fontWeight: "500"
-      },
-      children: label
-    })]
-  });
+    alignItems: "flex-start"
+  }, /* @__PURE__ */React.createElement(Box, null, /* @__PURE__ */React.createElement(StyledRadio, _objectSpread2(_objectSpread2({}, props), {}, {
+    disableRipple: true
+  }))), /* @__PURE__ */React.createElement(FormLabel, {
+    htmlFor: id,
+    size: size,
+    disabled: disabled,
+    margin: "none",
+    sx: {
+      mt: "2px",
+      fontWeight: "500"
+    }
+  }, label));
 }
 
 export { Radio as default };

package/dist/esm/components/Rating.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 MuiRating from '@mui/material/Rating';
 
 function Rating(_ref) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /* @__PURE__ */jsx(MuiRating, _objectSpread2({}, rest));
+  return /* @__PURE__ */React.createElement(MuiRating, _objectSpread2({}, rest));
 }
 
 export { Rating as default };

package/dist/esm/components/Select.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 uuid from 'react-uuid';
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
 import FormControl from './FormControl.js';
@@ -88,15 +87,11 @@ function Select(_ref) {
   });
   var renderValue = function renderValue(selected) {
     if (!selected) {
-      return /* @__PURE__ */jsx(StyledPlaceholder, {
-        children: placeholder
-      });
+      return /* @__PURE__ */React.createElement(StyledPlaceholder, null, placeholder);
     }
-    return /* @__PURE__ */jsx(StyledSelectValue, {
-      children: selected
-    });
+    return /* @__PURE__ */React.createElement(StyledSelectValue, null, selected);
   };
-  return /* @__PURE__ */jsx(FormControl, {
+  return /* @__PURE__ */React.createElement(FormControl, {
     color: color,
     id: props.id,
     label: label,
@@ -106,22 +101,20 @@ function Select(_ref) {
     fullWidth: fullWidth,
     disabled: disabled,
     required: required,
-    size: size,
-    children: /* @__PURE__ */jsx(StyledSelect, _objectSpread2(_objectSpread2({
-      renderValue: renderValue
-    }, props), {}, {
-      variant: "outlined",
-      children: options.map(function (_ref2) {
-        var optionLabel = _ref2.label,
-          others = _objectWithoutProperties(_ref2, _excluded2);
-        return /* @__PURE__ */jsx(StyledSelectOption, _objectSpread2(_objectSpread2(_objectSpread2({}, others), native && {
-          as: "option"
-        }), {}, {
-          children: optionLabel
-        }), uuid());
-      })
-    }))
-  });
+    size: size
+  }, /* @__PURE__ */React.createElement(StyledSelect, _objectSpread2(_objectSpread2({
+    renderValue: renderValue
+  }, props), {}, {
+    variant: "outlined"
+  }), options.map(function (_ref2) {
+    var optionLabel = _ref2.label,
+      others = _objectWithoutProperties(_ref2, _excluded2);
+    return /* @__PURE__ */React.createElement(StyledSelectOption, _objectSpread2(_objectSpread2({
+      key: uuid()
+    }, others), native && {
+      as: "option"
+    }), optionLabel);
+  })));
 }
 
 export { Select as default };

package/dist/esm/components/Skeleton.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 Skeleton$1 from '@mui/material/Skeleton';
 
 var _excluded = ["animation", "children", "light", "variant"];
@@ -21,10 +20,9 @@ function Skeleton(_ref) {
   var styles = _objectSpread2({}, light && {
     backgroundColor: "rgba(255, 255, 255, 0.13)"
   });
-  return /* @__PURE__ */jsx(Skeleton$1, _objectSpread2(_objectSpread2({}, rest), {}, {
-    sx: styles,
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(Skeleton$1, _objectSpread2(_objectSpread2({}, rest), {}, {
+    sx: styles
+  }), children);
 }
 
 export { Skeleton as default };

package/dist/esm/components/StatusMessage.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import Alert from './Alert.js';
 
 function StatusMessage(_ref) {
@@ -18,11 +17,10 @@ function StatusMessage(_ref) {
       color: "".concat(color, ".main")
     }
   }, sx);
-  return /* @__PURE__ */jsx(Alert, {
+  return /* @__PURE__ */React.createElement(Alert, {
     variant: "standard",
-    sx: styles,
-    children: children
-  });
+    sx: styles
+  }, children);
 }
 
 export { StatusMessage as default };

package/dist/esm/components/StepIcon.js

@@ -1,7 +1,6 @@
 "use strict";
 import { 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 useMediaQuery from '@mui/material/useMediaQuery';
 import CheckIcon from '@mui/icons-material/Check';
@@ -21,25 +20,19 @@ function StepIcon(_ref) {
     error: error,
     isMobile: isMobile
   };
-  return /* @__PURE__ */jsx(StyledContainer, _objectSpread2(_objectSpread2({}, commonProps), {}, {
-    children: function () {
-      if (error) {
-        return /* @__PURE__ */jsx(StyledText, _objectSpread2(_objectSpread2({
-          align: "center"
-        }, commonProps), {}, {
-          children: "!"
-        }));
-      }
-      if (completed && !active) {
-        return /* @__PURE__ */jsx(CheckIcon, {});
-      }
-      return /* @__PURE__ */jsx(StyledText, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledContainer, _objectSpread2({}, commonProps), function () {
+    if (error) {
+      return /* @__PURE__ */React.createElement(StyledText, _objectSpread2({
         align: "center"
-      }, commonProps), {}, {
-        children: icon
-      }));
-    }()
-  }));
+      }, commonProps), "!");
+    }
+    if (completed && !active) {
+      return /* @__PURE__ */React.createElement(CheckIcon, null);
+    }
+    return /* @__PURE__ */React.createElement(StyledText, _objectSpread2({
+      align: "center"
+    }, commonProps), icon);
+  }());
 }
 StepIcon.propTypes = {
   /**

package/dist/esm/components/Stepper.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import React from 'react';
 import PropTypes from 'prop-types';
 import StepButton from '@mui/material/StepButton';
@@ -33,40 +32,35 @@ function Stepper(_ref) {
       onChange(step);
     };
   };
-  return /* @__PURE__ */jsxs(StyledContainer, {
-    isMobile: isMobile,
-    children: [isMobile && /* @__PURE__ */jsx(Heading, {
-      as: "h3",
-      align: "center",
-      gutterBottom: false,
-      children: steps[activeStep].label
-    }), /* @__PURE__ */jsx(MuiStepper, _objectSpread2(_objectSpread2({
-      alternativeLabel: true,
-      activeStep: activeStep
-    }, rest), {}, {
-      style: {
-        padding: isMobile ? "18px 0" : "5px 0px 24px 0px"
-      },
-      children: steps.map(function (_ref2, index) {
-        var label = _ref2.label,
-          error = _ref2.error,
-          completed = _ref2.completed,
-          disabled = _ref2.disabled;
-        return /* @__PURE__ */jsx(Step, {
-          completed: completed,
-          disabled: !!disabled,
-          children: /* @__PURE__ */jsx(StepButton, {
-            onClick: handleStep(index),
-            children: /* @__PURE__ */jsx(StepLabel, {
-              error: error,
-              StepIconComponent: StepIcon,
-              children: !isMobile && label
-            })
-          })
-        }, label);
-      })
-    }))]
-  });
+  return /* @__PURE__ */React.createElement(StyledContainer, {
+    isMobile: isMobile
+  }, isMobile && /* @__PURE__ */React.createElement(Heading, {
+    as: "h3",
+    align: "center",
+    gutterBottom: false
+  }, steps[activeStep].label), /* @__PURE__ */React.createElement(MuiStepper, _objectSpread2(_objectSpread2({
+    alternativeLabel: true,
+    activeStep: activeStep
+  }, rest), {}, {
+    style: {
+      padding: isMobile ? "18px 0" : "5px 0px 24px 0px"
+    }
+  }), steps.map(function (_ref2, index) {
+    var label = _ref2.label,
+      error = _ref2.error,
+      completed = _ref2.completed,
+      disabled = _ref2.disabled;
+    return /* @__PURE__ */React.createElement(Step, {
+      key: label,
+      completed: completed,
+      disabled: !!disabled
+    }, /* @__PURE__ */React.createElement(StepButton, {
+      onClick: handleStep(index)
+    }, /* @__PURE__ */React.createElement(StepLabel, {
+      error: error,
+      StepIconComponent: StepIcon
+    }, !isMobile && label)));
+  })));
 }
 Stepper.propTypes = {
   /**

package/dist/esm/components/SuccessModal.js

@@ -1,7 +1,6 @@
 "use strict";
 import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
 import { StyledContent, StyledIcon } from './SuccessModal.styled.js';
@@ -28,24 +27,16 @@ function SuccessModal(_ref) {
       }, duration);
     }
   }, [duration, show]);
-  return /* @__PURE__ */jsx(Modal, {
+  return /* @__PURE__ */React.createElement(Modal, {
     open: isOpen,
     fullWidth: true,
     maxWidth: "sm",
-    hideBackdrop: true,
-    children: /* @__PURE__ */jsx(ModalContent, {
-      children: /* @__PURE__ */jsxs(StyledContent, {
-        children: [/* @__PURE__ */jsx(StyledIcon, {
-          children: /* @__PURE__ */jsx(CheckCircleOutlineIcon, {})
-        }), /* @__PURE__ */jsx(Heading, {
-          align: "center",
-          as: "h4",
-          gutterBottom: false,
-          children: message
-        })]
-      })
-    })
-  });
+    hideBackdrop: true
+  }, /* @__PURE__ */React.createElement(ModalContent, null, /* @__PURE__ */React.createElement(StyledContent, null, /* @__PURE__ */React.createElement(StyledIcon, null, /* @__PURE__ */React.createElement(CheckCircleOutlineIcon, null)), /* @__PURE__ */React.createElement(Heading, {
+    align: "center",
+    as: "h4",
+    gutterBottom: false
+  }, message))));
 }
 SuccessModal.propTypes = {
   /**

package/dist/esm/components/Switch.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
 import FormLabel from './FormLabel.js';
 import { StyledSwitch, StyledSwitchInput, StyledSwitchTrack, StyledSwitchKnob } from './Switch.styled.js';
 
@@ -37,27 +36,24 @@ function Switch(_ref) {
   }), value !== void 0 && {
     value: value
   });
-  return /* @__PURE__ */jsxs(StyledSwitch, {
+  return /* @__PURE__ */React.createElement(StyledSwitch, {
     disabled: disabled,
-    size: size,
-    children: [/* @__PURE__ */jsx(StyledSwitchInput, _objectSpread2(_objectSpread2({
-      color: color,
-      name: name,
-      size: size
-    }, inputProps), {}, {
-      type: "checkbox"
-    })), label && /* @__PURE__ */jsx(FormLabel, {
-      required: required,
-      margin: "none",
-      size: size,
-      children: label
-    }), /* @__PURE__ */jsx(StyledSwitchTrack, {
-      size: size,
-      children: /* @__PURE__ */jsx(StyledSwitchKnob, {
-        size: size
-      })
-    })]
-  });
+    size: size
+  }, /* @__PURE__ */React.createElement(StyledSwitchInput, _objectSpread2(_objectSpread2({
+    color: color,
+    name: name,
+    size: size
+  }, inputProps), {}, {
+    type: "checkbox"
+  })), label && /* @__PURE__ */React.createElement(FormLabel, {
+    required: required,
+    margin: "none",
+    size: size
+  }, label), /* @__PURE__ */React.createElement(StyledSwitchTrack, {
+    size: size
+  }, /* @__PURE__ */React.createElement(StyledSwitchKnob, {
+    size: size
+  })));
 }
 
 export { Switch as default };

package/dist/esm/components/Tab.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 { StyledTab } from './Tab.styled.js';
 
@@ -11,7 +10,7 @@ function Tab(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(StyledTab, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(StyledTab, _objectSpread2(_objectSpread2({
     label: label,
     disabled: disabled
   }, rest), {}, {

package/dist/esm/components/TabPanel.js

@@ -1,6 +1,5 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { StyledTabPanel } from './TabPanel.styled.js';
 
@@ -8,11 +7,10 @@ function TabPanel(_ref) {
   var children = _ref.children,
     index = _ref.index,
     value = _ref.value;
-  return /* @__PURE__ */jsx(StyledTabPanel, {
+  return /* @__PURE__ */React.createElement(StyledTabPanel, {
     index: index,
-    value: value,
-    children: children
-  });
+    value: value
+  }, children);
 }
 TabPanel.propTypes = {
   /**

package/dist/esm/components/Table.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 MuiTable from '@mui/material/Table';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function Table(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTable, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTable, _objectSpread2({}, rest), children);
 }
 Table.propTypes = {
   /**

package/dist/esm/components/TableBody.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 MuiTableBody from '@mui/material/TableBody';
 
@@ -9,9 +8,7 @@ var _excluded = ["children"];
 function TableBody(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(MuiTableBody, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableBody, _objectSpread2({}, rest), children);
 }
 TableBody.propTypes = {
   /**