@tenancy.nz/ui 1.0.1 → 1.0.3

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _taggedTemplateLiteral(e, t) {
+  return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+    raw: {
+      value: Object.freeze(t)
+    }
+  }));
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+exports.arrayLikeToArray = _arrayLikeToArray;
+exports.arrayWithHoles = _arrayWithHoles;
+exports.arrayWithoutHoles = _arrayWithoutHoles;
+exports.defineProperty = _defineProperty;
+exports.extends = _extends;
+exports.iterableToArray = _iterableToArray;
+exports.iterableToArrayLimit = _iterableToArrayLimit;
+exports.nonIterableRest = _nonIterableRest;
+exports.nonIterableSpread = _nonIterableSpread;
+exports.objectDestructuringEmpty = _objectDestructuringEmpty;
+exports.objectSpread2 = _objectSpread2;
+exports.objectWithoutProperties = _objectWithoutProperties;
+exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
+exports.slicedToArray = _slicedToArray;
+exports.taggedTemplateLiteral = _taggedTemplateLiteral;
+exports.toConsumableArray = _toConsumableArray;
+exports.toPrimitive = _toPrimitive;
+exports.toPropertyKey = _toPropertyKey;
+exports.typeof = _typeof;
+exports.unsupportedIterableToArray = _unsupportedIterableToArray;

package/dist/cjs/components/Alert.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var CheckCircleOutlineOutlinedIcon = require('@mui/icons-material/CheckCircleOutlineOutlined');
 var ErrorOutlineOutlinedIcon = require('@mui/icons-material/ErrorOutlineOutlined');
@@ -10,39 +11,56 @@ var InfoOutlinedIcon = require('@mui/icons-material/InfoOutlined');
 var WarningAmberOutlinedIcon = require('@mui/icons-material/WarningAmberOutlined');
 var Alert_styled = require('./Alert.styled.cjs');
 
-const variantMap = {
+var _excluded = ["children", "color", "icon", "title", "variant"];
+var variantMap = {
   contained: "filled"
 };
-const icons = {
-  info: /* @__PURE__ */ jsxRuntime.jsx(InfoOutlinedIcon, { sx: { fontSize: 24 } }),
-  success: /* @__PURE__ */ jsxRuntime.jsx(CheckCircleOutlineOutlinedIcon, { sx: { fontSize: 24 } }),
-  error: /* @__PURE__ */ jsxRuntime.jsx(ErrorOutlineOutlinedIcon, { sx: { fontSize: 24 } }),
-  warning: /* @__PURE__ */ jsxRuntime.jsx(WarningAmberOutlinedIcon, { sx: { fontSize: 24 } })
-};
-function Alert({
-  children,
-  color = "info",
-  icon = true,
-  title = void 0,
-  variant = "standard",
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Alert_styled.default,
-    {
-      color,
-      variant: variantMap[variant] || variant,
-      severity: color,
-      iconMapping: icons,
-      closeText: "undo",
-      ...rest,
-      ...(!icon || !color || !icons[color]) && { icon: false },
-      children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx(Alert_styled.StyledAlertTitle, { children: title }),
-        children
-      ]
+var icons = {
+  info: /* @__PURE__ */jsxRuntime.jsx(InfoOutlinedIcon, {
+    sx: {
+      fontSize: 24
+    }
+  }),
+  success: /* @__PURE__ */jsxRuntime.jsx(CheckCircleOutlineOutlinedIcon, {
+    sx: {
+      fontSize: 24
+    }
+  }),
+  error: /* @__PURE__ */jsxRuntime.jsx(ErrorOutlineOutlinedIcon, {
+    sx: {
+      fontSize: 24
     }
-  );
+  }),
+  warning: /* @__PURE__ */jsxRuntime.jsx(WarningAmberOutlinedIcon, {
+    sx: {
+      fontSize: 24
+    }
+  })
+};
+function Alert(_ref) {
+  var children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "info" : _ref$color,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? true : _ref$icon,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? void 0 : _ref$title,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "standard" : _ref$variant,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsxs(Alert_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    color: color,
+    variant: variantMap[variant] || variant,
+    severity: color,
+    iconMapping: icons,
+    closeText: "undo"
+  }, rest), (!icon || !color || !icons[color]) && {
+    icon: false
+  }), {}, {
+    children: [title && /* @__PURE__ */jsxRuntime.jsx(Alert_styled.StyledAlertTitle, {
+      children: title
+    }), children]
+  }));
 }
 
 exports.default = Alert;

