@tenancy.nz/ui 1.0.2 → 1.0.4

package/dist/cjs/components/TabPanel.styled.cjs

@@ -1,12 +1,14 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 
-const StyledTabPanel = styled.div`
-  ${({ index, value }) => styled.css`
-    display: ${index === value ? "block" : "none"};
-  `}
-`;
+var _templateObject, _templateObject2;
+var StyledTabPanel = styled.div(_templateObject || (_templateObject = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
+  var index = _ref.index,
+    value = _ref.value;
+  return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers.taggedTemplateLiteral(["\n    display: ", ";\n  "])), index === value ? "block" : "none");
+});
 
 exports.StyledTabPanel = StyledTabPanel;

package/dist/cjs/components/Table.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTable = require('@mui/material/Table');
 
-function Table({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTable, { ...rest, children });
+var _excluded = ["children"];
+function Table(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTable, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 Table.propTypes = {
   /**

package/dist/cjs/components/TableBody.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTableBody = require('@mui/material/TableBody');
 
-function TableBody({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTableBody, { ...rest, children });
+var _excluded = ["children"];
+function TableBody(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTableBody, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableBody.propTypes = {
   /**

package/dist/cjs/components/TableCell.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTableCell = require('@mui/material/TableCell');
 
-function TableCell({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTableCell, { ...rest, children });
+var _excluded = ["children"];
+function TableCell(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTableCell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableCell.propTypes = {
   /**

package/dist/cjs/components/TableContainer.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTableContainer = require('@mui/material/TableContainer');
 
-function TableContainer({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTableContainer, { ...rest, children });
+var _excluded = ["children"];
+function TableContainer(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTableContainer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableContainer.propTypes = {
   /**

package/dist/cjs/components/TableFooter.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTableFooter = require('@mui/material/TableFooter');
 
-function TableFooter({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTableFooter, { ...rest, children });
+var _excluded = ["children"];
+function TableFooter(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTableFooter, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableFooter.propTypes = {
   /**

package/dist/cjs/components/TableHead.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTableHead = require('@mui/material/TableHead');
 
-function TableHead({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTableHead, { ...rest, children });
+var _excluded = ["children"];
+function TableHead(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTableHead, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableHead.propTypes = {
   /**

package/dist/cjs/components/TableRow.cjs

@@ -3,13 +3,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var MuiTableRow = require('@mui/material/TableRow');
 
-function TableRow({ children, ...rest }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTableRow, { ...rest, children });
+var _excluded = ["children"];
+function TableRow(_ref) {
+  var children = _ref.children,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(MuiTableRow, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
+    children: children
+  }));
 }
 TableRow.propTypes = {
   /**

package/dist/cjs/components/Tabs.cjs

@@ -3,45 +3,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
 var PropTypes = require('prop-types');
 var Tabs_styled = require('./Tabs.styled.cjs');
 
-function Tabs({
-  action = () => {
-  },
-  activecolor,
-  children,
-  value = false,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Tabs_styled.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsx(Tabs_styled.StyledTabs, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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/cjs/components/Tabs.styled.cjs

@@ -1,90 +1,18 @@
 "use strict";
 'use strict';
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var styled = require('styled-components');
 var MuiTabs = require('@mui/material/Tabs');
 
-const arrowStyles = (show) => styled.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 }) => styled.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" && styled.css`
-          background: ${theme.palette[activecolor].main};
-          color: ${theme.palette[activecolor].contrastText};
-        `}
-        ${activecolor === "inherit" && styled.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" && styled.css`
-          background: ${theme.palette[activecolor].main};
-          color: ${theme.palette[activecolor].contrastText};
-        `}
-        ${activecolor === "inherit" && styled.css`
-          background: inherit;
-          color: inherit;
-        `}
-      }
-
-      & .MuiTabs-indicator:after {
-        ${arrowStyles(true)}
-      }
-    }
-  `}
-`;
+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/components/Tag.cjs

@@ -3,35 +3,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var Tag_styled = require('./Tag.styled.cjs');
 
-function Tag({
-  endIcon = void 0,
-  label,
-  startIcon = void 0,
-  color = "default",
-  edges = "smooth",
-  size = "medium",
-  variant = "standard",
-  ...others
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Tag_styled.default,
-    {
-      color,
-      edges,
-      variant,
-      size,
-      ...others,
-      children: [
-        startIcon && /* @__PURE__ */ jsxRuntime.jsx(Tag_styled.StyledTagIcon, { size, children: startIcon }),
-        !startIcon && !endIcon && /* @__PURE__ */ jsxRuntime.jsx(Tag_styled.StyledTagIcon, { size, children: /* @__PURE__ */ jsxRuntime.jsx(Tag_styled.StyledTagIconDot, {}) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
-        endIcon && /* @__PURE__ */ jsxRuntime.jsx(Tag_styled.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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */jsxRuntime.jsxs(Tag_styled.default, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
+    color: color,
+    edges: edges,
+    variant: variant,
+    size: size
+  }, others), {}, {
+    children: [startIcon && /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIcon, {
+      size: size,
+      children: startIcon
+    }), !startIcon && !endIcon && /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIcon, {
+      size: size,
+      children: /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIconDot, {})
+    }), /* @__PURE__ */jsxRuntime.jsx("span", {
+      children: label
+    }), endIcon && /* @__PURE__ */jsxRuntime.jsx(Tag_styled.StyledTagIcon, {
+      size: size,
+      children: endIcon
+    })]
+  }));
 }
 
 exports.default = Tag;

