@tenancy.nz/ui 1.0.3 → 1.0.5

package/dist/esm/components/AvatarInput.js

@@ -1,7 +1,6 @@
 "use strict";
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import Box from '@mui/material/Box';
 import Grid from '@mui/material/Grid';
@@ -109,115 +108,92 @@ function AvatarInput(_ref) {
     isDragReject = _useDropzone.isDragReject,
     fileRejections = _useDropzone.fileRejections;
   var hasErrors = fileRejections.length > 0;
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsxs("div", {
-      style: {
-        position: "relative"
-      },
-      children: [/* @__PURE__ */jsxs(StyledRoot, _objectSpread2(_objectSpread2({
-        disabled: disabled,
-        edges: edges,
-        errors: hasErrors ? "yes" : ""
-      }, getRootProps()), {}, {
-        children: [isDragActive && /* @__PURE__ */jsx(StyledLinearProgress, {
-          isDragReject: isDragReject
-        }), loading && !hasErrors && /* @__PURE__ */jsx(StyledCircularProgress, {}), /* @__PURE__ */jsx("input", _objectSpread2({}, getInputProps())), /* @__PURE__ */jsxs(Grid, {
-          container: true,
-          spacing: 5,
-          alignItems: "center",
-          children: [/* @__PURE__ */jsxs(Grid, {
-            item: true,
-            xs: 12,
-            sm: 3,
-            md: 2,
-            style: {
-              textAlign: "center"
-            },
-            children: [/* @__PURE__ */jsxs(StyledAvatarIcon, {
-              children: [function () {
-                if (isDragReject) {
-                  return /* @__PURE__ */jsx(WarningIcon, {});
-                }
-                if (isDragAccept) {
-                  return /* @__PURE__ */jsx(CheckCircleIcon, {});
-                }
-                if (savedImage || value || placeholder) {
-                  return /* @__PURE__ */jsx(StyledAvatar, {
-                    src: savedImage || value || placeholder
-                  });
-                }
-                if (DropzoneIcon) {
-                  return /* @__PURE__ */jsx(DropzoneIcon, {});
-                }
-                return /* @__PURE__ */jsx(PersonIcon, {});
-              }(), !hasSelection && /* @__PURE__ */jsx(StyledAddIcon, {
-                children: /* @__PURE__ */jsx(AddIcon, {
-                  style: {
-                    color: "inherit"
-                  }
-                })
-              })]
-            }), /* @__PURE__ */jsx(Text, {
-              align: "center",
-              weight: "500",
-              color: "textPrimary",
-              noWrap: true,
-              gutterBottom: false,
-              children: isDragReject ? "Error!" : dropzoneLabel
-            })]
-          }), /* @__PURE__ */jsx(Grid, {
-            item: true,
-            xs: 12,
-            sm: 8,
-            md: 9,
-            children: /* @__PURE__ */jsx(Box, {
-              pl: isNotMobile ? 5 : 0,
-              children: /* @__PURE__ */jsx(Text, {
-                align: isNotMobile ? "left" : "center",
-                weight: "500",
-                color: "textPrimary",
-                children: isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription
-              })
-            })
-          })]
-        })]
-      })), (savedImage || value) &&
-      // <ActionArea onClick={() => setConfirmDelete(true)}>
-      /* @__PURE__ */
-      jsx(StyledDeleteIcon, {
-        children: /* @__PURE__ */jsx(DeleteIcon, {})
-      })]
-    }), droppedFile && /* @__PURE__ */jsxs(Modal, {
-      open: open,
-      onClose: function onClose() {
-        return setOpen(false);
-      },
-      fullWidth: true,
-      maxWidth: "lg",
-      children: [/* @__PURE__ */jsx(ModalHeader, {
-        onClose: function onClose() {
-          return setOpen(false);
-        },
-        children: /* @__PURE__ */jsx("span", {
-          children: "\xA0"
-        })
-      }), /* @__PURE__ */jsx(ModalContent, {
-        children: /* @__PURE__ */jsx(AvatarCropDialog, _objectSpread2(_objectSpread2({
-          droppedFile: droppedFile
-        }, rest), {}, {
-          onSave: handleSave,
-          onDelete: handleDelete
-        }))
-      })]
-    }), /* @__PURE__ */jsx(Confirmation, {
-      open: confirmDelete,
-      onCancel: function onCancel() {
-        return setConfirmDelete(false);
-      },
-      onConfirm: handleDelete,
-      message: "Are you sure you want to remove the attached image?"
-    })]
-  });
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement("div", {
+    style: {
+      position: "relative"
+    }
+  }, /* @__PURE__ */React.createElement(StyledRoot, _objectSpread2({
+    disabled: disabled,
+    edges: edges,
+    errors: hasErrors ? "yes" : ""
+  }, getRootProps()), isDragActive && /* @__PURE__ */React.createElement(StyledLinearProgress, {
+    isDragReject: isDragReject
+  }), loading && !hasErrors && /* @__PURE__ */React.createElement(StyledCircularProgress, null), /* @__PURE__ */React.createElement("input", _objectSpread2({}, getInputProps())), /* @__PURE__ */React.createElement(Grid, {
+    container: true,
+    spacing: 5,
+    alignItems: "center"
+  }, /* @__PURE__ */React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    sm: 3,
+    md: 2,
+    style: {
+      textAlign: "center"
+    }
+  }, /* @__PURE__ */React.createElement(StyledAvatarIcon, null, function () {
+    if (isDragReject) {
+      return /* @__PURE__ */React.createElement(WarningIcon, null);
+    }
+    if (isDragAccept) {
+      return /* @__PURE__ */React.createElement(CheckCircleIcon, null);
+    }
+    if (savedImage || value || placeholder) {
+      return /* @__PURE__ */React.createElement(StyledAvatar, {
+        src: savedImage || value || placeholder
+      });
+    }
+    if (DropzoneIcon) {
+      return /* @__PURE__ */React.createElement(DropzoneIcon, null);
+    }
+    return /* @__PURE__ */React.createElement(PersonIcon, null);
+  }(), !hasSelection && /* @__PURE__ */React.createElement(StyledAddIcon, null, /* @__PURE__ */React.createElement(AddIcon, {
+    style: {
+      color: "inherit"
+    }
+  }))), /* @__PURE__ */React.createElement(Text, {
+    align: "center",
+    weight: "500",
+    color: "textPrimary",
+    noWrap: true,
+    gutterBottom: false
+  }, isDragReject ? "Error!" : dropzoneLabel)), /* @__PURE__ */React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    sm: 8,
+    md: 9
+  }, /* @__PURE__ */React.createElement(Box, {
+    pl: isNotMobile ? 5 : 0
+  }, /* @__PURE__ */React.createElement(Text, {
+    align: isNotMobile ? "left" : "center",
+    weight: "500",
+    color: "textPrimary"
+  }, isDragReject ? "The selected file(s) will not be accepted" : dropzoneDescription))))), (savedImage || value) &&
+  // <ActionArea onClick={() => setConfirmDelete(true)}>
+  /* @__PURE__ */
+  React.createElement(StyledDeleteIcon, null, /* @__PURE__ */React.createElement(DeleteIcon, null))), droppedFile && /* @__PURE__ */React.createElement(Modal, {
+    open: open,
+    onClose: function onClose() {
+      return setOpen(false);
+    },
+    fullWidth: true,
+    maxWidth: "lg"
+  }, /* @__PURE__ */React.createElement(ModalHeader, {
+    onClose: function onClose() {
+      return setOpen(false);
+    }
+  }, /* @__PURE__ */React.createElement("span", null, "\xA0")), /* @__PURE__ */React.createElement(ModalContent, null, /* @__PURE__ */React.createElement(AvatarCropDialog, _objectSpread2(_objectSpread2({
+    droppedFile: droppedFile
+  }, rest), {}, {
+    onSave: handleSave,
+    onDelete: handleDelete
+  })))), /* @__PURE__ */React.createElement(Confirmation, {
+    open: confirmDelete,
+    onCancel: function onCancel() {
+      return setConfirmDelete(false);
+    },
+    onConfirm: handleDelete,
+    message: "Are you sure you want to remove the attached image?"
+  }));
 }
 AvatarInput.propTypes = {
   /**

package/dist/esm/components/Badge.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 { StyledBadge } from './Badge.styled.js';
 
@@ -39,9 +38,7 @@ function Badge(_ref) {
     showZero: showZero,
     variant: variant
   }, rest);
-  return /* @__PURE__ */jsx(StyledBadge, _objectSpread2(_objectSpread2({}, props), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(StyledBadge, _objectSpread2({}, props), children);
 }
 Badge.propTypes = {
   /**

package/dist/esm/components/BankAccountInput.js

@@ -1,7 +1,6 @@
 "use strict";
 import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import CancelIcon from '@mui/icons-material/Cancel';
 import FormControl from './FormControl.js';
@@ -173,87 +172,81 @@ function BankAccountInput(_ref) {
       setSuffix(values.suffix);
     }
   };
-  return /* @__PURE__ */jsxs(StyledWrapper, {
+  return /* @__PURE__ */React.createElement(StyledWrapper, {
+    fullWidth: fullWidth
+  }, /* @__PURE__ */React.createElement(FormControl, {
     fullWidth: fullWidth,
-    children: [/* @__PURE__ */jsxs(FormControl, {
-      fullWidth: fullWidth,
-      disabled: disabled,
-      name: name,
-      required: required,
-      label: label,
-      hideLabel: hideLabel,
-      helperText: helperText,
-      helperTextPlacement: helperTextPlacement,
-      showError: showError,
-      errorMessage: errorMessage,
-      edges: edges,
-      children: [/* @__PURE__ */jsx("input", {
-        type: "hidden",
-        name: name,
-        value: "".concat(bank, " ").concat(branch, " ").concat(account, " ").concat(suffix)
-      }), /* @__PURE__ */jsxs(StyledInputWrapper, {
-        disabled: disabled,
-        edges: edges,
-        focused: focused,
-        fullWidth: fullWidth,
-        required: required && valueStr.length < 15,
-        variant: variant,
-        children: [/* @__PURE__ */jsx(StyledInput, {
-          disabled: disabled,
-          id: "".concat(name, "_bank"),
-          fieldType: "bank",
-          placeholder: "Bank",
-          maxLength: "2",
-          ref: bankRef,
-          value: bank,
-          onChange: handleBankChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          onPaste: handlePaste
-        }), /* @__PURE__ */jsx(StyledInput, {
-          disabled: disabled,
-          id: "".concat(name, "_branch"),
-          fieldType: "branch",
-          placeholder: "Branch",
-          maxLength: "4",
-          ref: branchRef,
-          value: branch,
-          onChange: handleBranchChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }), /* @__PURE__ */jsx(StyledInput, {
-          disabled: disabled,
-          id: "".concat(name, "_account"),
-          fieldType: "account",
-          placeholder: "Account",
-          maxLength: "7",
-          ref: accountRef,
-          value: account,
-          onChange: handleAccountChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        }), /* @__PURE__ */jsx(StyledInput, {
-          disabled: disabled,
-          id: "".concat(name, "_suffix"),
-          fieldType: "suffix",
-          placeholder: "Suffix",
-          maxLength: "3",
-          ref: suffixRef,
-          value: suffix,
-          onChange: handleSuffixChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur
-        })]
-      })]
-    }), isFunction(onClear) && valueStr && /* @__PURE__ */jsx(StyledIcon, {
-      children: /* @__PURE__ */jsx(IconButton, {
-        onClick: handleClear,
-        size: "small",
-        color: "inherit",
-        children: /* @__PURE__ */jsx(CancelIcon, {})
-      })
-    })]
-  });
+    disabled: disabled,
+    name: name,
+    required: required,
+    label: label,
+    hideLabel: hideLabel,
+    helperText: helperText,
+    helperTextPlacement: helperTextPlacement,
+    showError: showError,
+    errorMessage: errorMessage,
+    edges: edges
+  }, /* @__PURE__ */React.createElement("input", {
+    type: "hidden",
+    name: name,
+    value: "".concat(bank, " ").concat(branch, " ").concat(account, " ").concat(suffix)
+  }), /* @__PURE__ */React.createElement(StyledInputWrapper, {
+    disabled: disabled,
+    edges: edges,
+    focused: focused,
+    fullWidth: fullWidth,
+    required: required && valueStr.length < 15,
+    variant: variant
+  }, /* @__PURE__ */React.createElement(StyledInput, {
+    disabled: disabled,
+    id: "".concat(name, "_bank"),
+    fieldType: "bank",
+    placeholder: "Bank",
+    maxLength: "2",
+    ref: bankRef,
+    value: bank,
+    onChange: handleBankChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onPaste: handlePaste
+  }), /* @__PURE__ */React.createElement(StyledInput, {
+    disabled: disabled,
+    id: "".concat(name, "_branch"),
+    fieldType: "branch",
+    placeholder: "Branch",
+    maxLength: "4",
+    ref: branchRef,
+    value: branch,
+    onChange: handleBranchChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }), /* @__PURE__ */React.createElement(StyledInput, {
+    disabled: disabled,
+    id: "".concat(name, "_account"),
+    fieldType: "account",
+    placeholder: "Account",
+    maxLength: "7",
+    ref: accountRef,
+    value: account,
+    onChange: handleAccountChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }), /* @__PURE__ */React.createElement(StyledInput, {
+    disabled: disabled,
+    id: "".concat(name, "_suffix"),
+    fieldType: "suffix",
+    placeholder: "Suffix",
+    maxLength: "3",
+    ref: suffixRef,
+    value: suffix,
+    onChange: handleSuffixChange,
+    onFocus: handleFocus,
+    onBlur: handleBlur
+  }))), isFunction(onClear) && valueStr && /* @__PURE__ */React.createElement(StyledIcon, null, /* @__PURE__ */React.createElement(IconButton, {
+    onClick: handleClear,
+    size: "small",
+    color: "inherit"
+  }, /* @__PURE__ */React.createElement(CancelIcon, null))));
 }
 BankAccountInput.propTypes = {
   /**

package/dist/esm/components/Bar.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 { StyledBar } from './Bar.styled.js';
 
@@ -10,11 +9,10 @@ function Bar(_ref) {
     color = _ref$color === void 0 ? "transparent" : _ref$color,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? "relative" : _ref$position;
-  return /* @__PURE__ */jsx(StyledBar, {
+  return /* @__PURE__ */React.createElement(StyledBar, {
     color: color,
-    position: position,
-    children: children
-  });
+    position: position
+  }, children);
 }
 Bar.propTypes = {
   /**

package/dist/esm/components/BaseModal.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 StyledBaseModal from './BaseModal.styled.js';
 import { objectDeepMerge as _objectDeepMerge } from '../utils/helpers/object.js';
 
@@ -39,10 +38,9 @@ function BaseModal(_ref) {
   }, rest), {}, {
     slotProps: _objectDeepMerge(defaultSlotProps, slotProps)
   });
-  return /* @__PURE__ */jsx(StyledBaseModal, _objectSpread2(_objectSpread2({}, props), {}, {
-    disableEscapeKeyDown: !escapePress,
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(StyledBaseModal, _objectSpread2(_objectSpread2({}, props), {}, {
+    disableEscapeKeyDown: !escapePress
+  }), children);
 }
 
 export { BaseModal as default };

package/dist/esm/components/BooleanInput.js

@@ -1,7 +1,6 @@
 "use strict";
 import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import FormControl from './FormControl.js';
 import FormFocus from './FormFocus.js';
@@ -63,7 +62,7 @@ function BooleanInput(_ref) {
     e.preventDefault();
     onChange(parseValue(bool));
   };
-  return /* @__PURE__ */jsx(FormControl, {
+  return /* @__PURE__ */React.createElement(FormControl, {
     fullWidth: fullWidth,
     label: label,
     name: name,
@@ -73,48 +72,42 @@ function BooleanInput(_ref) {
     required: required,
     showError: showError,
     errorMessage: errorMessage,
-    edges: edges,
-    children: /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsx(FormFocus, {
-        name: name
-      }), /* @__PURE__ */jsxs(StyledButtonGroup, {
-        edges: edges,
-        children: [/* @__PURE__ */jsx(StyledButton, {
-          variant: indeterminate || !checked ? "outlined" : "contained",
-          onClick: function onClick(e) {
-            return handleChange(e, true);
-          },
-          disableElevation: true,
-          disableRipple: disableRipple,
-          disableTouchRipple: disableRipple,
-          disableFocusRipple: disableRipple,
-          type: "button",
-          indeterminate: indeterminate ? "yes" : "no",
-          checked: checked,
-          required: required,
-          selected: !indeterminate && checked,
-          error: hasError ? "yes" : "no",
-          children: trueLabel
-        }), /* @__PURE__ */jsx(StyledButton, {
-          variant: indeterminate || checked ? "outlined" : "contained",
-          onClick: function onClick(e) {
-            return handleChange(e, false);
-          },
-          disableElevation: true,
-          disableRipple: disableRipple,
-          disableTouchRipple: disableRipple,
-          disableFocusRipple: disableRipple,
-          type: "button",
-          indeterminate: indeterminate ? "yes" : "no",
-          checked: checked,
-          required: required,
-          selected: !indeterminate && !checked,
-          error: hasError ? "yes" : "no",
-          children: falseLabel
-        })]
-      })]
-    })
-  });
+    edges: edges
+  }, /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(FormFocus, {
+    name: name
+  }), /* @__PURE__ */React.createElement(StyledButtonGroup, {
+    edges: edges
+  }, /* @__PURE__ */React.createElement(StyledButton, {
+    variant: indeterminate || !checked ? "outlined" : "contained",
+    onClick: function onClick(e) {
+      return handleChange(e, true);
+    },
+    disableElevation: true,
+    disableRipple: disableRipple,
+    disableTouchRipple: disableRipple,
+    disableFocusRipple: disableRipple,
+    type: "button",
+    indeterminate: indeterminate ? "yes" : "no",
+    checked: checked,
+    required: required,
+    selected: !indeterminate && checked,
+    error: hasError ? "yes" : "no"
+  }, trueLabel), /* @__PURE__ */React.createElement(StyledButton, {
+    variant: indeterminate || checked ? "outlined" : "contained",
+    onClick: function onClick(e) {
+      return handleChange(e, false);
+    },
+    disableElevation: true,
+    disableRipple: disableRipple,
+    disableTouchRipple: disableRipple,
+    disableFocusRipple: disableRipple,
+    type: "button",
+    indeterminate: indeterminate ? "yes" : "no",
+    checked: checked,
+    required: required,
+    selected: !indeterminate && !checked,
+    error: hasError ? "yes" : "no"
+  }, falseLabel))));
 }
 BooleanInput.propTypes = {
   /**

package/dist/esm/components/BorderedGrid.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 Grid from './Grid.js';
 import { StyledGridBox } from './Grid.styled.js';
@@ -15,14 +14,13 @@ function BorderedGrid(_ref) {
     _ref$borderStyle = _ref.borderStyle,
     borderStyle = _ref$borderStyle === void 0 ? "solid" : _ref$borderStyle,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /* @__PURE__ */jsx(StyledGridBox, {
+  return /* @__PURE__ */React.createElement(StyledGridBox, {
     error: error,
-    borderStyle: borderStyle,
-    children: /* @__PURE__ */jsx(Grid, _objectSpread2(_objectSpread2({}, rest), {}, {
-      spacing: spacing,
-      marginFix: true
-    }))
-  });
+    borderStyle: borderStyle
+  }, /* @__PURE__ */React.createElement(Grid, _objectSpread2(_objectSpread2({}, rest), {}, {
+    spacing: spacing,
+    marginFix: true
+  })));
 }
 BorderedGrid.propTypes = {
   error: PropTypes.bool,

package/dist/esm/components/Box.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 Box$2 from '@mui/material/Box';
 
@@ -26,15 +25,13 @@ function Box(_ref, ref) {
     alignItems: align,
     justifyContent: justify
   });
-  return /* @__PURE__ */jsx(Box$2, _objectSpread2(_objectSpread2({
+  return /* @__PURE__ */React.createElement(Box$2, _objectSpread2({
     component: as,
     ref: ref,
     sx: _objectSpread2(_objectSpread2({
       display: display
     }, flexProps), sx)
-  }, rest), {}, {
-    children: children
-  }));
+  }, rest), children);
 }
 Box.propTypes = {
   /**

package/dist/esm/components/Button.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 CircularProgress from '@mui/material/CircularProgress';
 import StyledButton from './Button.styled.js';
 
@@ -45,16 +44,14 @@ function Button(_ref) {
     disableFocusRipple: true,
     component: as,
     fullWidth: fill,
-    loadingIndicator: /* @__PURE__ */jsx(CircularProgress, {
+    loadingIndicator: /* @__PURE__ */React.createElement(CircularProgress, {
       size: loadingIndicatorSizes[size],
       color: "inherit"
     })
   }, others), loading === true && {
     loading: !disabled && loading
   });
-  return /* @__PURE__ */jsx(StyledButton, _objectSpread2(_objectSpread2({}, rest), {}, {
-    children: children
-  }));
+  return /* @__PURE__ */React.createElement(StyledButton, _objectSpread2({}, rest), children);
 }
 
 export { Button as default };