package/dist/cjs/components/Alert.styled.cjs

@@ -3,39 +3,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var react = require('@emotion/react');
 var Alert = require('@mui/material/Alert');
 var AlertTitle = require('@mui/material/AlertTitle');
 var styles = require('@mui/material/styles');
 var object = require('../utils/helpers/object.cjs');
 
-const standardStyles = ({ color, theme }) => react.css`
-  border: 1px solid currentColor;
-  background-color: ${object.getObjectProp(theme, `vars.palette.${color}.light`)};
-  color: ${object.getObjectProp(theme, `vars.palette.${color}.main`)};
-`;
-const outlinedStyles = ({ color, theme }) => react.css`
-  background-color: transparent;
-  border: 1px solid currentColor;
-  color: ${object.getObjectProp(theme, `vars.palette.${color}.main`)};
-`;
-const StyledAlertTitle = styles.styled(
-  AlertTitle
-)`
-  font-size: inherit;
-`;
-const StyledAlert = styles.styled(Alert)`
-  ${({ color, theme, variant }) => react.css`
-    font-size: ${object.getObjectProp(theme, "typography.fontSize")}px;
-    padding: 8px 16px;
-    ${variant === "standard" && standardStyles({ color, theme })}
-    ${variant === "outlined" && outlinedStyles({ color, theme })}
-
-    .MuiAlert-action {
-      margin-right: 0;
-    }
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var standardStyles = function standardStyles(_ref) {
+  var color = _ref.color,
+    theme = _ref.theme;
+  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  border: 1px solid currentColor;\n  background-color: ", ";\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".light")), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
+};
+var outlinedStyles = function outlinedStyles(_ref2) {
+  var color = _ref2.color,
+    theme = _ref2.theme;
+  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid currentColor;\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
+};
+var StyledAlertTitle = styles.styled(AlertTitle)(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  font-size: inherit;\n"])));
+var StyledAlert = styles.styled(Alert)(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
+  var color = _ref3.color,
+    theme = _ref3.theme,
+    variant = _ref3.variant;
+  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    font-size: ", "px;\n    padding: 8px 16px;\n    ", "\n    ", "\n\n    .MuiAlert-action {\n      margin-right: 0;\n    }\n  "])), object.getObjectProp(theme, "typography.fontSize"), variant === "standard" && standardStyles({
+    color: color,
+    theme: theme
+  }), variant === "outlined" && outlinedStyles({
+    color: color,
+    theme: theme
+  }));
+});
 
 exports.StyledAlertTitle = StyledAlertTitle;
 exports.default = StyledAlert;

package/dist/cjs/components/Autocomplete.cjs

@@ -3,6 +3,7 @@
 
 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');
@@ -11,88 +12,101 @@ var FormControl = require('./FormControl.cjs');
 var Autocomplete_styled = require('./Autocomplete.styled.cjs');
 var TextInput = require('./TextInput.cjs');
 
