@tenancy.nz/ui 1.0.1 → 1.0.3

package/dist/esm/components/Box.js

@@ -1,55 +1,46 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import PropTypes from 'prop-types';
 import Box$2 from '@mui/material/Box';
 
-function Box({
-  as = "div",
-  align = "flex-start",
-  children,
-  display = "block",
-  direction = "row",
-  justify = "flex-start",
-  sx = {},
-  ...rest
-}, ref) {
-  const flexProps = {
-    ...(display === "flex" || display === "inline-flex") && {
-      flexDirection: direction,
-      alignItems: align,
-      justifyContent: justify
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Box$2,
-    {
-      component: as,
-      ref,
-      sx: {
-        display,
-        ...flexProps,
-        ...sx
-      },
-      ...rest,
-      children
-    }
-  );
+var _excluded = ["as", "align", "children", "display", "direction", "justify", "sx"];
+function Box(_ref, ref) {
+  var _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "div" : _ref$as,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "flex-start" : _ref$align,
+    children = _ref.children,
+    _ref$display = _ref.display,
+    display = _ref$display === void 0 ? "block" : _ref$display,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? "row" : _ref$direction,
+    _ref$justify = _ref.justify,
+    justify = _ref$justify === void 0 ? "flex-start" : _ref$justify,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var flexProps = _objectSpread2({}, (display === "flex" || display === "inline-flex") && {
+    flexDirection: direction,
+    alignItems: align,
+    justifyContent: justify
+  });
+  return /* @__PURE__ */jsx(Box$2, _objectSpread2(_objectSpread2({
+    component: as,
+    ref: ref,
+    sx: _objectSpread2(_objectSpread2({
+      display: display
+    }, flexProps), sx)
+  }, rest), {}, {
+    children: children
+  }));
 }
 Box.propTypes = {
   /**
    * The component used for the root node.
    */
-  as: PropTypes.oneOf([
-    "aside",
-    "div",
-    "footer",
-    "header",
-    "main",
-    "nav",
-    "section",
-    "span"
-  ]),
+  as: PropTypes.oneOf(["aside", "div", "footer", "header", "main", "nav", "section", "span"]),
   /**
    * Defines css `align-items` property
    */
@@ -65,29 +56,17 @@ Box.propTypes = {
   /**
    * Defines css `display` property
    */
-  direction: PropTypes.oneOf([
-    "row",
-    "row-reverse",
-    "column",
-    "column-reverse"
-  ]),
+  direction: PropTypes.oneOf(["row", "row-reverse", "column", "column-reverse"]),
   /**
    * Defines css `justify-content` property
    */
-  justify: PropTypes.oneOf([
-    "flex-start",
-    "center",
-    "flex-end",
-    "space-around",
-    "space-between",
-    "space-evenly"
-  ]),
+  justify: PropTypes.oneOf(["flex-start", "center", "flex-end", "space-around", "space-between", "space-evenly"]),
   /**
    * Accepts all system properties, as well as any valid CSS properties.
    * @see: https://next.material-ui.com/system/properties/
    */
   sx: PropTypes.object
 };
-var Box$1 = forwardRef(Box);
+var Box$1 = /*#__PURE__*/forwardRef(Box);
 
 export { Box$1 as default };

package/dist/esm/components/Button.js

@@ -1,44 +1,60 @@
 "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';
 
-const loadingIndicatorSizes = {
+var _excluded = ["as", "children", "color", "disabled", "elevation", "fill", "loading", "loadingPosition", "size", "type", "variant"];
+var loadingIndicatorSizes = {
   small: 14,
   medium: 16,
   large: 20
 };
-function Button({
-  as = "button",
-  children,
-  color = "primary",
-  disabled = false,
-  elevation = false,
-  fill = false,
-  loading = false,
-  loadingPosition = "start",
-  size = "medium",
-  type = "button",
-  variant = "contained",
-  ...others
-}) {
-  const rest = {
-    color,
-    disabled,
-    size,
-    type,
-    variant,
-    loadingPosition,
+function Button(_ref) {
+  var _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "button" : _ref$as,
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "primary" : _ref$color,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$elevation = _ref.elevation,
+    elevation = _ref$elevation === void 0 ? false : _ref$elevation,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? false : _ref$fill,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    _ref$loadingPosition = _ref.loadingPosition,
+    loadingPosition = _ref$loadingPosition === void 0 ? "start" : _ref$loadingPosition,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "button" : _ref$type,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var rest = _objectSpread2(_objectSpread2({
+    color: color,
+    disabled: disabled,
+    size: size,
+    type: type,
+    variant: variant,
+    loadingPosition: loadingPosition,
     disableElevation: !elevation,
     disableRipple: true,
     disableFocusRipple: true,
     component: as,
     fullWidth: fill,
-    loadingIndicator: /* @__PURE__ */ jsx(CircularProgress, { size: loadingIndicatorSizes[size], color: "inherit" }),
-    ...others,
-    ...loading === true && { loading: !disabled && loading }
-  };
-  return /* @__PURE__ */ jsx(StyledButton, { ...rest, children });
+    loadingIndicator: /* @__PURE__ */jsx(CircularProgress, {
+      size: loadingIndicatorSizes[size],
+      color: "inherit"
+    })
+  }, others), loading === true && {
+    loading: !disabled && loading
+  });
+  return /* @__PURE__ */jsx(StyledButton, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 
 export { Button as default };

package/dist/esm/components/Button.styled.js

@@ -1,96 +1,53 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import Button from '@mui/material/Button';
 import { css } from '@emotion/react';
 import { styled } from '@mui/material/styles';
 import { getObjectProp } from '../utils/helpers/object.js';
 
-const edgesStyles = ({ edges, theme }) => css`
-  ${edges === "sharp" && css`
-    border-radius: 0px;
-  `}
-  ${edges === "rounded" && css`
-    border-radius: 99999px;
-  `}
-  ${edges === "smooth" && css`
-    border-radius: ${getObjectProp(theme, "shape.borderRadius", "4")}px;
-  `}
-`;
-const focusStyles = css`
-  &:focus {
-    box-shadow: 0px 0px 6px 0px #1f1c4f;
-  }
-`;
-const sizeStyles = ({ size, theme }) => css`
-  font-weight: ${getObjectProp(theme, "typography.button.fontWeight", "700")};
-  ${size === "small" && css`
-    font-size: calc(
-      ${getObjectProp(theme, "typography.button.fontSize", "14")}px - 2px
-    );
-    height: 32px;
-  `}
-  ${size === "medium" && css`
-    font-size: ${getObjectProp(theme, "typography.button.fontSize", "14")}px;
-    height: 36px;
-  `}
-     ${size === "large" && css`
-    font-size: font-size: calc(
-      ${getObjectProp(theme, "typography.button.fontSize", "14")}px + 2px
-    );
-    height: 44px;
-  `}
-`;
-const disabledStyles = css`
-  color: var(--tn-palette-text-muted);
-  background-color: var(--tn-palette-background-muted);
-  border: none;
-`;
-const containedStyles = ({ color, theme }) => css`
-  color: ${getObjectProp(theme, `vars.palette.${color}.contrastText`)};
-  background-color: ${getObjectProp(theme, `vars.palette.${color}.main`)};
-
-  &:hover {
-    background-color: ${getObjectProp(theme, `vars.palette.${color}.light`)};
-  }
-
-  &:active {
-    background-color: ${getObjectProp(theme, `vars.palette.${color}.dark`)};
-  }
-  .MuiButton-loadingWrapper {
-    color: ${getObjectProp(theme, `vars.palette.${color}.contrastText`)};
-  }
-
-  ${focusStyles}
-`;
-const outlinedStyles = ({ color, theme }) => css`
-  color: ${getObjectProp(theme, `vars.palette.${color}.main`)};
-  background-color: transparent;
-  border: 1px solid currentColor;
-
-  .MuiButton-loadingWrapper {
-    color: ${getObjectProp(theme, `vars.palette.${color}.main`)};
-  }
-
-  &:hover,
-  &:active {
-    background-color: ${getObjectProp(theme, "vars.palette.background.muted")};
-  }
-
-  ${focusStyles}
-`;
-const StyledButton = styled(Button)`
-  ${({ color, disabled, edges, size, theme, variant }) => css`
-    padding: 0px 24px;
-    text-transform: initial;
-    ${edgesStyles({ edges, theme })}
-    ${sizeStyles({ size, theme })}
-    ${disabled && disabledStyles}
-    ${variant === "contained" && !disabled && containedStyles({ color, theme })}
-    ${variant === "outlined" && !disabled && outlinedStyles({ color, theme })}
-
-    && {
-      font-weight: 700;
-    }
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12;
+var edgesStyles = function edgesStyles(_ref) {
+  var edges = _ref.edges,
+    theme = _ref.theme;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n  ", "\n"])), edges === "sharp" && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-radius: 0px;\n  "]))), edges === "rounded" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-radius: 99999px;\n  "]))), edges === "smooth" && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-radius: ", "px;\n  "])), getObjectProp(theme, "shape.borderRadius", "4")));
+};
+var focusStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &:focus {\n    box-shadow: 0px 0px 6px 0px #1f1c4f;\n  }\n"])));
+var sizeStyles = function sizeStyles(_ref2) {
+  var size = _ref2.size,
+    theme = _ref2.theme;
+  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  font-weight: ", ";\n  ", "\n  ", "\n     ", "\n"])), getObjectProp(theme, "typography.button.fontWeight", "700"), size === "small" && css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    font-size: calc(\n      ", "px - 2px\n    );\n    height: 32px;\n  "])), getObjectProp(theme, "typography.button.fontSize", "14")), size === "medium" && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    height: 36px;\n  "])), getObjectProp(theme, "typography.button.fontSize", "14")), size === "large" && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: font-size: calc(\n      ", "px + 2px\n    );\n    height: 44px;\n  "])), getObjectProp(theme, "typography.button.fontSize", "14")));
+};
+var disabledStyles = css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  color: var(--tn-palette-text-muted);\n  background-color: var(--tn-palette-background-muted);\n  border: none;\n"])));
+var containedStyles = function containedStyles(_ref3) {
+  var color = _ref3.color,
+    theme = _ref3.theme;
+  return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n  .MuiButton-loadingWrapper {\n    color: ", ";\n  }\n\n  ", "\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.".concat(color, ".light")), getObjectProp(theme, "vars.palette.".concat(color, ".dark")), getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")), focusStyles);
+};
+var outlinedStyles = function outlinedStyles(_ref4) {
+  var color = _ref4.color,
+    theme = _ref4.theme;
+  return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  color: ", ";\n  background-color: transparent;\n  border: 1px solid currentColor;\n\n  .MuiButton-loadingWrapper {\n    color: ", ";\n  }\n\n  &:hover,\n  &:active {\n    background-color: ", ";\n  }\n\n  ", "\n"])), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.".concat(color, ".main")), getObjectProp(theme, "vars.palette.background.muted"), focusStyles);
+};
+var StyledButton = styled(Button)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
+  var color = _ref5.color,
+    disabled = _ref5.disabled,
+    edges = _ref5.edges,
+    size = _ref5.size,
+    theme = _ref5.theme,
+    variant = _ref5.variant;
+  return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    padding: 0px 24px;\n    text-transform: initial;\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n\n    && {\n      font-weight: 700;\n    }\n  "])), edgesStyles({
+    edges: edges,
+    theme: theme
+  }), sizeStyles({
+    size: size,
+    theme: theme
+  }), disabled && disabledStyles, variant === "contained" && !disabled && containedStyles({
+    color: color,
+    theme: theme
+  }), variant === "outlined" && !disabled && outlinedStyles({
+    color: color,
+    theme: theme
+  }));
+});
 
 export { containedStyles, StyledButton as default, disabledStyles, edgesStyles, focusStyles, outlinedStyles, sizeStyles };

