@tenancy.nz/ui 1.1.8 → 1.2.0

package/dist/cjs/Divider.styled.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
-var StyledDivider = styled.hr(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var as = _ref.as,
-    color = _ref.color,
-    dense = _ref.dense,
-    disableGutter = _ref.disableGutter,
-    flexItem = _ref.flexItem,
-    orientation = _ref.orientation,
-    variant = _ref.variant,
-    theme = _ref.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    color: inherit;\n    background: transparent;\n    border-style: ", ";\n    border-color: ", ";\n    flex-shrink: 0;\n    list-style-type: none;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), variant, color === "default" ? theme.palette.grey[300] : "currentColor", as === "span" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      display: block;\n    "]))), flexItem && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      align-self: stretch;\n    "]))), disableGutter && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      margin: 0;\n    "]))), orientation === "horizontal" && !disableGutter && !dense && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      margin: 1rem 0;\n    "]))), orientation === "horizontal" && !disableGutter && dense && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      margin: 0.4rem 0;\n    "]))), orientation === "vertical" && !disableGutter && !dense && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      margin: 0 1rem;\n    "]))), orientation === "vertical" && !disableGutter && dense && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      margin: 0 0.4rem;\n    "]))), orientation === "horizontal" && !flexItem && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border-width: 0px 0px thin 0px;\n    "]))), (orientation === "vertical" || flexItem) && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border-width: 0px thin 0px 0px;\n    "]))));
-});
-
-exports.StyledDivider = StyledDivider;

package/dist/cjs/Embed.styled.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-var Box = require('./Box.cjs');
-require('react');
-require('./index-BIkEtimw.js');
-require('./_commonjsHelpers-CFO10eej.js');
-require('react-is');
-require('@mui/material/Box');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var StyledEmbed = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var height = _ref.height,
-    width = _ref.width;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    position: relative;\n    padding-bottom: ", ";\n    height: 0;\n    overflow: hidden;\n    width: ", ";\n  "])), height, width);
-});
-var StyledEmbedFrame = styled.iframe(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border: none;\n  z-index: 3;\n"])));
-var StyledBox = styled(Box.default)(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  display: flex !important;\n  position: absolute;\n  left: 0;\n  top: 0;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n"])));
-
-exports.StyledBox = StyledBox;
-exports.StyledEmbed = StyledEmbed;
-exports.StyledEmbedFrame = StyledEmbedFrame;

package/dist/cjs/FileViewer.styled.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-var Heading = require('./Heading.cjs');
-require('react');
-require('@mui/material/Typography');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var StyledFilePreviewAreaOuter = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  min-height: 80vh;\n  display: flex;\n  align-items: center;\n"])));
-var StyledBrokenFileIcon = styled.div(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    color: ", ";\n\n    & svg {\n      font-size: 100px;\n    }\n  "])), theme.palette.default.light);
-});
-var StyledHeading = styled(Heading.default)(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
-
-exports.StyledBrokenFileIcon = StyledBrokenFileIcon;
-exports.StyledFilePreviewAreaOuter = StyledFilePreviewAreaOuter;
-exports.StyledHeading = StyledHeading;

package/dist/cjs/FormControl.styled.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var styles = require('@mui/material/styles');
-var FormControl = require('@mui/material/FormControl');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var StyledFormControl = styles.styled(FormControl)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var size = _ref.size,
-    theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), size === "small" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      font-size: calc(", "px - 2px);\n    "])), object.getObjectProp(theme, "typography.fontSize")), size === "medium" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      font-size: ", "px;\n    "])), object.getObjectProp(theme, "typography.fontSize")));
-});
-
-exports.default = StyledFormControl;