package/dist/cjs/components/Tag.styled.cjs

@@ -3,117 +3,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.cjs');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var object = require('../utils/helpers/object.cjs');
 
-const StyledTagIcon = styled.span`
-  ${({ size }) => react.css`
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-
-    ${size === "small" && react.css`
-      width: 10px;
-      height: 10px;
-    `}
-
-    ${size === "medium" && react.css`
-      width: 12px;
-      height: 12px;
-    `}
-
-  ${size === "large" && react.css`
-      width: 14px;
-      height: 14px;
-    `}
-  `}
-`;
-const edgesStyles = ({ edges, theme }) => react.css`
-  ${edges === "smooth" && react.css`
-    border-radius: ${object.getObjectProp(theme, "shape.borderRadius") || 4}px;
-  `}
-  ${edges === "sharp" && react.css`
-    border-radius: 0px;
-  `}
-    ${edges === "rounded" && react.css`
-    border-radius: 99999px;
-  `}
-`;
-const sizeStyles = ({ size }) => react.css`
-  ${size === "small" && react.css`
-    font-size: 10px;
-    height: 18px;
-    line-height: 18px;
-    padding: 0px 6px;
-  `}
-
-  ${size === "medium" && react.css`
-    font-size: 12px;
-    height: 20px;
-    line-height: 20px;
-    padding: 0px 8px;
-  `}
-
-  ${size === "large" && react.css`
-    font-size: 14px;
-    height: 24px;
-    line-height: 24px;
-    padding: 0px 10px;
-  `}
-`;
-const containedStyles = ({
-  color,
-  theme
-}) => react.css`
-  background-color: ${object.getObjectProp(theme, `vars.palette.${color}.main`)};
-  color: ${object.getObjectProp(theme, `vars.palette.${color}.contrastText`)};
-`;
-const standardStyles = ({
-  color,
-  theme
-}) => react.css`
-  background-color: ${object.getObjectProp(theme, `vars.palette.${color}.light`)};
-  color: ${object.getObjectProp(theme, `vars.palette.${color}.main`)};
-`;
-const outlinedStyles = ({
-  color,
-  theme
-}) => react.css`
-  background-color: transparent;
-  border: 1px solid currentColor;
-  color: ${object.getObjectProp(theme, `vars.palette.${color}.main`)};
-`;
-const 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
-}) => react.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 = _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;