package/dist/esm/components/Card.js

@@ -1,4 +1,5 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
@@ -7,25 +8,44 @@ import Media from './Media.js';
 import Paper from './Paper.js';
 import { StyledCardMedia } from './Card.styled.js';
 
-function Card({
-  children,
-  elevate = false,
-  imgContent = void 0,
-  imgSrc = "",
-  onClick = null,
-  title = "",
-  ...others
-}) {
-  const rest = { elevate, ...others };
-  return /* @__PURE__ */ jsxs(Paper, { elevate: false, outlined: true, ...rest, children: [
-    onClick && // <ActionArea onClick={onClick}>
-    /* @__PURE__ */ jsxs(StyledCardMedia, { children: [
-      imgContent,
-      !imgContent && /* @__PURE__ */ jsx(Media, { src: imgSrc, title })
-    ] }),
-    !onClick && /* @__PURE__ */ jsx(StyledCardMedia, { children: /* @__PURE__ */ jsx(Media, { src: imgSrc, title }) }),
-    /* @__PURE__ */ jsx(CardContent, { children })
-  ] });
+var _excluded = ["children", "elevate", "imgContent", "imgSrc", "onClick", "title"];
+function Card(_ref) {
+  var children = _ref.children,
+    _ref$elevate = _ref.elevate,
+    elevate = _ref$elevate === void 0 ? false : _ref$elevate,
+    _ref$imgContent = _ref.imgContent,
+    imgContent = _ref$imgContent === void 0 ? void 0 : _ref$imgContent,
+    _ref$imgSrc = _ref.imgSrc,
+    imgSrc = _ref$imgSrc === void 0 ? "" : _ref$imgSrc,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var rest = _objectSpread2({
+    elevate: elevate
+  }, others);
+  return /* @__PURE__ */jsxs(Paper, _objectSpread2(_objectSpread2({
+    elevate: false,
+    outlined: true
+  }, rest), {}, {
+    children: [onClick &&
+    // <ActionArea onClick={onClick}>
+    /* @__PURE__ */
+    jsxs(StyledCardMedia, {
+      children: [imgContent, !imgContent && /* @__PURE__ */jsx(Media, {
+        src: imgSrc,
+        title: title
+      })]
+    }), !onClick && /* @__PURE__ */jsx(StyledCardMedia, {
+      children: /* @__PURE__ */jsx(Media, {
+        src: imgSrc,
+        title: title
+      })
+    }), /* @__PURE__ */jsx(CardContent, {
+      children: children
+    })]
+  }));
 }
 Card.propTypes = {
   /**

package/dist/esm/components/Card.styled.js

@@ -1,13 +1,8 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import styled from 'styled-components';
 
-const StyledCardMedia = styled.div`
-  height: 170px;
-  width: 100%;
-
-  @media screen and (min-width: 768px) {
-    height: 195px;
-  }
-`;
+var _templateObject;
+var StyledCardMedia = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 170px;\n  width: 100%;\n\n  @media screen and (min-width: 768px) {\n    height: 195px;\n  }\n"])));
 
 export { StyledCardMedia };

package/dist/esm/components/CardContent.js

@@ -4,8 +4,11 @@ import 'react';
 import PropTypes from 'prop-types';
 import { StyledCardContent } from './CardContent.styled.js';
 
-function CardContent({ children }) {
-  return /* @__PURE__ */ jsx(StyledCardContent, { children });
+function CardContent(_ref) {
+  var children = _ref.children;
+  return /* @__PURE__ */jsx(StyledCardContent, {
+    children: children
+  });
 }
 CardContent.propTypes = {
   /**

package/dist/esm/components/CardContent.styled.js

@@ -1,8 +1,8 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import styled from 'styled-components';
 
-const StyledCardContent = styled.div`
-  padding: 10px;
-`;
+var _templateObject;
+var StyledCardContent = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 10px;\n"])));
 
 export { StyledCardContent };

package/dist/esm/components/Checkbox.js

@@ -1,45 +1,57 @@
 "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';
 import { StyledCheckbox } from './Checkbox.styled.js';
 
-function Checkbox({
-  color = "primary",
-  disabled = false,
-  id = "",
-  required = false,
-  value = "",
-  label,
-  name,
-  size = "medium",
-  ...rest
-}) {
-  const props = {
-    color,
-    disabled,
+var _excluded = ["color", "disabled", "id", "required", "value", "label", "name", "size"];
+function Checkbox(_ref) {
+  var _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "primary" : _ref$color,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "" : _ref$id,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "" : _ref$value,
+    label = _ref.label,
+    name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var props = _objectSpread2({
+    color: color,
+    disabled: disabled,
     id: id || name,
-    required,
-    value,
-    size,
-    name,
-    ...rest
-  };
-  return /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "10px", alignItems: "flex-start", children: [
-    /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledCheckbox, { ...props, disableRipple: true }) }),
-    /* @__PURE__ */ jsx(
-      FormLabel,
-      {
-        htmlFor: id,
-        size,
-        disabled,
-        margin: "none",
-        sx: { mt: "2px", fontWeight: "500" },
-        children: label
-      }
-    )
-  ] });
+    required: required,
+    value: value,
+    size: size,
+    name: name
+  }, rest);
+  return /* @__PURE__ */jsxs(Stack, {
+    direction: "row",
+    gap: "10px",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */jsx(Box, {
+      children: /* @__PURE__ */jsx(StyledCheckbox, _objectSpread2(_objectSpread2({}, props), {}, {
+        disableRipple: true
+      }))
+    }), /* @__PURE__ */jsx(FormLabel, {
+      htmlFor: id,
+      size: size,
+      disabled: disabled,
+      margin: "none",
+      sx: {
+        mt: "2px",
+        fontWeight: "500"
+      },
+      children: label
+    })]
+  });
 }
 
 export { Checkbox as default };