package/dist/cjs/FormLabel.styled.cjs

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styles = require('@mui/material/styles');
-var react = require('@emotion/react');
-var FormLabel = require('@mui/material/FormLabel');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0;
-var colorStyles = function colorStyles(_ref) {
-  var disabled = _ref.disabled,
-    theme = _ref.theme;
-  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n\n  ", "\n"])), !disabled && react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    color: ", ";\n  "])), object.getObjectProp(theme, "vars.palette.text.primary")), disabled && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    color: ", ";\n    pointer-events: none;\n    user-select: none;\n  "])), object.getObjectProp(theme, "vars.palette.grey.400")));
-};
-var marginStyles = function marginStyles(_ref2) {
-  var margin = _ref2.margin;
-  return react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), margin === "default" && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    margin-bottom: 8px;\n  "]))), margin === "dense" && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    margin-bottom: 4px;\n  "]))));
-};
-var StyledFormLabel = styles.styled(FormLabel)(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var disabled = _ref3.disabled,
-    margin = _ref3.margin,
-    size = _ref3.size,
-    theme = _ref3.theme;
-  return react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    && {\n      font-weight: 600;\n      display: inline-flex;\n      text-transform: none;\n\n      ", "\n      ", "\n\n      ", "\n    ", "\n\n    .MuiFormLabel-asterisk {\n        color: ", ";\n      }\n    }\n  "])), colorStyles({
-    disabled: disabled,
-    theme: theme
-  }), marginStyles({
-    margin: margin
-  }), size === "small" && react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n        font-size: calc(", "px - 2px);\n      "])), object.getObjectProp(theme, "typography.fontSize")), size === "medium" && react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n        font-size: ", "px;\n      "])), object.getObjectProp(theme, "typography.fontSize")), object.getObjectProp(theme, disabled ? "vars.palette.grey.400" : "vars.palette.error.main"));
-});
-
-exports.default = StyledFormLabel;

package/dist/cjs/IconButton.styled.cjs

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var styles = require('@mui/material/styles');
-var IconButton = require('@mui/material/IconButton');
-var Button_styled = require('./Button.styled.cjs');
-var object = require('./object.cjs');
-require('@mui/material/Button');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var sizeStyles = function sizeStyles(_ref) {
-  var size = _ref.size;
-  return react.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n"])), size === "small" && react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 24px;\n  "]))), size === "medium" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 30px;\n  "]))), size === "large" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 36px;\n  "]))));
-};
-var hoverStyles = function hoverStyles(_ref2) {
-  var color = _ref2.color,
-    theme = _ref2.theme;
-  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  &:hover,\n  &:active {\n    background-color: var(--IconButton-hoverBg) !important;\n    color: ", ";\n  }\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
-};
-var StyledIconButton = styles.styled(IconButton)(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var color = _ref3.color,
-    disabled = _ref3.disabled,
-    edges = _ref3.edges,
-    size = _ref3.size,
-    theme = _ref3.theme;
-  return react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    && {\n      padding: 4px;\n      ", "\n      ", "\n      ", "\n      ", "\n    }\n  "])), disabled && Button_styled.disabledStyles, Button_styled.edgesStyles({
-    edges: edges,
-    theme: theme
-  }), sizeStyles({
-    size: size
-  }), hoverStyles({
-    color: color,
-    theme: theme
-  }));
-});
-
-exports.default = StyledIconButton;
-exports.hoverStyles = hoverStyles;

package/dist/cjs/Link.styled.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var colour = function colour(color, theme) {
-  var colors = {
-    error: theme.palette.error.main,
-    inherit: "inherit",
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    textPrimary: theme.palette.text.primary,
-    textSecondary: theme.palette.text.secondary
-  };
-  if (colors[color]) {
-    return colors[color];
-  }
-  return colors.inherit;
-};
-var StyledLink = styled.a(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var color = _ref.color,
-    underline = _ref.underline,
-    theme = _ref.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-family: ", ";\n    font-weight: 500;\n    text-decoration: none;\n    ", "\n    ", "\n    ", "\n  "])), theme.typography.fontFamily, underline === "hover" && styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      &:hover {\n        text-decoration: underline;\n      }\n    "]))), underline === "always" && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      text-decoration: underline;\n    "]))), color && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      color: ", ";\n    "])), colour(color, theme)));
-});
-
-exports.StyledLink = StyledLink;

package/dist/cjs/Media.styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-var animations = require('./animations.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var StyledMediaEl = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    background: ", ";\n  "])), theme.palette.grey[200]);
-});
-var StyledMediaSkeleton = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n\n  z-index: 1;\n  ", "\n"])), animations.inlineGlow);
-var StyledMedia = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  ", "\n"])), function (_ref2) {
-  var as = _ref2.as,
-    src = _ref2.src;
-  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    ", "\n\n    ", "\n  "])), as !== "img" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      display: block;\n      background-size: cover;\n      background-repeat: no-repeat;\n      background-position: center;\n      background-image: url(", ");\n    "])), src), as === "img" && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      object-fit: cover;\n    "]))));
-});
-
-exports.StyledMedia = StyledMedia;
-exports.StyledMediaEl = StyledMediaEl;
-exports.StyledMediaSkeleton = StyledMediaSkeleton;

