@tenancy.nz/ui 1.0.4 → 1.0.5

package/dist/cjs/components/Skeleton.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var Skeleton$1 = require('@mui/material/Skeleton');
 
 var _excluded = ["animation", "children", "light", "variant"];
@@ -25,10 +24,9 @@ function Skeleton(_ref) {
   var styles = _rollupPluginBabelHelpers.objectSpread2({}, light && {
     backgroundColor: "rgba(255, 255, 255, 0.13)"
   });
-  return /* @__PURE__ */jsxRuntime.jsx(Skeleton$1, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    sx: styles,
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(Skeleton$1, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    sx: styles
+  }), children);
 }
 
 exports.default = Skeleton;

package/dist/cjs/components/StatusMessage.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var Alert = require('./Alert.cjs');
 
 function StatusMessage(_ref) {
@@ -22,11 +21,10 @@ function StatusMessage(_ref) {
       color: "".concat(color, ".main")
     }
   }, sx);
-  return /* @__PURE__ */jsxRuntime.jsx(Alert.default, {
+  return /* @__PURE__ */React.createElement(Alert.default, {
     variant: "standard",
-    sx: styles,
-    children: children
-  });
+    sx: styles
+  }, children);
 }
 
 exports.default = StatusMessage;

package/dist/cjs/components/StepIcon.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 useMediaQuery = require('@mui/material/useMediaQuery');
 var CheckIcon = require('@mui/icons-material/Check');
@@ -25,25 +24,19 @@ function StepIcon(_ref) {
     error: error,
     isMobile: isMobile
   };