package/dist/esm/components/Checkbox.styled.js

@@ -1,23 +1,16 @@
 "use strict";
+import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { css } from '@emotion/react';
 import { styled } from '@mui/material/styles';
 import Checkbox from '@mui/material/Checkbox';
 import { getObjectProp } from '../utils/helpers/object.js';
 
-const StyledCheckbox = styled(Checkbox)`
-  ${({ checked, disabled, theme }) => css`
-    padding: 0;
-    border-radius: 0;
-
-    ${!checked && css`
-      color: ${getObjectProp(theme, "vars.palette.grey.600")};
-    `}
-    ${disabled && css`
-      && {
-        color: ${getObjectProp(theme, "vars.palette.grey.400")};
-      }
-    `}
-  `}
-`;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var StyledCheckbox = styled(Checkbox)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var checked = _ref.checked,
+    disabled = _ref.disabled,
+    theme = _ref.theme;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 0;\n    border-radius: 0;\n\n    ", "\n    ", "\n  "])), !checked && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), getObjectProp(theme, "vars.palette.grey.600")), disabled && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      && {\n        color: ", ";\n      }\n    "])), getObjectProp(theme, "vars.palette.grey.400")));
+});
 
 export { StyledCheckbox };

package/dist/esm/components/CircularProgress.js

@@ -1,10 +1,12 @@
 "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 CircularProgress$1 from '@mui/material/CircularProgress';
 
-function CircularProgress({ ...rest }) {
-  return /* @__PURE__ */ jsx(CircularProgress$1, { ...rest });
+function CircularProgress(_ref) {
+  var rest = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /* @__PURE__ */jsx(CircularProgress$1, _objectSpread2({}, rest));
 }
 
 export { CircularProgress as default };