package/dist/cjs/ModalHeader.styled.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var styles = require('@mui/material/styles');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3;
-var StyledModalHeader = styles.styled("div")(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var disableGap = _ref.disableGap,
-    theme = _ref.theme,
-    transparent = _ref.transparent;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 9;\n    background: ", ";\n    color: ", ";\n\n    ", ";\n  "])), transparent ? "transparent" : object.getObjectProp(theme, "vars.palette.background.paper"), object.getObjectProp(theme, "vars.palette.text.secondary"), !disableGap && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      margin-bottom: 8px;\n    "]))));
-});
-
-exports.default = StyledModalHeader;

package/dist/cjs/Nameplate.styled.cjs

@@ -1,29 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-var styles = require('@mui/material/styles');
-var colors = require('./colors.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var StyledWrapper = styles.styled("div")(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    background: "#fff",
-    borderBottom: "1px solid ".concat(colors.hexToRgba(theme.palette.default.main, 0.4))
-  };
-});
-var StyledImgWrapper = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: flex;\n    overflow: hidden;\n    margin-left: 0.5em;\n    flex-basis: 150px;\n    justify-content: flex-end;\n    align-items: center;\n    height: 80px;\n\n    @media screen and (min-width: ", "px) {\n      margin-left: 1em;\n      flex-basis: 200px;\n      height: 100px;\n    }\n  "])), theme.breakpoints.md);
-});
-var StyledImg = styled.img(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  max-width: 100%;\n  max-height: 100%;\n"])));
-var StyledImgText = styled.div(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    background: ", ";\n    color: ", ";\n    font-size: ", ";\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  "])), theme.palette.grey[400], theme.palette.background.paper, theme.typography.size.scale(9));
-});
-
-exports.StyledImg = StyledImg;
-exports.StyledImgText = StyledImgText;
-exports.StyledImgWrapper = StyledImgWrapper;
-exports.StyledWrapper = StyledWrapper;

package/dist/cjs/Pagination.styled.cjs

@@ -1,34 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
-var mapColors = function mapColors(color, theme) {
-  if (color === "textPrimary") {
-    return theme.palette.text.primary;
-  }
-  if (color === "textSecondary") {
-    return theme.palette.text.secondary;
-  }
-  if (color !== "textPrimary" && color !== "textSecondary") {
-    return theme.palette[color].main;
-  }
-  return "inherit";
-};
-var StyledList = styled.ul(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n  list-style: none;\n"])));
-var StyledListItem = styled.li(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  margin: 0 3px;\n"])));
-var StyledButton = styled.button(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var color = _ref.color,
-    disabled = _ref.disabled,
-    selected = _ref.selected,
-    shape = _ref.shape,
-    size = _ref.size,
-    theme = _ref.theme,
-    type = _ref.type;
-  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    background: transparent;\n    border: none;\n    box-sizing: border-box;\n    color: ", ";\n    cursor: pointer;\n    font-family: ", ";\n    font-weight: 400;\n    text-align: center;\n    padding: 0;\n    margin: 0;\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), mapColors(color, theme), theme.typography.fontFamily, size === "small" && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      height: 28px;\n      min-width: 28px;\n      font-size: ", ";\n    "])), theme.typography.size.small), size === "large" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      height: 32px;\n      min-width: 32px;\n      font-size: ", ";\n    "])), theme.typography.size.large), disabled && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      opacity: 0.38;\n      pointer-events: none;\n      cursor: default;\n    "]))), shape === "round" && styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border-radius: 99999px;\n    "]))), shape === "rounded" && styled.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border-radius: 4px;\n    "]))), ["end-ellipsis", "start-ellipsis"].includes(type) && styled.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      svg {\n        vertical-align: bottom;\n      }\n    "]))), selected && styled.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      font-weight: 600;\n      border: 1px solid currentColor;\n    "]))));
-});
-
-exports.StyledButton = StyledButton;
-exports.StyledList = StyledList;
-exports.StyledListItem = StyledListItem;