-  return /* @__PURE__ */jsxRuntime.jsx(StepIcon_styled.StyledContainer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, commonProps), {}, {
-    children: function () {
-      if (error) {
-        return /* @__PURE__ */jsxRuntime.jsx(StepIcon_styled.StyledText, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-          align: "center"
-        }, commonProps), {}, {
-          children: "!"
-        }));
-      }
-      if (completed && !active) {
-        return /* @__PURE__ */jsxRuntime.jsx(CheckIcon, {});
-      }
-      return /* @__PURE__ */jsxRuntime.jsx(StepIcon_styled.StyledText, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(StepIcon_styled.StyledContainer, _rollupPluginBabelHelpers.objectSpread2({}, commonProps), function () {
+    if (error) {
+      return /* @__PURE__ */React.createElement(StepIcon_styled.StyledText, _rollupPluginBabelHelpers.objectSpread2({
         align: "center"
-      }, commonProps), {}, {
-        children: icon
-      }));
-    }()
-  }));
+      }, commonProps), "!");
+    }
+    if (completed && !active) {
+      return /* @__PURE__ */React.createElement(CheckIcon, null);
+    }
+    return /* @__PURE__ */React.createElement(StepIcon_styled.StyledText, _rollupPluginBabelHelpers.objectSpread2({
+      align: "center"
+    }, commonProps), icon);
+  }());
 }
 StepIcon.propTypes = {
   /**

package/dist/cjs/components/Stepper.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var PropTypes = require('prop-types');
 var StepButton = require('@mui/material/StepButton');
@@ -37,40 +36,35 @@ function Stepper(_ref) {
       onChange(step);
     };
   };
-  return /* @__PURE__ */jsxRuntime.jsxs(Stepper_styled.StyledContainer, {
-    isMobile: isMobile,
-    children: [isMobile && /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-      as: "h3",
-      align: "center",
-      gutterBottom: false,
-      children: steps[activeStep].label
-    }), /* @__PURE__ */jsxRuntime.jsx(MuiStepper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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__ */jsxRuntime.jsx(Step, {
-          completed: completed,
-          disabled: !!disabled,
-          children: /* @__PURE__ */jsxRuntime.jsx(StepButton, {
-            onClick: handleStep(index),
-            children: /* @__PURE__ */jsxRuntime.jsx(StepLabel, {
-              error: error,
-              StepIconComponent: StepIcon.default,
-              children: !isMobile && label
-            })
-          })
-        }, label);
-      })
-    }))]
-  });
+  return /* @__PURE__ */React.createElement(Stepper_styled.StyledContainer, {
+    isMobile: isMobile
+  }, isMobile && /* @__PURE__ */React.createElement(Heading.default, {
+    as: "h3",
+    align: "center",
+    gutterBottom: false
+  }, steps[activeStep].label), /* @__PURE__ */React.createElement(MuiStepper, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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.default
+    }, !isMobile && label)));
+  })));
 }
 Stepper.propTypes = {
   /**

package/dist/cjs/components/SuccessModal.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var PropTypes = require('prop-types');
 var CheckCircleOutlineIcon = require('@mui/icons-material/CheckCircleOutline');
@@ -32,24 +31,16 @@ function SuccessModal(_ref) {
       }, duration);
     }
   }, [duration, show]);
-  return /* @__PURE__ */jsxRuntime.jsx(Modal.default, {
+  return /* @__PURE__ */React.createElement(Modal.default, {
     open: isOpen,
     fullWidth: true,
     maxWidth: "sm",
-    hideBackdrop: true,
-    children: /* @__PURE__ */jsxRuntime.jsx(ModalContent.default, {
-      children: /* @__PURE__ */jsxRuntime.jsxs(SuccessModal_styled.StyledContent, {
-        children: [/* @__PURE__ */jsxRuntime.jsx(SuccessModal_styled.StyledIcon, {
-          children: /* @__PURE__ */jsxRuntime.jsx(CheckCircleOutlineIcon, {})
-        }), /* @__PURE__ */jsxRuntime.jsx(Heading.default, {
-          align: "center",
-          as: "h4",
-          gutterBottom: false,
-          children: message
-        })]
-      })
-    })
-  });
+    hideBackdrop: true
+  }, /* @__PURE__ */React.createElement(ModalContent.default, null, /* @__PURE__ */React.createElement(SuccessModal_styled.StyledContent, null, /* @__PURE__ */React.createElement(SuccessModal_styled.StyledIcon, null, /* @__PURE__ */React.createElement(CheckCircleOutlineIcon, null)), /* @__PURE__ */React.createElement(Heading.default, {
+    align: "center",
+    as: "h4",
+    gutterBottom: false
+  }, message))));
 }
 SuccessModal.propTypes = {
   /**

package/dist/cjs/components/Switch.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 = require('./FormLabel.cjs');
 var Switch_styled = require('./Switch.styled.cjs');
 
@@ -41,27 +40,24 @@ function Switch(_ref) {
   }), value !== void 0 && {
     value: value
   });
-  return /* @__PURE__ */jsxRuntime.jsxs(Switch_styled.StyledSwitch, {
+  return /* @__PURE__ */React.createElement(Switch_styled.StyledSwitch, {
     disabled: disabled,
-    size: size,
-    children: [/* @__PURE__ */jsxRuntime.jsx(Switch_styled.StyledSwitchInput, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
-      color: color,
-      name: name,
-      size: size
-    }, inputProps), {}, {
-      type: "checkbox"
-    })), label && /* @__PURE__ */jsxRuntime.jsx(FormLabel.default, {
-      required: required,
-      margin: "none",
-      size: size,
-      children: label
-    }), /* @__PURE__ */jsxRuntime.jsx(Switch_styled.StyledSwitchTrack, {
-      size: size,
-      children: /* @__PURE__ */jsxRuntime.jsx(Switch_styled.StyledSwitchKnob, {
-        size: size
-      })
-    })]
-  });
+    size: size
+  }, /* @__PURE__ */React.createElement(Switch_styled.StyledSwitchInput, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    color: color,
+    name: name,
+    size: size
+  }, inputProps), {}, {
+    type: "checkbox"
+  })), label && /* @__PURE__ */React.createElement(FormLabel.default, {
+    required: required,
+    margin: "none",
+    size: size
+  }, label), /* @__PURE__ */React.createElement(Switch_styled.StyledSwitchTrack, {
+    size: size
+  }, /* @__PURE__ */React.createElement(Switch_styled.StyledSwitchKnob, {
+    size: size
+  })));
 }
 
 exports.default = Switch;

package/dist/cjs/components/Tab.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 Tab_styled = require('./Tab.styled.cjs');
 
