@tenancy.nz/ui 1.0.2 → 1.0.3

package/dist/esm/components/Table.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTable from '@mui/material/Table';
 
-function Table({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTable, { ...rest, children });
+var _excluded = ["children"];
+function Table(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTable, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 Table.propTypes = {
   /**

package/dist/esm/components/TableBody.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTableBody from '@mui/material/TableBody';
 
-function TableBody({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTableBody, { ...rest, children });
+var _excluded = ["children"];
+function TableBody(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTableBody, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableBody.propTypes = {
   /**

package/dist/esm/components/TableCell.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTableCell from '@mui/material/TableCell';
 
-function TableCell({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTableCell, { ...rest, children });
+var _excluded = ["children"];
+function TableCell(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTableCell, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableCell.propTypes = {
   /**

package/dist/esm/components/TableContainer.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTableContainer from '@mui/material/TableContainer';
 
-function TableContainer({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTableContainer, { ...rest, children });
+var _excluded = ["children"];
+function TableContainer(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTableContainer, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableContainer.propTypes = {
   /**

package/dist/esm/components/TableFooter.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTableFooter from '@mui/material/TableFooter';
 
-function TableFooter({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTableFooter, { ...rest, children });
+var _excluded = ["children"];
+function TableFooter(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTableFooter, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableFooter.propTypes = {
   /**

package/dist/esm/components/TableHead.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTableHead from '@mui/material/TableHead';
 
-function TableHead({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTableHead, { ...rest, children });
+var _excluded = ["children"];
+function TableHead(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTableHead, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableHead.propTypes = {
   /**

package/dist/esm/components/TableRow.js

@@ -1,11 +1,17 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import MuiTableRow from '@mui/material/TableRow';
 
-function TableRow({ children, ...rest }) {
-  return /* @__PURE__ */ jsx(MuiTableRow, { ...rest, children });
+var _excluded = ["children"];
+function TableRow(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(MuiTableRow, _objectSpread2(_objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableRow.propTypes = {
   /**

package/dist/esm/components/Tabs.js

@@ -1,43 +1,32 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import PropTypes from 'prop-types';
 import { StyledTabs } from './Tabs.styled.js';
 
-function Tabs({
-  action = () => {
-  },
-  activecolor,
-  children,
-  value = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    StyledTabs,
-    {
-      ...rest,
-      action,
-      value,
-      activecolor,
-      textColor: "inherit",
-      children
-    }
-  );
+var _excluded = ["action", "activecolor", "children", "value"];
+function Tabs(_ref) {
+  var _ref$action = _ref.action,
+    action = _ref$action === void 0 ? function () {} : _ref$action,
+    activecolor = _ref.activecolor,
+    children = _ref.children,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? false : _ref$value,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsx(StyledTabs, _objectSpread2(_objectSpread2({}, rest), {}, {
+    action: action,
+    value: value,
+    activecolor: activecolor,
+    textColor: "inherit",
+    children: children
+  }));
 }
 Tabs.propTypes = {
   /**
    * Color to highlight selected tab
    */
-  activecolor: PropTypes.oneOf([
-    "default",
-    "primary",
-    "primaryAlt",
-    "secondary",
-    "secondaryAlt",
-    "tertiary",
-    "info",
-    "inherit"
-  ]).isRequired,
+  activecolor: PropTypes.oneOf(["default", "primary", "primaryAlt", "secondary", "secondaryAlt", "tertiary", "info", "inherit"]).isRequired,
   /**
    * Callback fired when the component mounts. This is useful when you want to
    * trigger an action programmatically. It supports two actions: `updateIndicator()`

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

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

package/dist/esm/components/Tag.js

@@ -1,33 +1,43 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import StyledTag, { StyledTagIcon, StyledTagIconDot } from './Tag.styled.js';
 
-function Tag({
-  endIcon = void 0,
-  label,
-  startIcon = void 0,
-  color = "default",
-  edges = "smooth",
-  size = "medium",
-  variant = "standard",
-  ...others
-}) {
-  return /* @__PURE__ */ jsxs(
-    StyledTag,
-    {
-      color,
-      edges,
-      variant,
-      size,
-      ...others,
-      children: [
-        startIcon && /* @__PURE__ */ jsx(StyledTagIcon, { size, children: startIcon }),
-        !startIcon && !endIcon && /* @__PURE__ */ jsx(StyledTagIcon, { size, children: /* @__PURE__ */ jsx(StyledTagIconDot, {}) }),
-        /* @__PURE__ */ jsx("span", { children: label }),
-        endIcon && /* @__PURE__ */ jsx(StyledTagIcon, { size, children: endIcon })
-      ]
-    }
-  );
+var _excluded = ["endIcon", "label", "startIcon", "color", "edges", "size", "variant"];
+function Tag(_ref) {
+  var _ref$endIcon = _ref.endIcon,
+    endIcon = _ref$endIcon === void 0 ? void 0 : _ref$endIcon,
+    label = _ref.label,
+    _ref$startIcon = _ref.startIcon,
+    startIcon = _ref$startIcon === void 0 ? void 0 : _ref$startIcon,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? "default" : _ref$color,
+    _ref$edges = _ref.edges,
+    edges = _ref$edges === void 0 ? "smooth" : _ref$edges,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "medium" : _ref$size,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "standard" : _ref$variant,
+    others = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxs(StyledTag, _objectSpread2(_objectSpread2({
+    color: color,
+    edges: edges,
+    variant: variant,
+    size: size
+  }, others), {}, {
+    children: [startIcon && /* @__PURE__ */jsx(StyledTagIcon, {
+      size: size,
+      children: startIcon
+    }), !startIcon && !endIcon && /* @__PURE__ */jsx(StyledTagIcon, {
+      size: size,
+      children: /* @__PURE__ */jsx(StyledTagIconDot, {})
+    }), /* @__PURE__ */jsx("span", {
+      children: label
+    }), endIcon && /* @__PURE__ */jsx(StyledTagIcon, {
+      size: size,
+      children: endIcon
+    })]
+  }));
 }
 
 export { Tag as default };

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

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

package/dist/esm/components/Text.js

@@ -1,32 +1,46 @@
 "use strict";
+import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import Typography from '@mui/material/Typography';
 
-function Text({
-  as = "p",
-  children,
-  italic = false,
-  transform = void 0,
-  weight = "500",
-  display = "block",
-  paragraph = false,
-  sx = {},
-  ...others
-}) {
-  const component = paragraph ? "p" : as;
-  const inlineComponents = ["span", "small", "strong"];
-  const textStyles = {
-    fontWeight: weight,
-    ...italic && { fontStyle: "italic" },
-    ...transform && { textTransform: transform }
-  };
-  const styles = {
-    display: inlineComponents.includes(component) ? "inline-block" : display,
-    ...textStyles,
-    ...paragraph && { my: "8px" },
-    ...sx
-  };
-  return /* @__PURE__ */ jsx(Typography, { component, ...others, sx: styles, children });
+var _excluded = ["as", "children", "italic", "transform", "weight", "display", "paragraph", "sx"];
+function Text(_ref) {
+  var _ref$as = _ref.as,
+    as = _ref$as === void 0 ? "p" : _ref$as,
+    children = _ref.children,
+    _ref$italic = _ref.italic,
+    italic = _ref$italic === void 0 ? false : _ref$italic,
+    _ref$transform = _ref.transform,
+    transform = _ref$transform === void 0 ? void 0 : _ref$transform,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? "500" : _ref$weight,
+    _ref$display = _ref.display,
+    display = _ref$display === void 0 ? "block" : _ref$display,
+    _ref$paragraph = _ref.paragraph,
+    paragraph = _ref$paragraph === void 0 ? false : _ref$paragraph,
+    _ref$sx = _ref.sx,
+    sx = _ref$sx === void 0 ? {} : _ref$sx,
+    others = _objectWithoutProperties(_ref, _excluded);
+  var component = paragraph ? "p" : as;
+  var inlineComponents = ["span", "small", "strong"];
+  var textStyles = _objectSpread2(_objectSpread2({
+    fontWeight: weight
+  }, italic && {
+    fontStyle: "italic"
+  }), transform && {
+    textTransform: transform
+  });
+  var styles = _objectSpread2(_objectSpread2(_objectSpread2({
+    display: inlineComponents.includes(component) ? "inline-block" : display
+  }, textStyles), paragraph && {
+    my: "8px"
+  }), sx);
+  return /* @__PURE__ */jsx(Typography, _objectSpread2(_objectSpread2({
+    component: component
+  }, others), {}, {
+    sx: styles,
+    children: children
+  }));
 }
 
 export { Text as default };