package/dist/cjs/Paper.styled.cjs

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var Box = require('@mui/material/Box');
-var styles = require('@mui/material/styles');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var getPadding = function getPadding(inset) {
-  if (typeof inset === "number") {
-    return "".concat(inset, "px");
-  }
-  if (inset === "none") {
-    return "0px";
-  }
-  if (inset === "small") {
-    return "8px";
-  }
-  if (inset === "medium") {
-    return "16px";
-  }
-  if (inset === "large") {
-    return "24px";
-  }
-  if (inset === "xlarge") {
-    return "32px";
-  }
-  return "".concat(inset);
-};
-var StyledPaper = styles.styled(Box)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", ";\n"])), function (_ref) {
-  var elevate = _ref.elevate,
-    fill = _ref.fill,
-    inset = _ref.inset,
-    noOverflow = _ref.noOverflow,
-    outlined = _ref.outlined,
-    rounded = _ref.rounded,
-    theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    background-color: ", ";\n    font-family: ", ";\n    padding: ", ";\n\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n\n     ", "\n  "])), object.getObjectProp(theme, "vars.palette.background.paper"), object.getObjectProp(theme, "typography.fontFamily"), getPadding(inset), elevate && !outlined && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border: none;\n      box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.1);\n    "]))), noOverflow && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))), outlined && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border: 1px solid rgba(0, 0, 0, 0.1);\n      box-shadow: none;\n    "]))), rounded && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      border-radius: 8px;\n    "]))), fill && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      height: 100%;\n      width: 100%;\n    "]))));
-});
-
-exports.default = StyledPaper;

package/dist/cjs/PropertyCard.styled.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var StyledContainer = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: flex;\n    @media screen and (max-width: 767px) {\n      flex-direction: column;\n      padding: ", ";\n    }\n    @media screen and (min-width: 768px) {\n      height: 100%;\n    }\n  "])), theme.spacing(3));
-});
-var StyledImg = styled.div(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n ", "}\n\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n   background: ", ";\n   overflow: hidden;\n\n   @media screen and (max-width: 767px) {\n     width: 100%;\n     height: 142px;\n   }\n\n   @media screen and (min-width: 768px) {\n     width: 182px;\n     flex: 0 0 182px;\n     min-height: 162px;\n\n     border-top-left-radius: ", "px;\n     border-bottom-left-radius: ", "px;\n   }\n "])), theme.palette.grey[200], theme.shape.borderRadius * 2, theme.shape.borderRadius * 2);
-});
-var StyledDetails = styled.div(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    flex-grow: 1;\n\n    @media screen and (max-width: 767px) {\n      padding: ", ";\n    }\n\n    @media screen and (min-width: 768px) {\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    }\n  "])), theme.spacing(3, 0, 1, 0), theme.spacing(3, 5));
-});
-var StyledIcon = styled.span(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "}\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return styled.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 12px;\n    color: ", ";\n  "])), theme.palette.grey.main);
-});
-
-exports.StyledContainer = StyledContainer;
-exports.StyledDetails = StyledDetails;
-exports.StyledIcon = StyledIcon;
-exports.StyledImg = StyledImg;

package/dist/cjs/Radio.styled.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var styles = require('@mui/material/styles');
-var Radio = require('@mui/material/Radio');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var StyledRadio = styles.styled(Radio)(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var checked = _ref.checked,
-    disabled = _ref.disabled,
-    theme = _ref.theme;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    padding: 0;\n    border-radius: 0;\n\n    ", "\n    ", "\n  "])), !checked && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      color: ", ";\n    "])), object.getObjectProp(theme, "vars.palette.grey.600")), disabled && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      && {\n        color: ", ";\n      }\n    "])), object.getObjectProp(theme, "vars.palette.grey.400")));
-});
-
-exports.StyledRadio = StyledRadio;

package/dist/cjs/SuccessModal.styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-
-var _templateObject, _templateObject2, _templateObject3;
-var StyledContent = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  text-align: center;\n  padding: 5rem;\n  & svg {\n    font-size: 150px;\n  }\n"])));
-var StyledIcon = styled.div(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: inline-flex;\n    margin-bottom: 10px;\n    color: ", ";\n  "])), theme.palette.success.main);
-});
-
-exports.StyledContent = StyledContent;
-exports.StyledIcon = StyledIcon;

package/dist/cjs/Switch.styled.cjs

