@tenancy.nz/ui 1.0.4 → 1.0.6

package/dist/esm/components/ModalContent.js

@@ -1,6 +1,5 @@
 "use strict";
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
 import PropTypes from 'prop-types';
 import DialogContent from '@mui/material/DialogContent';
 
@@ -13,11 +12,10 @@ function ModalContent(_ref) {
   var styles = _objectSpread2(_objectSpread2({}, disableGutter && {
     padding: 0
   }), sx);
-  return /* @__PURE__ */jsx(DialogContent, {
+  return /* @__PURE__ */React.createElement(DialogContent, {
     dividers: false,
-    sx: styles,
-    children: children
-  });
+    sx: styles
+  }, children);
 }
 ModalContent.propTypes = {
   /**

package/dist/esm/components/ModalHeader.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 { Close } from '@mui/icons-material';
 import Box from './Box.js';
 import IconButton from './IconButton.js';
@@ -14,22 +13,16 @@ function ModalHeader(_ref) {
     _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? void 0 : _ref$onClose,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxs(StyledModalHeader, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: [/* @__PURE__ */jsx(Box, {
-      overflow: "hidden",
-      width: "100%",
-      marginRight: "8px",
-      marginLeft: "0px",
-      children: children
-    }), onClose && /* @__PURE__ */jsx(Box, {
-      children: /* @__PURE__ */jsx(IconButton, {
-        color: "inherit",
-        size: "small",
-        onClick: onClose,
-        children: !closeIcon ? /* @__PURE__ */jsx(Close, {}) : closeIcon
-      })
-    })]
-  }));
+  return /* @__PURE__ */React.createElement(StyledModalHeader, _objectSpread2({}, rest), /* @__PURE__ */React.createElement(Box, {
+    overflow: "hidden",
+    width: "100%",
+    marginRight: "8px",
+    marginLeft: "0px"
+  }, children), onClose && /* @__PURE__ */React.createElement(Box, null, /* @__PURE__ */React.createElement(IconButton, {
+    color: "inherit",
+    size: "small",
+    onClick: onClose
+  }, !closeIcon ? /* @__PURE__ */React.createElement(Close, null) : closeIcon)));
 }
 
 export { ModalHeader as default };

package/dist/esm/components/Nameplate.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import Skeleton from '@mui/material/Skeleton';
 import MuiContainer from '@mui/material/Container';
@@ -27,68 +26,44 @@ function Nameplate(_ref) {
   var isMobile = useMediaQuery(function (theme) {
     return theme.breakpoints.down("sm");
   });
-  return /* @__PURE__ */jsx(StyledWrapper, {
-    children: /* @__PURE__ */jsx(MuiContainer, _objectSpread2(_objectSpread2({
-      maxWidth: "lg"
-    }, rest), {}, {
-      children: /* @__PURE__ */jsx(Box, {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          flexWrap: "nowrap",
-          alignItems: "center",
-          px: isMobile ? 2 : 0,
-          py: 4
-        },
-        children: skeleton ? /* @__PURE__ */jsxs(Fragment, {
-          children: [/* @__PURE__ */jsxs("div", {
-            style: {
-              flexGrow: 1
-            },
-            children: [/* @__PURE__ */jsx(Skeleton, {
-              width: isMobile ? "80%" : "40%",
-              height: isMobile ? 22 : 30
-            }), /* @__PURE__ */jsx(Skeleton, {
-              width: isMobile ? "60%" : "30%",
-              height: isMobile ? 22 : 30
-            })]
-          }), /* @__PURE__ */jsx(Skeleton, {
-            variant: "rect",
-            height: 100,
-            width: 100
-          })]
-        }) : /* @__PURE__ */jsxs(Fragment, {
-          children: [/* @__PURE__ */jsxs("div", {
-            children: [title && /* @__PURE__ */jsxs(Text, {
-              color: "textSecondary",
-              variant: "body1",
-              weight: "600",
-              children: [isMobile && /* @__PURE__ */jsx("small", {
-                children: /* @__PURE__ */jsx("small", {
-                  children: title
-                })
-              }), !isMobile && title]
-            }), /* @__PURE__ */jsxs(Heading, {
-              as: isMobile ? "h5" : "h3",
-              weight: "400",
-              color: "textPrimary",
-              gutterBottom: false,
-              children: [heading, subHeading && /* @__PURE__ */jsxs(Fragment, {
-                children: [/* @__PURE__ */jsx("br", {}), " ", subHeading]
-              })]
-            })]
-          }), /* @__PURE__ */jsxs(StyledImgWrapper, {
-            children: [logo && /* @__PURE__ */jsx(StyledImg, {
-              src: logo,
-              alt: heading
-            }), !logo && heading && /* @__PURE__ */jsx(StyledImgText, {
-              children: heading[0].toUpperCase()
-            })]
-          })]
-        })
-      })
-    }))
-  });
+  return /* @__PURE__ */React.createElement(StyledWrapper, null, /* @__PURE__ */React.createElement(MuiContainer, _objectSpread2({
+    maxWidth: "lg"
+  }, rest), /* @__PURE__ */React.createElement(Box, {
+    sx: {
+      display: "flex",
+      justifyContent: "space-between",
+      flexWrap: "nowrap",
+      alignItems: "center",
+      px: isMobile ? 2 : 0,
+      py: 4
+    }
+  }, skeleton ? /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
+    style: {
+      flexGrow: 1
+    }
+  }, /* @__PURE__ */React.createElement(Skeleton, {
+    width: isMobile ? "80%" : "40%",
+    height: isMobile ? 22 : 30
+  }), /* @__PURE__ */React.createElement(Skeleton, {
+    width: isMobile ? "60%" : "30%",
+    height: isMobile ? 22 : 30
+  })), /* @__PURE__ */React.createElement(Skeleton, {
+    variant: "rect",
+    height: 100,
+    width: 100
+  })) : /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", null, title && /* @__PURE__ */React.createElement(Text, {
+    color: "textSecondary",
+    variant: "body1",
+    weight: "600"
+  }, isMobile && /* @__PURE__ */React.createElement("small", null, /* @__PURE__ */React.createElement("small", null, title)), !isMobile && title), /* @__PURE__ */React.createElement(Heading, {
+    as: isMobile ? "h5" : "h3",
+    weight: "400",
+    color: "textPrimary",
+    gutterBottom: false
+  }, heading, subHeading && /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("br", null), " ", subHeading))), /* @__PURE__ */React.createElement(StyledImgWrapper, null, logo && /* @__PURE__ */React.createElement(StyledImg, {
+    src: logo,
+    alt: heading
+  }), !logo && heading && /* @__PURE__ */React.createElement(StyledImgText, null, heading[0].toUpperCase()))))));
 }
 Nameplate.propTypes = {
   /**

package/dist/esm/components/Pagination.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import uuid from 'react-uuid';
 import usePagination from '@mui/material/usePagination';
@@ -23,7 +22,7 @@ var getLabel = function getLabel(type) {
     return "Next";
   }
   if (type === "start-ellipsis" || type === "end-ellipsis") {
-    return /* @__PURE__ */jsx(MoreHorizIcon, {
+    return /* @__PURE__ */React.createElement(MoreHorizIcon, {
       fontSize: "inherit"
     });
   }
@@ -73,20 +72,16 @@ function Pagination(_ref) {
       showLastButton: showFirstLastButtons
     })),
     items = _usePagination.items;