-function Autocomplete({
-  disabled = false,
-  edges = "smooth",
-  fullWidth = true,
-  helperText = "",
-  helperTextPlacement = "below",
-  label = "",
-  placeholder = "",
-  popupIcon = void 0,
-  required = false,
-  size = "medium",
-  variant = "outlined",
-  showError = false,
-  errorMessage = "",
-  name,
-  hideLabel = false,
-  disableIconRotation = false,
-  TextInputProps = {},
-  onChange = () => {
-  },
-  textInputAttrs = {},
-  ...rest
-}) {
-  const [selectedValue, setSelectedValue] = React.useState(rest.value || null);
-  const handleChange = (event, val, ...extras) => {
+var _excluded = ["disabled", "edges", "fullWidth", "helperText", "helperTextPlacement", "label", "placeholder", "popupIcon", "required", "size", "variant", "showError", "errorMessage", "name", "hideLabel", "disableIconRotation", "TextInputProps", "onChange", "textInputAttrs"],
+  _excluded2 = ["inputProps", "InputProps"];
+function Autocomplete(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$edges = _ref.edges,
+    edges = _ref$edges === void 0 ? "smooth" : _ref$edges,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    _ref$helperText = _ref.helperText,
+    helperText = _ref$helperText === void 0 ? "" : _ref$helperText,
+    _ref$helperTextPlacem = _ref.helperTextPlacement,
+    helperTextPlacement = _ref$helperTextPlacem === void 0 ? "below" : _ref$helperTextPlacem,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
+    _ref$popupIcon = _ref.popupIcon,
+    popupIcon = _ref$popupIcon === void 0 ? void 0 : _ref$popupIcon,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "outlined" : _ref$variant,
+    _ref$showError = _ref.showError,
+    showError = _ref$showError === void 0 ? false : _ref$showError,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? "" : _ref$errorMessage,
+    name = _ref.name,
+    _ref$hideLabel = _ref.hideLabel,
+    hideLabel = _ref$hideLabel === void 0 ? false : _ref$hideLabel,
+    _ref$disableIconRotat = _ref.disableIconRotation,
+    disableIconRotation = _ref$disableIconRotat === void 0 ? false : _ref$disableIconRotat,
+    _ref$TextInputProps = _ref.TextInputProps,
+    TextInputProps = _ref$TextInputProps === void 0 ? {} : _ref$TextInputProps,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$textInputAttrs = _ref.textInputAttrs,
+    textInputAttrs = _ref$textInputAttrs === void 0 ? {} : _ref$textInputAttrs,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(rest.value || null),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    selectedValue = _useState2[0],
+    setSelectedValue = _useState2[1];
+  var handleChange = function handleChange(event, val) {
     setSelectedValue(val);
-    onChange(event, val, ...extras);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FormControl.default,
-    {
-      name,
-      fullWidth,
-      label,
-      helperText,
-      helperTextPlacement,
-      disabled,
-      required,
-      showError,
-      errorMessage,
-      hideLabel,
-      edges,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Autocomplete_styled.StyledAutocomplete,
-        {
-          disabled,
-          iconrotation: disableIconRotation ? "no" : "yes",
-          popupIcon: popupIcon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(KeyboardArrowDownIcon, {}) : popupIcon,
-          renderInput: ({ inputProps, InputProps, ...params }) => /* @__PURE__ */ jsxRuntime.jsx(
-            TextInput.default,
-            {
-              ...params,
-              disabled,
-              name,
-              variant,
-              size,
-              edges,
-              required,
-              value: selectedValue,
-              placeholder,
-              inputProps: {
-                autoComplete: "off",
-                ...textInputAttrs,
-                ...inputProps
-              },
-              slotProps: {
-                input: {
-                  ...TextInputProps,
-                  ...InputProps
-                }
-              },
-              showError,
-              message: errorMessage,
-              ref: InputProps.ref
-            }
-          ),
-          onChange: handleChange,
-          ...rest
-        }
-      )
+    for (var _len = arguments.length, extras = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      extras[_key - 2] = arguments[_key];
     }
-  );
+    onChange.apply(void 0, [event, val].concat(extras));
+  };
+  return /* @__PURE__ */jsxRuntime.jsx(FormControl.default, {
+    name: name,
+    fullWidth: fullWidth,
+    label: label,
+    helperText: helperText,
+    helperTextPlacement: helperTextPlacement,
+    disabled: disabled,
+    required: required,
+    showError: showError,
+    errorMessage: errorMessage,
+    hideLabel: hideLabel,
+    edges: edges,
+    children: /* @__PURE__ */jsxRuntime.jsx(Autocomplete_styled.StyledAutocomplete, _rollupPluginBabelHelpers.objectSpread2({
+      disabled: disabled,
+      iconrotation: disableIconRotation ? "no" : "yes",
+      popupIcon: popupIcon === void 0 ? /* @__PURE__ */jsxRuntime.jsx(KeyboardArrowDownIcon, {}) : popupIcon,
+      renderInput: function renderInput(_ref2) {
+        var inputProps = _ref2.inputProps,
+          InputProps = _ref2.InputProps,
+          params = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
+        return /* @__PURE__ */jsxRuntime.jsx(TextInput.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, params), {}, {
+          disabled: disabled,
+          name: name,
+          variant: variant,
+          size: size,
+          edges: edges,
+          required: required,
+          value: selectedValue,
+          placeholder: placeholder,
+          inputProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+            autoComplete: "off"
+          }, textInputAttrs), inputProps),
+          slotProps: {
+            input: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, TextInputProps), InputProps)
+          },
+          showError: showError,
+          message: errorMessage,
+          ref: InputProps.ref
+        }));
+      },
+      onChange: handleChange
+    }, rest))
+  });
 }
 Autocomplete.propTypes = {
   /**

package/dist/cjs/components/Autocomplete.styled.cjs

@@ -4,12 +4,13 @@
 var Autocomplete = require('@mui/material/Autocomplete');
 var styles = require('@mui/material/styles');
 
-const StyledAutocomplete = styles.styled(
-  Autocomplete
-)(({ iconrotation }) => ({
-  "& .MuiAutocomplete-popupIndicatorOpen": {
-    transform: iconrotation === "yes" ? null : "rotate(0)"
-  }
-}));
+var StyledAutocomplete = styles.styled(Autocomplete)(function (_ref) {
+  var iconrotation = _ref.iconrotation;
+  return {
+    "& .MuiAutocomplete-popupIndicatorOpen": {
+      transform: iconrotation === "yes" ? null : "rotate(0)"
+    }
+  };
+});
 
 exports.StyledAutocomplete = StyledAutocomplete;

package/dist/cjs/components/Avatar.cjs

@@ -3,21 +3,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var Avatar_styled = require('./Avatar.styled.cjs');
 
-function Avatar({
-  children = null,
-  size = "small",
-  src = "",
-  srcSet = "",
-  variant = "",
-  ...rest
-}) {
-  const props = { size, src, srcSet, variant, ...rest };
-  return /* @__PURE__ */ jsxRuntime.jsx(Avatar_styled.StyledAvatar, { ...props, children });
+var _excluded = ["children", "size", "src", "srcSet", "variant"];
+function Avatar(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
+    _ref$src = _ref.src,
+    src = _ref$src === void 0 ? "" : _ref$src,
+    _ref$srcSet = _ref.srcSet,
+    srcSet = _ref$srcSet === void 0 ? "" : _ref$srcSet,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "" : _ref$variant,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var props = _rollupPluginBabelHelpers.objectSpread2({
+    size: size,
+    src: src,
+    srcSet: srcSet,
+    variant: variant
+  }, rest);
+  return /* @__PURE__ */jsxRuntime.jsx(Avatar_styled.StyledAvatar, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
+    children: children
+  }));
 }
 Avatar.propTypes = {
   /**

package/dist/cjs/components/Avatar.styled.cjs

@@ -1,24 +1,22 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 var MuiAvatar = require('@mui/material/Avatar');
 
-const sizeFn = (size) => {
-  const sizes = {
+var _templateObject, _templateObject2;
+var sizeFn = function sizeFn(size) {
+  var sizes = {
     large: 50,
     medium: 40,
     small: 30
   };
   return sizes[size];
 };
-const StyledAvatar = styled(MuiAvatar)`
-  ${({ size }) => styled.css`
-    && {
-      width: ${sizeFn(size)}px;
-      height: ${sizeFn(size)}px;
-    }
-  `}
-`;
+var StyledAvatar = styled(MuiAvatar)(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var size = _ref.size;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    && {\n      width: ", "px;\n      height: ", "px;\n    }\n  "])), sizeFn(size), sizeFn(size));
+});
 
 exports.StyledAvatar = StyledAvatar;