@@ -1,40 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-var StyledSwitch = styled.label(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var disabled = _ref.disabled;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    position: relative;\n    cursor: pointer;\n    display: inline-flex;\n    gap: 20px;\n    align-items: center;\n    ", "\n  "])), disabled && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      opacity: 0.5;\n      pointer-events: none;\n    "]))));
-});
-var StyledSwitchLabel = styled.span(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var required = _ref2.required,
-    theme = _ref2.theme;
-  return react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 13px;\n    font-weight: 600;\n    color: ", ";\n\n    ", "\n  "])), object.getObjectProp(theme, "palette.text.primary"), required && react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      &:after {\n        content: '*';\n        color: ", ";\n      }\n    "])), object.getObjectProp(theme, "palette.error.main")));
-});
-var StyledSwitchKnob = styled.span(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var size = _ref3.size,
-    theme = _ref3.theme;
-  return react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    border-radius: 99999px;\n    box-shadow: ", ";\n    background: #fff;\n    position: absolute;\n    transition:\n      translate 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n      transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n    ", "\n\n    ", "\n  "])), object.getObjectProp(theme, "shadows.1"), size === "medium" && react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      width: 20px;\n      height: 20px;\n      top: 2px;\n      left: 2px;\n    "]))), size === "small" && react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      width: 14px;\n      height: 14px;\n      top: 2px;\n      left: 2px;\n    "]))));
-});
-var StyledSwitchTrack = styled.span(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref4) {
-  var size = _ref4.size,
-    theme = _ref4.theme;
-  return react.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    position: relative;\n    background: ", ";\n    transition: background 150ms linear;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n\n    &:focus {\n      box-shadow: 0px 0px 6px #1f1c4f;\n    }\n\n    ", "\n\n    ", "\n  "])), object.getObjectProp(theme, "palette.grey.300"), size === "medium" && react.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      height: 24px;\n      width: 44px;\n      border-radius: 12px;\n    "]))), size === "small" && react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      height: 18px;\n      width: 38px;\n      border-radius: 11px;\n    "]))));
-});
-var StyledSwitchInput = styled.input(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref5) {
-  var color = _ref5.color,
-    size = _ref5.size,
-    theme = _ref5.theme;
-  return react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    position: absolute;\n    left: 0;\n    top: 0;\n    z-index: -1;\n    visibility: hidden;\n    opacity: 0;\n\n    &:checked ~ ", " {\n      background: ", ";\n    }\n\n    &:checked ~ ", " ", " {\n      transform: translateX(", "px);\n    }\n  "])), StyledSwitchTrack, object.getObjectProp(theme, "palette.".concat(color, ".main")), StyledSwitchTrack, StyledSwitchKnob, size === "small" ? "20" : "20");
-});
-
-exports.StyledSwitch = StyledSwitch;
-exports.StyledSwitchInput = StyledSwitchInput;
-exports.StyledSwitchKnob = StyledSwitchKnob;
-exports.StyledSwitchLabel = StyledSwitchLabel;
-exports.StyledSwitchTrack = StyledSwitchTrack;

package/dist/cjs/Tabs.styled.cjs

@@ -1,17 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var styled = require('styled-components');
-var MuiTabs = require('@mui/material/Tabs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-var arrowStyles = function arrowStyles(show) {
-  return styled.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  content: '';\n  display: ", ";\n  position: absolute;\n  width: 0;\n  height: 0;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n  border-width: 0 6px 6px 6px;\n  border-style: solid;\n  border-color: transparent transparent #fff transparent;\n"])), show ? "block" : "none");
-};
-var StyledTabs = styled(MuiTabs)(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var activecolor = _ref.activecolor,
-    theme = _ref.theme;
-  return styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    @media screen and (max-width: 767px) {\n      & .MuiTabs-flexContainer {\n        flex-direction: column;\n      }\n\n      & .MuiTab-root {\n        max-width: none;\n        position: relative;\n        padding-top: 15px;\n        padding-bottom: 15px;\n      }\n\n      & .MuiTab-root:after {\n        ", "\n      }\n\n      & .MuiTab-root.Mui-selected {\n        ", "\n        ", "\n      }\n\n      & .MuiTab-root.Mui-selected:after {\n        display: block;\n      }\n\n      & .MuiTabs-indicator {\n        display: none;\n      }\n    }\n\n    @media screen and (min-width: 600px) {\n      .MuiTab-root {\n        min-width: 160px;\n      }\n    }\n\n    @media screen and (min-width: 768px) {\n      & .MuiTabs-flexContainer {\n        position: relative;\n        z-index: 2;\n      }\n\n      & .MuiTabs-indicator {\n        height: 100%;\n        z-index: 1;\n        ", "\n        ", "\n      }\n\n      & .MuiTabs-indicator:after {\n        ", "\n      }\n    }\n  "])), arrowStyles(false), activecolor !== "inherit" && styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n          background: ", ";\n          color: ", ";\n        "])), theme.palette[activecolor].main, theme.palette[activecolor].contrastText), activecolor === "inherit" && styled.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n          background: inherit;\n          color: inherit;\n        "]))), activecolor !== "inherit" && styled.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n          background: ", ";\n          color: ", ";\n        "])), theme.palette[activecolor].main, theme.palette[activecolor].contrastText), activecolor === "inherit" && styled.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n          background: inherit;\n          color: inherit;\n        "]))), arrowStyles(true));
-});
-
-exports.StyledTabs = StyledTabs;