-  return /* @__PURE__ */jsx(StyledList, {
-    children: items.map(function (item) {
-      return /* @__PURE__ */jsx(StyledListItem, {
-        children: /* @__PURE__ */jsxs(StyledButton, _objectSpread2(_objectSpread2({
-          color: color,
-          shape: shape,
-          size: size,
-          type: item.type
-        }, item), {}, {
-          children: [item.type !== "page" && getLabel(item.type), item.type === "page" && item.page]
-        }))
-      }, uuid(item));
-    })
-  });
+  return /* @__PURE__ */React.createElement(StyledList, null, items.map(function (item) {
+    return /* @__PURE__ */React.createElement(StyledListItem, {
+      key: uuid(item)
+    }, /* @__PURE__ */React.createElement(StyledButton, _objectSpread2({
+      color: color,
+      shape: shape,
+      size: size,
+      type: item.type
+    }, item), item.type !== "page" && getLabel(item.type), item.type === "page" && item.page));
+  }));
 }
 Pagination.propTypes = {
   /**

package/dist/esm/components/Paper.js

@@ -1,5 +1,4 @@
 "use strict";
-import { jsx } from 'react/jsx-runtime';
 import StyledPaper from './Paper.styled.js';
 
 function Paper(_ref) {
@@ -18,16 +17,15 @@ function Paper(_ref) {
     rounded = _ref$rounded === void 0 ? true : _ref$rounded,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx;
-  return /* @__PURE__ */jsx(StyledPaper, {
+  return /* @__PURE__ */React.createElement(StyledPaper, {
     elevate: outlined ? false : elevate,
     fill: fill,
     inset: inset,
     outlined: outlined,
     rounded: rounded,
     noOverflow: !overflow,
-    sx: sx,
-    children: children
-  });
+    sx: sx
+  }, children);
 }
 
 export { Paper as default };

package/dist/esm/components/Popper.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 { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import MuiPopper from '@mui/material/Popper';
 import MuiFade from '@mui/material/Fade';
@@ -9,7 +8,7 @@ import MuiPaper from '@mui/material/Paper';
 
 var _excluded = ["children", "anchorEl", "open", "disablePortal", "placement"];
 function Popper(_ref, ref) {
-  var _children = _ref.children,
+  var children = _ref.children,
     _ref$anchorEl = _ref.anchorEl,
     anchorEl = _ref$anchorEl === void 0 ? null : _ref$anchorEl,
     _ref$open = _ref.open,
@@ -25,26 +24,23 @@ function Popper(_ref, ref) {
     disablePortal: disablePortal,
     placement: placement
   }, others);
-  return /* @__PURE__ */jsx(MuiPopper, _objectSpread2(_objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(MuiPopper, _objectSpread2(_objectSpread2({}, rest), {}, {
     transition: true,
     ref: ref,
     style: {
       zIndex: 9999
-    },
-    children: function children(_ref2) {
-      var TransitionProps = _ref2.TransitionProps;
-      return /* @__PURE__ */jsx(MuiFade, _objectSpread2(_objectSpread2({}, TransitionProps), {}, {
-        timeout: 350,
-        children: /* @__PURE__ */jsx(MuiPaper, {
-          elevation: 3,
-          style: {
-            margin: 5
-          },
-          children: _children
-        })
-      }));
     }
-  }));
+  }), function (_ref2) {
+    var TransitionProps = _ref2.TransitionProps;
+    return /* @__PURE__ */React.createElement(MuiFade, _objectSpread2(_objectSpread2({}, TransitionProps), {}, {
+      timeout: 350
+    }), /* @__PURE__ */React.createElement(MuiPaper, {
+      elevation: 3,
+      style: {
+        margin: 5
+      }
+    }, children));
+  });
 }
 Popper.propTypes = {
   /**

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 };