@@ -15,7 +14,7 @@ function Tab(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(Tab_styled.StyledTab, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(Tab_styled.StyledTab, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     label: label,
     disabled: disabled
   }, rest), {}, {

package/dist/cjs/components/TabPanel.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 TabPanel_styled = require('./TabPanel.styled.cjs');
 
@@ -12,11 +11,10 @@ function TabPanel(_ref) {
   var children = _ref.children,
     index = _ref.index,
     value = _ref.value;
-  return /* @__PURE__ */jsxRuntime.jsx(TabPanel_styled.StyledTabPanel, {
+  return /* @__PURE__ */React.createElement(TabPanel_styled.StyledTabPanel, {
     index: index,
-    value: value,
-    children: children
-  });
+    value: value
+  }, children);
 }
 TabPanel.propTypes = {
   /**

package/dist/cjs/components/Table.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 MuiTable = require('@mui/material/Table');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function Table(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTable, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTable, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 Table.propTypes = {
   /**

package/dist/cjs/components/TableBody.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 MuiTableBody = require('@mui/material/TableBody');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function TableBody(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTableBody, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableBody, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 TableBody.propTypes = {
   /**

package/dist/cjs/components/TableCell.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 MuiTableCell = require('@mui/material/TableCell');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function TableCell(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTableCell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableCell, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 TableCell.propTypes = {
   /**

package/dist/cjs/components/TableContainer.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 MuiTableContainer = require('@mui/material/TableContainer');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function TableContainer(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTableContainer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableContainer, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 TableContainer.propTypes = {
   /**

package/dist/cjs/components/TableFooter.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 MuiTableFooter = require('@mui/material/TableFooter');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function TableFooter(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTableFooter, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableFooter, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 TableFooter.propTypes = {
   /**

package/dist/cjs/components/TableHead.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 MuiTableHead = require('@mui/material/TableHead');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function TableHead(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTableHead, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableHead, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 TableHead.propTypes = {
   /**

package/dist/cjs/components/TableRow.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 MuiTableRow = require('@mui/material/TableRow');
 
@@ -13,9 +12,7 @@ var _excluded = ["children"];
 function TableRow(_ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(MuiTableRow, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(MuiTableRow, _rollupPluginBabelHelpers.objectSpread2({}, rest), children);
 }
 TableRow.propTypes = {
   /**

package/dist/cjs/components/Tabs.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 Tabs_styled = require('./Tabs.styled.cjs');
 
@@ -18,13 +17,12 @@ function Tabs(_ref) {
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? false : _ref$value,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsx(Tabs_styled.StyledTabs, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+  return /* @__PURE__ */React.createElement(Tabs_styled.StyledTabs, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
     action: action,
     value: value,
     activecolor: activecolor,
-    textColor: "inherit",
-    children: children
-  }));
+    textColor: "inherit"
+  }), children);
 }
 Tabs.propTypes = {
   /**

package/dist/cjs/components/Tag.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
-var jsxRuntime = require('react/jsx-runtime');
 var Tag_styled = require('./Tag.styled.cjs');
 
 var _excluded = ["endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
@@ -23,25 +22,18 @@ function Tag(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "standard" : _ref$variant,
     others = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsxRuntime.jsxs(Tag_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(Tag_styled.default, _rollupPluginBabelHelpers.objectSpread2({
     color: color,
     edges: edges,
     variant: variant,
     size: size
-  }, others), {}, {
-    children: [startIcon && /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIcon, {
-      size: size,
-      children: startIcon
-    }), !startIcon && !endIcon && /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIcon, {
-      size: size,
-      children: /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIconDot, {})
-    }), /* @__PURE__ */jsxRuntime.jsx("span", {
-      children: label
-    }), endIcon && /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIcon, {
-      size: size,
-      children: endIcon
-    })]
-  }));
+  }, others), startIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
+    size: size
+  }, startIcon), !startIcon && !endIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
+    size: size
+  }, /* @__PURE__ */React.createElement(Tag_styled.StyledTagIconDot, null)), /* @__PURE__ */React.createElement("span", null, label), endIcon && /* @__PURE__ */React.createElement(Tag_styled.StyledTagIcon, {
+    size: size
+  }, endIcon));
 }
 
 exports.default = Tag;

package/dist/cjs/components/Text.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", "italic", "transform", "weight", "display", "paragraph", "sx"];
@@ -39,12 +38,11 @@ function Text(_ref) {
   }, textStyles), paragraph && {
     my: "8px"
   }), sx);
-  return /* @__PURE__ */jsxRuntime.jsx(Typography, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+  return /* @__PURE__ */React.createElement(Typography, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
     component: component
   }, others), {}, {
-    sx: styles,
-    children: children
-  }));
+    sx: styles
+  }), children);
 }
 
 exports.default = Text;