package/dist/cjs/Tag.styled.cjs

@@ -1,69 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-nVJh3iY2.js');
-var react = require('@emotion/react');
-var styled = require('@emotion/styled');
-var object = require('./object.cjs');
-require('./boolean.cjs');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
-var StyledTagIcon = styled.span(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var size = _ref.size;
-  return react.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n\n    ", "\n\n    ", "\n\n  ", "\n  "])), size === "small" && react.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n    "]))), size === "medium" && react.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      width: 12px;\n      height: 12px;\n    "]))), size === "large" && react.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n      width: 14px;\n      height: 14px;\n    "]))));
-});
-var edgesStyles = function edgesStyles(_ref2) {
-  var edges = _ref2.edges,
-    theme = _ref2.theme;
-  return react.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n  ", "\n    ", "\n"])), edges === "smooth" && react.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    border-radius: ", "px;\n  "])), object.getObjectProp(theme, "shape.borderRadius") || 4), edges === "sharp" && react.css(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    border-radius: 0px;\n  "]))), edges === "rounded" && react.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    border-radius: 99999px;\n  "]))));
-};
-var sizeStyles = function sizeStyles(_ref3) {
-  var size = _ref3.size;
-  return react.css(_templateObject0 || (_templateObject0 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n\n  ", "\n\n  ", "\n"])), size === "small" && react.css(_templateObject1 || (_templateObject1 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 10px;\n    height: 18px;\n    line-height: 18px;\n    padding: 0px 6px;\n  "]))), size === "medium" && react.css(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 12px;\n    height: 20px;\n    line-height: 20px;\n    padding: 0px 8px;\n  "]))), size === "large" && react.css(_templateObject11 || (_templateObject11 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    font-size: 14px;\n    height: 24px;\n    line-height: 24px;\n    padding: 0px 10px;\n  "]))));
-};
-var containedStyles = function containedStyles(_ref4) {
-  var color = _ref4.color,
-    theme = _ref4.theme;
-  return react.css(_templateObject12 || (_templateObject12 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  background-color: ", ";\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")), object.getObjectProp(theme, "vars.palette.".concat(color, ".contrastText")));
-};
-var standardStyles = function standardStyles(_ref5) {
-  var color = _ref5.color,
-    theme = _ref5.theme;
-  return react.css(_templateObject13 || (_templateObject13 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\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(_ref6) {
-  var color = _ref6.color,
-    theme = _ref6.theme;
-  return react.css(_templateObject14 || (_templateObject14 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  background-color: transparent;\n  border: 1px solid currentColor;\n  color: ", ";\n"])), object.getObjectProp(theme, "vars.palette.".concat(color, ".main")));
-};
-var StyledTagIconDot = styled.span(_templateObject15 || (_templateObject15 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  display: inline-flex;\n  width: 0px;\n  height: 0px;\n  border-radius: 2px;\n  border-width: 3px;\n  border-style: solid;\n  border-color: currentColor;\n"])));
-var StyledTag = styled.div(_templateObject16 || (_templateObject16 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n  ", "\n"])), function (_ref7) {
-  var _ref7$color = _ref7.color,
-    color = _ref7$color === void 0 ? "default" : _ref7$color,
-    _ref7$edges = _ref7.edges,
-    edges = _ref7$edges === void 0 ? "smooth" : _ref7$edges,
-    _ref7$size = _ref7.size,
-    size = _ref7$size === void 0 ? "medium" : _ref7$size,
-    theme = _ref7.theme,
-    variant = _ref7.variant;
-  return react.css(_templateObject17 || (_templateObject17 = _rollupPluginBabelHelpers._taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n    font-weight: 500;\n    gap: 4px;\n\n    ", "\n    ", "\n    ", "\n    ", "\n    ", "\n  "])), edgesStyles({
-    edges: edges,
-    theme: theme
-  }), sizeStyles({
-    size: size
-  }), variant === "standard" && standardStyles({
-    color: color,
-    theme: theme
-  }), variant === "outlined" && outlinedStyles({
-    color: color,
-    theme: theme
-  }), variant === "contained" && containedStyles({
-    color: color,
-    theme: theme
-  }));
-});
-
-exports.StyledTagIcon = StyledTagIcon;
-exports.StyledTagIconDot = StyledTagIconDot;
-exports.default = StyledTag;